@charset "Shift_JIS";
/* CSS for コリスター */

#colli_logo{
	width:645px;
	height:39px;
	background-image:url(../../img/colli/title_collister.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.b_t_deco{
	width:645px;
	height:inherit;
	background-image:url(../../img/com/title_bg.gif);
	background-repeat:repeat-x;
	background-position:0px 40px;
	padding-bottom:15px;
}

p{
	font-size: 12px;
	line-height: 150%;
	color: #333333;
}

dl{
	padding-top:20px;
	padding-bottom:10px;
	border-bottom:1px #999999 dotted;
}

dt{
	clear:left;
	float:left;
	font-size: 12px;
	color: #333333;
	width:8em;
	line-height: 150%;	
}

dd{
	font-size: 12px;
	margin-left:8em;
	color: #333333;
	line-height: 150%;	
}

/* ↓コリスター　キービジュアル↓ */
#key_qexvisual{
	width:643px;
	height:298px;
	background-image:url(../../img/colli/key_collister.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	border:1px #dedede solid;
}

#banner_collidx_mini{
	width:645px;
	height:100px;
	padding-top:10px;
}

/* ↓コリスター共通クラス↓ */
.r_info{
	float:right;
	height:inherit;
	width:340px;
	padding-left:0px;
}


/* ↓コリスター　ロングリッチトリートメントDX↓ */
#colli_dx{
	clear:left;
	padding-top:20px;
	float:left;
	width:645px;
	height:inherit;
}

#c_t_dx{
	width:359px;
	height:26px;
	background-image:url(../../img/colli/collister_dx.jpg);
	background-repeat:no-repeat;
	clear:right;
	padding-bottom:20px;
	text-indent:-9999px;
	float:left;
}

#colli_iyaku{
	width:126px;
	height:26px;
	float:left;
	padding-left:10px;
	background-image:url(../../img/colli/coli_iyaku.jpg);
	background-repeat:no-repeat;
	background-position:10px 4px;
	text-indent:-9999px;
}

#colli_dx p img{
	float:left;
}

.colli_subtitle{
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	color: #ca114c;
	line-height: 150%;
	font-size: 12px;
	border-bottom:1px #999999 dotted;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

/* ↓コリスター　ロングリッチトリートメントDX　限定ミニサイズ↓ */
#colli_dx_mini{
	clear:left;
	padding-top:20px;
	float:left;
	width:645px;
	height:inherit;
	border-top:1px #999999 dotted;
}

#c_t_dx_mini{
	width:526px;
	height:23px;
	background-image:url(../../img/colli/collister_dx_mini.jpg);
	background-repeat:no-repeat;
	clear:right;
	padding-bottom:20px;
	text-indent:-9999px;
	float:left;
}

#gentei_dx_mini{
	width:100px;
	height:20px;
	background-image:url(../../img/colli/colli_gentei.jpg);
	background-repeat:no-repeat;
	padding-bottom:3px;
	text-indent:-9999px;
}

#colli_iyaku_mini{
	width:74px;
	height:26px;
	float:left;
	padding-left:10px;
	background-image:url(../../img/colli/coli_iyaku.jpg);
	background-repeat:no-repeat;
	background-position:10px 4px;
	text-indent:-9999px;
}

#colli_dx_mini p img{
	float:left;
}

/* ↓コリスター　DX 商品説明イエローゾーン↓ */
#colli_de_ex{
	clear:both;
	width:645px;
	height:inherit;
	padding-top:20px;
}

#colli_de_ex ul{
	clear:both;
	background-color:#fefad7;
	background-image:url(../../img/colli/exdx_bg.jpg);
	background-repeat:no-repeat;
	background-position:480px 20px;
}

#cilli_p01{
	height:inherit;
	padding:5px 10px 10px 85px;
	background-image:url(../../img/colli/point_01.jpg);
	background-repeat:no-repeat;
	background-position:10px 10px;
}

#cilli_p01 h4 img{
	padding:10px 0px 5px 0px;
}

#cilli_p02{
	height:inherit;
	padding:5px 10px 10px 85px;
	background-image:url(../../img/colli/point_02.jpg);
	background-repeat:no-repeat;
	background-position:10px 5px;
}

#cilli_p02 h4 img{
	padding:10px 0px 5px 0px;
}
	
#cilli_p03{
	clear:left;
	height:inherit;
	padding:5px 10px 10px 85px;
	background-image:url(../../img/colli/point_03.jpg);
	background-repeat:no-repeat;
	background-position:10px 5px;
}

#cilli_p03 h4 img{
	padding:10px 0px 5px 0px;
}

