@charset "euc-jp";

*{ font-family: "¥á¥¤¥ê¥ª", "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3"; margin: 0px; padding: 0px; }

body{ background-color: #D12816; background-image: url(../img/back.gif); background-repeat: repeat-x; _background-attachment: scroll; }

script,object,param,{ z-index:1;}

a:link { color: #FF471A; text-decoration: none; }
a:visited { color: #FF6600; text-decoration: none; }
a:hover { color: #663300; text-decoration: underline; }
a:active { color: #CC6633; text-decoration: underline; }

img{ border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
table{ border-collapse:collapse; }
strong{ color: #333333; }
/*\*/ a { overflow: hidden; }/**/

/*----class style common----*/
input{ font-size: 12px; color: #666666; }
textarea{ font-size: 12px; line-height: 1.5em; color: #666666; letter-spacing: 0.05em; }

.inp_name{ width: 10em; }
.inp_mail{ width: 20em; }
.txa-cont{ height: 10em; width: 30em; }
.txa-adm1{ height: 10em; width: 25em; }

.none{display:none;}

.clleft{ clear:left; }
.clright{ clear:right;}

.text_red{color: #990000;}

.text_right{text-align: right;}
.text_center{text-align: center;}

.img_right{ float: right; margin-left: 10px; margin-bottom: 10px; margin-right: 30px; }
.img_left{ float: left; margin-right: 10px; margin-bottom: 10px; margin-left: 30px; }

.text_s10{ font-size: 10px!important; }
.text_s8{ font-size: 8px!important; }

.ind2{ letter-spacing: 2.5em; _width: 3em; display: inline-block; }
.ind4{ letter-spacing: 4.5em; _width: 5em; display: inline-block; }
.ind7{ letter-spacing: 7.5em; _width: 8em; display: inline-block; }

.text560{ padding-top: 5px; padding-bottom: 5px; font-size: 12px; line-height: 1.8em; color: #666666; letter-spacing: 0.05em; margin-right: 30px; margin-left: 30px; }
.text560a{ padding-bottom: 5px; font-size: 12px; line-height: 1.8em; color: #666666; letter-spacing: 0.05em; margin-right: 30px; margin-left: 30px; }
.text580{ padding-top: 5px; padding-bottom: 5px; font-size: 12px; line-height: 1.8em; color: #666666; letter-spacing: 0.02em; margin-right: 20px; margin-left: 20px; }
.text_shop_photo{ padding-bottom: 5px; font-size: 10px; line-height: 1.8em; color: #666666; letter-spacing: 0.05em; margin-right: 28px; margin-left: 30px; clear: left; padding-left: 248px; }

.dlbox{ padding-top: 5px; padding-right: 30px; padding-bottom: 10px; padding-left: 30px; list-style-type: none; font-size: 12px; line-height: 1.5em; color: #666666; letter-spacing: 0.05em;}
.dlbox dt{ float: left; padding-top: 12px; padding-bottom: 6px; }
.dlbox dd{ border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; padding-top: 12px; padding-bottom: 6px; }
.dt60 dt{ width: 60px;}
.dt60 dd{ padding-left: 65px; }
.dt80 dt{ width: 80px; padding-top: 12px; }
.dt80 dd{ padding-top: 12px; padding-left: 85px; }

.ub{ border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #666666; margin-bottom: 15px; }

.boxline{ border: 2px solid #FF6666; padding-left: 10px; }

#form-dl{ font-size: 12px; line-height: 1.5em; color: #666666; letter-spacing: 0.05em; padding-top: 10px; padding-right: 30px; padding-bottom: 20px; padding-left: 30px; }
#form-dl dt{ float: left; width: 120px; padding-top: 12px; padding-bottom: 6px; }
#form-dl dd{ margin-left: 125px; padding-top: 12px; padding-bottom: 6px; }

/*----id style common----*/

#header{ background-image: url(../img/back_header.jpg); background-repeat: no-repeat; height: 110px; width: 804px; z-index: 100; }
#header h1,#header p,#header hr{display: none;}
#header ul{list-style-type: none;}
#header li{	text-indent: -9999em;}
#header li a{ display: block; height: 90px; width: 330px; }

#main{ width: 794px; clear: both; background-image: url(../img/back_main.jpg); background-repeat: repeat-y; padding-left: 10px; }

#navi{ background-image: url(../img/back_navi.jpg); background-repeat: no-repeat; width: 170px; _margin-top: 0px; float:left; }
/**:first-child+html #navi{ left: 10px; }IE7 onriy hack*/

#navi h2,#navi hr{	display: none;}
#navi ul{ list-style-type: none; padding-top: 10px; padding-left: 5px; }
#navi li{ text-indent: -9999em; padding-bottom:5px;}
#navi li a{ display: block; background-repeat: no-repeat; height: 32px; width: 155px; }

#navi1 a{ background-image: url(../img/navi1.jpg); }
#navi1 a:hover{ background-image: url(../img/navi1o.jpg); }
#navi2 a{ background-image: url(../img/navi2.jpg); }
#navi2 a:hover{ background-image: url(../img/navi2o.jpg); }
#navi3 a{ background-image: url(../img/navi3.jpg); }
#navi3 a:hover{ background-image: url(../img/navi3o.jpg); }
#navi4 a{ background-image: url(../img/navi4.jpg); }
#navi4 a:hover{ background-image: url(../img/navi4o.jpg); }
#navi5 a{ background-image: url(../img/navi5.jpg); }
#navi5 a:hover{ background-image: url(../img/navi5o.jpg); }

#mobile{ background-image: url(../img/navi_mobile.gif); background-repeat: no-repeat; width: 158px; margin-top: 10px; margin-left: 6px; padding-top: 140px; }
#mobile p{ font-size: 11px; line-height: 1.3em; color: #482400; padding-bottom: 4px; padding-left: 4px; background-color: #FCE2A9; }

#blog_bana{ width:158px; margin-top:10px; text-align:center; }
#blog_bana p{ font-size:10px; color:#666; margin-top:5px;}
#blog_bana img{ border:0px; margin-left:5px;}

#shop_mobile{ background-image: url(../img/shop_mobile.gif); background-repeat: no-repeat; background-position: 107px 0px; height: 100px; padding-top: 73px; padding-left: 210px; padding-right: 125px; }
#shop_mobile p{ font-size: 10px; line-height: 1.5em; color: #482400; padding-bottom: 4px; padding-left: 4px; background-color: #FCE2A9; }

#contents{ width: 614px; margin-left: 170px; _padding-top: 0px; }
#contents hr{ margin-right: 30px; margin-left: 30px; }

#topimage{ background-image: url(../img/back_flash.gif); background-repeat: no-repeat; height: 266px; background-position: 5px top; padding-left: 5px; }
#topimage h2,#topimage p,#topimage hr{display: none;}
#topimage object,#topimage embed{}

#top_left{ background-image: url(../img/back_toptopics.gif); background-repeat: no-repeat; background-position: 5px 0px; width: 353px; padding-left: 5px; padding-top: 15px; float: left; }
#top_left hr{display: none;}

#banner{list-style-type: none; }
#banner li{ text-indent: -9999em; margin-bottom: 8px; }
#banner a{ display: block; background-repeat: no-repeat; width: 260px; }

#banner_01 a{ background-image: url(../img/banner_compaign3.gif); background-repeat: no-repeat; height: 94px; width: 344px; }
#banner_02 a{ background-image: url(../img/banner_compaign2.gif); background-repeat: no-repeat; height: 94px; width: 344px; }

#title_top_topics{ background-image: url(../img/title_top_topics.gif); background-repeat: no-repeat; height: 30px; text-indent: -9999em; }

#topics{ height: 260px; list-style-type: none; overflow: auto; padding-right: 10px; padding-left: 10px; margin-right: 10px; }
#topics li{ font-size: 12px; line-height: 1.5em; background-image: url(../img/pic_topics.gif); background-repeat: no-repeat; letter-spacing: 0.05em; padding-left: 20px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; background-position: 0px 0.65em; }
#topics li a{ background-image: url(../img/line_topics.gif); background-repeat: no-repeat; background-position: 0px bottom;  display: block; }

#top_right{ background-image: url(../img/back_shopguide.gif); background-repeat: no-repeat; margin-left: 366px; margin-top: 15px; }
#top_right h2{ font-size: 1px; text-indent: -9999em; height: 30px; }
#top_right ul{ list-style-type: none;}
#top_right li{ text-indent: -9999em; }
#top_right li a{ display: block; height: 122px; width: 244px; background-image: url(../img/navi_shopguide.gif); background-position: 156px 86px; background-repeat: no-repeat; }
#top_right li a:hover{ background-position: 157px 87px; }
#top_right hr{ display:none;}

#main_end{ clear: both; height: 40px; list-style-type: none; }
#main_end li{ padding-top: 15px; padding-left: 670px; text-indent: -9999em; }
#main_end li a{ background-image: url(../img/navi_pt.gif); display: block; height: 13px; width: 106px; background-repeat: no-repeat; background-position: 0px 0px; }
#main_end li a:hover{ background-position: 1px 1px;}

#footer{ background-image: url(../img/back_footer.jpg); background-repeat: no-repeat; height: 30px; width: 804px; padding-top: 15px; }
#footer p{ text-indent: -9999em; height: 15px; width: 330px; margin-left: 330px; }
#footer hr{display: none;}


#h2_title01{ background-image: url(../img/h2_title01.gif); background-repeat: no-repeat; background-position: 6px 15px; height: 50px; text-indent: -9999em; }
#h2_title02{ background-image: url(../img/h2_title02.gif); background-repeat: no-repeat; background-position: 6px 15px; height: 50px; text-indent: -9999em; }
#h2_title03{ background-image: url(../img/h2_title03.gif); background-repeat: no-repeat; background-position: 6px 15px; height: 50px; text-indent: -9999em; }
#h2_title04{ background-image: url(../img/h2_title04.gif); background-repeat: no-repeat; background-position: 6px 15px; height: 50px; text-indent: -9999em; }
#h2_title05{ background-image: url(../img/h2_title05.gif); background-repeat: no-repeat; background-position: 6px 15px; height: 50px; text-indent: -9999em; }

#h3_shop01{ background-image: url(../img/h3_shop01.gif); background-repeat: no-repeat; background-position: 22px 0px; text-indent: -9999em; height: 34px; }
#h3_shop02{ background-image: url(../img/h3_shop02.gif); background-repeat: no-repeat; background-position: 22px 0px; text-indent: -9999em; height: 34px; }
#h3_shop03{ background-image: url(../img/h3_shop03.gif); background-repeat: no-repeat; background-position: 22px 0px; text-indent: -9999em; height: 34px; }
#h3_shop04{ background-image: url(../img/h3_shop04.gif); background-repeat: no-repeat; background-position: 22px 0px; text-indent: -9999em; height: 34px; }

#sub_title_shop{ background-image: url(../img/sub_title_shop.gif); background-repeat: no-repeat; background-position: center center; height: 68px; text-indent: -9999em; }
#sub_title_menu{ background-image: url(../img/sub_title_menu.gif); background-repeat: no-repeat; background-position: center center; height: 120px; text-indent: -9999em; }

#menu_all{ padding-top: 10px; padding-bottom: 20px; padding-left: 30px; }
#menu_all hr{display: none;}

.menu{ float: left; width: 182px; padding-top: 5px; padding-right: 1px; padding-bottom: 5px; padding-left: 1px; }
.menu h4{ font-size: 12px; font-weight: bold; color: #5D2D21; letter-spacing: 0.05em; padding-left: 15px; }
.price{ color: #333333; padding-left: 0.5em; }

#shop_ul{ padding-top: 40px; padding-bottom: 100px; padding-left: 30px; list-style-type: none; }
#shop_ul li{ float: left; padding-right: 2px; padding-bottom:10px; }
#shop_navi1 a{ background-image: url(../img/shop_navi1.gif); background-repeat: no-repeat; text-indent: -9999em; display: block; height: 160px; width: 180px; }
#shop_navi2 a{ background-image: url(../img/shop_navi2.gif); background-repeat: no-repeat; text-indent: -9999em; display: block; height: 160px; width: 180px; }
#shop_navi3 a{ background-image: url(../img/shop_navi3.gif); background-repeat: no-repeat; text-indent: -9999em; display: block; height: 160px; width: 180px; }
#shop_navi4 a{ background-image: url(../img/shop_navi4.gif); background-repeat: no-repeat; text-indent: -9999em; display: block; height: 160px; width: 180px; }

#shop_navi1 a:hover{ background-position: 4px 4px; }
#shop_navi2 a:hover{ background-position: 4px 4px; }
#shop_navi3 a:hover{ background-position: 4px 4px; }
#shop_navi4 a:hover{ background-position: 4px 4px; }

#shop_photo{ padding-top: 5px; padding-bottom: 5px; padding-left: 250px; margin-bottom: 10px; list-style-type: none; clear: right; margin-right: 30px; margin-left: 30px; }
#shop_photo li{ height: 40px; width: 40px; background-repeat: no-repeat; background-position: center center; text-indent: -9999em; margin-left: 3px; float: left; }

#misono1{ background-image: url(../img/shop_misono01.jpg); }
#misono2{ background-image: url(../img/shop_misono02.jpg); }
#misono3{ background-image: url(../img/shop_misono03.jpg); }
#misono4{ background-image: url(../img/shop_misono04.jpg); }
#misono5{ background-image: url(../img/shop_misono05.jpg); }
#misono6{ background-image: url(../img/shop_misono06.jpg); }

#tanuki1{ background-image: url(../img/shop_tanuki01.jpg); }
#tanuki2{ background-image: url(../img/shop_tanuki02.jpg); }
#tanuki3{ background-image: url(../img/shop_tanuki03.jpg); }
#tanuki4{ background-image: url(../img/shop_tanuki04.jpg); }
#tanuki5{ background-image: url(../img/shop_tanuki05.jpg); }
#tanuki6{ background-image: url(../img/shop_tanuki06.jpg); }

#kitago1{ background-image: url(../img/shop_kitago01.jpg); }
#kitago2{ background-image: url(../img/shop_kitago02.jpg); }
#kitago3{ background-image: url(../img/shop_kitago03.jpg); }
#kitago4{ background-image: url(../img/shop_kitago04.jpg); }
#kitago5{ background-image: url(../img/shop_kitago05.jpg); }
#kitago6{ background-image: url(../img/shop_kitago06.jpg); }

#nango1{ background-image: url(../img/shop_nango01.jpg); }
#nango2{ background-image: url(../img/shop_nango02.jpg); }
#nango3{ background-image: url(../img/shop_nango03.jpg); }
#nango4{ background-image: url(../img/shop_nango04.jpg); }
#nango5{ background-image: url(../img/shop_nango05.jpg); }
#nango6{ background-image: url(../img/shop_nango06.jpg); }


#mailform{ font-size: 12px; line-height: 1.8em; color: #666666; letter-spacing: 0.05em; padding-top: 10px; padding-bottom: 20px; margin-right: 30px; margin-left: 30px; }

#topitable{ font-size: 12px; line-height: 1.8em; color: #666666; letter-spacing: 0.05em; padding-top: 10px; padding-bottom: 20px; margin-right: 30px; margin-left: 30px; }
#topitable th,#topitable td{ padding-top: 10px; padding-right: 5px; padding-bottom: 10px; padding-left: 5px; text-align: left; }

#topics_box{ width: 600px; margin-right: auto; margin-left: auto; margin-top: 10px; background-color: #FFFFFF; }

#topics_box h4{ font-size: 14px; font-weight: bold; color: #5d2d21; padding-top: 5px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }