@charset "utf-8";

@import url(common.css);
@import url(header.css);
@import url(footer.css);
@import url(index.css);

/* basic layout
++++++++++++++++++++++++++++++*/
#top{display:none;}

#wrapper{
	position:relative;
	width:1130px;
	margin:0 auto;
	text-align:center;
	}

#container{
	position:relative;
	width:960px;
	margin:0 auto;
	text-align:center;
	background:url(../img/common/container_back.gif) repeat-y 0 0;
	}

#main{
	position:relative;
	width:660px;
	margin-left:40px;
	float:right;
	text-align:left;
	margin-top:350px;
	}

section{
	position:relative;
	width:100%;
	margin:0 auto;
	margin-bottom:40px;
	}
	
section:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

/*hr{
	margin:0;
	height:2px;
	border:none;
	background:url(../img/common/line_back.gif) repeat-x 0 0;
	}*/

.pdf-link{
	padding-right:20px;
	background:url(../img/common/icon_pdf.gif) no-repeat right center;
	}

#mayudama-box{background:url(../img/mayudama/billboard.png) no-repeat right 0;}
#howto-box{background:url(../img/howto/billboard.png) no-repeat right 0;}
#soap-box{background:url(../img/soap/billboard.png) no-repeat right 0;}
#cocoon-box{background:url(../img/cocoon/billboard.png) no-repeat right 0;}
#law-box{background:url(../img/law/billboard.png) no-repeat right 0;}
#attention-box{background:url(../img/attention/billboard.png) no-repeat right 0;}
#privacy-box{background:url(../img/privacy/billboard.png) no-repeat right 0;}
#notfound-box{background:url(../img/common/billboard_404.png) no-repeat right 0;}

