@charset "utf-8";

@import "./common.css";
/*==================================================================*/

/* style css */

/*==================================================================*/
#index{margin:0;padding:0;}




/* ---------------------------------------------------------------- */
/* main：メイン */
/* ---------------------------------------------------------------- */
/* リセット */
#mainarea *{margin:0;padding:0;}
#mainarea img{vertical-align:bottom;}

#mainarea{
	margin:0 auto;
	padding:0;
	background:url('/common_img/main-back.jpg') repeat 0 0;
}
/* clear hack */
#mainarea{zoom:1;}
#mainarea:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#mainarea .catch{
	margin:0 auto 1em;
	text-align:center;
}
#mainarea #case-area{
	margin:0 auto 2.5em;
	text-align:center;
	width:900px;
}


/* ---------------------------------------------------------------- */
/* block：トップテキスト */
/* ---------------------------------------------------------------- */
/* リセット */
#read *{margin:0;padding:0;}

/* ---------------------------------------------------------------- */
/* read：トップテキスト */
/* ---------------------------------------------------------------- */
/* リセット */
#read *{margin:0;padding:0;}
#read{margin:0 auto 2em;width:635px;}
#read img{
	float:left;
    width:307px;
    background:#efefef;
}
#read .text{
	float:right;
    width:320px;
    background:url('/image/main_back.gif') no-repeat 0 0 #efefef;
}
#read .text p{
	padding:20px;
}

/* clear hack */
#read{zoom:1;}
#read:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/* ---------------------------------------------------------------- */
/* RSSエリア */
/* ---------------------------------------------------------------- */
/* リセット */
#rss-area *{margin:0;padding:0;}
#rss-area{
	margin:0 auto 2.5em;
	width:635px;
}
/* clear hack */
#rss-area{zoom:1;}
#rss-area:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/* 新着情報 */    
#rss-area #whatsnew *{margin:0;padding:0;}
#rss-area #whatsnew{
	margin:0 auto;
	float:left;
	width:340px;
	background:url('../image/news_bottom.gif') repeat-y 0 0;
}
#rss-area #whatsnew #box-scroll *{margin:0;padding:0;}
#rss-area #whatsnew #box-scroll{
	margin:0 auto;
	padding:0;
	width:320px;
	text-align:center;
	background:#f6f6f6;
}

/* blog-area */
div.blog *{margin:0;padding:0;}
div.blog{margin:0 auto;}
div.blog dl{
	margin:0 auto;
	padding:2px 0 0;
	width:290px;
	background:url('../image/news_line.gif') repeat-x 0 bottom;
}
div.blog dt{
	padding:0 2px 2px 2px;
}
div.blog dd{
	padding:0 2px 2px 2px;
}




/* 動画 */    
#rss-area #movie{
	float:right;
	width:275px;
}
#rss-area #movie h2{
	margin-bottom:8px;
}
#rss-area #movie p{
	padding-top:5px;
	text-align:right;
}

/* ---------------------------------------------------------------- */
/* こんなプリントが可能です */
/* ---------------------------------------------------------------- */
/* リセット */
#pattern *{margin:0;padding:0;}
#pattern{
	margin:0 auto 2.5em;
	width:635px;
}
#pattern p.read-area{margin:0 auto 1.0em;width:580px;}

/* title */
#pattern #pattern-t{
	margin:0 auto 0.6em;
	width:606px;
	background:url('/image/common_line.gif') no-repeat 0 bottom;
}
/* clear hack */
#pattern #pattern-t{zoom:1;}
#pattern #pattern-t:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#pattern #pattern-t h2.pattern-title{
	float:left;
	padding-bottom:5px;
	width:276px;
}
#pattern #pattern-t p.pattern-btn{
	float:right;
	width:190px;
}

/* 柄紹介 */
#pattern .type *{margin:0;padding:0;}
#pattern .type{
	float:left;
	margin:0 6px;
	width:195px;
	background:url('/image/pattern_back.gif') repeat-y 0 0;
}

/* clear hack */
#pattern{zoom:1;}
#pattern:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#pattern .type dl{
	padding:0 4px;
}
#pattern .type dt{
	padding-bottom:0.5em;
	text-align:center;
}
#pattern .type dd.name{
	margin-bottom:0.5em;
	padding-bottom:0.3em;
	text-align:center;
	background:url('/image/pattern_dot.gif') no-repeat center bottom;
	font-weight:bold;
	
}
#pattern .type dd.pattern-txt{
	margin:0 auto;
	width:168px;
	text-align:left;
	padding:0 10px;
	font-size:0.9em;
	letter-spacing:1.0;
}


/* ---------------------------------------------------------------- */
/* お試しプリント */
/* ---------------------------------------------------------------- */
#try *{margin:0;padding:0;}
#try{
	margin:0 auto 2.5em;
	width:635px;
}

/* clear hack */
#try{zoom:1;}
#try:after{content:".";clear:both;height:0;display:block;visibility:hidden;}


/* こんな方に */
#try .recommend{
	float:left;
	width:400px;
	background:url('/image/trial_arrow.gif') no-repeat right center;
}
#try .recommend .recommendarea{
	width:365px;
	background:url('/image/trial_back.gif') repeat-y 0 0;
}
#try .recommend .recommendarea ul{
	list-style-type:none;
	padding-left:1.5em;
}
#try .recommend .recommendarea li{
	background:url('/image/trial_eye.gif') no-repeat 0 3px;
	font-size:1.2em;
	padding:0 5px 5px 20px;
}
#try .recommend .recommendarea li span{
	padding-bottom:4px;
	background:url('/image/common_line.gif') no-repeat 0 bottom;
}

/* お試しプリントはこちら */
#try .btn-try *{margin:0;padding:0;}
#try .btn-try{
	float:right;
	margin:1.5em auto 0;
	width:230px;
	background:url('../image/trial_btn_back.jpg') no-repeat 0 bottom;
	}
#try .btn-try p.try-bt{
	margin:0 auto;
	text-align:center;
	padding-bottom:6em;
	}




/* ---------------------------------------------------------------- */
/* ぷりんと屋とは？ */
/* ---------------------------------------------------------------- */
/* リセット */
#about *{margin:0;padding:0;}
#about{
	margin:0 auto 2.5em;
	width:635px;
	background:url('/image/about_back.gif') repeat-y 0 0;
}

#about h2{
	margin:0 auto 0.3em;
}
#about .about-point{
	margin:0 auto;
    	width:611px;
}

/* clear hack */
#about .about-point{zoom:1;}
#about .about-point:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#about .about-point p{
	float:left;
	width:315px;
}
#about .about-point p img{vertical-align:bottom;}
#about .about-point ul{
	margin:10px 0 5px;
	padding:0;
	float:left;
	width:285px;
    	list-style-type:none;
}
#about .about-point li{
	margin:0;
	padding-bottom:0.8em;
}
#about .about-point li img{vertical-align:top;}
#about .about-point li.about-btn{
	margin:0;
	padding:0;
	text-align:right;
}

/* ---------------------------------------------------------------- */
/* ご注意 */
/* ---------------------------------------------------------------- */
/* リセット */
div.caution *{margin:0;padding:0;}

div.caution{
	margin:0 auto 1.5em;
	padding:2px;
	background:url('../image/caution_back.gif') repeat 0 0;
	width:580px;
	color:#fff;
}
div.caution p{
padding:2px 0;
	background:url('../image/caution_fig.gif') no-repeat 0 0;
	padding-left:45px;

}




/* ---------------------------------------------------------------- */