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

/*▼▼▼▼▼初期化▼▼▼▼▼*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, ul, li, blockquote, th, td, tr, img { padding:0px; margin:0px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", ns-serif; font-size:12px; line-height:1.5em; letter-spacing:1px; }
table { border-collapse:collapse; }
ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6 { padding:0px; margin:0px; font-size:100%; font-weight:normal; }
a { overflow:hidden; outline:none; }
img { border:none; vertical-align:bottom; }
table td { border:none; vertical-align:top; }
h1 { text-indent:-9999px; }
h2 { text-indent:-9999px; }
h3 { text-indent:-9999px; }
h4 { text-indent:-9999px; }
.text99 { text-indent:-9999px; }
a:hover{text-decoration:none;}
a:hover{opacity:0.5;filter:alpha(opacity=50);}
/*▲▲▲▲▲初期化▲▲▲▲▲*/


body{ text-align:center; background-image:url(/images/body-bk.jpg);}
#conteiner { width:920px; margin:0 auto; overflow:hidden; background-image:url(/images/conteiner-bk.jpg); background-repeat:repeat-y;}
#home #header{ width:920px; height:304px; background-image:url(/images/header.jpg);}
#header{ width:920px; height:144px; background-image:url(/images/header-kasou.jpg);}


#main{width:861px; margin-left:30px; overflow:hidden; text-align:left; padding-bottom:50px;}
#mleft{width:640px; float:left;}
#mright{width:200px; float:right;}


 
#header ul li{ float:left; background:url(/en/ico.png) 0 6px no-repeat; padding-left:11px; padding-right:30px; font-size:14px;}
#header ul li.last{ padding-right:0px;}
#header ul{ float:right;width:190px; overflow:hidden; padding:5px;}

#footer{background-image:url(/images/footer.jpg); width:920px; height:215px; clear:both; text-align:left;}
#footer #totop {text-indent:-9999px; margin-left:780px;}
#footer #totop a { height:20px; width:112px; display:block; background-image:url(/images/totop.jpg);}
#en #footer #totop {text-indent:-9999px; margin-left:770px;}
#en #footer #totop a { height:20px; width:120px; display:block; background-image: url(/en/totop.jpg);}
#footer a{color:#666;}
#footer #fmid{width:920px; overflow:hidden;}
#footer #fmid .inner-left{float:left; width:500px; display:inline; margin-left:52px; padding-top:20px;}
#footer #fmid .inner-left #fname a{width:280px; height:70px; display:block; text-indent:-9999px;}
#footer #fmid .inner-left #fadd {padding-top:5px;}
#footer #fmid .inner-left #fadd p{ letter-spacing:normal;}

#footer #fmid .inner-right{float:right; width:330px;padding-top:10px;}
#footer #fmid .inner-right ul{width:600px; overflow:hidden;}
#footer #fmid .inner-right li{float:left; font-size:11px;}
#footer #tamonten { padding-top:25px; margin-left:50px; text-indent:-9999px; }
#footer #tamonten a { height:12px; width:400px; display:block; cursor:default; }
/*▼▼▼▼▼メインナビゲーション▼▼▼▼▼*/

#navi{width:920px; height:217px; background-image:url(/images/navi.jpg);}
#navi-bottom{width:920px; height:40px; background-image:url(/images/navi-bottom.jpg);}
#navi ul{width:346px; overflow:hidden; margin-left:516px;}
#navi li{text-indent:-2000px; float:left; display:inline;}
#navi ul li a{display:block; height:217px; width:69px;}
#navi ul li a:hover{ background-image:url(/images/navion.jpg);}

#navi ul li#navi01 a{background-position:0px 0;}
#navi ul li#navi02 a{background-position:-92px 0; margin-left:23px;}
#navi ul li#navi03 a{background-position:-185px 0; margin-left:24px;}
#navi ul li#navi04 a{background-position:-277px 0; margin-left:23px;}

#navi{position:relative;}
#navi .navi-blog{
  position:absolute;left:430px;top:8px;z-index:2;
  width:72px;height:200px;padding:14px 0 28px;box-sizing:border-box;
  background:#e8b387;border:1px solid #8a5a3a;
  color:#000;text-decoration:none;letter-spacing:0.15em;
  font-size:16px;font-weight:900;line-height:1.35;text-align:center;
  writing-mode:vertical-rl;text-orientation:upright;display:block;
}
#navi .navi-blog span{display:inline;font-size:11px;letter-spacing:normal;font-weight:700;writing-mode:horizontal-tb;text-orientation:mixed;}
#navi .navi-blog:hover{background:#f0c49a;opacity:1;filter:none;}

