@charset "utf-8";
/*!
 *  layout.css 
 *  -------------------------------------------------------
 *  +cmn2.css
 *  +dtail2.css
 *  +format2.css
 */
/*fonts*/
h1,h2,h3,h4,#dessert-box h3 span{font-family:MaruFoPro-R;}
.lunch-box h3,.lunch-box li h4 strong,.lunch-box p,.tel-num,ul.tabs li a,.board h3,.board li h4 strong,.board p{font-family: SketchRockwell-R;}
#dessert-box h3,#dessert-box li h4 strong,#dessert-box p{font-family: JandaAppleCobbler;}
.hot-box h3,.comment-box p{font-family: TakaHandStd-M;}

/* ====================================================================================================
    cmn2.css 
 =================================================================================================== */

/* main */
#wrapper{width:100%;text-align:center;}
#header{position:relative; z-index:1000;margin:0 auto;width:980px;height:129px;background:url(../img/cmn_img/site_logo.jpg) no-repeat 0 14px;}
    #header #green{ position:absolute; top:0; right:-30px; width:323px; height:75px; background:url(../img/cmn_img/head02.jpg) no-repeat; text-indent:-9999px;}
    #header #shop{ position:absolute; top:28px; left:318px; }
    #header #fbtw{ position:absolute; top:28px; left:512px; width:173px;}
    #header #fbtw li{ float:left;}
    #header #menu{ position:absolute; top:68px; left:54px; z-index:100; padding:7px 0 0 0; width:918px; height:55px; background: url(../img/cmn_img/head01.jpg) no-repeat left top; }
        #header #menu #nav{ position: relative;z-index: 200; width: 920px; line-height:1; }
        #header #menu #nav li{ position: relative; float:left; list-style: none; }
        #home #header #nav li a img{width: 115px;height: 54px;}
        #header #menu #nav ul { position: absolute; top: 54px; left: -50px; display: none; font-size:12px; }
    /* *:first-child+html #header #menu #nav ul { line-height:0; }*/
    #header #menu #nav ul { line-height: 0; }
        #header #menu #nav ul li { float: none; }
        #header #menu #nav ul { width: 200px; }
        /*#header #menu #nav ul li a { zoom: 1; } */ /* IE6/7 fix */
#header #menu #nav ul a{ display: block; width: 200px; height:30px; border-bottom: 1px dotted #999; background:#121212; text-indent:-9999px; line-height: 1; opacity: 0.7; filter: alpha(opacity=70); zoom:1;}
    #header #menu #nav ul li.sm1 a{ background:url(../img/cmn_img/smn01-off.png) #121212;}
    #header #menu #nav ul li.sm1 a:hover{ background:url(../img/cmn_img/smn01-on.png) #444;}
    #header #menu #nav ul li.sm2 a{ background:url(../img/cmn_img/smn02-off.png) #121212;}
    #header #menu #nav ul li.sm2 a:hover{ background:url(../img/cmn_img/smn02-on.png) #444;}
    #header #menu #nav ul li.sm3 a{ background:url(../img/cmn_img/smn03-off.png) #121212;}
    #header #menu #nav ul li.sm3 a:hover{ background:url(../img/cmn_img/smn03-on.png) #444;}
    #header #menu #nav ul li.sm4 a{ background:url(../img/cmn_img/smn04-off.png) #121212;}
    #header #menu #nav ul li.sm4 a:hover{ background:url(../img/cmn_img/smn04-on.png) #444;}
    #header #menu #nav ul li.sm5 a{ background:url(../img/cmn_img/smn05-off.png) #121212;}
    #header #menu #nav ul li.sm5 a:hover{ background:url(../img/cmn_img/smn05-on.png) #444;}
    #header #menu #nav ul li.sm6 a{ background:url(../img/cmn_img/smn06-off.png) #121212;}
    #header #menu #nav ul li.sm6 a:hover{ background:url(../img/cmn_img/smn06-on.png) #444;}
*:first-child+html #header #menu #nav ul li a { margin-bottom:-3px !important ; filter: none ; }
#container{margin:10px auto 60px;padding:50px 0 0 0;width:980px;background:url(../img/cmn_img/line.gif) top no-repeat;text-align: left;font-size: 12px;line-height:150%;}
#containerT{margin:10px auto 60px;padding:20px 0 0 0;width:980px;background:url(../img/cmn_img/line.gif) top no-repeat;text-align: left;font-size: 12px;line-height:150%;}
h1{position:relative;display:inline;float:left;margin:17px 0 0 61px;width:221px;height:30px;background: url(../img/cmn_img/siteid.jpg) no-repeat;color: white;text-indent: -9999px;font-size: 1px;}
    h1 a{float:left;width:221px;height:30px;}
#footer{ clear:both; width:100%; height:135px; background:#000;}
    #footer #inner{ position:relative; margin:0; margin:0 auto; width:980px; height:135px; background:url(../img/cmn_img/foot05.png) no-repeat right 61px;line-height: 0;}
    #footer #inner #fmn{ position:absolute; top:52px; left:0; width:357px;}
    #footer #inner #fmn li{ float:left; margin:0 30px 0 0;}
