@import url("style-base.css");
@import url("style-menu.css");

/***************************************************************
共通
***************************************************************/

body	{
	font-family: Verdana,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Pゴシック",Osaka,sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 1.8;
	letter-spacing: 0;
	text-align: center;
	padding: 0px;
	margin: 0px;
	background: #FFF url(img/bg.gif) repeat left top;
}
textarea,select,input {
	font-family:“ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro”, Osaka,”メイリオ”,Meiryo, Verdana, Arial,sans-serif;
	font-size: 12px;
	vertical-align: middle;
}
#FName,
#FName2,
#FNameHome,
#FName2Home,
#FAtena,
#FAtenahuri,
#F-NAME	{ width: 55%; }
#FTel,
#FFax,
#FTelHome,
#FFaxHome,
#FTelPresent,
#FFaxPresent,
#F-TEL	{ width: 45%; }
#F-Fnq04	{ width: 30%; }
#F-Fnq07,
#F-Fnq06	{ width: 80%; }
#FSyouhinPresent,
#F-NAME,
#FAddress,
#FBuilding,
#FMail,
#FMail2,
textarea#FMessage,
textarea#F-An123,
#FAddressHome,
#FBuildingHome,
#FMailHome,
#FMail2Home,
textarea#FMessageHome,
#FAddressPresent,
#FBuildingPresent,
#FMessagePresent,
#F-MAIL,
#F-MAIL2,
textarea#F-MESSAGE,
textarea#F-An123	{ width: 97%; }
#F-Home01,
#FPref,
#FTime,
#FPrefHome,
#FPrefPresent	{ width: 140px; }
#FMonth,
#FDay		{ width: 60px; }
#FZip,
#FZipHome,
#FZipPresent		{ width: 20%; }

h1	{
	color: #333;
	font-size: 10px;
	font-weight: 100;
	letter-spacing: 0.1em;
}
h2#pankuzu	{
	font-size: 10px;
	font-weight: 100;
	letter-spacing: 0.1em;
	padding: 4px 15px;
	margin-top: 17px;
	background: url(img/pankuzu.gif) no-repeat left top;
	width: 517px;
	height: 28px;
}


h4#prod14	{
	background: url(img/prod-img02.gif) no-repeat left top;
	width: 547px;
	height: 74px;
	text-indent: -9999px;
}
h4#prod15	{
	background: url(img/prod-img06.gif) no-repeat left top;
	width: 294px;
	height: 20px;
	text-indent: -9999px;
	margin: 30px auto 10px auto;
}
td	{ 
	font-size: 12px; 
	line-height: 16px;
}
a:link,a:visited {
	color: #353535;
	text-decoration: none;
}
a:hover,a:active {
	color: #666666;
	text-decoration: underline;
}
.boxtxt	{
	font-size: 12px;
	line-height: 200%;
	width: 520px;
	padding: 10px 10px 10px 10px;
}
.align-center	{
	text-align: center;
}
.align-left	{
	text-align: left;
}
.align-right	{
	text-align: right;
}
.align-center	{
	text-align: center;
}
.margintop10	{
	margin-top: 10px;
}
.margintop17	{
	margin-top: 17px;
}
.margintop20	{
	margin-top: 20px;
}
.margintop25	{
	margin-top: 25px;
}
.marginbottom10	{
	margin-bottom: 10px;
}
.marginbottom17	{
	margin-bottom: 17px;
}
.margin30	{
	margin: 30px 0;
}
.paddingleft10	{
	padding-left: 10px;
}



.form-hako{
padding-top: 15px;
padding-bottom: 15px;
}
.f-hakotxt{
font-weight:bold;
color:#cc0000;
padding-bottom:5px;
padding-top:10px;
}

/***************************************************************
TOP
***************************************************************/

.infobox dt	{
	color: #916400;
	background: url(img/yajirusi.gif) no-repeat left 6px;
	padding: 0px 15px 0px 9px;
	float: left; 
}
.infobox dd	{
	padding-left: 15px;
}
.infobox dl	{
	border-bottom: #252525 dotted 1px;
	width: 527px;
	padding: 0 8px;
	margin-top: 7px;
}

#topbunner{
width: 547px;
position:relative;
overflow:hidden;
}
.topbunner01{
float:left;
}
.topbunner02{
float:right;
}
#topbunner img{
border: 0px;
}





#topleft{
width: 540px;
float:left;
}
#topright{
width: 208px;
float:right;
}

.topproduct{
width: 540px;
position:relative;
overflow:hidden;
padding-bottom:20px;
}
.topproduct img{
border:0;
}
.topprobox-l{
width:261px;
float:left;
}
.topprobox-r{
width:261px;
float:right;
}

.topproduct ul{
position:relative;
overflow:hidden;
list-style:none;
width: 216px;
padding-left: 45px;
padding-top:10px;
}
.topproduct li{
float:left;
padding-left: 8px;
list-style:none;
}
.topproduct li img{
vertical-align:bottom;
}

#topright h3{
margin:0;
padding:0;
}
.sideinfo{
background: url(img/sideinfo_back.gif) repeat-y left top;
width: 188px;
margin-left: 8px;
padding: 0px 6px 0px 6px;
}
.sideinfo dl{
border-bottom:1px dotted #8a8a8a;
padding: 5px 0px;
}
.sideinfo dt{
padding-left: 12px;
font-size:10px;
letter-spacing:1px;
color: #916400;
line-height:150%;
}
.sideinfo dd{
background:url(img/sideinfo_icon.gif) no-repeat 0px 3px;
padding-left: 12px;
line-height:150%;
color: #515151;
}
.sideinfo dd a{
color: #515151;
}
.sideinfo_btm{
background:url(img/sideinfo_btm.gif) no-repeat left top;
height: 53px;
text-align:right;
padding-right: 5px;
padding-top:3px;
margin-bottom:10;
}
.sideinfo_btm img{
border:0px;
}

.topside{
width: 200px;
margin-left: 8px;
background:url(img/side_back.gif) repeat-y left top;
}
.topside p{
padding: 10px;
}
.topside02{
background:url(img/side_back02.gif) repeat-y center top;
border-bottom:1px solid #DED3AC;
width: 184px;
margin: 0px auto 10px auto;
}
.topside02 p{
padding: 5px 20px !important;
}
.topside img{
border: 0px;
}
.topside_link{
background:url(img/icon01.gif) no-repeat right center;
width: 150px;
margin:0px auto;
text-align:right;
padding-right:10px;
}





/***************************************************************
豆仙房の商品紹介
***************************************************************/


#productmain{
position: relative;
width: 544px;
}
.cart{
	position:absolute;
	top: 254px;
}



.kounyu	{
	width: 168px;
	height: 75px;
	display: block;
	overflow: hidden;
	padding-top: 15px;
	background: url(img/cart-base.gif) no-repeat left 15px;
	text-indent: -9999px;
}
.kounyu a:link,
.kounyu a:visited
	{
	width: 168px;
	height: 75px;
	display: block;
	overflow: hidden;
	background: url(img/cart-base.gif) no-repeat left top;
	text-indent: -9999px;
}
.kounyu a:hover	{
	background: none;
}
.kounyu2	{
	width: 168px;
	height: 75px;
	display: block;
	overflow: hidden;
	padding-top: 150px;
	background: url(img/cart-act.gif) no-repeat left 150px;
	text-indent: -9999px;
}
.kounyu2 a:link,
.kounyu2 a:visited
	{
	width: 168px;
	height: 75px;
	display: block;
	overflow: hidden;
	padding-top: 150px;
	background: url(img/cart-base.gif) no-repeat left top;
	text-indent: -9999px;
}
.kounyu2 a:hover	{
	background: none;
}
.kounyu3	{
	width: 157px;
	height: 67px;
	display: block;
	overflow: hidden;
	padding-top: 175px;
	background: url(img/kounyur.gif) no-repeat left 175px;
	text-indent: -9999px;
	margin-bottom: 15px;
}
.kounyu3 a:link,
.kounyu3 a:visited
	{
	width: 157px;
	height: 67px;
	display: block;
	overflow: hidden;
	padding-top: 175px;
	background: url(img/kounyu.gif) no-repeat left top;
	text-indent: -9999px;
	margin-bottom: 15px;
}
.kounyu3 a:hover	{
	background: none;
}
#footertugi	{
	height: 28px;
	margin: 10px 0;
}
#footerbtn01	{
	float: left;
	width: 146px;
	height: 28px;
}
#footerbtn01 a:link,
#footerbtn01 a:visited,
#footerbtn01 a:hover	{
	background: url(img/iciran.gif) no-repeat left top;
	width: 146px;
	height: 28px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
#footerbtn02	{
	float: right;
	width: 94px;
	height: 28px;
}
#footerbtn02 a:link,
#footerbtn02 a:visited,
#footerbtn02 a:hover	{
	background: url(img/tugi.gif) no-repeat left top;
	width: 94px;
	height: 28px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}	
h5.pro-name	{
	text-indent: -9999px;
}
h3.nakatitle	{
	background: url(img/prod-img01.gif) no-repeat left top;
	text-indent: -9999px;
	width: 547px;
	height: 64px;
}
.sumaki01	{
	padding: 20px 0 0 30px ;
}
h4.pronaka01	{
	background: url(img/pro-img15.gif) no-repeat left top;
	text-indent: -9999px;
	width: 547px;
	height: 42px;
	margin: 20px 0 17px 0;
}
.prodtable01	{
	margin-top: 10px;
	background: #FFF url(img/prod-img09.gif) no-repeat right bottom;
	border-right: #B1B1B1 solid 1px;
	border-bottom: #B1B1B1 solid 1px;
}
.prodtable02	{
	margin-top: 10px;
	background: #FFF url(img/momen-img06.gif) no-repeat right bottom;
	border-right: #B1B1B1 solid 1px;
	border-bottom: #B1B1B1 solid 1px;
}
.prodtable03	{
	margin-top: 10px;
	background: url(img/kinu-img06.gif) no-repeat right bottom;
	border-right: #B1B1B1 solid 1px;
	border-bottom: #B1B1B1 solid 1px;
}
.prodtable04	{
	margin-top: 10px;
	background: url(img/nuts-img06.gif) no-repeat right bottom;
	border-right: #B1B1B1 solid 1px;
	border-bottom: #B1B1B1 solid 1px;
}
.prodtable05	{
	margin-top: 10px;
	background: url(img/mame-img07.gif) no-repeat right bottom;
	border-right: #B1B1B1 solid 1px;
	border-bottom: #B1B1B1 solid 1px;
}
.prodtable06	{
	margin-top: 10px;
	background: url(img/yuzu-img06.gif) no-repeat right bottom;
	border-right: #B1B1B1 solid 1px;
	border-bottom: #B1B1B1 solid 1px;
}
.prodtable07	{
	margin-top: 10px;
	background: url(img/siro-img06.gif) no-repeat right bottom;
	border-right: #B1B1B1 solid 1px;
	border-bottom: #B1B1B1 solid 1px;
}
.prodtable08	{
	margin-top: 20px;
	background: url(img/kuro-img06.gif) no-repeat right bottom;
	border-right: #B1B1B1 solid 1px;
	border-bottom: #B1B1B1 solid 1px;
}
.prodtable09	{
	margin-top: 20px;
	background: url(img/kun-img05.gif) no-repeat right bottom;
	border-right: #B1B1B1 solid 1px;
	border-bottom: #B1B1B1 solid 1px;
}
.prodtable10	{
	margin-top: 10px;
	background: url(img/suri-img06.gif) no-repeat right bottom;
	border-right: #B1B1B1 solid 1px;
	border-bottom: #B1B1B1 solid 1px;
}
.prodtable11	{
	margin-top: 10px;
	background: url(img/huwa-img06.gif) no-repeat right bottom;
	border-right: #B1B1B1 solid 1px;
	border-bottom: #B1B1B1 solid 1px;
}
.prodtable12	{
	margin-top: 20px;
	background: url(img/tou-img04.gif) no-repeat right bottom;
	border-right: #B1B1B1 solid 1px;
	border-bottom: #B1B1B1 solid 1px;
}
.prodtable13	{
	margin-top: 10px;
	background: url(img/imo-img05.gif) no-repeat right bottom;
	border-right: #B1B1B1 solid 1px;
	border-bottom: #B1B1B1 solid 1px;
}
.prodtable14	{
	margin-top: 20px;
	background: url(img/yama-img03.gif) no-repeat right bottom;
	border-right: #B1B1B1 solid 1px;
	border-bottom: #B1B1B1 solid 1px;
}
.prodtable15	{
	margin-top: 10px;
	background: #FFF url(img/ume-img04.gif) no-repeat right bottom;
	border-right: #B1B1B1 solid 1px;
	border-bottom: #B1B1B1 solid 1px;
}
.prodtable16	{
	margin-top: 10px;
	background: #FFF url(img/daizu05.gif) no-repeat right bottom;
	border-right: #B1B1B1 solid 1px;
	border-bottom: #B1B1B1 solid 1px;
}
.prodtable17	{
	margin-top: 10px;
	background: #FFF url(img/yawaage04.gif) no-repeat right bottom;
	border-right: #B1B1B1 solid 1px;
	border-bottom: #B1B1B1 solid 1px;
}