/*▼▼▼▼▼サブビゲーション▼▼▼▼▼*/

#navi-sub{width:200px; height:407px; background-image:url(/images/sub-navi.jpg); margin-bottom:30px;}
#navi-sub ul{width:200px; overflow:hidden;}
#navi-sub li{text-indent:-2000px;display:inline;}
#navi-sub ul li a{display:block; height:134px; width:133px;}
#navi-sub ul li a:hover{ background-image:url(/images/sub-navi-hover.jpg);}

#navi-sub ul li#navi-sub01 a{background-position:0px 0;}
#navi-sub ul li#navi-sub02 a{background-position:-67px -134px; margin-left:67px;}
#navi-sub ul li#navi-sub03 a{background-position:0px -268px;}

/*▼▼▼▼▼下層ナビゲーション▼▼▼▼▼*/

#navi-k{width:920px; height:49px; background-image:url(/images/navi-kasou.jpg);}
#navi-k ul{width:709px; overflow:hidden; margin-left:185px;}
#navi-k li{text-indent:-2000px; float:left; display:inline;}
#navi-k ul li a{display:block; height:49px; width:174px;}
#navi-k ul li a:hover{ background-image:url(/images/navion-kasou.jpg);}

#navi-k ul li#navi01 a{background-position:0px 0;}
#navi-k ul li#navi02 a{background-position:-178px 0; margin-left:4px;}
#navi-k ul li#navi03 a{background-position:-356px 0; margin-left:4px;}
#navi-k ul li#navi04 a{background-position:-535px 0; margin-left:5px;}

#navi-k{position:relative;}
#navi-k .navi-blog{
  position:absolute;left:12px;top:4px;z-index:2;
  width:160px;height:41px;padding:4px 10px 4px 14px;box-sizing:border-box;
  background:#e8b387;border:1px solid #8a5a3a;border-left:3px solid #851117;
  color:#000;text-decoration:none;letter-spacing:normal;
  font-size:15px;font-weight:900;line-height:1.15;text-align:left;display:block;
}
#navi-k .navi-blog span{display:block;font-size:11px;font-weight:700;letter-spacing:normal;}
#navi-k .navi-blog:hover{background:#f0c49a;opacity:1;filter:none;}
/*▼▼▼▼▼右カラム▼▼▼▼▼*/
#mright .banner{margin-bottom:10px; text-indent:-9999px;}
#mright #banner-1 a{ background-image:url(/images/yoyaku.jpg); width:200px; height:220px; display:block;}
#mright #banner-2 a{ background-image:url(/images/art.jpg); width:200px; height:220px; display:block;}
#mright #banner-3{ background-image:url(/images/img01.jpg); width:200px; height:366px; display:block;}
#mright #banner-4 a{ background-image: url(/images/fax.jpg); width:200px; height:127px; display:block;}

/*▼▼▼▼▼ホーム▼▼▼▼▼*/

#home #box-01{background-image:url(/home/box-01.jpg); width:640px; height:294px;margin-bottom:30px;}
#home #box-01 .inner{padding-top:10px; width:323px; margin-left:292px;}
#home #box-02 a{background-image:url(/home/box-02.jpg); width:640px; height:125px;margin-bottom:30px; text-indent:-9999px; display:block;}
#home #mleft #h2-01{background-image:url(/home/h2-01.jpg); width:640px; height:40px; margin-bottom:20px;}

#home #box-03{width:598px; margin-left:22px; margin-bottom:30px;}
#home #box-03 table{width:598px;}
#home #box-03 table td{ border-bottom:#CCC dotted 1px; padding:10px 0px;}
#home #box-03 table td.text01{width:150px; color:#572326; font-weight:bold; background:url(/home/mark.jpg) 0 14px no-repeat; padding-left:14px;}

#home #box-04{background-image:url(/home/box-04.jpg); width:640px; height:334px;margin-bottom:50px; text-indent:-9999px;}

/*▼▼▼▼▼店舗案内▼▼▼▼▼*/
#guide #title{background-image:url(/guide/title.jpg); width:920px; height:45px; text-indent:-9999px; margin-bottom:20px;}
#guide #mleft #h2-01{background-image:url(/guide/h2-01.jpg); width:640px; height:40px; margin-bottom:20px;}
#guide #mleft #h2-02{background-image:url(/guide/h2-02.jpg); width:640px; height:40px; margin-bottom:20px;}

#guide #mleft #box-01{width:599px; margin-left:21px; overflow:hidden; margin-bottom:30px;}
#guide #mleft #box-01 .left{width:345px; float:left;}
#guide #mleft #box-01 .right{width:250px; float:right;}
#guide #mleft #box-01 .text01{font-weight:bold; color:#851117; font-size:13px;}
#guide #mleft #box-01 .text02{ font-weight:bold;}
#guide #mleft #box-02{ background-image:url(/guide/box-02.jpg); height:394px;width:599px; margin-left:21px;margin-bottom:50px;}
#guide #mleft #box-03{ background-image:url(/guide/box-03.jpg); height:408px; width:640px; margin-bottom:30px; text-indent:-9999px; }
#guide #mleft #box-03 .fax a{width:353px; height:43px; margin-left:137px; display: block;}
#guide #mleft #box-03 .fax a:hover{ background-image:url(/guide/fax-on.jpg);}

/*▼▼▼▼▼お品書き▼▼▼▼▼*/
#manu #title{background-image:url(/manu/title.jpg); width:920px; height:45px; text-indent:-9999px; margin-bottom:20px;}
#manu #mleft #h2-01{background-image:url(/manu/h2-01.jpg); width:640px; height:40px; margin-bottom:20px;}
#manu #mleft #h2-02{background-image:url(/manu/h2-02.jpg); width:640px; height:40px; margin-bottom:20px;}
#manu #mleft #h2-03{background-image: url(/dan/h2-01.jpg); width:640px; height:40px; margin-bottom:20px;}
#manu #mleft .box{width:609px; overflow:hidden; margin-left:15px; clear:both; margin-bottom:30px;}
#manu #mleft .box img{ border:#CCC solid 1px; padding:1px; margin-bottom:7px;}
#manu #mleft .box .entry{width:200px;float:left; margin-left:3px; display:inline; text-align:center; margin-bottom:20px;}
#manu #mleft .text01{ font-weight:bold;}
#manu #mleft .text-color{ color:#c61a22; font-weight:bold;}
#manu #mleft .text-weight{ font-weight:bold;}

#manu #mleft .box .text02{font-weight:bold; color:#851117; margin-bottom:5px; font-size:13px;}

#manu #mleft .box02{width:610px; margin-left:15px; padding:20px 0; background-color:#e8e6d7; margin-bottom:30px; clear:both;}
#manu #mleft .box02 .inner{width:580px; overflow:hidden; margin-left:15px;}
#manu #mleft .box02 .inner img{float:left; border:#CCC solid 1px; padding:1px; background-color:#FFF;}
#manu #mleft .box02 .inner .right{width:370px; float:right;}
#manu #mleft #manu-pdf{width:609px; overflow:hidden;}
#manu #mleft #manu-pdf .entry{ width:145px;float:left; display:inline; background-repeat:no-repeat;}
#manu #mleft #manu-pdf .entry-01 a{background-image: url(/dan/img-01.jpg); margin-left:0px; height:204px; width:145px; display:block; text-indent:-9999px;}
#manu #mleft #manu-pdf .entry-02 a{background-image: url(/dan/img-02.jpg); margin-left:10px; height:204px; width:145px; display:block; text-indent:-9999px; }
#manu #mleft #manu-pdf .entry-03 a{background-image: url(/dan/img-03.jpg); margin-left:11px; height:204px; width:145px; display:block; text-indent:-9999px; }
#manu #mleft #manu-pdf .entry-04 a{background-image: url(/dan/img-04.jpg); margin-left:10px; width:143px; height:204px;display:block; text-indent:-9999px; }

#navi-m{width:608px; height:107px; margin-bottom:30px;}
#navi-m ul{width:608px; overflow:hidden; margin-left:12px;}
#navi-m li{text-indent:-2000px; float:left; display:inline;}
#navi-m ul li a{display:block; height:107px; width:304px; background-image:url(/manu/to-manyu.jpg);}

