@charset "utf-8";
body,div,span,p,ul,ol,li,lh,dl,dt,dd,h1,h2,h3,h4,h5,img,table,tr,td,th,form,map,blockquote{margin:0; padding:0; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:normal; font-size:1em;}
img{border:none; margin:0; padding:0;}
ul,li,lh{list-style: none;}
a{outline:none;}
a:link, a:visited	{ color: #ff4e00; text-decoration: underline;}
a:hover, a:active	{ color: #ff4e00; text-decoration: underline;}
br {letter-spacing: 0;}

.clear{clear:both; font-size:0; line-height:0; height:0;}

html{height:100%;}
body{ height:100%; width:100%; font-size:74%; color:#333333; line-height:1.6em;letter-spacing:0.1em; padding:0; margin:0; text-align:center; background-color:#ffffff;word-break:break-all;}
body#bodyTop{background: url(../images/head_bg.jpg) repeat-x top center;}
body#body2nd{background: url(../images/head_bg2nd.jpg) repeat-x top center;}

/*-------------HEADER--------------*/
#headerArea{ text-align:center; min-width:930px;}
#headerTop{ margin:0px auto 0px auto; text-align:left; width:930px;}
#headerTop h1{ height:0px; overflow:hidden; padding:0px 0px 0px 0px;}

/*-------------MENU--------------*/
#mainArea{width:930px; margin:0px auto 0px auto; text-align:left;}
#mainLeft{width:220px; float:left; display:inline; margin:0px 20px 20px 0px;}
#mainLeft h1{margin:0px 0px 10px 0px;}
#menu{margin:0px 0px 10px 0px;}
#menu li{margin:0px; width:220px;}
#menu li.menuShop span{ display:block;width:220px; height:54px; overflow:hidden; background:url(../images/menu_shop.gif) ; padding-top:54px;}

#menu li.menuHome,
#menu li.menuStory,
#menu li.menuProducts,
#menu li.menuShop,
#menu li.menuInfo,
#menu li.menuNews,
#menu li.menuLetter{ overflow:hidden; height:54px;}
#menu li.menuShopping{ overflow:hidden; height:64px;}
#menu li.menuHome a{display:block; width:220px; background:url(../images/menu_home.gif) no-repeat top; padding-top:54px;}
#menu li.menuStory a{display:block; width:220px; background:url(../images/menu_story.gif) no-repeat top; padding-top:54px;}
#menu li.menuProducts a{display:block; width:220px; background:url(../images/menu_products.gif) no-repeat top; padding-top:54px;}
#menu li.menuShop a{display:block; width:220px; background:url(../images/menu_shop.gif) no-repeat top; padding-top:54px;}
#menu li.menuInfo a{display:block; width:220px; background:url(../images/menu_info.gif) no-repeat top; padding-top:54px;}
#menu li.menuNews a{display:block; width:220px; background:url(../images/menu_news.gif) no-repeat top; padding-top:54px;}
#menu li.menuLetter a{display:block; width:220px; background:url(../images/menu_letter.gif) no-repeat top; padding-top:54px;}
#menu li.menuShopping a{display:block; width:220px; background:url(../images/menu_shopping.gif) no-repeat top; padding-top:64px;}
#menu li.menuHome a:hover,
#menu li.menuStory a:hover,
#menu li.menuProducts a:hover,
#menu li.menuShop a:hover,
#menu li.menuInfo a:hover,
#menu li.menuNews a:hover,
#menu li.menuLetter a:hover{ background-position:0 -54px;}
#menu li.menuShopping a:hover{ background-position:0 -64px;}
#menu li.menuItem{ background-color:#e9e7df;}
#menu li.menuItem ul{margin:0px 0px 0px 20px; padding:10px 0px 0px 0px;}
#menu li.menuItem li{width:200px; margin:0px 0px 0px 0px; padding:0px 0px 8px 0px;}
#menu li.menuItem li a{ display:block;margin:0px 0px 0px 0px;background:url(../images/arrow01.gif) left center no-repeat; padding:2px 0px 2px 25px; min-height:14px;}
#menu li.menuItem li a:link, #menu li.menuItem li a:visited	{ color: #40231a; text-decoration: none;}
#menu li.menuItem li a:hover, #menu li.menuItem li a:active	{ color: #ff4e00; text-decoration: underline;}

/*-------------MAIN BOTTOM--------------*/
#mainBottom{ clear:both; width:690px; margin:0px 0px 20px 240px;overflow:hidden;}
.bottomItem {overflow:hidden; margin:0px 0px 0px -15px; width:705px;}
.bottomItem li{float:left; display:inline; width:220px; margin:0px 0px 15px 15px;}
.bottomItem dt{margin:0px 0px 0px 0px;}
.bottomItem dd{ text-align:center}
#gotop{text-align:right; margin:0px 10px 0px 0px;}

/*-------------FOOTER--------------*/
#footerArea{ background:url(../images/foot_bg.gif) top center repeat-x #eeede6; padding:15px 0px 20px 0px; min-width:930px;}
#footerWrap{width:930px; margin:0px auto 0px auto; text-align:left; overflow:hidden;}
#footerWrap ul{width:560px; display:inline; float:left; overflow:hidden; margin:0px 0px 0px -20px;}
#footerWrap li{color:#625e41; display:inline; float:left; margin:0px 0px 10px 10px; padding:0px 0px 0px 10px; border-left:1px solid #b6b4a7; font-size:84%; line-height:1em} 
#footerWrap .footerCopy{width:370px; font-size:84%; display:inline; float:right; text-align:right; color:#7a765c;}
#footerWrap li a:link, #footerWrap li a:visited	{ color: #625e41; text-decoration: none;}
#footerWrap li a:hover, #footerWrap li a:active	{ color: #ff4e00; text-decoration: underline;}

/*-------------TOP--------------*/
#mainTop{width:690px; float:left; display:inline; margin:20px 0px 0px 0px;}
#topShop{width:335px; display:inline; float:left; margin:0px 20px 10px 0px;}
#topShop h2{margin-bottom:10px;}
#topShop dt{padding:0px 0px 5px 17px; background:url(../images/icon_top01.gif) no-repeat 0 2px; font-weight:bold;}
#topShop dd{ padding:5px; background:url(../images/dot01.gif) repeat-x bottom #f8f7f2; margin:0px 0px 10px 0px;}
.topMore{text-align:right;}
.topMore a{ background: url(../images/arrow02.gif) left center no-repeat; padding:1px 0px 1px 15px; min-height:11px;} 

#topNews{width:380px; display:inline; float:left; margin:0px 0px 10px 0px;}
#topNews h2{margin-bottom:10px;}
#topNews li{background:url(../images/dot01.gif) repeat-x bottom; margin:0px 0px 10px 0px; padding:0px 0px 10px 0px; width:380px; overflow:hidden;}
#topNews li img{display:inline; width:30px; float:left; margin:0px 10px 0px 5px;}
#topNews li dl{display:inline; width:330px; float:left; margin:0px 0px 0px 0px;}
#topNews li dt{ color:#939393; margin:0px 0px 0px 0px;}

#topAgent{width:290px; display:inline; float:left; margin:0px 0px 10px 20px;}
#topAgent h2{margin-bottom:10px;}
#topAgent li{margin:0px 0px 10px 0px; width:290px; height:112px; overflow:hidden;}
#topAgent li a{width:290px; height:112px; overflow:hidden; display:block; padding:112px 0px 0px 0px;}
#topAgent li.topAgentR a{ background:url(../images/bt_agent01.jpg) no-repeat;}
#topAgent li.topAgentT a{ background:url(../images/bt_agent02.jpg) no-repeat;}
#topAgent li.topAgentT a:hover,
#topAgent li.topAgentR a:hover{ background-position:0 -112px;}




#topInfo{width:690px; margin:0px 0px 20px 0px;}
.topInfoWrap{width:688px; border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2; overflow:hidden; padding:10px 0px 10px 0px;}
.topInfoWrap h2{display:inline; width:140px; float:left; margin:0px 35px 0px 15px;}
.topInfoText{display:inline; width:210px; float:left; margin:0px 65px 0px 0px;}
.topInfoMap{display:inline; width:183px; float:left; margin:0px 0px 0px 0px;}

/*-------------2nd--------------*/
#main2nd{width:690px; float:left; display:inline; margin:0px 0px 20px 0px;}
#main2nd h2{width:690px; margin:0px 0px 40px 0px;}


/*-------------CREAM--------------*/
.creamIntro{margin:0px 0px 20px 0px;}
.creamInfo{margin:0px 0px 30px 0px; font-size:120%;}

.creamWrap01{width:690px; overflow:hidden; margin:0px 0px 20px 0px;}
.creamWrap01 .left{width:327px; display:inline; float:left; margin:0;}
.creamWrap01 .right{width:363px; display:inline; float:left; margin:0;}
.creamWrap01 .creamName{margin:0px 0px 20px 0px;}
.creamWrap01 .creamPrice{margin:0px 0px 0px 35px; font-size:120%}
.creamWrap01 .creamPrice strong{font-weight:bold;}
.creamWrap01 .creamSub{margin:0px 0px 20px 35px; font-size:84%;}
.creamWrap01 .creamText{margin:0px 0px 0px 35px; font-size:120%; line-height:1.8em;}

.creamWrap02{width:690px; overflow:hidden; margin:0px 0px 20px 0px;}
.creamWrap02 .left{width:363px; display:inline; float:left; margin:0;}
.creamWrap02 .right{width:327px; display:inline; float:left; margin:0;}
.creamWrap02 .creamName{margin:0px 0px 20px 0px;}
.creamWrap02 .creamPrice{margin:0px 0px 0px 20px; font-size:120%}
.creamWrap02 .creamPrice strong{font-weight:bold;}
.creamWrap02 .creamSub{margin:0px 0px 20px 20px; font-size:84%;}
.creamWrap02 .creamText{margin:0px 0px 0px 20px; font-size:120%; line-height:1.8em;}

/*-------------ROLL--------------*/
.rollPhoto01{margin:0px 0px 55px 0px;}
.rollPhoto02{margin:0px 0px 25px 0px;}
.rollWrap01{width:690px; overflow:hidden; margin:0px 0px 20px 0px;}
.rollWrap01 .left{width:390px; display:inline; float:left; margin:0;}
.rollWrap01 .right{width:300px; display:inline; float:left; margin:0;}
.rollWrap01 .rollName{margin:0px 0px 20px 0px;}
.rollWrap01 .rollPrice{margin:0px 0px 20px 35px; font-size:120%}
.rollWrap01 .rollPrice strong{font-weight:bold;}
.rollWrap01 .rollText{margin:0px 40px 0px 35px; font-size:120%; line-height:1.8em;}

/*-------------MABOROSHI--------------*/
.maboPhoto01{margin:0px 0px 20px 0px;}
.maboWrap01{width:690px; overflow:hidden; margin:0px 0px 20px 0px;}
.maboWrap01 .left{width:390px; display:inline; float:left; margin:0;}
.maboWrap01 .right{width:300px; display:inline; float:left; margin:0;}
.maboWrap01 .maboName{margin:0px 0px 20px 0px;}
.maboWrap01 .maboPrice{margin:0px 0px 20px 35px; font-size:120%}
.maboWrap01 .maboPrice strong{font-weight:bold;}
.maboWrap01 .maboText{margin:0px 10px 0px 35px; font-size:120%; line-height:1.8em;}

.maboWrap02{width:690px; overflow:hidden; margin:0px 0px 40px 0px;}
.maboWrap02 .left{width:390px; display:inline; float:left; margin:0;}
.maboWrap02 .right{width:300px; display:inline; float:left; margin:0;}
.maboWrap02 .maboTitle{margin:0px 0px 20px 35px;}
.maboWrap02 .maboSub{margin:0px 0px 10px 35px; font-size:150%; font-weight:bold; color:#ac9f3b}
.maboWrap02 .maboText{margin:0px 10px 10px 35px; font-size:120%; line-height:1.8em;}
.maboWrap02 .maboAttention{margin:0px 10px 10px 35px; font-size:84%; }
.maboWrap02 dl{margin:0px 0px 10px 35px; overflow:hidden; width:355px;}
.maboWrap02 dt{display:inline; width:60px; float:left; margin:0px 10px 10px 0px; clear:both;}
.maboWrap02 dd{display:inline; width:285px; float:left; margin:0px 0px 10px 0px;  }

/*-------------STORY--------------*/
.storyPhoto01{margin:0px 0px 30px 0px;}
.storyWrap01{width:690px;}
.storyWrap01 .left{width:525px; display:inline; float:left; margin:0px 40px 0px 0px;}
.storyWrap01 .left p{margin:0px 0px 20px 20px; font-size:120%;}
.storyWrap01 .left h3{margin:40px 0px 10px 20px;}
.storyWrap01 .left ul{margin:0px 0px 30px 30px; width:505px;}
.storyWrap01 .left li{border-bottom:1px dotted #c2beae; padding:0px 0px 7px 0px; margin:0px 0px 7px 0px; overflow:hidden;width:505px;}
.storyWrap01 .left dt{width:130px; display:inline; float:left; margin:0px 20px 0px 0px; font-weight:bold; color:#a24141;}
.storyWrap01 .left dd{width:335px; display:inline; float:left; margin:0px 0px 0px 0px;}

.storyWrap01 .right{width:108px; display:inline; float:left; margin:0;}
.storyWrap01 .right img{margin:0px 0px 5px 0px;}
.storyWrap01 .right p{margin:0px 0px 20px 0px; font-size:84%; line-height:1.2em}

/*-------------SHOP--------------*/
.shopTable{ margin:0px 0px 10px 0px;}
.shopTable th{ background-color:#e9e7df; color:#40231a; padding:5px; border:1px solid #FFFFFF; text-align:left; font-size:100%; line-height:1em;vertical-align:middle}
.shopTable td{border-bottom:1px dotted #666666; padding:10px 5px; font-size:12px; vertical-align:middle}
.shopTable .shopName{font-size:120%; font-weight:bold; color:#82331a;}
.shopComment{font-size:84%; text-align:right;}

/*-------------NEWS--------------*/
#newsMain{ width:510px; float:left; display:inline; margin:0px 20px 0px 0px;}
.newsTitle{width:510px; background:url(../images/news_titlehd.gif) top no-repeat #f1efe8; padding:5px 0px 0px 0px; overflow:hidden; margin:0px 0px 20px 0px;}
.newsTitle img{display:inline; width:30px; height:30px; float:left; margin:0px 10px 0px 5px;}
.newsTitle h3{ font-size:120%; font-weight:bold; float:left; width:460px; margin:7px 0px 0px 0px; color:#40231a;}
.newsTitle a:link, .newsTitle a:visited	{text-decoration: none; color:#40231a;}
.newsTitle a:hover, .newsTitle a:active	{text-decoration: underline; color:#40231a;}

.newsTitle span{ display:block; width:510px; margin:0px; height:5px; font-size:0; line-height:0; overflow:hidden; background: url(../images/news_titleft.gif) bottom no-repeat;}
.newsBody{margin:0px 10px 10px 40px; font-size:120%;}
.newsDate{margin:0px 0px 20px 0px; padding:0px 10px 2px 0px; border-bottom:1px dotted #999999; text-align:right; color:#666666;}

#newsList{width:160px; float:left; display:inline; margin:0px 0px 0px 0px;}
#newsList h3{margin:0px 0px 10px 0px;}
#newsList ul{margin:0px 10px 0px 10px;}
.newsMore{margin:10px 0px 0px 0px;}
.newsMoreLink{margin:10px 0px 0px 0px; font-size:84%;}

/*-------------LETTER--------------*/
#letterMain{ width:510px; float:left; display:inline; margin:0px 20px 0px 0px;}
.letterTitle{width:510px; background:url(../images/news_titlehd.gif) top no-repeat #f1efe8; padding:5px 0px 0px 0px; overflow:hidden; margin:0px 0px 20px 0px;}
.letterTitle img{display:inline; width:30px; height:30px; float:left; margin:0px 10px 0px 5px;}
.letterTitle h3{ font-size:120%; font-weight:bold; float:left; width:460px; margin:7px 0px 0px 0px; color:#40231a;}
.letterTitle a:link, .letterTitle a:visited	{text-decoration: none; color:#40231a;}
.letterTitle a:hover, .letterTitle a:active	{text-decoration: underline; color:#40231a;}
.letterMore{margin:10px 0px 0px 0px;}
.letterMoreLink{margin:10px 0px 0px 0px; font-size:84%;}

.letterTitle span{ display:block; width:510px; margin:0px; height:5px; font-size:0; line-height:0; overflow:hidden; background: url(../images/news_titleft.gif) bottom no-repeat;}
.letterBody{margin:0px 10px 10px 40px; font-size:120%;}
.letterDate{margin:0px 0px 20px 0px; padding:0px 10px 2px 0px; border-bottom:1px dotted #999999; text-align:right; color:#666666;}

#letterList{width:160px; float:left; display:inline; margin:0px 0px 0px 0px;}
#letterList h3{margin:0px 0px 10px 0px;}
#letterList ul{margin:0px 10px 0px 10px;}

/*-------------INFO--------------*/
.infoShop{display:inline; float:left; width:250px; margin:0px 20px 30px 20px;}
.infoRight{display:inline; float:left; width:400px; margin:0px 0px 30px 0px;}
.infoRight h3{margin:0px 0px 0px 0px; clear:both}

.infoRight ul{margin:0px 0px 0px 10px;}
.infoRight li{border-bottom:1px dotted #c2beae; padding:0px 0px 7px 0px; margin:0px 0px 7px 0px; width:380px;}
.infoRight dl{overflow:hidden; width:390px;}
.infoRight dt{width:90px; font-size:120%; font-weight:bold; color:#a24141; float:left; margin:0px 10px 0px 0px}
.infoRight dd{width:290px; font-size:120%; float:left;}
.infoRight dd span{font-size:84%;}
.infoMap{margin:0px 0px 50px 20px; clear:both;border-bottom:1px dotted #c2beae; padding:0px 0px 50px 0px;}
.infoMap h3{margin:0px 0px 20px 0px;}
.infoMapWrap{width: 610px; height: 400px; padding:10px; border:1px solid #999999;margin:0px 0px 0px 9px;}
.infoMap2{margin:0px 0px 50px 20px; clear:both;}
.infoMap2 h3{margin:0px 0px 20px 0px;}


/*-------------AGREEMENT--------------*/
.agree{}
.agreeIntro{ margin:0px 0px 30px 0px;}
.agree dt{font-weight:bold; margin:0px 0px 10px 0px; border-left:5px solid #7c5143; padding:0px 0px 0px 5px; line-height:1.2em;font-size:120%;color: #40231a; }
.agree dd{margin:0px 0px 30px 10px;}
.agree strong{font-weight:bold;}
.agreeName{text-align:right; margin:0px 0px 20px 0px;}

/*-------------PRIVACY POLICY--------------*/
.privacy{}
.privacyIntro{ margin:0px 0px 30px 0px;}
.privacy dt{font-weight:bold; margin:0px 0px 10px 0px; border-left:5px solid #7c5143; padding:0px 0px 0px 5px; line-height:1.2em;font-size:120%;color: #40231a; }
.privacy dd{margin:0px 0px 30px 10px;}
.privacy strong{font-weight:bold;}
.privacyName{text-align:right; margin:0px 0px 20px 0px;}
/*-------------INQUIRY--------------*/
.inquiry{}
.inquiry h3{margin:0px 0px 20px 0px;}
.inquiryIntro{margin:0px 0px 20px 0px;}
.inquiryError{ color:#FF0000; margin:0px 0px 0px 20px;}
.inquiryDl{margin:0px 20px 30px 20px; overflow:hidden;}
.inquiryDl dt{display:block; margin:0px 10px 10px 0px; font-weight:bold; font-size:120%;color: #40231a; width:150px; float:left; clear:both;}
.inquiryDl dd{width:480px; float:left; margin:0px 0px 10px 0px;}
.inquiryGotop{text-align:center;}
.inquiryForm{ margin:0px 0px 20px 20px; overflow:hidden;}
.inquiryForm label{display:block; margin:0px 10px 5px 0px; font-weight:bold; font-size:120%;color: #40231a; width:150px; float:left; clear:both;}
.inquiryIn{width:480px; float:left; margin:0px 0px 10px 0px;}
.inquiry blockquote{margin:0px 0px 20px 0px;}
.inquiryForm input{margin:0px 0px 10px 0px; line-height:1.4em}
.inquiryForm textarea{margin:0px 0px 10px 0px;}
.inquiryFinish{text-align:center; font-size:120%; font-weight:bold;color: #40231a; margin:100px 0px 50px 0px;}

.inquiryFinish a{ background: url(../images/arrow02.gif) left center no-repeat; padding:1px 0px 1px 15px; min-height:11px;} 


.inquiryBt{ margin:0px 0px 0px 180px; overflow:hidden; text-align:left; width:400px; display:block; padding:0;}
.inquiryBtCheck{width:123px; height:30px; display:inline; margin:0px 10px 0px 0px; float:left;}

.inquiryBtCheck input{width:123px; height:30px; display:block;text-indent:-9999px; background:url(../images/inquiry_check.gif) top no-repeat; text-decoration:none; border:none;}
.inquiryBtSubmit{width:123px; height:30px; display:inline; margin:0px 10px 0px 0px; float:left;}

.inquiryBtSubmit input{width:123px; height:30px; display:block;text-indent:-9999px; background:url(../images/inquiry_submit.gif) top no-repeat; text-decoration:none; border:none;}
/*-------------ENTRY--------------*/
.entryMove{ text-align:center; }
.entryMove a:link, .entryMove a:visited	{text-decoration: none;}
.entryMove a:hover, .entryMove a:active	{text-decoration: none;}

/*-------------clearfix--------------*/
.clearfix:after	{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix	{ display: inline-block; width: 100%;}
* html .clearfix	{ /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }