@charset "shift_jis";

/* ===== oleospa(2012.10.16) ===== */

/* ===== Float Clearing ===== */
div#oleospa .clearFix{
zoom:1;
_height:1%;
}

div#oleospa .clearFix:after{
display:block; 
clear:both; 
visibility:hidden;
height:0; 
content:".";
}



/* ===== ƒRƒ“ƒeƒ“ƒc‹¤’Ê ===== */

div#oleospa{
	width:800px;
	margin:10px 0px 2em 75px;
	color:#E0DBC6;
	line-height:1.4;
}
div#oleospa img{
	vertical-align:bottom;
}

div#oleospa a:hover img.opa80{
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	}

div#oleospa .fl{float:left;}
div#oleospa .fr{float:right;}

div#oleospa .ml5{margin-left:5px;}
div#oleospa .ml20{margin-left:20px;}
div#oleospa .mb20{margin-bottom:20px;}
div#oleospa .mb30{margin-bottom:30px;}
div#oleospa .mt5{margin-top:5px;}
div#oleospa .mt10{margin-top:10px;}
div#oleospa .mt20{margin-top:20px;}
div#oleospa .mt30{margin-top:30px;}
div#oleospa .h134{height:134px;}
div#oleospa .h186{height:186px;}
div#oleospa .h146{height:146px;}
div#oleospa .h313{height:313px;}
div#oleospa .h278{height:278px;}

div#oleospa font.yellow{color:#D0BF69}

div#oleospa .top_oleospa{
	width:800px;
	text-align:right;
	font-size:10px;
	margin:5px 0 30px 0;
	clear:both;	
}
div#oleospa .top_oleospa a:link,
div#oleospa .top_oleospa a:visited{
	color:#666;
}
div#oleospa .top_oleospa a:hover,
div#oleospa .top_oleospa a:focus{
	color:#999;	
}
div#oleospa .treatmentLink{
	width:760px;
	padding-bottom:30px;
	margin:5px 20px 0 20px;
	clear:both;
	font-size:10px;
	text-align:right;
}
div#oleospa .treatmentLink a:link,
div#oleospa .treatmentLink a:visited{
	color:#E0DBC6;
}
div#oleospa .treatmentLink a:hover,
div#oleospa .treatmentLink a:focus{
	color:#A59F87;	
}


/* top */
div#oleospa .top{
	width:800px;
	position:relative;
	margin-bottom:20px;
}
div#oleospa .top p.brandsite{
	position:absolute;
	top:0;
	left:0;
}
div#oleospa .top ul.navi{
	width:800px;
	height:47px;
	background:#000;	
}
div#oleospa .top ul.navi li{
	float:left;	
}

/* chara */
div#oleospa .chara{
	width:800px;
	background:#000;
}
div#oleospa .chara .chara_box{
	width:800px;
	clear:both;
}
div#oleospa .chara .chara_box h3.charaFl{
	float:left;
	width:80px;
	padding-left:20px;
}
div#oleospa .chara .chara_box p.chara_p1{
	background:url(../img/chara_1_bg.jpg) no-repeat;
	width:500px;
	height:93px;
	padding:0 183px 0 17px;
}
div#oleospa .chara .chara_box .charaTxt{
	float:left;
	width:500px;
	padding-left:17px;
}
div#oleospa .chara .chara_box .charaImg{
	float:left;
	width:143px;
	padding:0 20px 0 20px;
}

/* merit */
div#oleospa .merit{
	width:800px;
	background:#000;	
}
div#oleospa .merit .merit_box{
	width:800px;
	clear:both;
}
div#oleospa .merit .merit_box h3.meritFl{
	float:left;
	width:80px;
	padding-left:20px;
}
div#oleospa .merit .merit_box .meritFr{
	float:right;
	width:683px;
}
div#oleospa .merit .merit_box .meritC{
	float:left;
	width:450px;
	padding-left:17px;
}
div#oleospa .merit ul.merit_1{
	padding:0 26px 30px 20px;
	clear:both;
}
div#oleospa .merit ul.merit_1 li{
	float:left;
	width:250px;
	border-top:1px #4A4940 solid;
	border-left:1px #4A4940 solid;
	padding-top:12px;
}
div#oleospa .merit ul.merit_1 li.borderR{
	border-right:1px #4A4940 solid;	
}
div#oleospa .merit ul.merit_1 li.borderB{
	border-bottom:1px #4A4940 solid;	
}
div#oleospa .merit ul.merit_1 li p {
	margin:10px 24px 0 24px;	
}

