/* CSS Document for JAPANESE */

/*////////////////////////////////////////////////
	基本の設定 + 画面サイズ980px以上
////////////////////////////////////////////////*/

/*--------------------------------------------------------------------------------
	ALL
----------------------------------------------------------------------------------*/

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 170%;
	color: #543e2f;
	text-align: center; 
	background: #fce6e3;
	-webkit-text-size-adjust: 100%;
	}

.new	{
	
	}

.clearleft	{
	clear: left;
	}


/*表示ON OFF*/
.pconly	{display: inline;}
.ptonly	{display: inline;}
.sponly	{display: none;}

/*--------------------------------------------------------------------------------
	TOP BRAND LINKS
----------------------------------------------------------------------------------*/

#toplinks	{
	height: 40px;
	background: #231815;
	text-align: center;
	}

	#toplinks	.linkwp{
	display: block;
	width: 980px;	/*comon width 1170px*/
	height: 40px;
	margin: 0 auto;
	overflow: hidden;
	}
	
	.dllogo	{
	float: left;
	display: inline-block;	
	padding: 14px 0;
	}
	
	.dllogo	a	{
	display: block;
	width: 196px;
	height: 11px;
	background: url(../../parts/dearlaura_logo.png);
	text-indent: -9999px;
	}
	
	.brandlinks	{
	float:  right;
	width: 79%;/*width: 780px;*/
	overflow: hidden;
	zoom: 100%;
	}
	
	.brandlinks	a{
	float:  right;
	display: block;
	padding: 0 0 0 10px;
	text-indent: -9999px;
	}
	
	.brandlinks	.bab	a{
	 width: 171px;
	 height: 40px;
	background: url(../../parts/brand_01.gif) no-repeat;
	}
	
	.brandlinks	.babcl	a{
	 width: 170px;
	 height: 40px;
	background: url(../../parts/brand_04.gif) no-repeat;
	}
	
	.brandlinks	.bpa	a{
	 width: 170px;
	 height: 40px;
	background: url(../../parts/brand_02.gif) no-repeat;
	}
	
	.brandlinks	.beb	a{
	 width: 170px;
	 height: 40px;
	background: url(../../parts/brand_03.gif) no-repeat;
	}
	
	
/*--------------------------------------------------------------------------------
	LAYOUT
----------------------------------------------------------------------------------*/

#container	{
	width: 980px;
	margin: 0 auto;
	text-align: left;
	}

#header	{
	position: relative;
	width: 980px;
	margin: 38px 0 20px 0;
	}
	
#mainarea	{
	overflow: hidden;
	zoom: 100%;
	}

#sidemenu	{
	float: left;
	width: 200px;			/*left space*/
	margin: 0 20px 0 0;
	padding-bottom: 50px;
	}


#contenstarea	{
	float: left;
	width: 730px;			/*right space*/
	margin: 0;
	}

#footer	{
	width: 100%;
	background: #fdcec8;
	border-top: 3px solid #8c7566;
	text-align: center;
	overflow: hidden;
	zoom: 100%;
	}



	
@media print{
#footer{display: none;}
	}
	
/*inner common wrap */
.cwrap	{
	width: 980px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	overflow: hidden;
	zoom: 100%;
	}
		
/*--------------------------------------------------------------------------------
	HEADER
----------------------------------------------------------------------------------*/

#header	#logo	a	img:hover	{
	opacity: 0.5;
	}
	

/*--------------------------------------------------------------------------------
	MAIN AREA
----------------------------------------------------------------------------------*/

#headimage	{
	margin: 0 0 30px 0;
	text-align: center;
	}
	
	#headimage	img{
	max-width: 769px;
	width: 100%;
	height: auto;
	}


/*
　CLICK ME
-------------------------*/
.clickme {
	font-size: 10px;
	margin: 0px 0px 10px 10px;
	}


/*強調*/
strong	{
	font-weight: bold;
	}


/*材質*/
.zaisitu{
	margin: 10px 0;
	font-size: 10px;
	color: #666;
	}
	
	.zaisitu	.mt{
	margin:0 10px 0 0;
	font-size: 84%;
	font-weight: bold;
	color: #666;
	}
	
/*ジェル関係*/

.stepsuu	{display: block;margin: 0;padding: 0;line-height: 0;}
.stepsuu	img{float: none;width: 60%;height: auto;margin: 0;padding: 0;line-height: 0;}

