@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}


a{outline:0;}
img{border:none;}
.clearfix{zoom:1;}
.clearfix:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html .clearfix{
	display:inline-table;
	/*\*/display:block;/**/
}

h1,h2,h3,h4{
	padding:0;
	margin:0;
}

.block {display: block;}
.clear{clear:both;}
.right{float:right;}
.left{float:left;}
.center{text-align:center;}


.p_clear{
	display:block;
	text-indent:-9000px;
}

a:link,a:visited {color: #FF3300;}
a:hover{text-decoration:none;color:#FF3300;}

body {
	margin: 0px;
	padding: 0px;
	background:#ECDDB0;
	color:#111;
	font: 12px/185% "メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro",Osaka;
	text-align:center;
}

#wrapper {
	width: 840px;
	background:#fff;
	margin:0 auto;
	text-align:left;
	background:url(../img/bg.jpg);
}

#header{
	background:url(../img/header_bg.gif) repeat-x;
	height:80px;
	padding-top:8px;
}

#head-l{
	float:left;
	width:208px;
	margin-left:20px;
	margin-top:5px;
}


#head-l h1 a{
	display: block;
	height: 63px;
	width: 102px;
	background: url(../img/logo.gif) no-repeat;
	text-indent:-9999px;
}

#head-r{
	text-align:right;
	float:right;
	width:410px;
	margin-right:20px;
}

#head-r a:link,#head-r a:visited {color: #460606;}
#head-r a:hover{text-decoration:none;color:#460606;}

#head-r ul{
	text-align:right;
	
}

#head-r ul li{
	float:left;
	list-style:none;
	padding:5px;
}

#main{
	margin:0 20px;
	
	
}

#content{
	margin:10px 30px;
}
	
	
#content p{
	padding:5px 15px;
}

.area{
	margin:10px 10px 10px 10px;
}


#content2{
	margin:10px 70px;
}

#content2 p{
	padding:5px 15px;
}

h2.kodawari{
	background:url(../../img/ttl.jpg) no-repeat;
	width:780px;
	height:115px;
	text-indent:-9000px;
	display:block;
	margin:20px 0 0 0;
}

h3.t1{
	background:url(../../img/t1.jpg) no-repeat;
	width:760px;
	height:140px;
	text-indent:-9000px;
	display:block;
	margin:10px 0;
}

h3.t2{
	background:url(../../img/t2.jpg) no-repeat;
	width:760px;
	height:140px;
	text-indent:-9000px;
	display:block;
	margin:10px 0;
}


h3.t3{
	background:url(../../img/t3.jpg) no-repeat;
	width:760px;
	height:140px;
	text-indent:-9000px;
	display:block;
	margin:10px 0;
}



h3.t4{
	background:url(../../img/t4.jpg) no-repeat;
	width:760px;
	height:140px;
	text-indent:-9000px;
	display:block;
	margin:10px 0;
}


h3.t5{
	background:url(../../img/t5.jpg) no-repeat;
	width:760px;
	height:140px;
	text-indent:-9000px;
	display:block;
	margin:10px 0;
}

h2.voice-ttl{
	background:url(../../img/voice.gif) no-repeat;
	width:780px;
	height:59px;
	text-indent:-9000px;
	display:block;
	margin:0;
	padding:0;
}

#voice{
	padding:20px;
	background:#FFF5D1;
	margin-bottom:20px;
}



h2.way-ttl{
	background:url(../../img/way.gif) no-repeat;
	width:780px;
	height:40px;
	text-indent:-9000px;
	display:block;
	margin:0;
	padding:0;
}

#way{
	border:1px solid #E79174;
	padding:20px;
	margin-bottom:20px;
}

.way-left{
	float:left;
	width:80px;
	margin-top:20px;
}

.way-right{
	float:left;
}

.way-comment{
	background:#FBEAE4;
	padding:15px;
	font-weight:bold;
	color:#CC3333;
}


h2.other-ttl{
	background:url(../../img/other.jpg) no-repeat;
	width:780px;
	height:115px;
	text-indent:-9000px;
	display:block;
}


#other-detail{
	background:url(../../img/other_bg.jpg);
	width:780px;
	height:250px;
	margin:20px 0;
}

#other-detail p{
	padding:35px 270px 0 40px;
}


#foot-link{
	margin:15px 20px 0 35px;
	text-align:center;
}

#foot-link a:link,#foot-link a:visited {color: #460606;}
#foot-link a:hover{text-decoration:none;color:#460606;}


#foot-link ul{
	text-align:center;
	
}