.prodtable01 th,
.prodtable02 th,
.prodtable03 th,
.prodtable04 th,
.prodtable05 th,
.prodtable06 th,
.prodtable07 th,
.prodtable08 th,
.prodtable09 th,
.prodtable10 th,
.prodtable11 th,
.prodtable12 th,
.prodtable13 th,
.prodtable14 th,
.prodtable15 th,
.prodtable16 th,
.prodtable17 th
	{
	width: 160px;
	background: #F8EAF8;
	padding: 5px 13px;
	border-top: #B1B1B1 solid 1px;
	border-left: #B1B1B1 solid 1px;
}
.prodtable01 td,
.prodtable02 td,
.prodtable03 td,
.prodtable04 td,
.prodtable05 td,
.prodtable06 td,
.prodtable07 td,
.prodtable08 td,
.prodtable09 td,
.prodtable10 td,
.prodtable11 td,
.prodtable12 td,
.prodtable13 td,
.prodtable14 td,
.prodtable15 td,
.prodtable16 td,
.prodtable17 td	{
	width: 320px;
	padding: 5px 13px;
	border-top: #B1B1B1 solid 1px;
	border-left: #B1B1B1 solid 1px;
}
h5#momen-ex	{
	font-weight: 100;
	font-size: 12px;
	padding: 100px 0 0 10px;
}
h5#momen-ex2	{
	font-weight: 100;
	font-size: 12px;
	padding: 120px 0 0 10px;
}
h5#momen-ex3	{
	font-weight: 100;
	font-size: 12px;
	padding: 140px 0 0 10px;
}
h5#momen-ex4	{
	font-weight: 100;
	font-size: 12px;
	padding: 190px 0 0 10px;
}
h5#momen-ex5	{
	font-weight: 100;
	font-size: 12px;
	padding: 210px 0 0 10px;
}
.momen01	{
	margin: 17px 0 0 0;
}
.momentxt10	{
	font-size: 10px;
	line-height: 160%;
	letter-spacing: 0.1em;
}
.siro14txt	{
	font-size: 14px;
	line-height: 180%;
	font-weight: bold;
}
.font10px	{
	color: #999999;
	font-size: 10px;
	letter-spacing: 0.1em;
}
p#hyouki	{
	padding-top: 10px;
	padding-left: 10px;
}


.seibun{
font-weight:normal;
color: #CC0000;
padding-top:5px;
text-align:right;
}