/*-------------------------
　H2
-------------------------*/


h2	{height: 45px;
	background: url(../cmparts/h2back.png) repeat-x}
h2	span{
	display: block;
	padding: 0.5em 0.8em;
	color: #fff;
	font-size: 125%;
	}

h3	{
	display: block;
	margin-bottom: 30px;
	padding: 0 0 8px 25px;
	background: url(../cmparts/heart.png) no-repeat;
	background-position: 3px 2px;
	border-bottom: 3px dotted #8f7e72;
	font-size: 130%;
	font-weight: bold;
	color: #765252;

	}
	
.commonh2	{
	height: auto;
	margin: 0 0 20px 0;
	padding: 2px 0;
	background:none;
	border-top: dotted 2px #615045;
	border-bottom: dotted 2px #615045;
	}


	.commonh2	span{
	display: block;
	padding: 7px 0 7px 29px;
	background: url(../cmparts/h2_heart.gif) no-repeat #615045;
	background-position: 6px 8px;
	font-size: 118%;
	font-weight: bold;
	line-height: 100%;
	color: #fff;
	}

.price{
	text-align: right;
	}

	

/*---------------------------------------------------
	CART SPACE　
---------------------------------------------------*/


/*カートへ入れる*/
.cartbuton	input:hover{
	filter: alpha(opacity=50);/*IE*/
  	-moz-opacity:0.50;/*Firefox*/
   	opacity:0.50;/*Opera・Safari*/
	}
	
	.cartbuton		{
	display: block;
	margin: 10px 0;	
	}
	
	
	.cartbuton	span	{
	display: block;
	margin: 0 0 10px 0;	
	}
	
	.cartbuton	span	input{
	margin: 0 5px 10px 0;
	padding: 3px;
	font-size: 105%;	
	text-align: center;
	border: 1px solid #ccc;
	}

	.cartbuton	span	.soshinb	{
	padding: 0 5px 0 5px;	
	border: none;
	vertical-align: top;
	
	}

/*カートを見る・マイページへログイン・送料*/
.cartspace	{
	margin: 0 0 20px 0;
	overflow: hidden;
	zoom: 100%;
	}
	
/*カートを見る*/
.lookcart		{
	float: right;
	display: block;
	}

	.lookcart	a	{
	display: block;
	width: 110px;
	height: 26px;
	background: url(../cmparts/seecart_n.gif) no-repeat;
	text-indent: -9999px;
	}

	.lookcart	a:hover	{
	background: url(../cmparts/seecart_o.gif) no-repeat;
	}


/*マイページへログイン*/
.mypage	{
	margin: 0 0 0 20px;
	overflow: hidden;
	zoom: 100%;
	}
	

	.mypage	{
	float: right;
	display: block;
	}

	.mypage	a	{
	display: block;
	width: 130px;
	height: 26px;
	background: url(../cmparts/login_eb.gif) no-repeat;
	text-indent: -9999px;
	}

	.mypage	a:hover	{
	background: url(../cmparts/login_over.gif) no-repeat;
	}

/*送料*/
.soryo	{
	text-align: right;
	font-size: 80%;
	}



/*-------------------------
　PAGE LINK
-------------------------*/
.pagenb	{
	margin: 0 0 50px 0;
	text-align: center;
	}
	
	.pagenb		a{
	color: #666;
	text-decoration: none;
	}
	
	.pagenb		a:hover{
	color: #ccc;
	text-decoration: none;
	}
	
	.pagenb		.back{
	margin: 0 10px;
	padding: 8px;
	text-align: center;
	background: #fcf1ef;
	}
	
	.pagenb		.next{
	margin: 0 10px;
	padding: 8px;
	text-align: center;
	background: #fcf1ef;
	}
	
	.pagenb		.pagenum	span{
	margin: 0 5px;
	padding: 8px;
	background: #fcf1ef;
	text-align: center;
	}


/*--------------------------------------------------------------------------------
	SIDE MENU
----------------------------------------------------------------------------------*/
/*menu for smart phone*/
#smmenu	{
	display: none;
	}	
#menu	li	a{
	display: block;
	margin: 0 0 1em 0;
	padding-left: 35px;
	height: 35px;
	color: #45372e;
	border-bottom: 3px dotted #a6a4a4;
	background: url(../cmparts/sideh2back.png) no-repeat left bottom;
	font-size: 12px;
	font-weight: bold;
	line-height: 35px;
	text-decoration: none;
	}
	
	#menu	li	a:hover		{
	color: #b19481;
	}


