@charset "shift_jis";

/* Google font 'Noto Sans Japanese' */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* ===== float ===== */
div#massagecosme .clearFix{
	zoom:1;
	_height:1%;
}
div#massagecosme .clearFix:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

/* ===== img‚̉º—]”’�í�œ ===== */
div#massagecosme img{
	vertical-align: bottom;
}

/* ===== massagecosme ===== */
div#massagecosme{
	width:950px;
	margin:10px 0px 2em 0px;
	color:#6a3906;
	line-height:1.4;
	font-family: "ƒ�ƒCƒŠƒI", Meiryo, Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}
div#massagecosme a:hover img.opa70{
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
div#massagecosme h2{
	margin-bottom:18px;
}
div#massagecosme h3{
	color:#FFF;
	text-align:center;
	width:100%;
	height:30px;
	line-height:30px;
	margin-bottom:10px;
	font-size:17px;
	font-weight:normal;
}
div#massagecosme #sec1 .cont1 h3{ background:#b79b79; }
div#massagecosme #sec1 .cont2 h3{ background:#de9a9a; }
div#massagecosme #sec2 .cont1 h3{ background:#96b772; width:375px !important; }
div#massagecosme #sec3 .cont1 h3{ background:#7fb2cb; width:279px !important;}
div#massagecosme #sec3 .cont2 h3{ background:#7fb2cb; }

div#massagecosme .navi li{
	float:left;
	width:237px;
	background:url(../img/navi_bg.gif) 0 0 no-repeat;
	font-size:18px;
	font-family: 'Noto Sans Japanese',"ƒ�ƒCƒŠƒI", Meiryo, Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}
div#massagecosme .navi li.last{
	width:238px !important;
	border-right:1px solid #f9dfdf;
}
div#massagecosme .navi li a{
	width:236px;
	height:47px;
	display:block;
	padding-top:20px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
}
div#massagecosme .navi li a:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
div#massagecosme .navi li a.a_1{ color:#a6845a; }
div#massagecosme .navi li a.a_2{ color:#7d9d5b; }
div#massagecosme .navi li a.a_3{ color:#5394b4; }
div#massagecosme .navi li a.a_4{ color:#a6845a; }

div#massagecosme #sec1{
	margin-top:40px;
}
div#massagecosme #sec1 .cont1{
	width:749px;
	float:left;
	margin-right:13px;
}
div#massagecosme #sec1 .cont2{
	width:188px;
	float:left;
}
div#massagecosme #sec1 .bnr{
	clear:both;
	width:806px;
	margin:0 auto 50px;
	padding-top:30px;
}
div#massagecosme #sec2{
	float:left;
	margin-right:13px;
}
div#massagecosme #sec3{
	float:left;
	position:relative;
}
div#massagecosme #sec3 .cont2_1{
	position:absolute;
	width:561px;
	left:0;
	top:323px;
	border-right:1px solid #e3d9cd;
}
div#massagecosme #sec3 .cont1{
	width:280px;
	float:left;
}
div#massagecosme #sec3 .cont2{
	width:282px;
	float:left;
}
div#massagecosme .pro ul{
	float:left;
	border-top:1px solid #e3d9cd;
}
div#massagecosme .pro ul.last{
	border-right:1px solid #e3d9cd;
}
div#massagecosme .pro ul li,
div#massagecosme #sec3 .cont2_1 .li_2,
div#massagecosme #sec3 .cont2_1 .li_3{
	border-left:1px solid #e3d9cd;
	border-bottom:1px solid #e3d9cd;
	text-align:center;
	font-size:15px;
	line-height:1.5;
	padding:9px 5px;
}
div#massagecosme #sec1 li{ width:176px; }
div#massagecosme #sec2 li{ width:363px; }
div#massagecosme #sec3 .cont1 li{ width:269px; }
div#massagecosme #sec3 .cont2 li{ width:270px; }

div#massagecosme .pro ul .li_1{
	padding:0 !important;
	border-bottom:none !important;
}
div#massagecosme .pro ul .li_2,
div#massagecosme #sec3 .cont2_1 .li_2{
	color:#FFF;
	font-size:18px;
}
div#massagecosme #sec1 .cont1 ul .li_2{ background:#b79b79; }
div#massagecosme #sec1 .cont2 ul .li_2{ background:#de9a9a; }
div#massagecosme #sec2 .cont1 ul .li_2{ background:#96b772; }
div#massagecosme #sec3 .cont1 ul .li_2{ background:#7fb2cb; }
div#massagecosme #sec3 .cont2 ul .li_2{ background:#7fb2cb; }
div#massagecosme #sec3 .cont2_1 .li_2{ background:#7fb2cb; }
div#massagecosme #sec3 .cont2_1 .li_3{ background:#FFF; }

