﻿@charset "utf-8";

/* ****************************************************************************

	low.css
	
******************************************************************************* */

.companyInfo,.agreement,.payment,.privacy,.law,.shop{
	margin-bottom:25px;
}

.companyInfo h2,.agreement h2,.payment h2,.privacy h2,.law h2,.contact h2,.faq h2,.shop h2{
	margin-bottom:20px;
}

.agreement,.payment,.privacy,.law,.contact,.faq,.shop{
	font-size:14px;
}

.paymentBox,.privacyBox,.lawBox,.contactBox,.faqBox,.shopBox{
	padding:20px 25px;
	border-bottom:1px solid #E4E4E4;
}

.agreeBox dd ol,.privacyBox ol{
	padding-left:2em;
}

.agreeBox dd ol li,.privacyBox ol li{
	list-style-type:decimal;
	list-style-position:outside;
	margin-bottom:5px;
}

.paymentBox span,.privacyBox span,.lawBox span,.contactBox span{
	display:block;
	font-size:12px;
}

.paymentBox ul li,.privacyBox ul li,.lawBox ul li{
	background:url(/common/img/icon_list.gif) no-repeat left 0.5em;
	padding-left:10px;
}

.paymentBox a,.privacyBox a,.shopBox a{
	text-decoration:underline !important;
}

.paymentBox a:hover,.privacyBox a:hover,.shopBox a:hover{
	text-decoration:none !important;
}

.paymentBox h3,.lawBox h3,.contactBox h3,.shopBox h3{
	font-weight:bold;
	font-size:16px;
	background:url(/common/img/icon_circle.gif) no-repeat left 0.15em;
	padding-left:20px;
	margin-bottom:15px;
}


/*company*/

.companyInfo table{
	width:100%;
}

.companyInfo table th,.companyInfo table td{
	border:1px solid #E4E4E4;
	padding:20px 0 20px 25px;
	font-size:15px;
}

.companyInfo table th{
	vertical-align:middle;
	width:120px;
	background:#FAFAFA;
}

.companyInfo table td{
	background:#FFF;
}


/*agreement*/

.agreeTop{
	margin-bottom:20px;
	padding:0 25px;
}

.agreeBox p,.agreeBox dl{
	padding:20px 25px;
	border-top: 1px solid #E4E4E4;
}

.agreeBox dt{
	font-weight:bold;
	font-size:16px;
	margin-bottom:15px;
}


/*payment*/

.paymentBox table th,.paymentBox table td{
	padding:3px 0;
	vertical-align:middle;
}

.paymentBox table th{
	border-right:1px solid #E4E4E4;
	padding-right:20px;
}

.paymentBox table td{
	padding-left:20px;
}


/*privacy*/

.privacyBox h3{
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
}


/*contact*/

.contactImg{
	width:671px;
	font-size:14px;
}

.contactImg a{
	text-decoration:underline;
}

.contactImg a:hover{
	text-decoration:none;
}

.contactBox table{
	width:100%;
	margin-bottom:20px;
}

.contactBox table span{
	display:inline;
	font-size:14px;
}

.contactBox table th,.contactBox table td{
	border:1px solid #E4E4E4;
	padding:15px 20px;
}

.contactBox table th{
	width:190px;
}

.contactBox table td{
	background:#FFF;
}

.contactBox table td input.name{
	width:130px;
}

.contactBox table td input.mail{
	width:310px;
}

.contactBox table td textarea{
	width:100%;
	height:135px;
}

.formBtn{
	width:174px;
}

.formBtn input{
-webkit-transition:0.5s ease;
    -webkit-transition-property:opacity,border,color,background;
 
    -moz-transition:0.5s ease;
    -moz-transition-property:opacity,border,color,background;
 
    -o-transition:0.5s ease;
    -o-transition-property:opacity,border,color,background;
 
    transition:0.5s ease;
    transition-property:opacity,border,color,background;
}

.formBtn input:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.formBtnBox{
	width:340px;
	margin:0 auto;
}


/*about*/

.aboutPoint{
	font-size:14px;
	line-height:1.6;
	margin-bottom:25px;
}

nav.aboutNav{
	border-top:1px solid #E4E4E4;
	border-bottom:1px solid #E4E4E4;
	position:relative;
	height:218px;
	background:url(/common/img/about/bg_5point.jpg) no-repeat
}

nav.aboutNav p{
	position:absolute;
	left:265px;
	top:83px;
}

nav.aboutNav ul{
	position:absolute;
	left:265px;
	bottom:25px;
}

nav.aboutNav li{
	float:left;
	margin-right:5px;
}

.aboutPoint article{
	background:#EFEFF1 url(/common/img/about/bg_about_list.jpg) repeat-y;
	border-bottom:1px solid #E4E4E4;
}

.aboutPoint article div{
	float:left;
	width:380px;
	padding:30px 55px 0;
}

.aboutPoint article div h3{
	margin-bottom:20px;
}

.aboutPoint article div p{
	width:380px;
}


/*faq*/

.faq{
	margin-bottom:25px;
}

.faqBox dt{
	min-height:20px;
	font-weight:bold;
	background:url(/common/img/faq/icon_q.gif) no-repeat;
	padding-left:30px;
	font-size:16px;
	margin-bottom:20px;
	padding-top:4px;
}

.faqBox dd{
	min-height:20px;
	font-size:14px;
	line-height:1.5;
	background:url(/common/img/faq/icon_a.gif) no-repeat;
	padding-left:30px;
	padding-top:4px;
}

.faqBox dd a{
	text-decoration:underline;
}


.faqBox dd a:hover{
	text-decoration:none;
}

.faq h3{
	font-weight:bold;
	font-size:18px;
	padding-left:25px;
}


/*shoplist*/

.shopBox .innerLink{
	margin-top: 20px;
	display: inline-block;
}

.shopBox .innerLink li{
	float: left;
	margin: 10px;
    padding: 5px;
	width: 175px;
	height: 20px;
	text-align: center;
	background-color: #7F6EA2;
}

.shopBox .innerLink li a{
	color: #ffffff;

}

.shopBox table th{
	border: 1px solid #cccccc;
	background-color: #FD9FB6;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	padding: 10px;
}

.shopBox table td{
	border: 1px solid #cccccc;	
	background-color: #ffffff;
	padding: 10px 5px;
}

.shopBox h4{
	font-weight: bold;
	margin-top: 40px;
}

.shopBox .top{
	font-size: 80%;
	text-align:	right;
	margin-top: 10px;
}

/*item*/

.itemAll{
	margin-bottom:25px;
}

.itemAll h2{
	margin-bottom:20px;
}

.itemAll dl{
	width:425px;
}

.itemAll dt{
	margin-bottom:15px;
}

.itemAll dd{
	font-weight:bold;
	font-size:15px;
	background:url(/common/img/icon_circle.gif) no-repeat left 0.15em;
	padding-left:20px;
}

.itemDoroneri{
	margin-bottom:25px;
}

.itemNav li{
	float:left;
}

.itemLinkArea p{
	float:left;
}

.itemLinkArea p a:hover img.hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

.reasonItem{
	border-bottom:1px solid #E4E4E4;
	padding:25px;
	font-size:14px
}

.reasonItem div{
	padding-top:40px;
	width:550px;
	line-height:1.7;
}

.reasonItem h3{
	margin-bottom:35px;
}

.ingredientBox{
	border-bottom: 1px solid #E4E4E4;
	background: #FCFCFC;
}

.ingredientBox h3{
	margin-bottom:25px;
}

.ingredientWrap{
	margin-bottom:25px;
}

.ingredient{
	width:400px;
}

.ingredient p{
	float:left
}

.ingredient dl{
	width:260px;
	float:right;
}

.ingredientBox dt{
	margin-top:7px;
	margin-bottom:10px;
}

.useBox {
	border-bottom:1px solid #E4E4E4;
}

.useBox h3{
	margin-bottom:20px;
}

.useBox p.useTxt{
	background:#FEE8F1;
	font-size:14px;
	line-height:1.5;
	padding:10px;
	width:794px;
	margin:0 auto 15px;
}

.stepBox {
	padding:40px 25px;
}

.stepBox div{
	width:396px;
	padding-right:10px;
	border-right:1px solid #E4E4E4;
}

.stepBox h3{
	margin-bottom:25px;
}

.stepBox div p{
	font-size:14px;
	line-height:1.7;
}

.voiceBox{
	position:relative;
	height:310px;
	font-size:14px;
}

.voice01{
	background:url(/common/img/item/doroneri/bg_voice01.jpg)
}

.voice02{
	background:url(/common/img/item/doroneri/bg_voice02.jpg)
}


.voice03{
	background:url(/common/img/item/doroneri/bg_voice03.jpg)
}


.voice04{
	background:url(/common/img/item/doroneri/bg_voice04.jpg)
}


.voiceBox div{
	position: absolute;
	top: 60px;
}

.voiceBox h3{
	margin-bottom:25px;
}

.voice01 div,.voice03 div{
	width: 480px;
	left: 344px;
}

.voice02 div,.voice04 div{
	width:525px;
	left:30px;
}

.storyBox {
	border-bottom:1px solid #E4E4E4;
}

.storyBox div{
	width:496px;
	padding:40px 0 0 25px;
}

.storyBox div h3{
	margin-bottom:30px;
}

