/* ************************************************ 
 *	共通設定
 * ************************************************ */

* {
    margin:0;
    padding:0;
    letter-spacing:0px;
}

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
    letter-spacing:0px;
}

body {
	color: #555555;
	font-size: 80%;
	/*font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";*/
	/*font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*/
	font-family: "Meiryo","Hiragino Kaku Gothic Pro","MS PGOTHIC","Arial",sans-serif;
	/*line-height: 1.6em;*/
	line-height:140%;
	background-color: #ffffff;
	/*text-align:center;*/
	/*background:url(https://img05.shop-pro.jp/PA01111/728/etc/header_back.gif) repeat-x;*/
}
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}
.clearfix{
	display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}

.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
        margin:0px;
        padding:0px;
        height:0px;
        overflow:hidden;
}

img {
	border: 0px;
}

ul li{
	list-style:none;
        letter-spacing:0px;
}
a{
	text-decoration:none;
	color: #304091;
}
a:hover{
	color:#304091;
	text-decoration:underline;
	}
.center{
	text-align:center;
}
.mgb_10{
	margin-bottom:10px;
}
.mgb_20{
	margin-bottom:20px;
}
.mgb_30{
	margin-bottom:30px;
}
.link_hover:hover{
	opacity: 0.85;
    filter: alpha(opacity=85);
    -ms-filter: "alpha( opacity=85 )";
    background: #fff;
}

/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は800pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */

/*ヘッダー（ページタイトル、グローバルメニュー）*/
#header {
 	width:100%;
	background:url(https://img21.shop-pro.jp/PA01339/956/etc/body_bg.jpg) center top repeat-x;
}
.container {
	margin:0px auto;
	width:950px;
}
.logo{
	text-indent:-99999px;
	background:url(https://img21.shop-pro.jp/PA01339/956/etc/logo01.jpg) no-repeat;
	width:224px;
	height:115px;
	float:left;
	margin:30px 0;
}
#navbar{
	float:right;
	margin-top:66px;
	width: 670px;
}
#navbar li {
	text-indent:-99999px;
	float:left;
}
#navbar li a{
	display:block;
	height:34px;
	background-image:url(https://img21.shop-pro.jp/PA01339/956/etc/menu.gif);
	background-repeat:no-repeat;
}
#navbar .navbar01 a{
	background-position:0 top;
	width:79px;
}
#navbar .navbar02 a{
	background-position:-79px top;
	width:163px;
}
#navbar .navbar03 a{
	background-position:-242px top;
	width:121px;
}
#navbar .navbar04 a{
	background-position:-363px top;
	width:153px;
}
#navbar .navbar05 a{
	background-position:-516px top;
	width:154px;
}

#navbar .navbar01 a:hover{
	background-position:0 -34px;
	width:79px;
}
#navbar .navbar02 a:hover{
	background-position:-79px -34px;
	width:163px;
}
#navbar .navbar03 a:hover{
	background-position:-242px -34px;
	width:121px;
}
#navbar .navbar04 a:hover{
	background-position:-363px -34px;
	width:153px;
}
#navbar .navbar05 a:hover{
	background-position:-516px -34px;
	width:154px;
}