/*
daizu
------------------------------*/

.daizubox01{
width: 292px;
background:url(img/daizu02.jpg) no-repeat right top;
padding-top: 30px;
padding-right: 255px;
padding-bottom:40px;
}
.daizubox02{
background:url(img/daizu03.jpg) no-repeat right top;
padding-top: 55px;
padding-right:283px;
height: 221px;
}




/*yawaagebox
------------------------------*/

.yawaagebox01{
background:url(img/yawaage02.jpg) no-repeat right top;
padding-top:50px;
padding-right: 275px;
height: 177px;
margin-bottom:30px;
}
.yawaagebox02{
background:url(img/yawaage03.jpg) no-repeat right top;
padding-top:50px;
padding-right: 275px;
height: 165px;
margin-bottom:30px;
}











/***************************************************************
運営会社情報
***************************************************************/

h3.aboutnakatitle	{
	background: url(img/about-title.gif) no-repeat left top;
	width: 547px;
	height: 64px;
	text-indent: -9999px;
}
h4.abouttitle01	{
	background: url(img/about-title01.gif) no-repeat left top;
	text-indent: -9999px;
	width: 547px;
	height: 40px;
}
.aboutbox th	{
	padding: 7px 15px;
	font-weight: 100;
	text-align: center;
	width: 130px;
	background: #F8F8F6;
}
.aboutbox td	{
	padding: 7px 15px;
	background: #FFFFFF;
}
.aboutbox table	{
	margin: 18px 10px;
}
h4.abouttitle02	{
	background: url(img/about-title02.gif) no-repeat left top;
	text-indent: -9999px;
	width: 547px;
	height: 40px;
}
h4.abouttitle03	{
	background: url(img/about-title03.gif) no-repeat left top;
	text-indent: -9999px;
	width: 547px;
	height: 40px;
}

/***************************************************************
インフォメーション
***************************************************************/

h3.infotitle	{
	background: url(img/info-title.gif) no-repeat left top;
	text-indent: -9999px;
	width: 390px;
	height: 64px;
}
h4.infoentry	{
	color: #74682D;
	width: 260px;
	font-size: 14px;
	padding-left: 10px;
	display: block;
	float: left;
	background: url(img/yajirusi.gif) no-repeat left 8px;
}
.infoday	{
	color: #916400;
	float: right;
	text-align: right;
	margin: 0;
	width: 90px;
	padding: 5px 10px 0 0;
	font-size: 10px;
}
.infoenbox	{
	margin-top: 20px;
	margin-bottom: 35px;
	width: 390px;
}
.newsdotte	{
	width: 388px;
	border-bottom: #333333 dotted 1px;
}


/***************************************************************
豆仙房レシピ紹介
***************************************************************/

h3.recipetitle	{
	background: url(img/recipe-title.gif) no-repeat left top;
	text-indent: -9999px;
	width: 547px;
	height: 64px;
}
h4.reci-title01	{
	color: #74682D;
	font-size: 14px;
	width: 497px;
	height: 34px;
	padding: 8px 10px 0 40px;
	background: url(img/info-img01.gif) no-repeat left top;
}
.reci-day	{
	color: #916400;
	font-size: 10px;
	letter-spacing: 0.1em;
	float: right;
	padding: 1px 0;
	margin: 0px;
}
.entrymenu	{
	width: 390px;
	margin: 17px auto;
	font-size: 10px;
	letter-spacing: 0.1em;
}
.coment-10px	{
	font-size: 10px;
	letter-spacing: 0.1em;
	color: #888888;
	margin-top: 10px;
}
.coment-10px a:link,
.coment-10px a:visited	{
	color: #888888;
	text-decoration: none;
}
.coment-10px a:hover	{
	color: #888888;
	text-decoration: underline;
}

/***************************************************************
Q&A
***************************************************************/