/* treatment */
div#oleospa .treatment{
	width:800px;
	background:#000;	
}
div#oleospa .treatment .treatment_p{
	width:800px;
	height:51px;
	background:url(../img/treatment_h3_1.jpg) no-repeat;
	position:relative;
}
div#oleospa .treatment .treatment_p p.p2{
	float:left;
	top:0;
	left:380px;
	position:absolute;
}
div#oleospa .treatment .treatment_p p.p3{
	float:left;
	top:0;
	left:603px;
	position:absolute;
}

/* treat */
div#oleospa .treat{
	margin:0 20px 0 20px;
	padding-bottom:20px;
	width:760px;
}
div#oleospa .treat .treat_box{
	padding:19px 19px 19px 19px;
	border-left:1px #4A4940 solid;
	border-right:1px #4A4940 solid;
	border-bottom:1px #4A4940 solid;
}
div#oleospa .treat .treat_box .menu{
	float:left;
	width:438px;
}
div#oleospa .treat .treat_box .menu p{
	padding:5px 0 0 100px;
	margin-bottom:30px;
	background:url(../img/treatment_1_bg.gif) no-repeat;
}
div#oleospa .treat .treat_box .menu_fr{
	float:right;
	width:255px;
	text-align:center;		
}
div#oleospa .treat .treat_box .menu_fr li{
	margin-top:10px;	
}
div#oleospa .treat .treat_box .movie{
	clear:both;
	width:640px;
	margin:0 auto 0;
}

/* voice */
div#oleospa .voice{
	width:800px;
	background:#000;	
}
div#oleospa .voice .voi{
	width:780px;
	margin:20px 0 0 20px;	
}
div#oleospa .voice .voi .voi_box{
	width:370px;
	margin:0 20px 20px 0;
	float:left;
}
div#oleospa .voice .voi .voi_box .salon{
	position:relative;
}
div#oleospa .voice .voi .voi_box .salon p.address{
	position:absolute;
	top:30px;
	left:30px;	
}
div#oleospa .voice .voi .voi_box .salon p.site{
	position:absolute;
	top:50px;
	left:30px;
}
div#oleospa .voice .voi .voi_box .salon p.site a:link,
div#oleospa .voice .voi .voi_box .salon p.site a:visited{
	color:#E0DBC6;
}
div#oleospa .voice .voi .voi_box .salon p.site a:hover,
div#oleospa .voice .voi .voi_box .salon p.site a:focus{
	color:#A59F87;	
}


/* media */
div#oleospa .media{
	width:800px;
	background:#000;
	padding-bottom:20px;	
}
div#oleospa .media .media_box{
	width:758px;
	_width:748px; /* ie6 */
	height:310px;
	margin:20px 20px 0 20px;
	border:1px #4A4940 solid;
	padding:5px;	
}
div#oleospa .media .media_box .mediaframe{
	width:748px;
	height:310px;
	overflow-y:scroll;
}
div#oleospa .media .media_box .mediaframe ul li{
	width:700px;
	height:123px;
	padding-bottom:5px;
	border-bottom:1px #4A4940 solid;
	margin-bottom:5px;
	clear:both;	
}
div#oleospa .media .media_box .mediaframe ul li .mediaImg{
	width:227px;
	height:103px;
	background:#1E1D1A;
	padding:10px;
	text-align:center;
}
div#oleospa .media .media_box .mediaframe ul li .mediaTxt{
	width:400px;
	font-size:13px;	
}
div#oleospa .media .media_box .mediaframe ul li .mediaTxt p.medianame{
	color:#D0BF69;
	font-weight:bold;
}
div#oleospa .media .media_box .mediaframe ul li .mediaTxt p.pdf{
	margin-top:20px;
	text-align:right;
}
div#oleospa .media .media_box .mediaframe ul li .mediaTxt p.pdf a:link,
div#oleospa .media .media_box .mediaframe ul li .mediaTxt p.pdf a:visited{
	color:#D0BF69;
}
div#oleospa .media .media_box .mediaframe ul li .mediaTxt p.pdf a:hover,
div#oleospa .media .media_box .mediaframe ul li .mediaTxt p.pdf a:focus{
	color:#A59F87;	
}

