@charset "utf-8";

h4{border-bottom:1px dotted #003399; border-left:5px solid #003399; padding:8px 4px; margin:8px 0; clear:both;}

#Main .mrgnTop{margin:2px 0 12px;}

#Main p{line-height:1.6em;}
#Main p.read{margin:20px 0 0 0;}

#Main ul.mrg{margin-left:18px; line-height:1.6em;}

#Main div.photo{float:left; width:180px; margin-top:40px;}
#Main div.text{float:left; margin-top:40px;}

#Main dl.data{}
#Main .data dt{font-weight:700; color:#003399; border-left:6px double #339900; padding:0 0 0 6px;}
#Main .data dd{line-height:1.6em; margin-bottom:20px;}

#Main ul.ph{list-style:none;}
#Main ul.ph li{float:left; padding-right:24px; margin:6px 0;}



#Main div.Cos{background-color:#F7EFEE; padding:8px;
border:none; border-top-left-radius: 6px;
border-top-right-radius: 6px;	
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;	
border:none;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;	  
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px; 	 
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;	  
	-moz-border-radius-bottomright: 6px;
	overflow:hidden; zoom:1;
}
#Main div.cosme{width:180px; float:left;}
#Main div.costxt{float:left; width:70%;}
#Main div.costxt p{line-height:1.6em;}

#Main .Laser{ margin-top:40px;}
#Main .Laser .phl{float:right;}
#Main .Laser .txtl{width:80%; float:left;}

#Main .ph_skin{width:100px; float:left;}
#Main .txt_skin{float:left; width:82%; margn-bottom:40px;}

/*テキストバックカラー*/
.backPink{background-color:#FFCCCC; padding:2px;}
.backGray{background-color:#EEEEEE; padding:2px;}
.backNavy{background-color:#C0CDE2; padding:2px;}
.backBrown{background-color:#CCCC99; padding:2px;}
.backOrange{background-color:#FDEEB3; padding:2px;}
.backBlue{background-color:#E3EEF2; padding:2px;}
.backYellow{background-color:#FFFF99; padding:2px;}
.backRed{background-color:#CC0000; padding:2px;}

@media screen and (max-width: 1100px){
#Main div.costxt{width:66%;}
}

@media screen and (max-width: 800px){
#Main div.cosme{float:none;}
#Main div.costxt{float:none; width:auto;}

#Main .ph_skin{float:none;}
#Main .txt_skin{float:none; padding-left:12px; width:auto;}

#Main .Laser .txtl{width:70%;}
}

@media screen and (max-width: 480px){
#Main .wh img{width:100%;}


#Main .Laser .phl{float:none;}
#Main .Laser .txtl{width:auto; float:none;}
}

@media screen and (max-width: 360px){
#Main .wh2 img{width:100%;}
}