div#massagecosme .pro ul .li_2 span,
div#massagecosme #sec3 .cont2_1 .li_2 span{
	font-size:11px;
}
div#massagecosme .pro ul .li_2 h4,
div#massagecosme #sec3 .cont2_1 .li_2 h4{
	margin:10px 0;
	font-weight:bold;
}
div#massagecosme .pro ul .li_2 p,
div#massagecosme #sec3 .cont2_1 .li_2 p{
	margin:10px 0;
}
div#massagecosme .pro ul .li_2 .btn_pickup,
div#massagecosme #sec3 .cont2_1 .li_2 .btn_pickup{
	width:166px;
	height:38px;
	margin:0 auto 0;
}
div#massagecosme .pro ul .li_2 .btn_pickup a,
div#massagecosme #sec3 .cont2_1 .li_2 .btn_pickup a{
	display:block;
	position:relative;
	background:#e95231;
	background: -moz-linear-gradient(top,#ec6941,#e33b24);
	background: -webkit-linear-gradient(top,#ec6941,#e33b24);
	background: -o-linear-gradient(top,#ec6941,#e33b24);
	background: -ms-linear-gradient(top,#ec6941,#e33b24);
	background: linear-gradient(to bottom,#ec6941,#e33b24);
	-pie-background: linear-gradient(top,#ec6941,#e33b24);
	color:#FFF;
	font-weight:bold;
	font-size:15px;
	padding:5px 15px;
	text-decoration:none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 4px 3px 4px -4px rgba(0,0,0,0.2);
	-moz-box-shadow: 4px 3px 4px -4px rgba(0,0,0,0.2);
  -webkit-box-shadow: 3px 5px 4px -4px rgba(0,0,0,0.2);
  -o-box-shadow: 4px 3px 4px -4px rgba(0,0,0,0.2);
  -ms-box-shadow: 4px 3px 4px -4px rgba(0,0,0,0.2);
	behavior: url(../../script/PIE/PIE.htc);
}
div#massagecosme .pro ul .li_2 .btn_pickup a img,
div#massagecosme #sec3 .cont2_1 .li_2 .btn_pickup a img{
	vertical-align:middle !important;
}
div#massagecosme .pro ul .li_2 .btn_pickup a:hover,
div#massagecosme #sec3 .cont2_1 .li_2 .btn_pickup a:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
div#massagecosme .pro ul .li_4 span{
	font-size:19px;
	font-weight:bold;
}
div#massagecosme .pro ul .li_4 .red{ color:#cc0000; }
div#massagecosme .pro ul .li_4 .white{ color:#c6b4a1; }
div#massagecosme .pro ul .li_6 p{
	margin-bottom:5px;
}

div#massagecosme .pro ul .flame{
	display:inline-block;
	*display: inline;
  *zoom: 1;
	padding:2px 9px;
	margin-bottom:3px;
	margin-right:5px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	/*behavior: url(../../script/PIE/PIE.htc);*/
}
div#massagecosme .pro ul li .bl{ background:#c0ddeb; }
div#massagecosme .pro ul li .gr{ background:#ceddaa; }
div#massagecosme .pro ul li .br{ background:#ebdfd0; font-size:13px; line-height:1.5; min-width:50px;}


/****** platable ******/
div#massagecosme #sec_table{
	width:950px;
	margin-top:50px;
	clear:both;
}
div#massagecosme #sec_table .sub{
	margin-bottom:15px;
}
div#massagecosme #sec_table table{
	width:950px;
	border-top:1px solid #e3d9cd;
	border-left:1px solid #e3d9cd;
	border-collapse:collapse;
}
div#massagecosme #sec_table table th{
	color:#FFF;
	border-right:1px solid #e3d9cd;
	border-bottom:1px solid #e3d9cd;
	background-color:#856c4d;
	font-size:12px;
	font-weight:normal;
	padding:7px;
}
div#massagecosme #sec_table table td{
	color:#3c0805;
	border-right:1px solid #e3d9cd;
	border-bottom:1px solid #e3d9cd;
	font-size:11px;
	padding:7px 6px 7px 6px;
	line-height:1.5em;
}
div#massagecosme #sec_table table th span{
	font-size:11px !important;	
}
div#massagecosme #sec_table table td.tableImg a{
	color:#6a3d13;
	font-weight:bold;
}
div#massagecosme #sec_table table td.tableImg a img{
	display: inline-block;
	vertical-align:middle;
	*zoom: 1;
	*display: inline;
}
div#massagecosme #sec_table table td.tableImg a span{
	width:130px;
	display:inline-block;
	*zoom: 1;
	*display: inline;
	vertical-align:middle;
	margin-left:10px;
	font-size:10px;
	line-height:1.5;
	color:#9c8067;
	cursor:pointer;
	text-decoration:none;
}
div#massagecosme #sec_table table td.tableImg a strong{
	font-size:13px;
	margin-left:0px !important;
	text-decoration:underline;
	color:#3c0805;
	cursor:pointer;
}
div#massagecosme #sec_table table td.tableImg a:hover strong{
	text-decoration:none;
}
div#massagecosme #sec_table table td.blend{
	font-size:17px;
	text-align:center;
}
div#massagecosme #sec_table table td.mineral{
	padding-top:20px !important;
	background:url(../img/table_origin1.gif) center 4px no-repeat;	
}
div#massagecosme #sec_table table td.plant{
	padding-top:20px !important;
	background:url(../img/table_origin2.gif) center 4px no-repeat;	
}
div#massagecosme #sec_table table td.cost{
	color:#F66;
	font-size:13px;
	font-weight:bold;
}
div#massagecosme #sec_table table td.cost a{
	color:#F66;
	font-size:11px;
}
div#massagecosme #sec_table table td.cost span{
	color:#3c0805;
	font-size:10px;
	font-weight:normal;
	line-height:1.3;
}

/**** banner *****/
div#massagecosme #banner{
	margin-top:40px;
}
div#massagecosme #banner .bnr{
	width:800px;
	padding-left:150px;
	background:url(../img/btn_esoil_2.jpg) 0 0 no-repeat;	
}