#foot-link ul li{
	float:left;
	list-style:none;
	padding:5px;
}




#footer{
	text-align:center;
}


/* 商品一覧ページ */

h2.ttl{
	background:url(../../img/item/ttl.jpg) no-repeat;
	width:820px;
	height:95px;
	text-indent:-9000px;
	display:block;
	margin:0 10px;
}

#content-item{
	padding:15px;
}

h3.name{
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	background:#E9676D;
	padding:3px 10px;
	line-height:140%;
}

h3.name2{
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	background:#E9676D;
	padding:1px 10px;
	line-height:140%;
	margin:0 0 10px 0;
}

.item-set{
	padding:15px;
	margin:0 0 15px 0;

}

.item-l{
	float:left;
	width:380px;
	margin:0 0 15px 0;
}

.item-r{
	float:right;
	width:380px;
	margin:0 0 15px 0;
}




h2.ttl-guide{
	background:url(../../img/ttl_guide.jpg) no-repeat;
	width:820px;
	height:95px;
	text-indent:-9000px;
	display:block;
	margin:0 10px;
}


h2.ttl-pp{
	background:url(../../img/ttl_pp.jpg) no-repeat;
	width:820px;
	height:95px;
	text-indent:-9000px;
	display:block;
	margin:0 10px;
}

h2.ttl-kodawari{
	background:url(../../img/ttl_kodawari.jpg) no-repeat;
	width:820px;
	height:95px;
	text-indent:-9000px;
	display:block;
	margin:0 10px;
}

h2.ttl-story{
	background:url(../../img/ttl_story.jpg) no-repeat;
	width:820px;
	height:95px;
	text-indent:-9000px;
	display:block;
	margin:0 10px;
}

h2.ttl-faq{
	background:url(../../img/ttl_faq.jpg) no-repeat;
	width:820px;
	height:95px;
	text-indent:-9000px;
	display:block;
	margin:0 10px;
}

h2.ttl-about{
	background:url(../../img/ttl_about.jpg) no-repeat;
	width:820px;
	height:95px;
	text-indent:-9000px;
	display:block;
	margin:0 10px;
}


h3.faq1{
	background:url(../../img/faq_1.jpg) no-repeat;
	display:block;
	margin:25px 0 10px 0; 
	padding:30px 15px 20px 95px;
	color:#CC3300;
	font-size:16px;
}


h3.faq2{
	background:url(../../img/faq_2.jpg) no-repeat;
	display:block;
	margin:25px 0 10px 0; 
	padding:30px 15px 20px 95px;
	color:#CC3300;
	font-size:16px;
}



.a-area{
	background:url(../../img/faq_a.jpg) no-repeat;
	padding:15px 15px 15px 95px;
	border:2px solid #FFE3B7;
}

.seibun-area{
	background:#FDF1E3;
	border:1px solid #D39391;
	padding:10px;
	margin:20px 0;
	
}


table.company td{
	padding:5px 10px;
	
}


table.day td{
	font-size:10px;
	padding:1px;
	text-align:center;
}

table.layout td{
	padding:0;

}


/* スタイル */

.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}

.f16-b{font-size:16px;
font-weight:bold;
color:#910F25;
}

.f16-r{font-size:16px;
font-weight:bold;
color:#D20B00;
}


.white{color:#fff;}
.pink{color:#DC167E;}

.pt5{margin-top:5px;}
.pr5{margin-right:5px;}
.pb5{margin-bottom:5px;}
.pl5{margin-left:5px;}

.pt10{margin-top:10px;}
.pr10{margin-right:10px;}
.pb10{margin-bottom:10px;}
.pl10{margin-left:10px;}

.pt15{margin-top:15px;}
.pr15{margin-right:15px;}
.pb15{margin-bottom:15px;}
.pl15{margin-left:15px;}

.pt20{margin-top:20px;}
.pb20{margin-bottom:20px;}
.pr20{margin-right:20px;}
.pb30{margin-bottom:30px;}


.none{display:none;}
.arrow {
	background:url(../img/arrow.gif) no-repeat;
	padding:0 0 0 12px;
	background-position :left center;
}

.point {
	background:url(../img/circle.gif) no-repeat;
	padding:0 0 0 17px;
	background-position :left center;
}

.red{color:#CC0000;}

.totop{
	float:right;
	padding:10px 0;
}
	
	
	
#sample{
	background:url(../../sample/img/bg.gif) repeat-y;
	border-bottom:1px solid #F7D3CA;

}


.sample-area{
	padding:15px;

}



table.form td{
	padding:10px 10px;
}