/* reset
----------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,span,blockquote,img{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-weight:normal;font-style:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym {border:0;}img { vertical-align:top; }

/* common style 
----------------------------------------------------------------------------------*/
html {height:100%;}body {margin:0;padding:0;background: url(../img/cmn_img/bg.jpg) repeat;color: #333333;text-align:center;line-height:100%;}.bold { font-weight:bold;}.gray { color:#666666;}.pink { color:#FF5353;}.white { color:#FFFFFF;}.font14 { font-size:14px;}.font120 { font-size:125%;}.font100 { font-size:100%;}.font80 { font-size:80%;}.font60 { font-size:60%;}.heigth100 { line-height:100%;}.heigth120 { line-height:120%;}.heigth140 { line-height:140%;}.heigth160 { line-height:160%;}.left  {float:left;}.right {float:right;}.clear { clear:both;}div:after {height: 0;font-size: 0;line-height: 0;}  
/* hover
----------------------------------------------------------------------------------*/
a,a:link, a:visited { color:#57730c; text-decoration:underline;}a:hover { color:#c65415; text-decoration:underline;}


/* 回り込み解除 
!--!--!--!--!--!-- 回り込み解除 <div class="clear"><hr /></div>
----------------------------------------------------------------------------------*/
.clear { clear:both; }.clear hr { display:none; }.ln{ clear:both; height:80px; background:url(../img/cmn_img/line.gif) no-repeat center;}.ln2{ clear:both; height:30px; background:url(../img/cmn_img/line4.gif) no-repeat bottom;}


/* tools 
----------------------------------------------------------------------------------*/

.mt05{ margin-top:5px;}mt10{ margin-top:10px;}mt15{ margin-top:15px;}.mt20{ margin-top:20px;}.mt30{ margin-top:30px;}.mt50{ margin-top:50px;}.mt100{ margin-top:100px;}.mb05{ margin-bottom:5px;}.mb10{ margin-bottom:10px;}#home .mb10 img.w15p {width: 16%;}.mb15{ margin-bottom:15px;}.mb20{ margin-bottom:20px;}.mb30{ margin-bottom:30px;}.mb40{ margin-bottom:40px;}.mb50{ margin-bottom:50px;}.mb100{ margin-bottom:100px;}.ml05{ margin-left:5px;}.ml10{ margin-left:10px;}.ml15{ margin-left:15px;}.ml20{ margin-left:20px;}.ml30{ margin-left:30px;}.ml50{ margin-left:50px;}.mr05{ margin-right:5px;}.mr10{ margin-right:10px;}.mr15{ margin-right:15px;}.mr20{ margin-right:20px;}.mr30{ margin-right:30px;}.mr50{ margin-right:50px;}.mtb05{ margin-top:5px;margin-bottom:5px;}.mtb10{ margin-top:10px;margin-bottom:10px;}.mtb15{ margin-top:15px;margin-bottom:15px;}.mtb20{ margin-top:20px;margin-bottom:20px;}.mtb30{ margin-top:30px;margin-bottom:30px;}.mtb50{ margin-top:50px;margin-bottom:50px;}

/* fonts 
----------------------------------------------------------------------------------*/
.ele13{font-size:11px;line-height:130%;}
.ele15{font-size:11px;line-height:150%;}
.twe15{font-size:12px;line-height:150%;}
.twe20{font-size:12px;line-height:200%;}
.fou15{font-size:14px;line-height:150%;}
.fou20{font-size:14px;line-height:200%;}
.fou15b{ font-weight:bold;font-size:14px;line-height:150%;}
.fou15b-white{ font-weight:bold;font-size:14px;line-height:150%; color:#FFFFFF;}
.eig15b{ margin-bottom:10px; font-weight:bold;font-size:18px;line-height:150%;}
.eig15b2{margin-bottom:10px; font-weight:bold;font-size:16px;line-height:100%;}

/*------------------------------------------------------------------
yakiyama add css
------------------------------------------------------------------- */

/*reset-font*/
html{overflow-x:hidden;}h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}input,button,textarea,select,optgroup,option{font-weight:normal;font-style:normal;font-size:115%;font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Arial,Helvetica,sans-serif;}div:before,div:after,section:before,section:after,article:before,article:after{display:block;visibility:hidden;height:0;content: ".";}div:after,section:after,article:after{clear:both;}div,section,article{zoom:1;}a:link,a:visited,a:active,a:hover{overflow:hidden;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}.clearfix:before,.clearfix:after{display:block;visibility:hidden;height:0;content: ".";}.clearfix:after{clear:both;}.clearfix{zoom:1;}

/*recode*/
#header{position:relative; z-index:100;margin:0 auto;width:980px;height:129px;background:url(../img/cmn_img/site_logo.jpg) no-repeat 6px 16px;}
#inner{position: relative;}
#header #green{position:absolute; top:0px; right:1px;z-index: 20;display: block; width:300px;}

/* ======== add ======== */

/*common*/
body{overflow-x: hidden; letter-spacing:1px;font-size:14px;font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Arial,Helvetica,sans-serif;}
.lunch-box h3 span,.lunch-box li h4 strong,.lunch-box p .fa,#dinner-box li h4,.board h3 span,.board li h4 strong,.board p .fa,.todays-lunch h4{color: #FEF102;}
#wrapper{position: relative;}
#contentsL {margin: 0 0 30px;}

/*box-open*/
.box-open{margin:30px auto -10px;width: 740px;background: #FEF102;padding: 10px;border: 2px solid #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    .box-open img{width: 28.5%;float: left;padding-right: 1.5%;}
    .dejima-detail{width: 70%;float: left;text-align: left;}
        .dejima-detail h4{font-size: 18px;line-height: 1.3;font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Arial,Helvetica,sans-serif;}
        .dejima-detail p{font-size: 14px;line-height: 1.3;}
        .detailaccess{margin-top: 7px;padding-top: 10px;border-top: 1px dashed #333;}


/*mv*/
.mv-box{width: 100%;border-bottom: 3px solid #fff;}
.mv-lunch{height: 1130px;}
.mv-dessert{position: relative;z-index: 2;padding: 23px 0 0;height: 609px;border-top: 2px solid #000;border-bottom: 2px solid #000;background: url("../img/home/wood.jpg") repeat;}
.header_wrap{margin: 0 auto;width: 998px;height: 135px;border: 3px solid #fff;border-top:none;border-radius:0 0 6px 6px;background: url(../img/cmn_img/bg.jpg) repeat;opacity: 0.9;}
.sp-header{display: none;}
#inner h1 {margin: 17px 0 0 61px;}
#home .mb10{padding: 0 0 9px;background: url("../img/cmn_img/bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);}

/*hottabs*/
.hottabs{margin: 52px auto 0;width: 960px;height:99px;}
    .hottabs ul,.hottabs section{float: left;}

    /*hot-box*/
    .hot-box{position: relative;padding: 20px 0 24px;width:650px;height: 52px;border: 3px solid #fff;border-bottom: none;border-radius: 5px 5px 0 0;background:#C63413;opacity: 0.85;}
        .hot-box img{position: absolute;}
        .hot-box img.hot-l{top:-32px;left: 50%;z-index: 20;margin: 0 0 0 -35px;width: 70px;}
        .hot-news{top:-7px;left: 25px;z-index: 40;margin: 0 0 0 -31px;width: 62px;}
        .hot-box h3{padding: 0 0 18px;border-bottom: 1px dashed #ccc;letter-spacing: 0;font-weight: 900;font-size: 15px;line-height: 1;}
        .hot-box a{display: block;color:#fff;text-decoration: none;}
        .hot-box p{font-weight: 600;line-height: 3;}
        .hot-box p a span{color: #f4f4f4;font-size: 10px;}

    /*tabs*/
    ul.tabs {margin: 55px 0 0;height: 40px;}
      ul.tabs li {position: relative;display: block;float: left;padding: 13px 8px 6px;width: 110px;border: 3px solid #fff;border-bottom: none;border-left: 3px solid #fff;border-radius: 5px 5px 0 0;background: rgba(0,0,0,0.8);color: #252B34;text-align: center;letter-spacing: 0;font-weight: 600;font-size: 18px;line-height:21px;}
      ul.tabs li a{margin: -2px 0 0;color: #999;text-decoration: none;}


      ul.tabs li.active {z-index: 300;border-bottom: 5px solid #161616;border-radius: 5px;}
      ul.tabs li.active a {color: #fff;}
      ul.tabs li:first-child {margin: 0 8px 0 13px;padding: 13px 8px 6px;}

    .faq-sec{display: none;}


/*board*/
.board {position: relative;z-index: 0;margin: 0 auto;padding: 16px 0 78px;width: 994px;border: 3px solid #fff;background: rgba(0,0,0,0.8);}
    .board h3{display: block;margin: 20px auto 6px; color: #fff;text-align: center;letter-spacing: 0;font-size: 58px;line-height: 1;}
        .board h3 span{margin: 0 0 0 20px;font-size: 20px;}
    .board p{display: block;margin: 0 0 23px;color: #fff;text-align: center;letter-spacing: 3px;font-size: 18px;}

    .board li{position: relative;display: inline-block;border-radius: 3px;background: rgba(254, 241, 0,0.9);}
        .board li h4,#dinner-box li p{position: absolute;display: block;background:#000;text-align: center;font-size: 14px;}
            .board li h4 strong{letter-spacing: 0;font-weight: lighter;}
            .board li h4 span{letter-spacing: 0;line-height: 1.2;}
    .board li a{display: block;overflow: hidden;padding:2px;color: #fff;opacity: 1;}
    .board li img{width: 100%;height: auto;}
        .board li img.lunch-logo{position: absolute;z-index: 60;width: 32px;height: 32px;opacity:0.5;}

    /*comment-box*/
    .comment-box {position: absolute;bottom: 0;width: 100%;}
        .comment-box img{width: 146px;vertical-align: bottom;}
        .comment-box p{display: inline-block;padding: 0 20px 4px;font-size: 15px;}
        #home .comment-box p{padding: 0 20px 10px;}

/*lunch-box*/
    .lunch-box li{margin: 0 0 14px;width: 48.5%;}
        .lunch-box li h4{padding: 10px 10px 8px;width: 458px;}
            .lunch-box li h4 strong{font-size: 14px;}
            .lunch-box li h4 span{margin: 0 0 0 10px;letter-spacing: 0;font-size: 21px;line-height: 1.2;}
    .lunch-box img.lunch-icon{top:-67px;left:-50px;}
            .lunch-box .lunch-cyclo,.lunch-box .lunch-branch {margin-left: 3px;}
                .lunch-box .lunch-piu h4,.lunch-box .lunch-cyclo h4{bottom:14px;}
                .lunch-box .lunch-water h4,.lunch-box .lunch-branch h4{top:14px;}


/*dessert-box*/
    #dessert-box h3{margin: 20px 0 25px;text-align: center;letter-spacing: 4px;font-style: italic;font-size: 40px;}
        .board h3 span{letter-spacing: 2px;font-size: 14px;}
    #dessert-box li{margin: 0 0 10px 3px;padding: 0 0 96px;width: 236px;}
    #dessert-box li:first-child{margin: 0 0 10px 0;}
        #dessert-box li h4{padding:10px 10px 20px;width: 212px;}
            #dessert-box li h4 strong{display: block;font-size: 14px;line-height: 2;}
            #dessert-box li h4 span{font-size: 16px;}
        #dessert-box h4{bottom:2px;}

    /*aside*/
    .leaf{position: absolute;top: -72px;z-index: 1;display: block;width: 100%;height: 94px;}
        .leaf img{z-index: 100;width: 22%;height: auto;}
            .leaf img.leaf-l{float: left;}
            .leaf img.leaf-r{float: right;}

    /*autumu*/
    .autumu li{background: rgba(255, 144, 89,0.9);}
    .autumu h3 span,.autumu li h4 strong,.autumu p .fa{color: #FF9059;}



#containerT{width:1002px;background:none;}

/*ad-box*/
.ad-box{position: relative;z-index: 100;padding:23px 0 0;width: 100%;height: 371px;border-bottom: 2px solid #B74D10;background:url(../img/home/ad-back.png) repeat;}
    .ad-box ul{margin: 0 auto;width: 1002px;}
        .ad-box li {float: left;margin: 0 0 10px 0;width: 317px;}
        .ad-box li:first-child{margin: 0 14px 0 0;width:665px;}
        .ad-box li img{width: 100%;border: 3px solid #fff;}

/*news*/
#news .news-wrap{overflow:scroll;height: 336px; }


/*blog*/
.title,.descript{letter-spacing: 0;}
#blog .w45p {width: 39%;}

/*pagetop*/
#pagetop{position:fixed;right:2%;bottom:17px;z-index:500;display: none;}
  #pagetop a{position:relative;display:block;color: #000;text-decoration:none;text-shadow: rgba(0,0,0,0.2) -1px -1px 1px,rgba(0,0,0,0.1) 1px 1px 1px;font-weight:bold;font-size:66px;cursor: pointer;}
  #pagetop a:hover{opacity:1;cursor: pointer;}

#home #pagetop{bottom:101px;}


/* ====================================================================================================
    detail2.css 
 =================================================================================================== */


/* Xmas2013
----------------------------------------------------------------------------------*/
#xmas{ margin:0 0 40px 0; background:#4d080b; }
#xmas .x01{ position: relative; width:780px; height:110px;}
#xmas .x02{ position:absolute; top:15px; left:25px; width:355px;}
#xmas .x03{ position:relative; }
#xmas .x04{ position:absolute; top:15px; left:400px; width:355px;}
/* メールフォーム*/

table input,table select{font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Osaka, Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, sans-serif;}

/* 共通
----------------------------------------------------------------------------------*/
h3#tit-shop{ margin:0 0 15px 0; width:980px; height:33px; background:url(../img/cmn_img/cmn01.png); text-indent:-9999px;}
#box-shop ul{ position:relative; margin:0 0 0 0; width:987px;}
/*新店舗の臨時*/
p#newopen{ position:absolute; top:-40px; right:320px; z-index:99; width:80px; height:80px; }
p#newopen img{ width:80px; height:80px;}

#box-shop ul li{ float:left; margin:0 7px 0 0;}
/* format.cssへ移動---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
h3#rColumn{ background: url(../img/cmn_img/cmn07.jpg); width:220px; height:23px; margin:0 0 0 0; text-indent:-9999px;}
#box-column{ width:220px; height:180px; margin:0 0 20px 0;}
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#slideshow { position:relative; margin:0px 0 0 0; height:450px; }
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; }
#slideshow IMG.active { z-index:10; }
#slideshow IMG.last-active { z-index:9; }

.ph{ width:280px; height:205px; background: url(../img/cmn_img/ph-sdw.jpg) bottom no-repeat;}
.ph2{ width:320px; height:225px; background: url(../img/cmn_img/ph-sdw2.jpg) bottom no-repeat;}


/* フェイスブック
-------------------*/
#facebk #contentsR h2{ position:absolute; top:-5px; left:0; }
#facebk #contentsL h2{ position: relative; top:-2px; margin:0 0 0 0; }
#facebk #c01{ position: relative; top:-2px; padding:30px 30px; width:720px; background:#FFFFFF; line-height:170%; }

#facebk .c02 { margin:0 0 0 0; width:720px;}
#facebk .c02 p{ padding:8px 0 7px 0; width:720px; background:#3b5998; color:#fff; text-align:center; font-size:14px;}
#facebk .c02 img{ margin:0 0 15px 0;}

/* format.cssへ移動---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
#facebk .c02 { width:660px; background:url(../img/cmn_img/line2.gif) repeat-x bottom; margin:0 0 15px 0; padding:0 0 15px 0; text-align:center;}
#facebk .c02 img{ margin:0 0 15px 0;}
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#facebk .c03{ margin:0 0 30px 0; font-size:16px; line-height:160%;}
#facebk #c04{ padding:0 0 0 6px;}
#facebk .c05{ margin:0 0 40px 0; width:720px;}


/* ブログ
-------------------*/
#blog h3{ margin:0 0 10px 0; width:33%;}

#contentsL #blog{ position:relative; float:left; width:360px; height:375px; }
#box-blog{ width:360px; height:350px; }
#blogFeed { width: 360px; background:#fff; }
#blogFeed .line { padding:9px 15px 0; width: 330px; height:107px; border-bottom:1px dotted #808080;}

/* スタッフコラム
----------------------------------------------------------------------------------*/

#column #contentsR #title{ position: relative; width:160px; height:420px; background: url(../img/cmn_img/line3.gif) bottom no-repeat;}
#column #contentsR h2{ position:absolute; top:-5px; left:0; }
#column #contentsL h2{ position: relative; top:-2px; margin:0 0 30px 0; width:720px; height:303px; background: url(../img/about02.jpg); text-indent:-9999px; }
#column #contentsR #title #c01{ position:relative; top:70px;}
#column #contentsR #title #c02{ margin:85px 0 20px 0; font-size:11px; line-height:180%;}
#column #contentsR #title #c03{ margin:0 0 7px 0; width:160px; height:17px; background:url(../img/column03.gif) right no-repeat; text-indent:-9999px;}
#column #contentsR #title #c04{ width:160px;}

#column #contentsL{ position:relative; padding:25px 0 100px; background:#fff;}
#column #number{ position:absolute; top:25px; left:0; z-index:10px; width:83px; height:96px; background:url(../img/column04.gif);}
#column #number p{ position:absolute; top:39px; left:10px; color:#fff; font-weight:bold; font-size:28px;line-height:100%;}
#column #tit{ position:relative; margin:0 0 0 83px; width:697px; height:50px; border-bottom:1px dotted #000000; background:url(../img/column05.gif) no-repeat 27px 15px;}
#column #tit #date{ display:none;}
#column #main{ margin:25px 0 0 110px; width:570px;}
#column #main #columnist{ margin:0 0 25px 0; font-size:14px; line-height:150%;}
#column #main #subject{ margin:0 0 30px 0; padding:0 0 0 34px; background:url(../img/column07.gif) no-repeat 0 12px; font-size:21px; line-height:120%;}
#column #main p{ line-height:180%;}

/* スタッフ募集
----------------------------------------------------------------------------------*/
#recruit #contentsR h2{ position:absolute; top:-5px; left:0; }
#recruit #contentsL{ background:#fff;}
#recruit #c01{ z-index:-1; overflow:none; height:320px;}
#recruit #c01 ul#scroller{ height:320px; }
#recruit #c01 ul#scroller li{ float:left;}
#recruit #c02{ padding:30px 30px 0;width:720px;}
#recruit .c03{ margin:0 0 30px 0; font-size:16px; line-height:160%;}
#recruit #c02 dl.c04{ margin:0 0 15px 0; width:720px; height:34px; background:url(../img/cmn_img/line2.gif) repeat-x bottom;}
#recruit #c02 dl.c04 dt{ float:left; width:auto;}
#recruit #c02 dl.c04 dd{ float:left; margin:0 0 0 20px; width:auto;}
#recruit #c02 dl.c05{ margin:0 0 50px 0; width:660px; height:auto; background:none; }
#recruit #c02 dl.c05 dt{ float:left; margin:0 0 12px 0; width:67px;}
#recruit #c02 dl.c05 dd{ float:left; margin:0 0 12px 0; width:714px;}
#recruit #c02 dl.c05 p{ float:left; margin:0 0 12px 0; width:714px;}
#recruit span{ color:#d05d18;}

#recruit #c02 dl.c06{ margin:0 0 25px 0; width:720px; height:34px;}
#recruit #c02 dl.c06 dt{ float:left; width:200px;}
#recruit #c02 dl.c06 dd{ float:left; margin:10px 0 0 20px; width:auto; color:#b0626b; font-weight:bold; font-size:14px;}

#recruit #c02 dl.c07{ margin:0 0 25px 0; width:720px; height:34px;}
#recruit #c02 dl.c07 dt{ float:left; width:200px;}
#recruit #c02 dl.c07 dd{ float:left; margin:10px 0 0 20px; width:auto; color:#485f76; font-weight:bold; font-size:14px;}


#recruit .c08{ margin:0 0 35px 0; width:720px; background:url(../img/recruit17.gif) bottom no-repeat;}
#recruit .c09{ position:relative; padding:105px 20px 20px;width: 680px; background:url(../img/recruit16.gif) top no-repeat;}
#recruit .c10{ position:absolute; top:-15px; left:-15px; width:100px; }
#recruit .c11{ position:absolute; top:10px; left:110px; width:300px; }
#recruit .c11 img{ margin:0 0 10px 0;}
#recruit .c12{ position:absolute; top:15px; right:15px; width:200px;}
#recruit .c12 img{ border:1px solid #ccc;}
#recruit .c13{ margin:20px 0 10px 0; padding:0 0 0 20px; background:url(../img/recruit21.jpg) no-repeat; font-size:14px;}

#recruit #c14{ padding:20px 30px 10px; width:720px; background:url(../img/recruit30.jpg); font-size:0;}
#recruit #c14 div.c16{ /*display:inline-block; display:inline; zoom:1; vertical-align:top;*/ float:left; margin:20px 0 20px 0; width:360px; text-align:center; font-size:12px;}
#recruit #c14 div img{ margin:0 0 10px 0;}
#recruit #c14 div.c17{ float:left; margin:20px 0 20px 0; width:240px; text-align:center; font-size:12px;}
#recruit #c15{ margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:1px dotted #000000;}



/* ABOUT US
----------------------------------------------------------------------------------*/
#about #contentsR h2{ position:absolute; top:-5px; left:0; }
#about #contentsL h2{ position: relative; top:-2px; margin:0 0 30px 0; width:100%; }
#about #c01{ padding:30px 30px; width:720px; background:#FFFFFF; line-height:170%; }
#about .c02{ margin:0 0 13px 0; color:#d05d18; font-size:18px;}
#about #c03 ul{ margin:0 0 30px 0; width:720px;} 
#about #c03 ul li{ float:left; margin:0 30px 0;}
#about #c03 ul li.c04{ margin:0 20px 0;}
#about #c03 ul li.end{ margin:0 0 0 20px;}
#about #c05{ margin:0 0 40px 0; width:660px; height:400px;}
#about #c06{ display:inline; margin:0 30px 0 0; padding:0 0 0 20px; background:url(../img/about13.gif) no-repeat;}
#about #c07{ display:inline; padding:0 0 0 20px; background:url(../img/about14.gif) no-repeat;}
#about #c08{ margin:8px 0 0 0; padding:0 0 0 20px; background:url(../img/about15.gif) no-repeat 0 3px;}
#about #c09{ margin:0 0 15px 0; font-size:14px;}


/* ORIGINAL COFFEE
----------------------------------------------------------------------------------*/
#coffee #contentsR h2{ position:absolute; top:-17px; left:0; }
#coffee #contentsL h2{ position: relative; top:-2px; margin:0 0 30px 0; }
#coffee #c01{ padding:30px; width:720px; background:#FFFFFF; line-height:180%; }
#coffee .c02{ position:relative; margin:30px 0 0 0; width:720px;}
#coffee .c02 .c03{ margin:0 0 18px 0; padding:5px 5px 0 15px; height:27px; background:#512b18; color:#ffffff; font-size:18px;}
#coffee .c02 .c04{ width:320px;}
#coffee .c02 .c04 .c05{ margin:5px 0 7px 0; width:320px; height:18px; background:url(../img/coffee13.gif); text-indent:-9999px;}
#coffee .c02 p.c03 span{ font-size:14px;}
#coffee .c02 #c06{ position:absolute; top:-40px; left:-20px; width:120px; height:120px; background:url(../img/coffee04.png); text-indent:-9999px;}
#coffee .c02 #c07{ position:absolute; top:-40px; right:-20px; width:120px; height:120px; background:url(../img/coffee07.png); text-indent:-9999px;}
#coffee .c02 #c08{ position:absolute; top:-40px; left:-20px; width:120px; height:120px; background:url(../img/coffee10.png); text-indent:-9999px;}
#coffee .c02 .c09{ padding-left:115px;width: 596px;}


/* common COFFEE ABOUT Party
----------------------------------------------------------------------------------*/
#coffee #contentsL h2 img,#party #contentsL h2 img{ width: 100%;}
#coffee #contentsR h4,#recruit #contentsR h4,#about #contentsR h4{margin: 29px 0 0;}



/* パーティ
----------------------------------------------------------------------------------*/
#party #contentsR h2{ position:absolute; top:-7px; left:0; }
#party #contentsL h2{ position: relative; top:-2px; margin:0 0 30px 0; }
#party #c01{ padding:30px; width:720px; background:#FFFFFF; line-height:170%; }
#party .c02{ margin:0 0 50px 0; color:#d92900;}
#contentsL img{width: 100%;}
#party_plan span.sp-tel{ font-size:18px;}


/* OTTO */
#party_plan #b01{ position: relative; margin:0 0 18px 0; padding:0 0 15px 0; width:720px; border-bottom:1px solid #e7ae8b;}
#party_plan #b02{ position:absolute; top:60px; left:80px; width:560px;}
#party_plan #b02 h3{ font-size:18px;}
#party_plan #b03{ margin:0 0 30px 0; padding:3px; width:654px; background:url(../img/party_img/party_1-06.gif) repeat;}
#party_plan #b03 div.tit{ position:relative; margin:20px 0 17px 0; width:620px; border-bottom:1px dotted #020202;}
#party_plan #b03 div.tit .price{ position:absolute; top:35px; right:3px;}
#party_plan #b03 div.tit .price span{ color:#d92900; font-size:16px;}
#party_plan #b03 table{ float:right; margin:0 0 20px 0;}
#party_plan #b03 table td{ vertical-align:top;}

#party_plan #b04{ margin:10px 0 0 0; width:718px; border:1px solid #e3a781; background:#ffffff; }
#party_plan #b04 img{ float:left; margin:0 15px 0 0;}
#party_plan #b04 p{ padding:7px 0 0 0; font-size:14px; line-height:180%;}

/* OTTO Cyclo */
#party_plan #b05{ position: relative; margin:0 0 18px 0; padding:0 0 15px 0; width:720px; border-bottom:1px solid #f5af9f;}
#party_plan #b06{ position:absolute; top:60px; left:80px; width:620px;}
#party_plan #b06 h3{ font-size:18px;}
#party_plan #b07{ margin:0 0 30px 0; padding:3px; width:714px; background:url(../img/party_img/party_3-06.gif) repeat;}
#party_plan #b07 p span{ color:#d92900; font-size:16px;}
#party_plan #b07 table{ margin:25px 0 30px 0;width: 620px;}
#party_plan #b07 p.tit{ margin:0 0 12px 0; padding:0 0 8px 0; width:290px; border-bottom:1px dotted #020202;}

#party_plan #b08{ margin:10px 0 0 0; width:718px; border:1px solid #f5af9f; background:#ffffff; }
#party_plan #b08 img{ float:left; margin:0 15px 0 0;}
#party_plan #b08 p{ padding:7px 0 0 0; font-size:14px; line-height:180%;}

/* CommentAllezVouz */
#party_plan #b09{ position: relative; margin:0 0 18px 0; padding:0 0 15px 0; width:720px; border-bottom:1px solid #9c9c9c;}
#party_plan #b10{ position:absolute; top:60px; left:160px; width:560px;}
#party_plan #b10 h3,#party_plan #b16 h3{ font-size:18px;}

/* 2013年07月内容改変 */
#party_plan #b11{ margin:0 0 30px 0; padding:3px; width:714px; background:url(../img/party_img/party_5-25.gif) repeat;letter-spacing: 0;}
#party_plan #b11 p span{ color:#d92900; font-size:16px;}

#party_plan #b11 .b18{ position:relative; float:left; width:176px; height:340px; background:url(../img/party_img/party_6-19.gif) no-repeat bottom;}
#party_plan #b11 .b18 .inn{ padding:15px 15px 0 0; background:url(../img/party_img/party_6-18.gif) top no-repeat;}

#party_plan #b11 .b18 .inn span{ color:#d92900;font-size:16px;}

#party_plan .b19{ margin:10px 0 30px 0; width:620px; background: url(../img/party_img/party_5-14.gif) no-repeat bottom; }
#party_plan .inn div.tit{ position:relative; margin:0 0 12px 0; padding:0 0 8px 0; width:590px; border-bottom:1px dotted #020202;}
#party_plan .inn div.tit p{ position:absolute; top:5px; right:0px;}

#party_plan table{ margin:5px 0 10px 0;}
#party_plan table td,#party_plan table th{ padding:5px 5px; border-bottom:1px solid #b2b2b2;}
#party_plan table .b20{ border-right:1px solid #b2b2b2;}
#party_plan table .b21{ color:#919191; font-weight:bold; font-size:14px;}
#party_plan table .b22{ color:#212121; font-weight:bold; font-size:13px;}
#party_plan table span{ color:#d92900;font-size:15px;}

#party_plan #b12{ margin:10px 0 0 0; width:718px; border:1px solid #9c9c9c; background:#ffffff; }
#party_plan #b12 img{ float:left; margin:0 15px 0 0;}
#party_plan #b12 p{ padding:7px 0 0 0; font-size:14px; line-height:180%;}

#party_plan .stit01{ margin:0 0 18px 0; padding:0 0 8px 0; border-bottom:1px dotted #d05d18; color:#d05d18; font-size:16px;}
#party_plan .stit02{ margin:0 0 18px 0; padding:0 0 8px 0; border-bottom:1px dotted #eb5f3f; color:#eb5f3f; font-size:16px;}
#party_plan .stit03{ margin:0 0 15px 0; padding:0 0 8px 0; border-bottom:1px dotted #393939; color:#393939; font-size:16px;}
#party_plan .stit04{ margin:0 0 18px 0; padding:0 0 8px 0; border-bottom:1px dotted #00255f; color:#00255f; font-size:16px;}

/* BranchOTTO */
#party_plan #b15{ position: relative; margin:0 0 18px 0; padding:0 0 15px 0; width:720px; height:42px; border-bottom:1px solid #9c9c9c;}
#party #party_plan #b15{ height:112px;}
#party_plan #b16{ position:absolute; top:60px; left:160px; width:560px;}
#party_plan #b17{ margin:0 0 30px 0; padding:3px; width:714px; background:url(../img/party_img/party_6-06.gif) repeat;letter-spacing: 0;}
#party_plan #b17 p span{ color:#d92900; font-size:16px;}

#party_plan #b17 p.tit{ margin:0 0 12px 0; padding:0 0 8px 0; width:290px; border-bottom:1px dotted #020202;}

#party_plan #b17 .b18{ position:relative; float:left; width:176px; height:340px; background:url(../img/party_img/party_6-19.gif) no-repeat bottom;}
#party_plan #b17 .b18 .inn{ padding:15px 15px 0 0; background:url(../img/party_img/party_6-18.gif) top no-repeat;}
#party_plan #b17 .inn dl{margin:0 0 0 5px; width:161px; font-size:0;}
#party_plan #b17 .inn dl dt{ display:inline-block; margin:0 0 5px 0; width:26px; vertical-align:top; text-align:right; font-size:12px; line-height:150%; display:inline; zoom:1; }
#party_plan .inn dl dd{ display:inline-block; margin:0 0 5px 5px; width:125px; vertical-align:top; font-size:12px; line-height:150%; display:inline; zoom:1;}

#party_plan #b17 .b18 .inn dl.b23 dt,#party_plan #b17 .b18 .inn dl.b23 dd{ margin-bottom:11px;}


#party_plan #b17 .b18 .inn span{ color:#d92900;font-size:16px;}
#party_plan p.imgor{ float:left; margin:130px 0 0 0; width:46px; height:48px; background:url(../img/party_img/party_6-11.gif) no-repeat ; text-indent:-9999px;}
#party_plan p.recm{ position:absolute; top:-30px; left:45px;}

#party_plan .b19{ margin:10px 0 30px 0; width:620px; background: url(../img/party_img/party_5-14.gif) no-repeat bottom; }
#party_plan .inn div.tit{ position:relative; margin:0 0 12px 0; padding:0 0 8px 0; width:590px; border-bottom:1px dotted #020202;}
#party_plan #b17 .b19 .inn div.tit p{ position:absolute; top:5px; right:0px;}

#party_plan #b17 table{ margin:5px 0 10px 0;}
#party_plan #b17 table td,#party_plan #b17 table th{ padding:5px 5px; border-bottom:1px solid #b2b2b2;}
#party_plan #b17 table .b20{ border-right:1px solid #b2b2b2;}
#party_plan #b17 table .b21{ color:#259b3a; font-weight:bold; font-size:14px;}
#party_plan #b17 table .b22{ color:#00255f; font-weight:bold; font-size:13px;}
#party_plan #b17 table span{ color:#d92900;font-size:15px;}

#party_plan #b23{ margin:10px 0 0 0; width:718px; border:1px solid #9c9c9c; background:#ffffff; }
#party_plan #b23 img{ float:left; margin:0 15px 0 0;}
#party_plan #b23 p{ padding:7px 0 0 0; font-size:14px; line-height:180%;}


/*秋の懇親会プラン*/
#party_plan #b24{ margin:30px 0 20px 0; padding:3px; width:714px; background: url(../img/party_img/party_7-07.gif) repeat;letter-spacing: 0;}
#party_plan #b24 p span{ color:#d92900; font-size:16px;}

#party_plan #b24 p.tit{ margin:0 0 12px 0; padding:0 0 8px 0; width:290px; border-bottom:1px dotted #020202;}

#party_plan #b24 .b25{ position:relative; float:left; width:176px; height:340px; background:url(../img/party_img/party_6-19.gif) no-repeat bottom;}
#party_plan #b24 .b25 .inn{ padding:15px 15px 0 0; background:url(../img/party_img/party_6-18.gif) top no-repeat;}
#party_plan .inn dl{margin:0 0 0 5px; width:161px; font-size:0;}
#party_plan .inn dl dt{ display:inline-block; margin:0 0 5px 0; width:26px; vertical-align:top; text-align:right; font-size:12px; line-height:150%; display:inline; zoom:1; }
#party_plan #b24 .b25 .inn dl dd{ display:inline-block; margin:0 0 5px 5px; width:125px; vertical-align:top; font-size:12px; line-height:150%; display:inline; zoom:1;}

#party_plan #b24 .b25 .inn dl.b30 dt,#party_plan #b24 .b25 .inn dl.b30 dd{ margin-bottom:13px;}


#party_plan #b24 .b25 .inn span{ color:#d92900;font-size:16px;}

#party_plan .b26{ margin:10px 0 30px 0; width:620px; background: url(../img/party_img/party_5-14.gif) no-repeat bottom;}
#party_plan .inn{ padding:15px 20px; background: url(../img/party_img/party_5-13.gif) top no-repeat;}
#party_plan .inn div.tit{ position:relative; margin:0 0 12px 0; padding:0 0 8px 0; width:590px; border-bottom:1px dotted #020202;}
#party_plan .inn div.tit p{ position:absolute; top:5px; right:0px;}

#party_plan #b24 table{ margin:5px 0 10px 0;letter-spacing: 0;}
#party_plan #b24 table td,#party_plan #b24 table th{ padding:5px 5px; border-bottom:1px solid #b2b2b2;}
#party_plan #b24 table .b27{ border-right:1px solid #b2b2b2;}
#party_plan #b24 table .b28{ color:#000; font-weight:bold; font-size:14px;}
#party_plan #b24 table .b29{ color:#000; font-weight:bold; font-size:13px;}
#party_plan #b24 table span{ color:#d92900;font-size:15px;}

#party_plan .b30{ float:left; width:285px;}
#party_plan .b30 b{ font-weight:normal; font-size:18px;}


/* 共通 */
#party_plan table .plus{ background: url(../img/party_img/party07.gif) no-repeat center;}

#party_plan .inner{ position:relative; padding:35px 47px; width:620px; background:#ffffff;}
#party_plan .inner p.print{ position:absolute; top:35px; right:17px;}
#party_plan .option{ margin:10px 0; width:660px; line-height:160%;}
#party_plan .option img{ float:left; margin:0 13px 0 0;}
#party_plan ul.photos{ margin:0 0 20px 0; width:750px;}
#party_plan ul.photos li{ float:left; margin:0 25px 25px 0; width:124px;}

#party_plan p.loc{ margin:8px 0 0 0; padding:0 0 0 68px; background:url(../img/party_img/party05.png) no-repeat 0 2px; font-size:12px;}
#party_plan p.loc img{ float:left; margin:0 10px 0 0;}
#party_plan p.shoplink{ position:absolute; top:60px; right:0px; padding:0 0 0 18px; background:url(../img/party_img/party06.png) no-repeat 0 2px; font-size:12px;}
#party_plan p.shoplink2{ position:absolute; top:110px; left:0px; padding:0 0 0 18px; background:url(../img/party_img/party06.png) no-repeat 0 2px; font-size:12px;}
#party_plan p.shoplink a,#party_plan p.shoplink2 a{ color:#333333; text-decoration:none;}
#party_plan p.shoplink a:hover,#party_plan p.shoplink2 a:hover{ color:#333333; text-decoration: underline;}

/* ショップ06
-------------------*/
#shop06 #contentsL h2{top:6px; left:300px; width:181px; height:59px; background: url(../img/shop6-01.jpg); }
#shop06 #c01{ padding:20px 0; width:780px; background:url(../img/shop6-02.jpg) repeat; color:#fff; text-align:center;}
#shop06 #new{ position:absolute; top:5px; left:-30px; z-index:99; width:123px; height:123px; background:url(../img/shop6-00.png) no-repeat; text-indent:-9999px; }
/*#shop06 #inf{ width:658px; border:2px dotted #0066FF; background:#FFFFFF; color:#06C; font-weight:bold; font-size:16px; margin:18px auto 0; padding:9px 0 7px;}*/
#shop06 #inf{ margin:18px auto 0; padding:9px 0 7px; width:718px; border:2px dotted #238e31; background:#FFFFFF; color:#238e31; font-weight:bold; font-size:16px;}
#shop06 .c10{ position:relative; margin:80px 0 30px 0; width:720px;}
#shop06 .c11{ position:absolute; top:-55px; left:-10px;}
#shop06 .c12{ position:absolute; top:-55px; left:170px;}
#shop06 .c13{ position:absolute; top:-55px; left:330px;}
/*BBQ*/
#shop06 #c14{ margin:0px 0 20px 0;}
#shop06 #c15{ float:right; margin:10px 0 0 0; width:260px;}
#shop06 .c16{ margin:0 0 12px 0;padding:0 0 8px 0; width:260px; border-bottom:1px dotted #7c7a76;}
/*info部分ひな形*/
#shop06 .c17{ margin:10px 0 0 0; width:718px; border:1px solid #9c9c9c; background:#ffffff; }
#shop06 .c17 img{ float:left; margin:0 15px 0 0;}
#shop06 .c17 p{ padding:7px 0 0 0; font-size:14px; line-height:180%;}
#shop06 .c17 span{ font-size:18px;}
/*ビアガーデン*/
#shop06 .c18{ padding:10px 15px 10px; width:290px; height:360px; background:#FFF; text-align:center; line-height:220%;}
#shop06 .c18 span{  color:#d92900;font-size:15px;}

/* ショップ05
-------------------*/
#shop05 #contentsL h2{ top:4px; left:290px; width:192px; height:74px; background: url(../img/shop5-01.jpg);}
#shop05 #c01{ width:780px; background:url(../img/shop5-02.jpg) repeat; text-align:center;}

#shop05 .c06{ position:relative; width:720px;}
#shop05 #c07{ position:absolute; top:-12px; left:-15px; width:146px; height:107px; background:url(../img/shop05_2-01.gif); text-indent:-9999px;}
#shop05 #c08{ position:absolute; top:-90px; right:-15px; width:85px; height:83px; background: url(../img/shop05_2-07.gif); text-indent:-9999px;}

.c09{ position:relative; padding:30px; width:720px; background:#f7f2eb;}
.c09 img{ width: 100%;}

#shop05 .mt35{ margin:35px 0 0 0;}
#shop05 #c10{ width:275px; height:488px; background:url(../img/shop05_3-03.jpg) bottom no-repeat;}
/*BBQ*/
#shop05 #c12{ margin:0px 0 20px 0;}
#shop05 #c13{ float:right; margin:10px 0 0 0; width:260px;}
#shop05 .c14{ margin:0 0 12px 0;padding:0 0 8px 0; width:260px; border-bottom:1px dotted #7c7a76;}
/*info部分ひな形*/
#shop05 .c11{ margin:10px 0 0 0; width:718px; border:1px solid #9c9c9c; background:#ffffff; }
#shop05 .c11 img{ float:left; margin:0 15px 0 0;}
#shop05 .c11 p{ padding:7px 0 0 0; font-size:14px; line-height:180%;}
#shop05 .c11 span{ font-size:18px;}

/* ショップ04
-------------------*/
#shop04 #contentsL h2{ top:12px; left:280px; width:202px; height:46px; background: url(../img/shop4-01.jpg); }
#shop04 #c01{ width:780px; background:url(../img/shop4-02.jpg) repeat; color:#fff; text-align:center;}

/* ショップ03
-------------------*/
#shop03 #contentsL h2{ top:-12px; left:350px; width:102px; height:92px; background: url(../img/shop3-01.jpg); }
#shop03 #c01{ width:780px; background:url(../img/shop3-02.jpg) repeat; color:#fff;text-align:center;}

/* ショップ02
-------------------*/
#shop02 #contentsL h2{ top:-14px; left:350px; width:93px; height:94px; background: url(../img/shop2-01.jpg);}
#shop02 #c01{ width:780px; background:url(../img/shop2-02.jpg) repeat; color:#fff;text-align:center;}

/* ショップ01
-------------------*/
#shop01 #contentsL h2{ top:-25px; left:350px; width:89px; height:93px; background: url(../img/shop1-01.jpg);}
#shop01 #c01{ width:780px; background:url(../img/shop1-02.jpg) repeat; color:#fff;text-align:center;}
.close .cls{ padding:30px 20px 20px; width: 680px; background: #FFF; text-align:center; line-height:180%;}
.close .cls img{ margin:0 0 20px 0;}
.close .cls p{ margin:0 0 15px 0;}
.close .cls ul{ margin:0 auto 20px;width: 247px;}
.close .cls ul li{list-style-type: circle; text-align: left;letter-spacing: 0;}
.close .cls ul li a{ display: block;}
.close .cls a{ text-decoration: none;font-weight: 600;}


/* ショップ共通
----------------------------------------------------------------------------------*/
#shop #contentsL { padding:80px 0 0 0;}
#shop #contentsL h2{ position:absolute;text-indent:-9999px;}
#shop #contentsR h2 { position:absolute; top:-7px; left:0; }
#shop #c01{padding:20px 0 7px;}
#shop #c01 p#c02,#shop #c01 p#c03 {margin:0 auto 10px;width: 80%;}
#shop #c01 p#c02 { font-weight:bold;}
#shop #c01 p#c03{ font-size:11px;}
#shop .c04{ position:relative; padding:30px 25px 20px; width:730px; background:#f7f2eb;}
#shop .c04 dl dt{ position:relative; top:5px; left:-25px; float:left; clear:both; width:144px; }
#shop .c04 dl dd{ position:relative; float:left; margin:34px 0 30px 0; width:583px;}
#shop .c04 dl dd p{ margin:10px 0 0 0;}
#shop #c05{ margin:10px 0 10px 0; width:720px; height:410px; border:5px solid #fff;}
.shopmg{ margin:7px 0 3px 0;}

#fbk,#fbk iframe{ width:160px;height: 512px;}
#fbk{margin:30px 0; background:#fff;}


/* トップページ
----------------------------------------------------------------------------------*/
#home #contentsL{ width:832px;}
#ind{float: left;}
#mainImg{ margin:0 0 0 0; height:475px;}
#contentsR{ padding:0;}
h2#tit-shop {position: relative;top:0;left:0;margin: 0 0 20px; margin:0 0 15px 0; width:980px;height: 33px; height:33px;background:url(../img/cmn_img/cmn01.png); text-indent:-9999px;}
#box-shop ul{ margin:0 0 50px 0; width:1000px;}
#box-shop ul li{ float:left; margin:0 7px 0 0;}
#contentsL #news{ float:left; margin:0 19px 0 0; width:360px; height:375px;}

#bnrs{ clear:both;}
#bnrs ul{ width:1000px; }
#bnrs ul li{ float:left; margin:40px 0 0 0;width: 490px;}
#bnrs ul li:first-child{ margin:40px 20px 0 0;}
#bnrs ul li img{ width: 100%;}
p#bnr{ margin:40px 0 0 0;}

#box-shop{position: relative;}
#box-shop{position: relative;}

/* スライド
-------------------*/
#topImg { position:relative; z-index:0; margin:0px auto 40px; width:980px; height:500px;}
#slides { position:absolute; top:0px; left:0px; z-index:100; width:980px; height:500px;}
.slides_container { position:relative; display:none; overflow:hidden; width:980px;}
.slides_container a { display:block; width:980px; height:500px;}
.slides_container a img { display:block;}
#slides .next,#slides .prev { position:absolute; top:220px; left:-40px; z-index:101; display:block; width:31px; height:62px;}
#slides .next { left:990px;}
.pagination {  margin:14px auto 0; text-align:center; }
.pagination li { display:inline-block; margin:0 1px 0; list-style:none; display:inline;zoom:1;}
.pagination li a { display:block; overflow:hidden; padding-top:12px; width:12px; height:0; background-image:url(../img/pagination.png); background-position:0 0;}
.pagination li.current a { background-position:0 -12px;}

/* news
----------------------------------------------------------------------------------*/
#news{ background:#fff; text-align:left; font-size:12px; line-height:160%;}
#news .line{ padding:9px 15px; width: 310px;border-bottom:1px dotted #808080;}
#news .c01 { margin:10px 0 5px; padding:10px 0; width:100%; background-color:#f7f7f7;   color:#c50018; text-align: center; font-weight:bold; font-size:1.1em;}
#news a{ color:#333333; text-decoration:underline;}
#news a:hover{ color:#d05d18; text-decoration:underline;}


/*------------------------------------------------------------------
yakiyama add css
------------------------------------------------------------------- */
/*box-shop*/
#box-shop ul li{margin:0 0 0 11px;}
#box-shop ul li:first-child {margin: 0;}
#contentsL #blog,#box-blog,#blogFeed { width: 442px; }
#blogFeed .line { width: 412px;}
#topcontrol{z-index: 100;}


/* ====================================================================================================
    format2.css 
 =================================================================================================== */


/*header,menu
----------------------------------------------------------------------------------*/
#headerF{ position:relative; z-index:1000; margin:0 auto; width:980px; height:70px;}
#headerF #menuF{ position:absolute; top:20px; right:0; z-index:100; padding:0px 0 0 0; width:785px; height:30px; }
#headerF #menuF ul#nav{ position: relative; width: 100%; line-height:1; }
#headerF #menuF ul#nav li{ position: relative; float:left; list-style: none; }
#headerF #menuF ul#nav li ul { position: absolute; top: 34px; left: 0; display: none; }
/* *:first-child+html #headerF #menuF #nav ul { line-height:0; }*/
* html #headerF #menuF ul#nav li ul { line-height: 0; }
#headerF #menuF ul#nav li ul li { float: none; }
#headerF #menuF ul#nav li ul { /*width: 100px;*/  }
/*#headerF #menuF #nav ul li a { zoom: 1; } */ /* IE6/7 fix */

#headerF #menuF ul#nav li ul a{ display: block; /*width: 100px;*/ padding:5px 8px; border-bottom: 1px dotted #999; /*height:30px;*/  background:#121212; line-height: 1; opacity: 0.8; filter: alpha(opacity=80); zoom:1;}
#headerF #menuF ul#nav li ul li a{ background:#121212; color:#fff; white-space:nowrap; font-size:11px; line-height:130%; }
#headerF #menuF ul#nav li ul li a:hover{ background:#444;}

*:first-child+html #headerF #menuF #nav ul li a { margin-bottom:-3px !important ; filter: none ; }
/* margin-bottom:-3px !importantはIE7隙間回避 */ 
/* filter: noneはIE7残像回避 */


#headerF h1{ position:relative; display:inline; float:left; margin:20px 0 0 0; width:179px;height:30px; background: url(../img/format_img/siteid.gif) no-repeat; text-indent: -9999px; }
#headerF h1 a{ float:left; width:179px;height:30px; }

/*container
----------------------------------------------------------------------------------*/
#containerF{ margin:0px auto 30px; padding:20px 0 0 0; width:980px; text-align: left; font-size: 12px; line-height:150%; /*background:url(../img/cmn_img/line.gif) top no-repeat;*/ }

/*footer
----------------------------------------------------------------------------------*/
#footerF{ clear:both; width:100%; height:50px; background:url(../img/cmn_img/foot01.jpg) repeat-x;}
#footerF #inner{ position:relative; margin:0; margin:0 auto; width:980px; height:50px; background:url(../img/cmn_img/foot05.png) no-repeat right 20px;}
#footerF #inner #fmn{ position:absolute; top:10px; left:0; width:400px;}
#footerF #inner #fmn li{ float:left; margin:0 30px 0 0;}

/*contents
----------------------------------------------------------------------------------*/
#contentsL{ position:relative; float:left;width: 780px;}
#slideshow img{ width:100%;}#containerF .w05p{ width:5%;}#containerF .w10p{ width:10%;}#containerF .w15p{ width:15%;}#containerF .w20p{ width:20%;}#containerF .w25p{ width:25%;}#containerF .w30p{ width:30%;}#containerF .w35p{ width:35%;}#containerF .w40p{ width:40%;}#containerF .w45p{ width:45%;}#containerF .w50p{ width:50%;}#containerF .w55p{ width:55%;}#containerF .w60p{ width:60%;}#containerF .w65p{ width:65%;}#containerF .w70p{ width:70%;}#containerF .w75p{ width:75%;}#containerF .w80p{ width:80%;}#containerF .w85p{ width:85%;}#containerF .w90p{ width:90%;}#containerF .w95p{ width:95%;}
#contentsR{ position:relative; float:right; width:160px; }
#contentsR img{ width:100%;}
#contentsR #title{ position: relative; width:160px; height:40px; background: url(../img/cmn_img/line3.gif) bottom no-repeat; }
#contentsR ul{ margin:0 0 20px 0;}
#contentsR ul li{ border-bottom:1px solid #b8b0a3;}

#contentsR #blog{ position:relative; margin:30px 0 25px 0; width:100%;  }
#contentsR #box-blog{ width:100%;  }
#contentsR #blogFeed { width: 100%; background:#fff; }
#contentsR #blogFeed .line { padding:2px 0 0 0; width: 100%; height:120px;  border-bottom:1px dotted #808080;}

#blogFeed .time { margin:2px 10px 0; color:#247e13; font-size: 9px; }
#blogFeed .title{ margin:0 10px 3px; font-weight:bold; font-size: 12px; }
#blogFeed .descript { margin:0 10px 0; font-size: 11px; }
#blogFeed .new { position:relative; top:5px; left:7px; display:inline-block; width:20px; height:7px; background:url(../img/cmn_img/cmn12.gif) no-repeat; text-indent:-9999px; }
*:first-child+html #blogFeed .new { top:-6px; left:7px; display: inline;}
#blogFeed a{ color:#333333; text-decoration:none;}
#blogFeed a:hover{ color:#247e13; text-decoration: underline;}
#blog #btn{ position:absolute; top:-5px; right:0;}

#box-column{ margin:0 0 20px 0; width:100%;}

/*simply-scroll*/
.simply-scroll-container{position:relative;}.simply-scroll-clip{position:relative;z-index:2;overflow:hidden;}.simply-scroll-list{position:absolute;top:0;left:0;z-index:1;overflow:hidden;margin:0;padding:0;list-style:none;}.simply-scroll-list li{margin:0;padding:0;list-style:none;}.simply-scroll-list li img{display:block;border:none;}#contener .app-slide-box .simply-scroll{float:left;margin:0px 0;width:100%;height:300px;}#contener .app-slide-box .simply-scroll-clip{width:100%;height:300px;}#contener .app-slide-box .simply-scroll-list li{float:left;margin-right:0px;}.simply-scroll-btn{position:absolute;z-index:3;width:42px;height:44px;background-image:url(buttons.png);cursor:pointer;}.simply-scroll-btn-left{bottom:6px;left:6px;background-position:0 -44px;}.simply-scroll-btn-left.disabled{background-position:0 0;}.simply-scroll-btn-left:hover{background-position:0 -88px;}.simply-scroll-btn-right{right:6px;bottom:6px;background-position:84px -44px;}.simply-scroll-btn-right.disabled{background-position:84px 0;}.simply-scroll-btn-right:hover{background-position:84px -88px;}.simply-scroll-btn-up{top:6px;right:6px;background-position:-126px -44px;}.simply-scroll-btn-up.disabled{background-position:-126px 0;}.simply-scroll-btn-up:hover{background-position:-126px -88px;}.simply-scroll-btn-down{right:6px;bottom:6px;background-position:-42px -44px;}.simply-scroll-btn-down.disabled{background-position:-42px 0;}.simply-scroll-btn-down:hover{background-position:-42px -88px;}.simply-scroll{float:left;margin:0px 0;width:780px;height:320px;}.simply-scroll .simply-scroll-clip{width:780px;height:320px;}.simply-scroll .simply-scroll-list{ }.simply-scroll .simply-scroll-list li{float:left;margin-right:0px;}.simply-scroll .simply-scroll-list li img{ }.simply-scroll .simply-scroll-btn{ }.simply-scroll .simply-scroll-btn-left{ }.simply-scroll .simply-scroll-btn-left.disabled{ }.simply-scroll .simply-scroll-btn-left:hover{ }.simply-scroll .simply-scroll-btn-right{ }.simply-scroll .simply-scroll-btn-right.disabled{ }.simply-scroll .simply-scroll-btn-right:hover{ }.simply-scroll .simply-scroll-btn-up{ }.simply-scroll .simply-scroll-btn-up.disabled{ }.simply-scroll .simply-scroll-btn-up:hover{ }.simply-scroll .simply-scroll-btn-down{ }.simply-scroll .simply-scroll-btn-down.disabled{ }.simply-scroll .simply-scroll-btn-down:hover{ }.vert{margin-bottom:1.5em;width:340px;height:400px;}.vert .simply-scroll-clip{width:290px;height:400px;}.vert .simply-scroll-list{ }.vert .simply-scroll-list li{width:290px;height:200px;}.vert .simply-scroll-list li img{ }.vert .simply-scroll-btn{ }.vert .simply-scroll-btn-up{top:0;right:0;}.vert .simply-scroll-btn-up.disabled{ }.vert .simply-scroll-btn-up:hover{ }.vert .simply-scroll-btn-down{top:52px;right:0;}