@charset "Shift_JIS";
/* Reset ------------------------------------------------------------------ */

/*
reset.css - resets default browser styling
http://tantek.com/log/2004/09.html#d06t2354
http://www.vox.com/.shared/css/base.css by beausmith.com
http://developer.yahoo.com/yui/reset/
*/

:link {
text-decoration:underline;
color:#5d3a1a;
}
:visited {
text-decoration:none;
color:#999;
}
a:hover {color:#999;}
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
margin-bottom:14px;
}
fieldset,img,abbr,acronym {
border:0;
}
/* strict reset by uncommenting lines below */
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
/* font-style:normal; */
/* font-weight:normal; */
}

ol,ul,li {
list-style:none;
}
caption,th {
text-align:left;
}
q:before,q:after {
content:'';
}
a {
text-decoration:underline;
outline:none;
}
hr {
border:0;
height:1px;
background-color:#000;
color:#000;
}
a img,:link img,:visited img {
border:none;
}
address {
font-style:normal;
}
p{margin-bottom:12px;}

/*LAYOUT*/
html{height:100%;}
body {background:url(../img/bg.jpg) top center repeat-y; text-align:center; font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka; font-size:12px; line-height:1.6; color:#333;}
#container{width:100%; background:url(../img/topline.png) top left repeat-x; overflow:hidden;}
#container-inner{width:966px; margin:0 auto;}
#header {width:966px; margin:0 auto; padding-top:8px;}
h1#logo{margin-left:-45px; margin-bottom:0;}
#content{background:url(../img/content_bg.jpg) top left repeat-y; text-align:left; padding:12px 14px 12px 10px;}
#leftSide{width:226px; float:left;}
#main{float:left;}
#rightSide{width:180px; float:right;}

#globalMenu{background:url(../img/menu_bg.jpg); padding:9px 6px 1px; margin-bottom:20px;}
#globalMenu li a{width:214; height:40px; display:block; margin-bottom:9px;}

#footer{background:url(../img/bg_footer.jpg) repeat-x; font-size:11px; padding-top:5px; color:#999;}

#topPage #main{width:504px; margin:0 16px;}
#menuPage #main,#interiaPage #main,#mapPage #main{width:696px; margin:0 0 0 16px;}

.hotPepperArea {
    top: 10px;
    position: absolute;
    right: 0;
}
/*FONT*/
h3{font-size:16px; font-family: "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "細明朝体"; font-weight:bold;}
#leftSide, #rightSide,h2,h3{color:#5d3a1a;}
/*LEFT*/
#leftSide h4{font-size:12px; line-height:1.6; margin:0; padding:0;}
#leftSide address, #leftSide div{padding:8px;}
.strong{font-size:16px; font-weight:bold; line-height:24px;}
#leftSide, #rightSide{color:#5d3a1a;}
#leftSide div{clear:both;}
#leftSide dl{overflow:hidden; margin-bottom:16px;}
#leftSide dt,#leftSide dd{margin:5px; line-height:24px;}
#leftSide dt{float:left; width:50px;}
#leftSide dd{float:left; width:106px;}


/*MAIN*/
#main h3,#main h2{margin-bottom:14px;}
#main p{margin-bottom:20px;}

/*TOP*/
#topics {margin-bottom:30px;}
#topics ul,#topics dt, #topics dd{margin:0; padding:0;}
#topics dt{font-size:10px; font-family:Geneva, Arial, Helvetica, sans-serif; padding:0 0 3px; color:#8a6544;}
#topics dd{padding:0 0 8px;}
#campaign{width:97%;}
#campaign img{float:left;}
#campaign h3,#campaign p{padding:0 0 0 170px;}

/*MENU*/
.menuItem{float:left; width:222px; margin:0 15px 15px 0; position:relative;}
.drinkItem{float:left; width:165px; margin:0 12px 15px 0; position:relative;}
.menuItem img,.drinkItem img{padding:0 0 5px 0;}
#main .menuItem p,#main .drinkItem p{margin-bottom:0; padding-left:3px;}
.menuItem h4{margin-bottom:0px; font-weight:bold; line-height:1.8; width:168px; float:left; padding-left:3px;}
.drinkItem h4{margin-bottom:0px; font-weight:bold; line-height:1.8; width:111px; float:left; padding-left:3px;}
/*.menuItem h4{margin-bottom:0px; font-weight:bold; line-height:1.8; width:168px; padding-left:3px; position:absolute; left:0;}
.drinkItem h4{margin-bottom:0px; font-weight:bold; line-height:1.8; width:111px; padding-left:3px; position:absolute; left:0;}*/
#main .menuItem p.price,#main .drinkItem p.price{text-align:right; padding:0 3px 0 0;}

#main .menuItem p.description,#main .drinkItem p.description{clear:both;}
#menuPage #main h3{padding:5px 0;}

/*INTERIA*/
#interiaPage #main h3{padding:5px 0;}
.interiaItem{float:left; width:343px; margin:0 10px 15px 0; position:relative;}

/*MAP*/
#mapPage #info{padding-top:20px;}
#mapPage #info p{float:left; line-height:2;}
#mapPage #info p#exteria{width:358px;}
#mapPage #main h3{padding:5px 0;}

/*
UTILITY
*/
.lastChild{margin-right:0;}

.red{color:#ff0000;}
.clear {clear:both;}
.left{float:left;}
.right{float:right;}

.clearfix:after,#content:after,
#main:after
{
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}