@charset "UTF-8";

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

/*20100622lj==========================================================================================*/

#h2_outline {width:593px; height:369px;
background:url(/detail/datsumou/materials/tl_outline.jpg) no-repeat;}

#h2_method {width:593px; height:369px;
background:url(/detail/datsumou/materials/tl_method.jpg) no-repeat;}

#h2_point {width:593px; height:369px;
background:url(/detail/datsumou/materials/tl_point.jpg) no-repeat;}

#h2_lightsheer {width:593px; height:369px;
background:url(/detail/datsumou/materials/tl_lightsheer.jpg) no-repeat;}

#h2_alexandrite {width:593px; height:369px;
background:url(/detail/datsumou/materials/tl_alexandrite.jpg) no-repeat;}

#detail_contents .mi p.tl2 {
margin:0 0 10px 0px;
}

/*20100622lj܂==========================================================================================*/

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

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

#menulist {
	width: 175px;
	background: #ffe1f3;
}

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

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

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

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

#detail_contents .mi p.reco {
	width: 334px;
	height: 34px;
	background: url(/detail/datsumou/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/datsumou/materials/list_dot.gif) no-repeat 0 2px;
	color: #004780;
}

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

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

.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/datsumou/materials/mn/li_tri.gif) #c5c5c5 no-repeat 10px 6px;
}

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

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

#relation {
	clear:both;
	background: url(/detail/datsumou/materials/relation_datsumou_tp.gif) #95f0f3 no-repeat;
}

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

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








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

h3.outline1 {
	width: 71px;
	height: 18px;
	background: url(/detail/datsumou/materials/hd_outline1.gif) no-repeat;
}

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

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

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

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

h3.point1 {
	width: 191px;
	height: 19px;
	background: url(/detail/datsumou/materials/hd_point1.gif) no-repeat;
}

h3.lightsheer1 {
	width: 291px;
	height: 19px;
	background: url(/detail/datsumou/materials/hd_lightsheer1.gif) no-repeat;
}

h3.alexandrite1 {
	width: 285px;
	height: 18px;
	background: url(/detail/datsumou/materials/hd_alexandrite1.gif) no-repeat;
}



table.sheet {
	margin: 0px 20px 25px 20px;
	padding: 0px;
	border-collapse: collapse;
}

table.sheet td {
	font-size: 12px;
	line-height: 18px;
	color: #404040;
	padding: 5px;
	text-align: left;
	border: 1px solid #cdfeff;
	background-color: #edffff;
}

table.sheet td.t {
	width: 70px;
	font-weight: bold;
	text-align: center;
	color: #333333;
	background-color: #d6fbff;
}

table.sheet2 {
	margin: 0px 20px 25px 20px;
	padding: 0px;
	border-collapse: collapse;
}

table.sheet2 td {
	font-size: 12px;
	line-height: 18px;
	color: #404040;
	padding: 5px;
	text-align: left;
	border: 1px solid #cdfeff;
	background-color: #edffff;
}

table.sheet2 td.t {
	width: 300px;
	font-weight: bold;
	color: #333333;
	background-color: #d6fbff;
}

table.sheet3 {
	width: 553px;
	margin: 0px 20px 25px 20px;
	padding: 0px;
	border-collapse: collapse;
}

table.sheet3 td {
	font-size: 12px;
	line-height: 18px;
	color: #404040;
	padding: 5px;
	text-align: left;
	border: 1px solid #cdfeff;
	background-color: #edffff;
}

table.sheet3 td.t {
	width: 150px;
	font-weight: bold;
	color: #333333;
	background-color: #d6fbff;
}






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

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

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




#menulist p.M1 a {
	width: 167px;
	height: 31px;
	display: block;
	background: url(/detail/datsumou/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/datsumou/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/datsumou/materials/mn/mn_point.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/datsumou/materials/mn/mn_lightsheer.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/datsumou/materials/mn/mn_alexandrite.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/datsumou/materials/mn/mn_faq.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;}


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

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


#coupon_lasor {
background:#fff9ed;
color:#615348;
margin:10px;
padding:5px 0;
text-align:center;
width:571px;
}

#experience_top_contents_lasor h2#experience {
background:url("/detail/materials/mi_experience.gif") no-repeat scroll 0 0 transparent;
height:80px;
text-indent:-9999px;
width:593px;
}

#experience_top_contents_lasor .bd p {
margin:0 0 15px;
}

#experience_top_contents_lasor .bd h3 {
background:none repeat scroll 0 0 #44c0c4;
border-left:5px solid #daf5fd;
color:#FFFFFF;
font-weight:bold;
margin:30px 0 10px;
padding:2px 0 2px 8px;
}

/*********** 20120628追加ここから **********/
h3.petit_top3 {
    background: url("/detail/petit/materials/top/hd_top3.gif") no-repeat scroll 0 0 transparent;
    height: 18px;
    width: 222px;
}
/*********** 20120628追加ここまで **********/

/************** 20130221追加ここから *************/
h3.h3_ttl {
	clear:both;
	width:593px;
	height:18px;
	background:#44c0c4;
	border-left:5px solid #daf5fd;
	color:#FFFFFF;
	font-weight:bold;
	margin:30px 0 10px;
	padding:2px 0 2px 8px;
}

.enq_img{
	width:115px;
	height:100%;
	float:left;
}

.paper{
	margin-top:10px;
	border:1px solid #cecece;
}

.enq_box{
	width:470px;
	margin-right:5px;
	float:right;
}
.enq_q{
	border-bottom: 1px solid #0C9;
	color:#333 !important;
	background:none !important;
	font-weight:bold !important;
}


/************** 20130221追加ここまで *************/

/************** 20130227追加ここから *************/
#experience_contents h4.ex_ttl{
	clear:both;
	border-left:5px solid #44c0c4;
	border-bottom:1px dotted #44c0c4;
	background:none;
	background-image:none;
	color:#666;
	font-weight:bold;
}

.exp_txt{
	color:#333;
	line-height:1.8em;
}
 
/************** 20130221追加ここまで *************/