/* ↓コリスター　EX↓ */
#colli_ex{
	clear:both;
	padding-top:20px;
	width:645px;
	height:inherit;
	border-top:1px #999999 dotted;
}

#c_t_ex{
	width:380px;
	height:26px;
	background-image:url(../../img/colli/collister_ex.jpg);
	background-repeat:no-repeat;
	clear:right;
	padding-bottom:20px;
	text-indent:-9999px;
	float:left;
}

#colli_ex p img{
	float:left;
}

.colli_subtitle{
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	color: #ca114c;
	line-height: 150%;
	font-size: 12px;
	border-bottom:1px #999999 dotted;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

/* ↓コリスター　EX 商品説明イエローゾーン↓ */
#colli_ex_ex{
	clear:both;
	float:left;
	width:645px;
	height:inherit;
	padding-top:20px;
}

#colli_ex_bg{
	clear:both;
	float:left;
	width:645px;
	background-color:#fefad7;
	background-image:url(../../img/colli/colliex_bg.jpg);
	background-repeat:no-repeat;
	background-position:450px 20px;
}

#chach_img{
	float:left;
	padding-left:20px;
}

.chach{
	float:left;
	padding:10px;
}

/*特徴　馬のたてがみエッセンス配合 */
#tokucho_uma{
	width:405px;
	height:30px;
	background-image:url(../../img/colli/tokucho.jpg);
	background-repeat:no-repeat;
	background-position:10px 0px;
	text-indent:-9999px;
}

#uma_essence{
	float:left;	
	width:inherit;
	height:inherit;
	padding-top:10px;
}

#uma_essence p img{
	padding:10px 10px 20px 40px;
	float:left;	
}

#uma_text{
	width:200px;
	height:inherit;
	float:left;
	padding-top:10px;
}

/* ↓使用方法↓ */
.use{
	clear:both;
	width:645px;
	height:inherit;
	padding-top:20px;
}

.use h3{
	width:625px;
	border-bottom:1px #999999 dotted;
	font-weight:700;
	padding:0px 10px 0px 10px;
	font-size:12px;
	color: #333333;
	line-height:150%;	
}
.use p{
	padding:10px 2px 0px 10px;
	font-size:12px;
	color: #333333;
	line-height:150%;	
}

/* ↓ポイント↓ */
.point{
	clear:both;
	width:645px;
	height:inherit;
	padding-top:20px;
}

.point h3{
	width:645px;
	border-bottom:1px #999999 dotted;
	font-weight:700;
	font-size:12px;
	color: #333333;
	line-height:150%;	
}

.point h5{
	font-weight:600;
	padding:10px 0px 0px 10px;
	font-size:12px;
	color: #333333;
	line-height:150%;	
}

.point p{
	width:625px;
	padding:0px 10px 0px 10px;
	font-size:12px;
	color: #333333;
	line-height:150%;	
}

/* ↓成分表示↓ */
.seibun{
	clear:both;
	width:645px;
	height:inherit;
	padding-top:20px;
}

.seibun h3{
	font-weight:700;
	padding:10px 10px 0px 10px;
	font-size:12px;
	color: #333333;
	line-height:150%;
	background-color:#f3f3f3;	
}
.seibun p{
	padding:2px 10px 5px 10px;
	font-size:12px;
	color: #333333;
	line-height:150%;
	background-color:#f3f3f3;	
}

/* ↓購入ボタン↓ */
.btn_tobuy{
	margin:20px 0px 20px;
	width:237px;
	height:40px;
	clear:both;
	float:right;
}

.btn_tobuy a{
	width:237px;
	height:40px;
	float:right;
	text-indent:-9999px;
	background-image:url(../../img/wl/btn_shopping.jpg);
	background-repeat:no-repeat;
	display:block;
}

.btn_tobuy a:hover{
	background-image:url(../../img/wl/btn_shopping.jpg);
	background-repeat:no-repeat;
}
#container_02 #main_contents #colli_dx #colli_de_ex #cilli_p01 #c_p01_text {
	width: 350px;
	font-size: 12px;
	line-height: 150%;
}
#container_02 #main_contents #colli_dx #colli_de_ex #cilli_p02 #c_p02_text {
	font-size: 12px;
	line-height: 150%;
	width: 350px;
}
#container_02 #main_contents #colli_dx #colli_de_ex #cilli_p03 #c_p03_text {
	font-size: 12px;
	line-height: 150%;
	width: 350px;
}
#container_02 #main_contents #colli_top {
	margin-bottom: 20px;
}