@charset "UTF-8";

@import url(thermacool_top.css);
@import url(experience.css);

/*20100628追加ここから==========================================================================================*/

h3.h3_thermacool { 
	padding:3px 0 0 35px;
	margin-top:25px;
	margin-bottom:15px;
	width:558px;
	height:22px;
	background:url(/detail/thermacool/materials/ptit_h3.jpg) no-repeat;
	font-size:16px;
	line-height:1em;
	font-weight:bold;
	color:#666;
	clear:both;
	}

div#sub_attention { margin-bottom:15px; width:593px; height:48px; background:url(/detail/thermacool/materials/top/btn_attention.jpg) no-repeat;}	
div#sub_attention h2,div#sub_attention p { display:none;}

div#sub_outline { margin-bottom:15px; width:593px; height:369px; background:url(/detail/thermacool/materials/sub_outline.jpg) no-repeat;}	
div#sub_outline h2,div#sub_outline p { display:none;}

div#sub_method { margin-bottom:15px; width:593px; height:369px; background:url(/detail/thermacool/materials/sub_method.jpg) no-repeat;}	
div#sub_method h2,div#sub_method p { display:none;}

div#sub_contraindications { margin-bottom:15px; width:593px; height:369px; background:url(/detail/thermacool/materials/sub_contraindications.jpg) no-repeat;}	
div#sub_contraindications h2,div#sub_contraindications p { display:none;}

div#sub_bodytherma { margin-bottom:15px; width:593px; height:369px; background:url(/detail/thermacool/materials/sub_bodytherma.jpg) no-repeat;}	
div#sub_bodytherma h2,div#sub_bodytherma p { display:none;}


/*20100628追加ここまで==========================================================================================*/


body {
	background: url(/detail/thermacool/materials/thermacool_bg.jpg) #ffffff repeat-x;
}

.page {
	background: url(/detail/thermacool/materials/thermacool_base_bg.jpg) no-repeat;
}

#menulist {
	background: #ffe1f3;
}

#menulist .ft {
	padding: 0px 0px 3px 0px;
	background: url(/detail/thermacool/materials/cat_thermacool_ft.gif) no-repeat 0 bottom;
}

h2.cat_thermacool a {
	width: 192px;
	height: 37px;
	display: block;
	background: url(/common/materials/sm_therma_on.jpg) no-repeat;
	text-indent: -9999px;
}

#detail_contents ul {
	margin: 0px 0px 20px 0px;
}

#detail_contents li {
	list-style-image: url(/detail/thermacool/materials/li.gif);
	margin-left: 30px;
}

#detail_contents .mi p.reco {
	width: 334px;
	height: 34px;
	background: url(/detail/thermacool/materials/msg_recommend.gif) no-repeat;
	text-indent: -9999px;
}
	
#detail_contents .mi ul.reco {
	margin: 0px 0px 0px 15px;
}

#detail_contents .mi ul.reco li {
	padding: 0px 0px 0px 20px;
	background: url(/detail/thermacool/materials/list_dot.gif) no-repeat 0 2px;
	color: #004780;
}


.bd .hd, .bd2 .hd {
	background: url(/detail/thermacool/materials/h3_bg.gif) no-repeat;
}

.bd h4 {
	font-weight: bold;
	color: #ffffff;
	padding: 2px 0px 2px 8px;
	background: #8a347d;
	border-left: 5px solid #ebe3ee;
}

.bd h5 {
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #fe006b;

}

#minfo ul.submn2 a:link, .submn2 a:active, .submn2 a:visited {
}

#minfo ul.submn2 li.on p {
	background: url(/detail/thermacool/materials/mn/li_tri.gif) #cacab9 no-repeat 10px 6px;
}

#minfo ul.submn2 li a {
	color: #000000;
	text-decoration: none;
	background: url(/detail/thermacool/materials/mn/li_tri.gif) #ffffff no-repeat 10px 6px;
}

#minfo ul.submn2 li a:hover {
	background: url(/detail/thermacool/materials/mn/li_tri.gif) #ddddce no-repeat 10px 6px;
	display: block;
}

#relation {
	background: url(/detail/thermacool/materials/relation_thermacool_tp.gif) #e9e9d8 no-repeat;
}

#relation .ft {
	background: url(/detail/thermacool/materials/relation_thermacool_ft.gif) no-repeat 0 bottom;
}

#relation p.hd {
	background: url(/detail/thermacool/materials/relation_thermacool_hd.gif) no-repeat;
}