.light{color:#666;}

.orange{color:#EF930C;}
	
.basic-hr{
	border:none;
	border-top:1px solid #E8E8E8;
	margin-bottom:30px;
	}


/* contents common
++++++++++++++++++++++++++++++*/
.contents{
	background:#FFF;
	}

.contents-inner{
	padding:30px 25px;
	}
	
.contents-inner h2{
	margin-bottom:20px;
	}

/* mayudama
++++++++++++++++++++++++++++++*/
.copy-box{
	padding:35px 0 15px;
	}
	
.point-box{
	background:#FEFDFC;
	}

.point-box-inner{
	padding:30px 25px;
	}

.point-box-inner section:last-child{
	margin-bottom:0;
	}
	
.point-box-inner h2{
	margin-bottom:20px;
	}

.point-box-inner p{
	margin:0 0 15px 0;
	}

.point-text-box{
	width:377px;
	float:right;
	}

table.point-table{
	width:100%;
	margin:0 0 5px 0;
	padding:0;
	font-size:90%;
	line-height:160%;
	border-collapse:collapse;
	}
	
table.point-table caption{
	text-align:left;
	margin:0 0 5px 0;
	}
	
table.point-table th{
	padding:10px;
	text-align:center;
	font-weight:normal;
	white-space:nowrap;
	border:1px solid #CCC;
	background:#EEE;
	}
	
table.point-table td{
	padding:10px;
	text-align:center;
	border:1px solid #CCC;
	}

.feature-box{
	border: 5px solid #ededed;
  	-moz-border-image:url(../img/mayudama/feature_line.gif) 5 5 round; /* Old firefox */
  	-webkit-border-image:url(../img/mayudama/feature_line.gif) 5 5 round; /* Safari */
  	-o-border-image:url(../img/mayudama/feature_line.gif) 5 5 round; /* Opera */
 	border-image:url(../img/mayudama/feature_line.gif) 5 5 round;
	/*padding:115px 20px 20px;*/
	
	}

.feature-box-inner{
	padding:115px 20px 20px;
	background:url(../img/mayudama/feature-box_back.jpg) no-repeat 25px 10px #FFF;
	}

ol.count-list{
	margin:0 5px;
	}

ol.count-list li{
	padding:3px 0 30px 30px;
	}

ol.count-list li#list-01{background:url(../img/mayudama/icon_list01.gif) no-repeat 0 0;}
ol.count-list li#list-02{background:url(../img/mayudama/icon_list02.gif) no-repeat 0 0;}
ol.count-list li#list-03{background:url(../img/mayudama/icon_list03.gif) no-repeat 0 0;}

ol.count-list li p{
	font-size:120%;
	margin-bottom:5px;
	}

.item-text-box{
	width:310px;
	}

.item-text-box h2{
	margin-bottom:30px;
	}

.item-text-box p{
	margin-bottom:15px;
	}

p.order-button a{
	display:block;
	background:#EF940B;
	color:#FFF;
	text-decoration:none;
	line-height:38px;
	text-align:center;
	}

p.order-button a:hover{
	background:#F30;
	}

p.sold-out-button{
	display:block;
	background:#F00;
	color:#FFF;
	text-decoration:none;
	line-height:38px;
	text-align:center;
	}

span.sold-out{text-decoration:line-through;}

.red{color:#F00;}

#charm{border:1px solid #FFDC73;}

.charm-text-box{
	width:320px;
	float:right;
	}

#charm h2{
	margin-bottom:30px;
	}

.charm-text-box p{
	margin-bottom:15px;
	}


/* howto
++++++++++++++++++++++++++++++*/
.icon-list-howto{
	margin-bottom:15px;
	}

.icon-list-text{
	width:440px;
	float:right;
	}

.icon-list-text img{
	margin-bottom:15px;
	}
	
/* soap
++++++++++++++++++++++++++++++*/
.copy-box-soap{
	margin-top:35px;
	padding-bottom:20px;
	}
	
#soap-point-box{background:url(../img/soap/mayu_back.gif) no-repeat right bottom;}

.point-box-soap{
	width:380px;
	float:right;
	}

.feature-box-title{
	padding-bottom:20px;
	}

.feature-box-soap{
	border: 5px solid #ededed;
  	-moz-border-image:url(../img/mayudama/feature_line.gif) 5 5 round; /* Old firefox */
  	-webkit-border-image:url(../img/mayudama/feature_line.gif) 5 5 round; /* Safari */
  	-o-border-image:url(../img/mayudama/feature_line.gif) 5 5 round; /* Opera */
 	border-image:url(../img/mayudama/feature_line.gif) 5 5 round;
	/*padding:40px 30px 40px;*/
	background:#FFF;
	}

.feature-box-soap-inner{
	padding:40px 30px 40px;
	background:#FFF;
	}



h2.soap{
	font-size:100%;
	font-weight:normal;
	}

h2.soap span{
	color:#599393;
	font-size:80%;
	display:block;
	margin-top:5px;
	}


/* law
++++++++++++++++++++++++++++++*/
table.law-table{
	width:100%;
	margin:0 0 5px 0;
	padding:0;
	font-size:90%;
	line-height:160%;
	border-collapse:collapse;
	}

table.law-table th{
	padding:15px;
	text-align:left;
	font-weight:normal;
	white-space:nowrap;
	border-bottom:1px dashed #666;
	}

table.law-table td{
	padding:15px 0px 15px 30px;
	text-align:left;
	border-bottom:1px dashed #666;
	}


/* attention
++++++++++++++++++++++++++++++*/
#attention-box-inner p{
	margin:0 0 15px 0;
	}

.bank-account-box{
	width:610px;
	height:180px;
	}

.bank-account-box-inner{
	width:240px;
	padding:20px 25px 5px;
	margin:15px;
	background:#FFF;
	border:1px solid #EF940B;
	float:left;
	}

h3.payment-method{
	font-size:100%;
	margin-bottom:10px;
	padding-left:12px;
	background:url(../img/common/icon_h3.gif) no-repeat 0 center;
	}

table.charge-table{
	margin:0 0 5px 0;
	padding:0;
	font-size:90%;
	line-height:160%;
	border-collapse:collapse;
	}

table.charge-table th{
	width:200px;
	padding:10px;
	text-align:center;
	font-weight:normal;
	white-space:nowrap;
	border:1px solid #CCC;
	background:#EEE;
	}
	
table.charge-table td{
	width:120px;
	padding:10px;
	text-align:center;
	border:1px solid #CCC;
	}


/* privacy
++++++++++++++++++++++++++++++*/
ol.policy-list{
	margin:30px 40px 0 23px;
	}
	
ol.policy-list li{
	list-style:decimal;
	margin-bottom:30px;
	}