#navi-m ul li#navim01 a{background-position:0px 0;}
#navi-m ul li#navim02 a{background-position:-304px 0;}

#manu #info{ background:url(/manu/info_img.jpg) no-repeat; width:600px; height:116px; text-indent:-9999px; margin:0 auto 10px;}




/*▼▼▼▼▼ほうとう手打ち体験▼▼▼▼▼*/

#try #info{ background:url(/try/info.jpg) no-repeat; width:640px; height:114px; text-indent:-9999px; margin-bottom:30px;}
#try #title{background-image:url(/try/title.jpg); width:920px; height:45px; text-indent:-9999px; margin-bottom:20px;}

#try #mleft #box-01{width:640px; background-image:url(/try/box-01.jpg); height:322px;margin-bottom:30px;}
#try #mleft #box-01 .inner{ padding-top:97px; margin-left:23px;}
#try #mleft #box-02{ background-image:url(/try/box-02.jpg); height:384px;width:640px;margin-bottom:20px;}
#try #mleft #box-03{ background-image:url(/try/box-03.jpg); height:128px;width:640px;margin-bottom:30px; text-indent:-9999px;}

#try #mleft #box-04{ width:640px; overflow:hidden; margin-bottom:50px;}
#try #mleft .img{ border:#CCC solid 1px; padding:1px; margin-bottom:7px; float:left; margin-right:14px;}
#try #mleft #img_last { margin:0;}

/*▼▼▼▼▼英語▼▼▼▼▼*/
#en #mleft #h2-01{background-image:url(/en/h2-01.jpg); width:640px; height:40px; margin-bottom:20px;}
#en #mleft #h2-02{background-image:url(/en/h2-02.jpg); width:640px; height:40px; margin-bottom:20px;}
#en #mleft #h2-03{background-image: url(/dan/h2-01.jpg); width:640px; height:40px; margin-bottom:20px;}
#en #mleft .box{width:630px; overflow:hidden; margin-left:5px; clear:both; margin-bottom:30px;}
#en #mleft .box img{ border:#CCC solid 1px; padding:1px; margin-bottom:7px;}
#en #mleft .box .entry{width:200px;float:left; margin-left:7px; display:inline; text-align:center; margin-bottom:20px;}

#en #mleft #box-01{background-image:url(/en/box-01.jpg); width:641px; height:333px; margin:auto; margin-bottom:50px;}
#en #mleft #box-01 .tb-01{ height:162px; text-indent:-9999px;}
#en #mleft #box-01 .inner{ margin-left:20px; margin-right:35px;}

#en #mleft #box-02{background-image: url(/en/box-02.jpg); width:641px; height:213px; margin:auto; margin-bottom:50px;}
#en #mleft #box-02 .inner{ margin-left:290px; margin-right:10px; padding-top:30px;}


#en #mleft #box-03{ width:630px; overflow:hidden; margin:auto; margin-bottom:30px;}
#en #mleft #box-03 .left{ width:360px; float:left;}
#en #mleft #box-03 .right{ width:250px; float:right;}


#en #mleft #box-04{background-image: url(/en/box-03.jpg); width:640px; height:220px; margin:auto; margin-bottom:50px;}

#en #mleft .googlemap{ width:300px; float:right;}
#en #mleft .textbox-01{ width:300px; float: left;}

#en #mleft .text01{ font-weight:bold;}
#en #mleft .text02{font-weight:bold; color:#851117; margin-bottom:5px; font-size:13px;}
#en #mleft .text03{ font-weight:bold; font-size:16px;}
#en #mleft .text04{ margin-left:15px;}
#en #mleft .text05{font-weight:bold; color:#851117; margin-bottom:2px; font-size:13px;}
#en #mleft .text-color{ color:#c61a22; font-weight:bold;}
#en #mleft .text-weight{ font-weight:bold;}
#en #mleft .ta-01{ width:100%; margin-bottom:30px;}
#en #mleft .ta-01 td{ padding:3px 10px 3px 0; border-bottom:#CCC dotted 1px;}
#en #mleft .ta-01 td.td-01{ width:65px;}

#en #mright .btn a{width:133px; height:133px; display:block; text-indent:-9999px; margin-bottom:20px;}
#en #mright #btn-01 a{background-image:url(/en/btn-01.jpg);}
#en #mright #btn-02 a{background-image:url(/en/btn-02.jpg); margin-left:65px;}