#detail_contents h2 {
	width: 593px;
	height: 78px;
	text-indent: -9999px;
}




#outline {
	height: 174px;
	background: url(/detail/thermacool/materials/bg_outline.jpg) no-repeat;
	margin: 0px 0px 5px 0px;
	overflow: hidden;
}

h3.outline1 {
	width: 142px;
	height: 17px;
	background: url(/detail/thermacool/materials/hd_outline1.gif) no-repeat;
}

h3.outline2 {
	width: 161px;
	height: 18px;
	background: url(/detail/thermacool/materials/hd_outline2.gif) no-repeat;
}

h3.outline3 {
	width: 213px;
	height: 18px;
	background: url(/detail/thermacool/materials/hd_outline3.gif) no-repeat;
}

h3.outline4 {
	width: 161px;
	height: 18px;
	background: url(/detail/thermacool/materials/hd_outline4.gif) no-repeat;
}

h3.outline5 {
	width: 160px;
	height: 18px;
	background: url(/detail/thermacool/materials/hd_outline5.gif) no-repeat;
}


#method {
	height: 174px;
	background: url(/detail/thermacool/materials/bg_method.jpg) no-repeat;
	margin: 0px 0px 5px 0px;
	overflow: hidden;
}

h3.method1 {
	width: 214px;
	height: 18px;
	background: url(/detail/thermacool/materials/hd_method1.gif) no-repeat;
}

h3.method2 {
	width: 231px;
	height: 18px;
	background: url(/detail/thermacool/materials/hd_method2.gif) no-repeat;
}

h3.method3 {
	width: 144px;
	height: 18px;
	background: url(/detail/thermacool/materials/hd_method3.gif) no-repeat;
}

h3.method4 {
	width: 305px;
	height: 18px;
	background: url(/detail/thermacool/materials/hd_method4.gif) no-repeat;
}

h3.method5 {
	width: 72px;
	height: 18px;
	background: url(/detail/thermacool/materials/hd_method5.gif) no-repeat;
}


#contraindications {
	height: 174px;
	background: url(/detail/thermacool/materials/bg_contraindications.jpg) no-repeat;
	margin: 0px 0px 5px 0px;
	overflow: hidden;
}

h3.contraindications1 {
	width: 160px;
	height: 18px;
	background: url(/detail/thermacool/materials/hd_contraindications1.gif) no-repeat;
}


#bodytherma {
	height: 174px;
	background: url(/detail/thermacool/materials/bg_bodytherma.jpg) no-repeat;
	margin: 0px 0px 5px 0px;
	overflow: hidden;
}

h3.bodytherma1 {
	width: 178px;
	height: 18px;
	background: url(/detail/thermacool/materials/hd_bodytherma1.gif) no-repeat;
}

h3.bodytherma2 {
	width: 286px;
	height: 19px;
	background: url(/detail/thermacool/materials/hd_bodytherma2.gif) no-repeat;
}

h3.bodytherma3 {
	width: 72px;
	height: 18px;
	background: url(/detail/thermacool/materials/hd_bodytherma3.gif) no-repeat;
}



table.method {
	margin: 0px 0px 25px 0px;
	padding: 0px;
	border-collapse: collapse;
	empty-cells: show;
}

table.method th {
	font-size: 11px;
	padding: 5px;
	border: 1px solid #666666;
}

table.method td {
	font-size: 11px;
	padding: 5px;
	border: 1px solid #666666;
}

table.method th.t, table.method td.t {
	background-color: #ffffcc;
}




#menulist h3.cat_thermacool_hd1 {
	background: url(/detail/thermacool/materials/mn/hd_experience.gif) no-repeat;
	text-indent: -9999px;
}

#menulist h3.cat_thermacool_hd2 {
	background: url(/detail/thermacool/materials/mn/hd_thermacool.gif) no-repeat;
	text-indent: -9999px;
}

#menulist h3.cat_thermacool_hd3 {
	background: url(/detail/thermacool/materials/mn/hd_bodytherma.gif) no-repeat;
	text-indent: -9999px;
}

#menulist h3.cat_thermacool_hd4 {
	background: url(/detail/thermacool/materials/mn/hd_etc.gif) no-repeat;
	text-indent: -9999px;
}



#menulist p.M1 a {
	width: 167px;
	height: 31px;
	display: block;
	background: url(/detail/thermacool/materials/mn/mn_outline.gif) no-repeat;
	text-indent: -9999px;
}