.storyBox div p{
	font-size:14px;
	line-height:1.7;
	width:450px;
}

.bgStoryBox{
	height:460px;
	padding:50px 0 0 25px;
	background:url(/common/img/item/doroneri/bg_story.jpg) right top no-repeat;
	border-top:1px solid #E4E4E4;
	border-bottom:1px solid #E4E4E4;
}

.bgStoryBox h3{
	margin-bottom:30px;
}

.bgStoryBox p{
	font-size:14px;
	line-height:1.7;
	width:430px;
}

.regular{
	padding:25px;
	background:#F4F4F2;
}

.regularBox{
	background:#FFF;
	padding:25px;
	border-bottom:1px solid #E4E4E4;
	font-size:14px;
}

.regularBox dl{
	float:left;
	padding-top:25px;
}

.regularBox dt{
	margin-bottom: 20px;
}

.regularBox dd{
	text-align: left;
}

.regularBox dd.one{
	background:url(/common/img/regular/tit_course01.gif) no-repeat left center;
}

.regularBox dd.two{
	background:url(/common/img/regular/tit_course02.gif) no-repeat left center;
}

.regularBox h3{
	font-weight: bold;
	font-size: 18px;
	background: url(/common/img/icon_circle_blk.gif) no-repeat left 0.2em;
	padding-left: 23px;
}

.regularBox ul li{
	background:url(/common/img/rice_black_large.jpg) no-repeat left 0.3em;
	padding-left:16px;
}

.faqRegular{
	float:none !important;
}


.faqRegular dt{
	margin-bottom: 10px;
	color: #333;
	font-size: 16px;
	padding-left: 30px;
	background: url(/common/img/item/doroneri/icon_q.gif) no-repeat left 0.1em;
}

.faqRegular dd{
	margin-bottom:10px;
	color:#FF789A;
	font-size:14px;
	margin-bottom:15px;
	padding-left:30px;
	background:url(/common/img/item/doroneri/icon_a.gif) no-repeat left 0.1em;
	text-align:left !important;
}

.regularUnder{
	border-top:1px solid #FFF;
	padding:25px;
	background:#F4F4F2;
}

.regularUnder h3{
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
}

.regularUnder p{
	background:#FFF;
	border:1px solid #CCC;
	padding:15px;
	line-height:1.5;
}

.fwContactBox{
	width:840px;
	height:75px;
	background:url(/common/img/item/fw/bg_contacr.gif) no-repeat;
	text-align:right;
	padding:25px 30px 0 0;
	margin:15px 0 25px;
}

.fwCvn{
	background:#EDEDED !important;
}



/*9-30 regular 追加分start*/
.newitemDoroneri{
	margin-bottom:25px;
	margin-top:-15px;
}

.regular_recommend{
	margin:-25px;
	width:870px;
	height:522px;
	background:url(../img/regular/regular04.jpg)no-repeat;
}

.regular_recommend_left{
	float:left;
	width:350px;
	padding-left:70px;
	margin-top:382px;
	font-size:11px;
}
.regular_recommend_right{
	float:right;
	width:350px;
	padding-right:60px;
	margin-top:382px;
	font-size:11px;
}

.regular .regularText{
	padding:25px 25px 2px 25px;
	background:#ffffff;
}

.regularBox01{
	background:#F4F4F2;
	padding:25px;
	border-bottom:1px solid #E4E4E4;
	font-size:14px;
}

.regularBox01 li{
	font-size:13px;
	line-height:20px;
}

.regular .regularimg{
 	padding-bottom:25px;
}

.regularBox02{
	padding:25px;
	margin-bottom:-48px;
	width:821px;
	height:359px;
	background:url(../img/item/table_bg.jpg) no-repeat;
}

.regularBox02 dl{
	float:left;
	padding-top:25px;
}

.regularBox02 dt{
	margin-bottom: 20px;
}

.regularBox02 dd{
	text-align: left;
}

/*9-30 regular 追加分finish*/
/*10-27 regular 追加分fstart*/

.regularBox_notept{
	border:6px solid #ffbfcd; 
	padding: 30px;
	color: #555;
	margin-bottom: 30px;
}
.regularBox_notept dt{
	font-size: 18px;
	color: #fe5483;
	border-bottom: 1px solid #fe5483;
	background: url(../img/regular/check.jpg) left 2px no-repeat;
	padding:0 0 5px 12px;
	margin-bottom: 10px;
	font-weight: bold;
	
}
.regularBox_notept dd{
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 2em;
}
.regularBox_notept dd p{
	margin-bottom: 1em;
}
.regularBox_notept dd ul li{
	background: url(../img/regular/dotted.gif) left 8px no-repeat;
	padding-left: 14px;
	margin-bottom: 5px;
}
.regularBox_notept dd p.qa_q{
	background: url(../img/regular/q.gif) left center no-repeat;
	padding-left: 20px;
	margin-bottom: 0.5em;
	font-weight: bold;
	
}
.regularBox_notept dd p.qa_a{
	background: url(../img/regular/a.gif) left 4px no-repeat;
	padding-left: 20px;
	margin-bottom: 2em;
}
.regularBox_notept dd.last{
	margin-top: 20px;
}
.regularBox_notept dd.last,
.regularBox_notept dd p.last{
	margin-bottom: 0;
}
/*10-27 regular 追加分finish*/