/* academy */
div#oleospa .academy{
	width:800px;
	background:#000;
	padding-bottom:20px;	
}
div#oleospa .academy .aca_txt{
	width:740px;
	background:#000;
	padding:20px 30px 0 30px;	
}
div#oleospa .academy .aca{
	width:734px;
	margin:20px 20px 0 20px;
	border:1px #4A4940 solid;
	padding:12px;
}
div#oleospa .academy .aca ul li{
width:362px;
height:132px;
float:left;
text-align:center;
margin-bottom:10px;
}
div#oleospa .academy .aca ul li.mr10{
margin-right:10px;	
}
div#oleospa .academy .aca ul li a{
display:block;
width:358px;
height:128px;
border:#555 solid 2px;
}
div#oleospa .academy .aca ul li a:hover{
display:block;
width:358px;
height:128px;
border:#e2c847 solid 2px;
}

/* product */
div#oleospa .product{
	width:800px;
	background:#000;
	padding-bottom:20px;	
}
div#oleospa .product .pro{
	width:720px;
	margin:0 20px 20px 20px;
	padding:0 20px 20px 20px;
	border-bottom:1px #4A4940 solid;
}
div#oleospa .product .pro .pro_box{
	width:720px;
	background:url(../img/pro_box_back.jpg) 0 0 no-repeat;
}
div#oleospa .product .pro .pro_box .priceBox{
	padding-left:15px;
	_padding-left:7px;
	float:left;	
}
div#oleospa .product .pro .pro_box .priceM{
	color:#afa260;
	font-size:13px;
	font-family:"HG–¾’©E", "ƒqƒ‰ƒMƒm–¾’© Pro W3", "Hiragino Mincho Pro", "‚l‚r ‚o–¾’©", "MS PMincho", serif;
	float:left;
	line-height:45px;
	padding-right:20px;
}
div#oleospa .product .pro .pro_box .priceM .price{
	color:#afa260;
}
div#oleospa .product .pro .pro_box .priceBG{
	color:#edd03b;
	font-size:18px;
	font-family:"HG–¾’©E", "ƒqƒ‰ƒMƒm–¾’© Pro W3", "Hiragino Mincho Pro", "‚l‚r ‚o–¾’©", "MS PMincho", serif;
	float:left;
	line-height:29px;
	letter-spacing:0.1em;
}
div#oleospa .product .pro .pro_box .priceBG a{
	color:#edd03b;
	font-size:25px;
	font-family:"HG–¾’©E", "ƒqƒ‰ƒMƒm–¾’© Pro W3", "Hiragino Mincho Pro", "‚l‚r ‚o–¾’©", "MS PMincho", serif;
	line-height:29px;
}
div#oleospa .product .pro .pro_box .priceBG .price{
	color:#edd03b;
	font-size:32px;
	font-family: "minion-pro", Arial, Helvetica, serif, sans-serif !important; /* Adobe Typekit */
	font-style: normal;
	font-weight: 700;
}
div#oleospa .product .pro .pro_box .priceBG .tax{
	font-size:13px !important;	
}
div#oleospa .product .pro .pro_box .boxL{
	width:529px;
	overflow:hidden;
}
div#oleospa .product .pro .pro_box .boxL .priceBox{
	width:529px;
	height:29px;
	overflow:hidden;
}
div#oleospa .product .pro .pro_box .boxL p.pro_btn{
	width:222px;
	height:36px;
	clear:both;
	background:url(../img/pro_bg1.gif) no-repeat;
	padding:10px 82px 10px 225px;
	overflow:hidden;
}
div#oleospa .product .pro p.pro_caution{
	font-size:10px;
	color:#777;
	margin-top:7px;
	clear:both;
}
div#oleospa .product .pro .pro_box .boxL2{
	width:458px;
	overflow:hidden;
}
div#oleospa .product .pro .pro_box .boxL2 .priceBox{
	width:458px;
	height:30px;
	overflow:hidden;
}
div#oleospa .product .pro .pro_box .boxL2 p.pro_btn{
	width:222px;
	height:36px;
	clear:both;
	background:url(../img/pro_bg2.gif) no-repeat;
	padding:10px 11px 10px 225px;
}