@charset "shift_jis";

/* ------------------------
     Font-size Adjustment
---------------------------
10px = 83.4%
11px = 91.7%
12px = 100%
13px = 108.4%
14px = 116.7%
15px = 125%
16px = 133.4%
17px = 141.7%
18px = 150%
19px = 158.4%
20px = 166.7%
21px = 175%
22px = 183.4%
23px = 191.7%
24px = 200%
25px = 208.4%
26px = 217 %
---------------------------*/




/* ------------------------
     guide category
---------------------------

/*----- concept ----*/

#s_guide{
	margin:0px 0px 50px 0px;
}

#s_guide #box01{
	clear:both;
	padding:10px;
	border-top:1px solid #336600;
	border-bottom:1px solid #336600;
}

#s_guide #box01 #left{
	float:left;
	width:140px;
}


#s_guide #box01 #right{
	float:right;
	width:400px;
	line-height:1.6;
}

#s_guide #box02{
	clear:both;
	padding:10px;
	border-bottom:1px solid #336600;
}

#s_guide #box02 #left{
	float:left;
	width:400px;
	line-height:1.6;
}

#s_guide #box02 #right{
	float:right;
	width:140px;
}


#s_guide #box01 #right .name,
#s_guide #box02 #left .name{
	font-size:150%;
	line-height:1.0;
	font-weight:700;
}

#text{
	clear:both;
	width:546px;
	padding:16px;
	border:1px solid #C1DA7F;
	background:#F9FBF2;
	font-size:100%;
	line-height:1.6;
	margin:0px 0px 30px 0px;
}

#text p.tit{
	font-size:150%;
	line-height:1.6;
	font-weight:700;
	color:#92B634;
	margin:0px 0px 0px 0px;
}

#text dl{
	clear:both;
	font-size:100%;
	line-height:1.4;
	padding:16px 0px 16px 0px;
	border-bottom:1px solid #CCCCCC;
}

#text dt{
	font-size:100%;
	line-height:1.4;
	color:#805931;
	font-weight:700;
	margin:0px 0px 3px 0px;	
}

#text dd{
	height:130px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 20px;	
}

#text dd p.left{
	float:left;
	width:310px;
}

#text dd p.right{
	float:right;
	width:200px;
}

#box01{
	margin:0px 0px 30px 0px;
}

#box01 .photo{
	float:right;
	display:inline;
	padding:0px 0px 0px 20px;
}

#box01 #left{
	float:left;
	width:320px;
	line-height:1.8;
}

#box01 #left .stit{
	font-size:150%;
	font-weight:700;
	color:#690;
	line-height:1.6;
}

#box01 #right{
	float:right;
	width:240px;
}




#goods{
	padding:0px 0px 30px 0px;
}

#goods .gtit{
	font-size:133.4%;
	line-height:1.4;
	font-weight:700;
	color:#030;
	padding:0px 0px 12px 0px;
}

#goods #list{
	font-size:100%;
	line-height:1.4;
	padding:16px 0px 2px 0px;
	border-bottom:1px solid #cccccc;
}

#goods #list .name{
	width:350px;
	float:left;
	padding:0px 0px 0px 5px;
}

#goods #list .measure{
	text-align:right;
	width:40px;
	float:left;
	margin:0px 0px 0px 0px;
}

#goods #list .price{
	text-align:right;
	width:70px;
	font-weight:100;
	float:left;
	padding:0px 0px 0px 0px;
}

#goods #list .btn{
	float:right;
	padding:0px 10px 0px 0px;;
}

/*------- about --------*/


#about{
	width:580px;
	margin:0px 0px 50px 0px;
}

#about p.title{
	width:580px;
	margin:0px 0px 20px 0px;
}

#about #box01 {
	clear:both;
	padding:0px 0px 0px 0px;
	border-bottom:1px solid #6C3410;
	margin:0px 0px 100px 0px;
}

#about #box01 .stit{
	font-size:150%;
	font-weight:700;
	color:#6C3310;
	margin:10px 0px 20px 0px;
}

#about #box01 .que{
	font-size:116.7%;
	font-weight:700;
	color:#006699;
	margin:0px 0px 0px 0px;
}

#about #box01 .ans{
	font-size:108.4%;
	line-height:1.6;
	margin:0px 0px 30px 20px;
}

#about #box02 {
	clear:both;
	padding:0px 0px 0px 0px;
}

#about #box02 #left{
	float:left;
	width:260px;
}

#about #box02 #right{
	float:right;
	width:310px;
	line-height:1.8;
}

#about #box02 #right .stit{
	padding:0px 0px 10px 0px;
}

#about #box02 #right .profile{
	font-size:100%;
	color:#333;
	line-height:1.6;
}

#about #link{
	padding:60px 0px 0px 0px;
}



/*------- faq --------*/

#faq{
	width:580px;
	margin:0px 0px 100px 0px;
}


#faq #box01 {
	clear:both;
	padding:20px;
	border:1px solid #6C3410;
	margin:0px 0px 10px 0px;
}

#faq #box01 .stit{
	font-size:150%;
	font-weight:700;
	color:#6C3310;
	margin:10px 0px 20px 0px;
}

#faq #box01 .que{
	font-size:116.7%;
	font-weight:700;
	color:#006699;
	margin:0px 0px 20px 0px;
	padding-left:1.5em;
	text-indent:-1.8em;
}

#faq #box01 .ans{
	font-size:108.4%;
	line-height:1.6;
	margin:0px 0px 0px 20px;
	padding-left:1.5em;
	text-indent:-1.5em;
}

#faq p.top{
	text-align:right;
	color:#006600;
	font-size:100%;
	margin:0px 0px 50px 0px;
}

#faq #list{
	width:580px;
	padding:12px 0px 0px 0px;
	border-bottom:1px solid #cccccc;
}

#faq #list .que{
	font-size:100%;
	color:#006600;
	font-weight:700;
	padding:0px 0px 0px 0px;
	padding-left:1.5em;
	text-indent:-1.2em;
}


/*----- faq_list ----*/

#faq_list{
	width:580px;
	border:1px solid #CCCCCC;
	background:#F3F8E7;
	margin:0px 0px 30px 0px;
}

#faq_list .stit{
padding:1px;
}

#faq_list #box01{
	padding:0px 20px;
}

#faq_list #box01 #left{
	float:left;
	width:260px;
	line-height:1.6;
}

#faq_list #box01 #right{
	float:right;
	width:280px;
	line-height:1.6;
}


#voice .list{
	width:580px;
	padding:12px 0px 12px 0px;
	border-bottom:1px solid #cccccc;
}

#voice .search{
	width:580px;
	padding:20px 0px 0px 0px;
	margin:0px;
}

#voice .search strong{
	font-size:133.4%;
}


#voice .list #menu{
	color:#336600;
�@background:#E3EEC6;
	padding:10px 10px 10px 10px;
	margin:6px 0px 6px 0px;
	border:1px solid #C1DA7F;
}