/*泥練LP*/
#wrapperLp{
	background:#FFF;
	line-height:1.4;
}

.bgLp01{
	background:url(/common/img/lp/bg_lp01.jpg) no-repeat;
	height:96px;
	text-align:center;
}

.bgLp01_2{
	background:url(/common/img/lp/bg_lp01_2.jpg) no-repeat;
	height:96px;
	text-align:center;
}

.lpBlkBtn{
	background:#000;
	text-align:center;
	padding:30px 0;
}

.bgLp02{
	background:url(../img/lp/img_lp_cvb.jpg) repeat-y;
	width:870px;
	height:263px;
	position:relative;
}
.bgLp02 img{
	position:absolute;
	width:427px;
	height:69px;
	margin-top:170px;
	margin-left:270px;
}

.lpBgBox{
	background:#EDE0C2;
	padding:25px;
}

#wrapperLp .regular{
	background:#FFE4EB !important;
}

.mb01{
	margin-bottom:1px;
}

.cashBack dt{
	font-size:18px;
	font-weight:bold;
	background:url(/common/img/lp/circle_lp.png) no-repeat left 0.2em;
	padding-left:23px;
	margin-bottom:15px;
}

.riceLp li{
	background:url(/common/img/lp/rice_lp.png) no-repeat left 0.2em;
	padding-left:18px;
	font-size:14px;
	margin-bottom:5px;
}

.lpMediaArea{
	border:5px solid #5A5B5D;
	background:#FFF;
	padding:25px;
}

.lpbox01_01{
	background:url(/common/img/lp/img_lp07.jpg) no-repeat;
	height: 330px;
}

.lpbox01_02{
	background:url(/common/img/lp/img_lp02_2.jpg) no-repeat;
	height: 332px;
}

.lpbox01_03{
	background:url(/common/img/lp/img_lp08.jpg) no-repeat;
	height: 330px;
}

.lpbox01_01 p{
    left: 380px;
	top: 140px;
    position: relative;
    width: 460px;
}

.lpbox01_02 p{
	left: 30px;
	top: 90px;
    position: relative;
    width: 470px;

}

.lpbox01_03 p{
    left: 380px;
	top: 110px;
    position: relative;
    width: 460px;
}

/*泥練LP メンズ*/

#contents_mens{
    float: right;
    width: 960px;
}

#contents_mens h1{
	margin: 0;	
}


.menslp_cp {
    background: url("../img/lpmens/menslp_28.jpg") no-repeat scroll 0 0 transparent;
    width: 960px;
	height: 320px;
}

.menslp_cp img{
	left: 800px;
	top: 280px;
	position: relative;
}

.regularUnder_mens{
	/*border-top:1px solid #FFF;
	background:#F4F4F2;
	padding:25px;*/
	margin: 30px 0;
}


.regularUnder_mens h3{
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
}

.regularUnder_mens p{
	background:#FFF;
	border:1px solid #CCC;
	padding:15px;
	line-height:1.5;
}

#wrapperLp .regular_mens {
    background: none repeat scroll 0 0 #CCCCCC !important;
	padding: 25px;
}

#contents_mens .itemBox{
	padding: 0 80px;	
}

#contents_mens  footer{
	border: none;
}




/*モニター用LP*/

.spMonitorBox{
	background: #EDEDED url(/common/img/bg_cvn.jpg) repeat-x;
	font-size: 15px;
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #FFF;
}

.spMonitorBox p.red{
	color:#F1574C !important;
}

.spMonitorBox dl{
	background:#FFF;
	padding:25px;
	font-size:14px;
	margin-bottom:25px;
}

.spMonitorBox dt{
	font-weight:bold;
	background:url(/sp/img/icon_circle.gif) no-repeat left 0.2em;
	padding-left:20px;
	font-size:16px;
	margin-bottom:10px;
}


.spMonitorBox textarea{
	width:98%;
	height:125px;
	border:1px solid #CED4D4;
	padding:1%;
}


/*0707event*/
.btn_01{
	position:absolute;
	margin-top:-99px;
	padding-left:530px;
}
.btn_02{
	position:absolute;
	margin-top:-345px;
	padding-left:530px;
}