@CHARSET "UTF-8";
*{ padding:0; margin:0; }
body { background-color: #350000; color: #333333;  font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","MS PGothic","sans-serif"; }

.clear{ clear:both; height:0; }
.photoBox .clear{ height:auto; }

#root{ width:888px; margin:auto; }

/*****************head*********************/
h1#introduction { border: medium none; color: #ffffff; height: 20px; margin: 0; padding: 0 5px; width: auto; text-align:left; font-size:12px; }
.top_bar{ background-image: url(images/bg_top.gif); background-repeat: no-repeat; font-size: 0; height: 5px; line-height: 0; margin: 0 auto; }
.top_content{ width:880px; background-image:url(images/bg_main.gif); background-repeat:repeat-y; height: 100px; padding:0 4px; position:relative; }
.indexicon{ position:absolute; right:10px; bottom:5px; }
/*****************head*********************/

/***************content********************/
#main{ width:880px; background:url(images/bg_main.gif) repeat-y;  padding:0 4px; }
#nei{ background:#FFF; overflow:hidden; }
#left{ width:164px; float:left; overflow:hidden; }
#left1{ background-color: #fff; vertical-align: top; width: 350px; float:left; overflow:hidden; }
#right{ width:716px; float:right; overflow:hidden; }
#right1{ background-color: #fff; vertical-align: top; width: 530px; float:left; overflow:hidden; }
#custom1{ font-size: 12px; padding: 10px 5px; text-align: left; width: 154px; }
#custom2{ margin: 15px auto; padding: 0; width: 320px; }
#custom3{ margin: 15px auto; padding: 0; width: 320px; }
/***************content********************/

/*****************foot*********************/
#foot{ width:888px; background:url(images/bg_bottom.gif) bottom no-repeat; padding-bottom:8px; }
.footmain{ width:880px; background:url(images/bg_main.gif) repeat-y; padding:0 4px; }
.footlink{ width:716px; background:#FFF; padding-left:164px; text-align:center; font-size: 8pt; color: #333333; margin:auto; padding-top: 20px; }
.footlink a{ color:#333; text-decoration:underline; }
.footlink a:hover{ color:#ff9900; text-decoration:none; }
.footaddress{ background:url(images/copyright_bg.gif) repeat-x #350000; border-color: #ffffff; border-style: solid; border-width: 0 1px; color: #ffffff; height: 30px; line-height: 15px; padding: 35px 5px 5px; text-align: right; }
/*****************foot*********************/

/*****************new**********************/
#recent_news{ margin: 15px auto; padding: 0; width: 320px; }
#recent_news .recent_list { border: 1px solid #84715d; height: 260px; margin: 0; overflow-y: scroll; padding: 9px; width: 300px; }
#recent_news .item{ margin-bottom:8px; padding-bottom:8px; }
#recent_news .date{ text-align:left; font-style: normal; font-weight: bold; }
#recent_news .title, #recent_news .text{ text-align:left; font-style:normal; line-height:20px; }
/*****************new**********************/

#title h3 { border-bottom: 1px solid #dddddd; background:#350000; color: #FFF; font-weight: bold; margin:10px; padding: 10px; font-size: 16px; }
ul.newlist { margin-left: 10px; }
ul.newlist li { background: url("images/bullet.gif") no-repeat scroll 0 5px rgba(0, 0, 0, 0); list-style: outside none none; margin-bottom: 8px; padding: 0 5px 0 12px; }

.pagebar {padding: 2px 0.5em 2px 0.5em;text-decoration: none;text-align: center;clear:both;}
.pagebar a,.pageList .this-page {border: 1px solid #350000;text-decoration: none;padding: 0.2em 0.5em;color: #000;}
.pagebar a:visited {border: 1px solid #350000;text-decoration: none;padding: 0.2em 0.5em;}
.pagebar .break {padding: 2px 6px 2px 6px;border: none;background: #fff;text-decoration: none;}
.pagebar .this-page {border: 1px solid #350000;padding: 0.2em 0.5em;font-weight: bold;background: #350000;color: #fff;}
.pagebar a:hover {border-color: #350000;}
.pagebar .inactive{border: 1px solid #cccccc;color: #000;text-decoration: none;padding: 0.2em 0.5em;}

/*****************site*********************/
div.custom_box{ width:660px; margin:20px auto 0 auto; overflow:hidden; }
div.lunch { background: url(images/lunch_bg.gif) no-repeat scroll 0 0 transparent; font-family: "HGP教科書体"; font-size: 16px; height: 100px; margin: 0 0 10px; padding: 35px 15px 15px; width: 630px; line-height:25px; }
div.gourmet { background: url(images/gourmet_bg.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0); font-family: "HGP教科書体"; font-size: 16px; height: 120px; margin: 0 0 10px; padding: 15px; width: 630px; }
div.introduceBox { background: url(images/introduce_bg.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0); font-family: "HGP教科書体"; font-size: 20px; font-weight: bold; height: 154px; line-height: 1.3em; margin: 15px 0 15px 0; padding: 13px 15px 13px 250px; width: auto; }
div.photoBox { margin: 0 0 20px; overflow: hidden; padding: 0; width: 660px; }

div.bannerBox { border: medium none; margin: 15px auto 0 auto; padding: 0; width: 480px; }
div.bannerBox ul{ overflow:hidden; }
div.bannerBox ul li { border: medium none; float: left; margin: 0; padding: 0 5px 5px 0; text-align: center; width: 235px; }

div.mag_top{ font-size: 0; height: 32px; margin: 0 auto; padding: 5px 0 0; width: 504px; }
div.mag_box{ background: url(images/bg_form_main.gif) repeat-y; width: 504px; margin: 0 auto; padding: 5px 0 0; }
div.mag_button{ width: 504px;  margin: 0 auto; padding:0; height:11px; }
div.mag_box .formtext { margin: 0; padding: 5px 20px; }
div.mag_box .forminput{ margin: 0; padding: 5px 20px; text-align: right; }

div.photo_L { float: left; margin: 0; padding: 0 10px 0 0; width: 570px; }
div.photo_R { float: right; margin: 0; padding: 0; width: 80px; }

div.right154 { float: right; margin: 0; padding: 0; width: 154px; }
div.right320 { border: medium none; float: right; height: auto; margin: 0; padding: 0 0 0 20px; width: 320px; }
div.left154 { float: left; margin: 0; padding: 0 12px 0 0; width: 154px; }
div.left320 { border: medium none; float: left; height: auto; margin: 0; padding: 0; width: 320px; }

ul.RecommendMenu { font-size: 13px; margin: 0 auto; overflow: hidden; padding: 0; width: 660px; }
ul.RecommendMenu li { float: left; height: 150px; list-style-type: none; margin: 0 auto; padding: 10px; width: 310px; }
ul.RecommendMenu li h3.RMenuTtl { background: url(images/recommend_h3.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; font-family: "HGP教科書体"; font-size: 19px; font-weight: bold; height: 27px; margin: 0 0 15px; padding: 4px 9px; width: auto; }
ul.RecommendMenu li p.RMenuImg { float: right; margin: 0 auto; padding: 0 5px 0 20px; width: 125px; }
ul.RecommendMenu li p.RMenuPrice { border-bottom: 3px solid #be8943; float: left; font-size: 125%; font-weight: bold; margin: 0 auto; padding: 0 0 0 5px; width: 155px; }
ul.RecommendMenu li p.RMenuCmt { float: left; margin: 0 auto; padding: 15px 0 0 5px; width: 155px; }
ul.RecommendMenu li p.hot01 { background: url(images/hot01.gif) no-repeat scroll 0 5px rgba(0, 0, 0, 0); padding-top: 40px; }
ul.RecommendMenu li p.hot02 { background: url(images/hot02.gif) no-repeat scroll 0 5px rgba(0, 0, 0, 0); padding-top: 40px; }
ul.RecommendMenu li p.hot03 { background: url(images//hot03.gif) no-repeat scroll 0 5px rgba(0, 0, 0, 0); padding-top: 40px; }

ul.listBox { background: url(images/list_bg.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 130px; list-style: none outside none; margin: 0 0 10px; overflow: hidden; padding: 10px 15px; width: 630px; }
ul.listBox li { background: url(images/list_mark.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; font-family: "HGP教科書体"; font-size: 20px; font-weight: bold; line-height: 25px; margin: 0; padding: 0 0 10px 30px; width: 180px; }

ul.listBox01 { background: url(images/list_bg.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 125px; list-style: none outside none; margin: 0 0 10px; overflow: hidden; padding: 25px 15px 0; width: 630px; }
ul.listBox01 li { background: url(images/list_mark.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; font-family: "HGP教科書体"; font-size: 20px; font-weight: bold; line-height: 25px; margin: 0; padding: 0 0 10px 30px; width: 270px; }

ul.menu_Box { list-style: none outside none; margin: 10px 0; overflow: hidden; padding: 0 15px; width: 630px; }
ul.menu_Box li { float: left; margin: 0; padding: 5px; width: 200px; }
ul.menu_Box li p { border: 2px solid #be8943; margin: 0 0 5px; padding: 0; width: 196px; }

ul.TopMenu { border-bottom: 1px solid #c7baa5; border-top: 1px solid #c7baa5; margin: 0 auto; overflow: hidden; padding: 0; width: 880px; }
ul.TopMenu li { float: left; list-style-type: none; margin: 0 auto; padding: 0; width: auto; height: 45px; }

ul.LunchMenu { font-size: 13px; margin: 0 auto; overflow: hidden; padding: 0; width: 660px; }

ul.backnumberBox { list-style: none outside none; margin: 15px auto 20px auto; padding: 0; width: auto; }
ul.backnumberBox li { background: url(images/list_mark.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0); font-family: "HGP教科書体"; font-size: 20px; font-weight: bold; line-height: 25px; margin: 0; padding: 0 0 10px 30px; }

dl.planBox { background: url(images/plan_bg.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0); border: 3px double #570000; margin: 0 auto 10px; padding: 12px; width: auto; }
dl.planBox dt { border-bottom: 1px solid #570000; font-size: 130%; font-weight: bold; margin: 0 auto 10px; padding: 0 0 5px; }


dl.price_Box { font-size: 13px; margin: 0; padding: 0; width: 200px; }
dl.price_Box dt { font-weight: bold; height: 20px; margin: 0 0 5px; padding: 3px; width: auto; }
dl.price_Box dd { background: none repeat scroll 0 0 #d70d19; color: #fff; margin: 0 0 10px; padding: 3px; text-align: right; width: auto; }

dl.GrandMenu { margin: 0 auto 10px; overflow: hidden; width: 600px; }
dl.GrandMenu dt { background: url(images/menulist.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; font-family: "HGP教科書体"; font-size: 18px; font-weight: bold; margin: 0; padding: 0 0 5px 30px; width: 200px; }
dl.GrandMenu dd { border-bottom: 2px dotted #b2a68c; color: #d70d19; font-weight: bold; margin: 0; padding: 0 10px 5px 230px; text-align: right; width: auto; }

dl.courseBox { background: url(images/menu_bg.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0); margin: 0; padding: 0; width: 320px; }
dl.courseBox dt { border-bottom: 2px solid #be8943; font-family: "HGP教科書体"; font-size: 20px; font-weight: bold; margin: 0 0 10px; padding: 0 5px 5px; width: auto; }
dl.courseBox dd { border: 3px double #ccc; margin: 0; padding: 10px; width: auto; }
dl.courseBox ol{ padding-left:20px; }
dl.courseBox ol, dl.courseBox li{ list-style:decimal; }

dl.photo_detail { margin: 0; padding: 0; width: 80px; }
dl.photo_detail dt { font-weight: bold; margin: 0; padding: 0; }
dl.photo_detail dd { margin: 0 0 5px; padding: 0; }

table.outline1 { border-collapse: collapse; font-size: 13px; margin: 20px auto; width: 660px; }
table.outline1 th { background-color: #f9f3e7; border: 1px solid #a6996f; color: #231715; font-weight: normal; padding: 6px; width: 30%; }
table.outline1 td { border: 1px solid #a6996f; padding: 6px; width: 70%; }

p.photo320 { border: 2px solid #be8943; margin: 0; padding: 0; width: 316px; }
p.hotEx { background: url(images/hot.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0); font-size: 115%; height: 22px; padding: 3px 0 0 30px; }
p.txtBox { font-family: "HGP教科書体"; font-size: 19px; font-weight: bold; margin: 0; padding: 10px; width: auto; }
p.drink_box { background: url(images/drink_bg.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 60px; margin: 0 0 10px; padding: 30px 20px 10px 185px; width: 455px; }
p.imgR { border: medium none; float: right; margin: 0; padding: 0 0 0 20px; text-align: center; width: auto; }

h3.LMenuTtl { background-color: #ffffff; border-bottom: 1px dotted #669900; border-right: 0 none; color: #666666; font-size: 13pt; margin: 10px auto 10px 18px; padding: 3px 15px; width: 650px; font-weight:bold; }
h5.small_ttl { margin: 20px 0 10px; padding: 0; width: auto; }

input.error, textarea.error { background: none repeat scroll 0 0 #ffffcc; border: 2px solid #ff0000; color: #000; }
/*****************site*********************/

.txtC{ text-align:center; }
.txtR { text-align: right; }

.TopBnr320 { margin: 0 auto 15px; padding: 0; width: 320px; }

.mBtm0 { margin-bottom: 0 !important; }
.mBtm10 { margin-bottom: 10px !important; }
.mBtm20{ margin-bottom: 20px !important; }

.pBtm20 { padding-bottom: 20px !important; }

.mTop0 { margin-top:0 !important; }
.mTop5 { margin-top:5px !important; }
.mTop10{ margin-top:10px !important; }

.tSky { color: #0080ff; }
.fBold { font-weight: bold; }
.fSize120 { font-size: 120% !important; }

a{ color:#333; text-decoration:underline; }
a:hover{ color:#ff9900; text-decoration:none; }