#content-body{
	width:950px;
	margin:0 auto 40px auto;
	position:relative;
}
/*　画面左側メニューの幅　*/
#side {
	float: left;
	width:237px;
	height:100%;
	border:solid #666666 1px;
}
.sidemenu{
	border-left:solid #041a58 6px;
	padding:15px 0 40px 0;
}
.sidemenu_tit{
	text-indent:-99999px;
	background-image:url(https://img21.shop-pro.jp/PA01339/956/etc/side_midashi.jpg);
	margin:15px 0;
	height:38px;
}
.child {
	width:200px;
	margin:0 auto;
}
.child li{
    background: url(https://img21.shop-pro.jp/PA01339/956/etc/arrow01.gif) left center no-repeat;
    padding-left: 15px;
	margin-bottom:10px;
}
	
/*　画面右側の幅　*/
#main {
	float: right;
	width: 690px;
}

/*　フッター（コピーライト）*/
#footer {
	width:100%;
	background:url(https://img21.shop-pro.jp/PA01339/956/etc/body_bg.jpg) center top repeat-x;
	padding-bottom:50px;
}
.footer_in{
	width:950px;
	margin:0 auto;
	padding-top:25px;
}
/*.footer_logo{
	float:right;
}　
.logo_f{
	float:left;
}*/

/*　mainのページトップへのボタン　*/
.pagetop{
	position: absolute;
    bottom: -40px;
    right: 0;
}

/* ------------------------------------- 
 *	top
 * ------------------------------------- */	
 /*toppage-contents*/
.f105_sec01 p{
    font-size:  110%;
    line-height: 170%;
}
.skincare-section{
    display:    block;  
    margin-left:    28px;
	text-align:left;
}
em{
    color: #ff5175;
}
 
/*　会社概要、プライバシーポリシー、商品詳細ページ、特定商取引ページのh2　*/
.table01{
	width:630px;
	border-collapse : collapse ; 
	border:#7e9de5 1px solid;
	}
.table01 td{
	border:#7e9de5 1px solid;
	padding:0px 10px;
	border-collapse : collapse ;
	padding:15px;
	}
.table01 th{
	border:#7e9de5 1px solid;
	border-collapse : collapse ;
	background:#f9fcff;
	padding:15px 0px;
	text-align:center;
	width:150px;
	font-weight:bold;
	color:#364699;
	}
	.table02{
	margin-top:35px;
	width:630px;
	border:#7e9de5 1px solid;
	}
.table02 td{
	line-height:160%;
	padding:0px 15px 15px 15px;
	}		
.table02 td.company_title01{
	text-align:center;
	border:none;
	padding:25px 0px;
	}				
.title_h2{
	background:url(https://img05.shop-pro.jp/PA01111/728/etc/product_h2.gif) repeat-x;
	width:660px;
	height:27px;
	padding:17px 0px 13px 15px;
	margin-top:10px;
	font-size: 20px;
	}
	
/* ------------------------------------- 
 *	f1
 * ------------------------------------- */
#container_f105{
	max-width: 640px;
	height:auto;
	margin: 0 auto;
	text-align: left;
	font-size: 140%;
	line-height: 180%;
	padding-bottom: 50px;
}
/*#container_f105 h1{
	margin-bottom:40px;
}
*/
#container_f105 h3{
	margin-bottom:20px;
}

.mgb_40{
	margin-bottom:40px;
}
.mgb_30{
	margin-bottom:30px;
}
.mgb_20{
	margin-bottom:20px;
}
.mgb_10{
	margin-bottom:10px;
}

.center{
	text-align:center;
}
.txt_pink{
	color:#ff5175;
}
.f105_sec01, .f105_sec02{
	margin-bottom:30px;
	padding:0 10px;
	overflow: hidden;
}
.f105_sec01_l{
	float:left;
	width:57%;
}
.f105_sec01_r{
	float:left;
}
.f105_sec03{
	margin-bottom: 30px;
	/* display: block; */
	overflow: hidden;
}
.f105_sec03_l{
	float:left;
	padding-right: 10px;
}
.f105_sec03_r{
	float: left;
	width: 50%;
	margin-top: 20px;
}
.f105_sec04{
	position:relative;
	background-color:#e1eeff;
	padding: 30px 20px;
	margin: 60px 15px 40px 15px;
	-moz-box-shadow: 2px 2px 3px #969696;
	-webkit-box-shadow: 2px 2px 3px #969696;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);
}
.f105_sec04 h3{
	position: absolute;
	top: -60px;
}
/* ------------------------------------- 
 *	f2
 * ------------------------------------- */
#container_f2{
	max-width: 640px;
	height:auto;
	margin: 0 auto;
	text-align: left;
}