h3.faqtitle	{
	background: url(img/faq-title.gif) no-repeat left top;
	text-indent: -9999px;
	width: 547px;
	height: 64px;
}
h4.faqestion	{
	background: #FAF6EE url(img/faq-img01.gif) no-repeat 10px top;
	color: #74682D;
	width: 487px;
	padding: 5px 10px 5px 50px;
	font-size: 12px;
}
.faqans	{
	color: #9B887B;
	background: url(img/faq-img04.gif) no-repeat 10px top;
	margin-top: 17px;
	padding: 0 0 10px 50px;
}

/***************************************************************
セット商品販売
***************************************************************/

h3.settitle	{
	background: url(img/ttl-order.gif) no-repeat left top;
	text-indent: -9999px;
	width: 547px;
	height: 64px;
}
.red	{
	color: #C70F0F;
}
.red-line	{
	color: #C70F0F;
	text-decoration: underline;
}
.info-tel	{
	color: #C40404;
	font-size: 20px;
	font-weight: bold;
	line-height: 130%;
}

/***************************************************************
お問い合わせ
***************************************************************/

h3.inq-title	{
	background: url(img/inq-title.gif) no-repeat left top;
	text-indent: -9999px;
	width: 547px;
	height: 64px;
}

/***************************************************************
サイトマップ
***************************************************************/

h3.site-title	{
	background: url(img/site-title.gif) no-repeat left top;
	text-indent: -9999px;
	width: 547px;
	height: 64px;
}
.inq-infobox	{
	background: #F8F8F6;
	border: #C9BAC9 solid 1px;
	padding: 8px;
	margin: 22px 0;
}
.inq-box2	{
	background: #E7F6D4;
	border: #C7E59F solid 1px;
	padding: 8px;
	margin: 22px 0;
}
.inq-border	{
	color: #6D8F40;
	font-weight: bold;
	padding-bottom: 8px 8px 2px 0;
	margin: 12px 0;
	border-bottom: #6D8F40 dotted 1px; 
}
#Inquiry	{
	font-size: 12px;
}
#Inquiry th	{
	background-color: #E9E9E8;
	text-align: left;
	font-weight: 100;
	padding: 7px;
}
#Inquiry2	{
	font-size: 12px;
}
#Inquiry2 th	{
	background-color: #E7F6D4;
	text-align: left;
	font-weight: 100;
	padding: 7px;
}
.bg-white	{
	background-color: #F8F8F6;
	padding: 7px;
	line-height: 200%;
}
.bg-white2	{
	background-color: #F1F5EB;
	padding: 7px 13px;
	line-height: 200%;
}
.bg-gray	{
	background-color: #C9C9CB;
	width: 1px;
}
.bg-red	{
	background-color: #CC0000;
	width: 1px;
}

.nakattl{
background-color: #B4AB95;
color: #FFFFFF;
padding: 5px 10px;
border-bottom:1px solid #FFFFFF;
}


.absored	{
	font-size: 10px;
	color: #CC0000;
}

#sitemap-left ul,
#sitemap-right ul	{
	list-style-type: none;
}
.sitemap-li01	{
	padding: 2px 0 2px 10px;
	margin: 0 0 17px 0;
	background: url(img/yajirusi.gif) no-repeat left 8px;
	border-bottom: #333333 dotted 1px;
}
.sitemap-li02	{
	padding: 2px 0 2px 10px;
	margin: 0 0 0 17px;
	background: url(img/yajirusi.gif) no-repeat left 8px;
}
.sitemap-list01	{
	margin-bottom: 20px;
}

/***************************************************************
豆仙房販売店のご紹介
***************************************************************/

h3#store_title	{
	width: 547px;
	height: 64px;
	padding: 0 0 15px 0;
	margin: 0;
}
div#storebox h4	{
	margin: 0;
	padding-bottom: 10px;
}
div#storebox p	{
	padding-bottom: 20px;
	padding-left: 35px;
}
div#storebox p a:link,
div#storebox p a:visited	{
	color: #B242B3;
	text-decoration: underline;
}
div#storebox p a:hover	{
	color: #F2AEF3;
	text-decoration: underline;
}