.wrapping	{
	letter-spacing: -0.1em;
	}

/*--------------------------------------------------------------------------------
	FOOTER
----------------------------------------------------------------------------------*/


	
#footer-inner	{
	margin-top: 3px;
	padding-top: 3px;
	border-top: 1px solid #8c7566;
	overflow: hidden;
	}
	
	
	#footer,
	#footer	a	{
	color: #8c7566;
	}

	
/*------------------------------
 #footlink　（サイトマップ、特商法、プライバシーポリシー
--------------------------------*/


#footlink	{
	padding: 7px 0 10px 0;
	border-bottom: 2px dotted #d4c4b2;
	overflow: hidden;
	zoom: 100%;
	}
	
#footlink	ul	{
	float: left;
	width: 840px;
	margin-top:  2px;
	overflow: hidden;
	zoom: 100%;
	}

	#footlink	ul	li{
	float: left;
	}
	
	#footlink	ul	li	a{
	padding: 0 30px 0 15px;
	background: url(../cmparts/footerlink.png) no-repeat left;
	text-decoration: none;
	}
	
	#footlink	ul	li	a:hover{
	color:  #4e77a0;
	text-decoration: underline;
	}
	
/*------------------------------
 	#pagetop
--------------------------------*/	
#pagetop	{
	float: right;
	width: 130px;
	}

	#pagetop	a{
	display: block;
	padding: 3px 10px;
	background: url(../cmparts/pagetop.png)  #8c7566 no-repeat;
	background-position: 23px 12px;
	color: #fff;
	font-size: 12px;
	font-family: 'Century Gothic';
	text-align: center;
	text-decoration: none;
	text-indent: 13px;
	}
	#pagetop	a:hover{
	background: url(../cmparts/pagetop.png)  #d2b9b6 no-repeat;
	background-position: 23px 12px;
	}





/*---------------------
 	社名・住所
-----------------------*/

#coinfo	{
	padding: 15px 0;
	font-family: 'Century Gothic',sans-serif;
	text-align: center;
	}
	
	
	
	#coinfo	h3{
	border: none;
	background: none;
	font-size: 130%;
	font-weight: bold;
	}


/*------------------------------
	 お客様相談室
--------------------------------*/

.ccenter	{
	display: block;
	margin-top: 0.5em;
	
	}
	
	
	.ccenter	.telnum{
	font-size: 150%;
	}
	

/*---------------------
	SNS
---------------------*/

#sns{
	padding: 0 0 20px 0;
	text-align: center;
	overflow: hidden;
	zoom: 100%;
	}
	
	
	#sns	ul	{
	margin: 0 auto 10px auto;
	text-align: center;
	overflow: hidden;
	zoom: 100%;
	}
	
	#sns	ul	li	{
	float: left;
	}

	#sns	ul	li	a{
	float: left;
	padding: 0 20px 2px 30px;
	background: url(../cmparts/sns_facebook.png) no-repeat;
	font-size: 95%;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}
	
	#sns	ul	li	a.tw{
	float: left;
	padding: 0 20px 2px 30px;
	background: url(../cmparts/sns_twitter.png) no-repeat;
	font-size: 95%;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}
	
	#sns	ul	li	a.insta{
	float: left;
	padding: 0 20px 2px 30px;
	background: url(../cmparts/sns_instagram.png) no-repeat;
	font-size: 95%;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}
	
	#sns	div.youtube	{
	display: block;
	width: 250px;
	margin: 20px auto 10px auto;
	padding: 5px;
	border: 1px solid #543e2f;
	background: #eff3f6;
	text-align: center;
	}

	#sns	div.youtube	a{
	margin: 0 auto;
	padding: 10px 0 10px 65px;
	background: url(../cmparts/youtube.png) no-repeat left;
	font-size: 95%;
	font-weight: bold;
	line-height: 200%;
	text-decoration: none;
	white-space: nowrap;
	}



#sns a:hover	{
	filter: alpha(opacity=60);	/*IE*/
	-moz-opacity:0.60;			/*Firefox*/
	opacity:0.60;				/*Opera・Safari*/
	}

/*---------------------
 	copyright
-----------------------*/

#copyright	{
	padding: 20px 0;
	border-top: 2px dotted #8c7566;
	font-family: 'Century Gothic';
	text-align: center;
	}