@charset �hutf-8�h; 

/* =import 
----------------------------------------------*/
@import url(reset.css);
@import url(layout.css);



/* hn
------------------------------------------- */
h1{
position:absolute;
top:0;
left:0;
}
h2{
padding:27px 0 15px 0;
border-bottom:#b8292f solid 3px;
}

/* common
------------------------------------------- */
.caution{ color:#79873a; }
#yuge{
width:800px;
margin:0 auto;
position:relative;
z-index:100;
}
#yuge div{
width:800px;
height:800px;
position:absolute;
top:-200px;
left:-100px;
}


/* merumaga
------------------------------------------- */
#merumaga{
width:auto;
position:absolute;
top:25px;
right:30px;
text-align:left;
line-height:1em;
color:#000000;
}
#merumaga form{
padding-top:10px;
}
#merumaga a{
color:#778c52;
font-size:90%;
}
#merumaga .caption{
background:#330000;
color:#ffffff;
font-size:90%;
margin-right:3px;
padding:0 5px;
}
#merumaga .weekly{
color:#990000;
font-size:90%;
}
#merumaga input,#merumaga label{ margin-right:5px; }
#merumaga .magmag{
position:absolute;
top:2px;
right:0;
}
#merumaga .back{
position:absolute;
back:0;
right:0;
}


/* navigation
------------------------------------------- */
#navigation li{ display:inline; border-top:#b8292f solid 2px; }
#navigation li a{ border-top:#cdcdcd solid 2px; }
#navigation li a:hover{ border-top:#b8292f solid 2px; }

/* header
------------------------------------------- */
#header .sub-01{
position:absolute;
top:17px;
right:0;
}
#header .sub-02{
position:absolute;
top:45px;
right:0;
}


/* content
------------------------------------------- */
#home #content .text{
width:185px;
position:absolute;
top:180px;
right:18px;
}
#home #content p{
margin-bottom:15px;
}
.information{
position:absolute;
top:-1px;
right:-29px;
}
#home .information{
position:absolute;
top:0;
right:-29px;
}
#content .section{
width:731px;
margin:0 auto;
padding-bottom:20px;
}


/* about 
------------------------------------------- */
#about .textarea{
padding-top:15px;
}
#about .textarea h3{
margin-bottom:10px;
}

/* contact 
------------------------------------------- */
#contact #content h2{
margin-bottom:20px;
}
#contact #content table{
width:50%;
margin-bottom:20px;
}
#contact #content table th{
width:35%;
padding:5px;
vertical-align:top;
}
#contact #content table td{ padding:3px; }
#contact #content table td .text{ width:100%; }
#contact #content table td textarea{ height:200px; }
#contact input{ margin-right:3px; }

/* access 
------------------------------------------- */
#access .box .image{ float:left; }
#access .textarea p{ margin-bottom:10px; }
#access .box{
width:100%;
overflow:hidden;
margin:20px 0;
}
#access .textarea{
width:460px;
float:right;
}
#access .textarea h3{
color:#b8292f;
font-size:130%;
margin-bottom:5px;
}
#access .textarea h3 span{
color:#BF9195;
font-size:70%;
font-weight:100;
padding-left:10px;
vertical-align:middle;
}
#access .title-access{
background:#b8292f;
font-weight:bold;
color:#ffffff;
margin:1px 0;
padding:3px 10px;
text-align:right;
}

/* menu
------------------------------------------- */
#menu h2{ margin-bottom:1px; }
#menu .box .image{ float:left; }
#menu .box{
width:100%;
overflow:hidden;
margin:20px 0 35px 0;
}
#sub-menu{
height:39px;
overflow:hidden;
padding:0 0 0 218px;
line-height:3.5em;
}
#sub-menu li{
display:inline;
padding:0 10px 0 0;
margin:0 10px 0 0;
border-right:#dd7e82 solid 1px;
}
#sub-menu li a{ color:#ffffff; text-decoration:underline; }
#sub-menu li a:hover{ color:#ffffff; text-decoration:none; }
#menu ul.ramen{ background:url(../../images/ramen/ramen-title.gif) no-repeat; }
#menu ul.yakitori{ background:url(../../images/yakitori/yakitori-title.gif) no-repeat; }
#menu ul.rice{ background:url(../../images/rice/rice-title.gif) no-repeat; }
#menu ul.others{ background:url(../../japanese/images/others/others-title.gif) no-repeat; }
#menu ul.drink{ background:url(../../images/drink/drink-title.gif) no-repeat; }
#menu ul.others{ background:url(../../japanese/images/others/others-title.gif) no-repeat; margin-bottom:20px; }
#menu ul.carte{ background:url(../../images/carte/carte-title.gif) no-repeat; }

#menu h3{
color:#3d2314;
font-size:120%;
margin-bottom:10px;
}
#menu .textarea p{
margin-bottom:10px;
}
#menu #menu-list{
width:741px;
overflow:hidden;
}
#menu #menu-list li{
float:left;
margin:0 10px 10px 0;
}
#menu #menu-list li a{
background:#000000;
display:block;
}
#menu #menu-list li a:hover img{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity:0.8;
}

/* sake
------------------------------------------- */
#sake h2{ margin-bottom:1px; }
#sake ul.sake-info{ background:url(../../images/sake/sakeinfo-title.gif) no-repeat; }
#sake ul.sake{ background:url(../../images/sake/sake-title.gif) no-repeat; }
#sake ul.shochu{ background:url(../../images/sake/shochu-title.gif) no-repeat; }

.sake-info{
padding-top:10px;
}
.sake-info h3{
margin-bottom:10px;
}
.sake-info img{
display:inline;
margin-right:6px;
}
.sake-bg #content{
background:url(../../images/sake/sake_bg.gif) no-repeat 3px 3px;
}
.shochu-bg #content{
background:url(../../images/sake/shochu_bg.gif) no-repeat 3px 3px;
}

/* menu(text-list)
------------------------------------------- */
#text-list table{
width:100%;
text-align:left;
margin:15px 0;
}
#text-list table th{
background:#e8eed8;
width:180px;
vertical-align:top;
color:#424734;
font-weight:100;
padding:5px 10px;
border-bottom:#ffffff solid 1px;
border-right:#ffffff solid 1px;
}
#text-list table th span{
color:#92906c;
margin-left:10px;
font-size:90%;
}
#text-list table th.title{
background:#453f29;
color:#ffffff;
font-weight:bold;
border-bottom:#ffffff solid 3px;
}
#text-list table td{
padding:5px 10px;
border-left:#cbd1bd solid 1px;
background:url(../images/dot.gif) repeat-x 0 bottom;
}
#text-list table td span{
color:#48740f;
margin-right:5px;
}
#text-list table td p{ color:#990000; display:inline; padding:0 0 0 10px; }




/* copy
------------------------------------------- */
.copy{ color:#b8292f; padding:20px 0; }