#menulist p.M1 a:link {background-position: 0 0;}
#menulist p.M1 a:visited {background-position: 0 0;}
#menulist p.M1 a:hover {background-position: -167px 0;}
#menulist p.M1 a:active {background-position: -167px 0;}


#menulist p.M2 a {
	width: 167px;
	height: 31px;
	display: block;
	background: url(/detail/thermacool/materials/mn/mn_method.gif) no-repeat;
	text-indent: -9999px;
}

#menulist p.M2 a:link {background-position: 0 0;}
#menulist p.M2 a:visited {background-position: 0 0;}
#menulist p.M2 a:hover {background-position: -167px 0;}
#menulist p.M2 a:active {background-position: -167px 0;}


#menulist p.M3 a {
	width: 167px;
	height: 31px;
	display: block;
	background: url(/detail/thermacool/materials/mn/mn_contraindications.gif) no-repeat;
	text-indent: -9999px;
}

#menulist p.M3 a:link {background-position: 0 0;}
#menulist p.M3 a:visited {background-position: 0 0;}
#menulist p.M3 a:hover {background-position: -167px 0;}
#menulist p.M3 a:active {background-position: -167px 0;}


#menulist p.M4 a {
	width: 167px;
	height: 31px;
	display: block;
	background: url(/detail/thermacool/materials/mn/mn_bodytherma.gif) no-repeat;
	text-indent: -9999px;
}

#menulist p.M4 a:link {background-position: 0 0;}
#menulist p.M4 a:visited {background-position: 0 0;}
#menulist p.M4 a:hover {background-position: -167px 0;}
#menulist p.M4 a:active {background-position: -167px 0;}


#menulist p.M5 a {
	width: 167px;
	height: 31px;
	display: block;
	background: url(/detail/thermacool/materials/mn/mn_faq.gif) no-repeat;
	text-indent: -9999px;
}

#menulist p.M5 a:link {background-position: 0 0;}
#menulist p.M5 a:visited {background-position: 0 0;}
#menulist p.M5 a:hover {background-position: -167px 0;}
#menulist p.M5 a:active {background-position: -167px 0;}


#menulist p.M6 a {
	width: 167px;
	height: 31px;
	display: block;
	background: url(/detail/thermacool/materials/mn/mn_price.gif) no-repeat;
	text-indent: -9999px;
}

#menulist p.M6 a:link {background-position: 0 0;}
#menulist p.M6 a:visited {background-position: 0 0;}
#menulist p.M6 a:hover {background-position: -167px 0;}
#menulist p.M6 a:active {background-position: -167px 0;}


#thermage {
	width: 593px;
	height: 342px;
	margin: 0px 0px 25px 0px !important;
	position: relative;
	background: url(/detail/thermacool/materials/thermage_bg.jpg) no-repeat;
}

#thermage h2 {
	width: 593px;
	height: 107px;
	position: absolute;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	background: url(/detail/thermacool/materials/thermage_hg.jpg) no-repeat center 0;
	text-indent: -9999px;
}

#thermage p {
	font-size: 16px;
	position: absolute;
	top: 129px;
	left: 353px;
}

#thermage ul {
	width: 330px;
	font-size: 16px;
	line-height: 24px;
	position: absolute;
	top: 155px;
	left: 11px;
}

#thermage li {
	padding: 0px 0px 15px 0px;
}

.thermage_bd {
	padding: 0px 0px 20px 0px;
	background: url(/detail/thermacool/materials/thermage_bdbg.jpg) no-repeat 0 40px;
}

.thermage_bd h3 {
	font-weight: bold;
	color: #ffffff;
	padding: 2px 0px 2px 8px;
	margin: 0px 0px 30px 0px;
	background: #9a7855;
	border-left: 5px solid #e1d3ca;
}

.thermage_bd p {
	margin: 0px 15px 15px 240px;
}



/*--- 1202reNew追記---*/
#minfo_1202 ul.submn2 a:link, .submn2 a:active, .submn2 a:visited {
}

#minfo_1202 ul.submn2 li.on p {
	background: url(/detail/thermacool/materials/mn/li_tri.gif) #c5c5c5 no-repeat 10px 6px;
}

#minfo_1202 ul.submn2 li a {
	color: #000000;
	text-decoration: none;
	background: url(/detail/thermacool/materials/mn/li_tri.gif) #ffffff no-repeat 10px 6px;
}

#minfo_1202 ul.submn2 li a:hover {
	background: url(/detail/thermacool/materials/mn/li_tri.gif) #e3e3e3 no-repeat 10px 6px;
	display: block;
}
/*--- 1202reNew追記ここまで---*/