@charset "utf-8";

/*//////////////////////////////////////////////////////////

	1: common
	2: index
	3: access
	4: about
	5: food & drink
	6: nihonsyu
	8: party
	9: event
	10: reservation
	
	* html ul{display:inline;}
	*:first-child+html ul{display:inline;}

//////////////////////////////////////////////////////////*/


/*=========================================================

	common

==========================================================*/

ol#topick-path{
  list-style:none;
  font-size:85%;
  color:#999;
  padding:0 20px;
  margin:0 0 30px 0;
}

ol#topick-path li{
  display:inline;
  margin-right:10px;
}

ol#topick-path li a{
  color:#ccc;
  margin-right:10px;
}


h2.contentstitle{
  margin-bottom:10px;
}

div.section{
  clear:both;
  overflow:hidden;
  width:860px;
  margin:0 20px 30px;
}

div.section h3{
  margin-bottom:10px;
}


p#pagetop{
  clear:both;
  text-align:right;
  font-size:85%;
  width:900px;
  padding-bottom:10px;
}

p#pagetop a{
  padding-right:12px;
  background:url('../img/icon_02.gif') 100% 50% no-repeat;
}


ul#footer-link{
  float:right;
  text-align:right;
  width:500px;
  margin-top:20px;
}

ul#footer-link li{
  display:inline-block;
  vertical-align:middle;
  padding-left:10px;
  margin:0 0 5px 0;
}

* html ul#footer-link li{
  display:inline;
}
*:first-child+html ul#footer-link li{
  display:inline;
}

ul#footer-link li a{
  color:#888;
}

ul#footer-link li a:hover{
  color:#be1615;
}






/*=========================================================

	index

==========================================================*/

body#index{
  background:url('../img/back_indexheader.jpg') 0 0 repeat-x #000;
}

body#index #footer{
  background:url('../img/back_indexfooter.gif') 0 0 repeat-x;
}

div#movie{
  clear:both;
  width:900px;
  height:415px;
  padding-top:9px;
}
* html div#movie{height:424px;}


div#banner{
  float:left;
  width:410px;
  margin:20px 0;
}

div#information{
  overflow:hidden;
  width:410px;
  padding-bottom:15px;
  margin-bottom:10px;
  background:#111;
}


div#information h2,
div#news h2{
  float:left;
  width:45px;
}


div#information ul{
  list-style:none;
  overflow:hidden;
  float:left;
  width:350px;
  padding:10px 0 0 0;
  margin:0;
}

div#information ul li{
  float:left;
  margin:5px 0 0 5px;
}
* html div#information ul li{display:inline;}


div#news{
  float:left;
  width:300px;
  height:398px;
  margin:20px 0 20px 10px;
  background:#111;
}

div#news p{
  float:left;
  overflow-y:auto;
  width:235px;
  height:368px;
  margin:15px 0 0 5px;
}


div#link{
  float:right;
  color:#222;
  width:150px;
  margin:20px 0;
  background:url('../img/back_link.jpg') 100% 0 no-repeat #fff;
}

div#link ul{
  list-style:none;
  text-align:center;
  padding:0 0 10px 0;
  margin:0;
}

div#link ul li{
  margin-top:10px;
}

div#link ul li a:link,
div#link ul li a:visited{
  color:#555;
}
div#link ul li a:hover{color:#be1615;}



ul#counter{
  float:right;
  text-align:right;
  color:#888;
  width:300px;
  height:80px;
  margin-top:20px;
}

ul#counter li{
  float:left;
  width:70px;
}
ul#counter li.since{width:160px;}





/*=========================================================

	access

==========================================================*/

div.section.access-map .map{
  float:left;
  text-align:center;
  width:540px;
}

div.section.access-map dl,
div.section.access-map p.photo{
  float:right;
  width:300px;
}

div.section.access-map dl dt{
  display:inline;
  float:left;
  clear:both;
  width:5.5em;
}

div.section.access-map dl dd{
  padding-left:5px;
  margin-left:5.5em;
  margin-bottom:5px;
  border-left:3px solid #be1615;
}





/*=========================================================

	about

==========================================================*/

ul.draw-pin{
  position:relative;
  list-style:none;
  width:860px;
  height:257px;
  padding:0;
  margin:-257px 0 0 0;
}

ul.draw-pin li{
  position:absolute;
  width:24px;
  height:23px;
}

ul.draw-pin li.table01{top:197px; left:85px;}
ul.draw-pin li.counter{top:151px; left:401px;}
ul.draw-pin li.table02{top:26px; left:375px;}
ul.draw-pin li.table03{top:26px; left:260px;}
ul.draw-pin li.p-room01{top:26px; left:615px;}
ul.draw-pin li.p-room02{top:26px; left:752px;}
ul.draw-pin li.p-room03{top:182px; left:798px;}


ul.draw-pin li a{
  display:block;
  width:24px;
  height:23px;
  background:url(../about/img/icon_zoom.png) 0 0 no-repeat;
}

ul.draw-pin li a span{
  display:none;
}


dl.about{
  margin-top:20px;
}

dl.about dt{
  display:inline;
  float:left;
  clear:both;
  font-weight:bold;
  width:10em;
  padding:5px 0;
}

dl.about dd{
  padding:5px 0 5px 10px;
  margin-left:10em;
  margin-bottom:5px;
  border-left:3px solid #be1615;
}





/*=========================================================

	food & drink

==========================================================*/

div.menulayout-l{
  float:left;
  width:420px;
}

div.menulayout-r{
  float:right;
  width:420px;
}

.normalmenu-section{
  width:390px;
  padding:15px;
  margin-bottom:20px;
  background:url('../img/back_01.jpg') 0 0;
}
* html .normalmenu-section{width:420px;}

.normalmenu-section h3{
  font-size:120%;
  color:#bfa589;
  padding-bottom:7px;
  border-bottom:1px solid #aaa;
}


.normalmenu-section p{
  padding-bottom:7px;
  margin-top:7px;
  border-bottom:1px solid #aaa;
}

.normalmenu-section p img{
  margin-bottom:7px;
}


.normalmenu-section ul{
  list-style:none;
  padding:0;
  margin:0;
}

.normalmenu-section ul li{
  width:390px;
  padding-bottom:7px;
  margin-top:7px;
  border-bottom:1px dotted #777;
}


.normalmenu-section ul li strong{
  display:block;
  font-weight:normal;
}

.normalmenu-section ul li em{
  display:block;
  text-align:right;
}


.normalmenu-section ul li div{
  clear:both;
  font-size:85%;
  color:#2a83a2;
  padding-top:3px;
}


.normalmenu-section p.other{
  text-align:right;
  padding:7px 0 0 0;
  margin:0;
  border:0;
}


div.normalmenu-section.would h3{
  color:#d7003a;
}


div.normalmenu-section.would dl dt{
  color:#bfa589;
  margin-top:7px;
}

div.normalmenu-section.would dl dd{
  padding:0 0 7px 1em;
  border-bottom:1px dotted #777;
}





/*== food today ==========================================*/

div.section.today{
  margin-bottom:100px;
  background:url('../img/back_02.jpg') 0 0;
}

div.section.today h3{
  margin:0;
  border-bottom:10px solid #000;
}

div.section.today p.comment{
  float:right;
  text-align:center;
  width:443px;
  padding-bottom:15px;
  margin:15px 15px 0 0;
}

div.section.today p.today-photo{
  float:left;
  text-align:center;
  width:370px;
  padding-bottom:15px;
  margin:15px 0 0 15px;
}

div.section.today p.today-photo img{
  margin-bottom:10px;
}

* html div.section.today p.comment,
* html div.section.today p.today-photo{display:inline;}






/*== party ===============================================*/

div.section.party.chacha{
  background:url('../food/img/back_party-chacha.jpg') 0 60px no-repeat;
}

div.section.party.nene{
  background:url('../food/img/back_party-nene.jpg') 0 60px no-repeat;
}

div.section.party.yodo{
  background:url('../food/img/back_party-yodo.jpg') 0 60px no-repeat;
}


div.section.party div.detail{
  padding:15px 15px 5px;
  margin-left:450px;
  background:url('../img/back_01.jpg') 0 0;
}


div.section.party ul{
  list-style:none;
  padding:0;
  margin:0;
}

div.section.party ul li{
  text-indent:-10px;
  padding-left:10px;
}

div.section.party ul li strong{
  font-size:120%;
  font-weight:normal;
  color:#bfa589;
}

div.section.party ul li em{
  font-size:80%;
}


p.price{
  text-align:right;
}

p.drinkfree{
  margin:5px 0 10px 0;
  padding:5px;
  background:url('../img/back_03.jpg') 0 0;
}





/*== nihonsyu ============================================*/

ul.nihonsyu{
  overflow:hidden;
  list-style:none;
  width:860px;
  padding:8px 0 0;
  margin:0;
  background:url('../img/back_01.jpg') 0 0;
}
* html ul.nihonsyu{widht:860px;}


ul.nihonsyu li{
  display:inline-block;
  vertical-align:top;
  width:205px;
  margin:0 0 8px 8px;
}
* html ul.nihonsyu li{display:inline; zoom:1;}
*:first-child+html ul.nihonsyu li{display:inline; zoom:1;}


ul.nihonsyu li span{
  display:block;
  margin-bottom:5px;
}

ul.nihonsyu li em{
  text-align:right;
  display:block;
  padding-top:5px;
  margin-top:5px;
  border-top:1px dotted #aaa;
}

ul.nihonsyu li em span{
  display:inline;
  float:left;
}


ul.nihonsyu.osusume{
  background:url('../img/back_02.jpg') 0 0;
}


p.other{
  clear:both;
  padding:8px;
  background:url('../img/back_01.jpg') 0 0;
}


p.etc{
  clear:both;
  text-align:center;
  width:860px;
  padding:15px 0;
  margin-top:20px;
  background:url('../img/back_02.jpg') 0 0;
}




/*
div.menulayout-l{
  float:left;
  width:420px;
}

div.menulayout-r{
  float:right;
  width:420px;
}

div.menulayout-l h4,
div.menulayout-r h4{
  font-size:200%;
  font-weight:normal;
  color:#be1615;
}


.menu-section{
  width:390px;
  padding:15px;
  margin-bottom:20px;
  background:url('../img/back_01.jpg') 0 0;
}
* html .menu-section{width:420px;}

.menu-section h5{
  font-size:120%;
  color:#bfa589;
  padding-bottom:7px;
  border-bottom:1px solid #aaa;
}

.menu-section ul{
  list-style:none;
  padding:0;
  margin:0;
}

.menu-section ul li{
  overflow:hidden;
  width:390px;
  padding-bottom:7px;
  margin-top:7px;
  border-bottom:1px dotted #777;
}

.menu-section ul li img,
.menu-section ul li strong,
.menu-section ul li em{
  display:block;
  font-weight:normal;
}

.menu-section ul li img,
.menu-section ul li strong{
  float:left;
  margin-right:5px;
}

.menu-section ul li em{
  float:right;
  text-align:right;
  width:330px;
}


.menu-section ul li div.comment{
  clear:both;
  text-align:right;
  font-size:85%;
  color:#2a83a2;
  padding-top:3px;
}



.menu-section dl dt{
  color:#82ae46;
  margin-top:10px;
}



*/




/*=========================================================

	event

==========================================================*/

div.article h4{
  font-size:170%;
  font-weight:normal;
  color:#be1615;
}

div.article p.photo{
  float:right;
  width:450px;
}

div.article p.text,
div.article dl.alc-list{
  margin-right:470px;
}


div.article p.text em.date{
  display:block;
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom:1px dotted #555;
}


div.article.report dl.alc-list{
  clear:both;
  width:860px;
  padding:20px 0;
  margin:0;
}


div.article dl.alc-list dt{
  font-weight:bold;
  color:#2a83a2;
  margin-top:20px;
}


div.article dl.alc-list ul{
  list-style:none;
  padding:0;
  margin:0;
}

div.article dl.alc-list ul li{
  display:inline-block;
  padding:0 0 0 10px;
  margin-right:15px;
  background:url('../img/icon_03.gif') 0 50% no-repeat;
}

* html div.article dl.alc-list ul li{
  display:inline;
}
*:first-child+html div.article dl.alc-list ul li{
  display:inline;
}


p.event-contact{
  clear:both;
  text-align:center;
  width:860px;
  padding:15px 0;
  margin-top:20px;
  background:url('../img/back_01.jpg') 0 0;
}


ul.report-photo{
  list-style:none;
  width:870px;
  padding:0;
  margin:0 -10px 0 0;
}

ul.report-photo li{
  float:right;
  font-size:85%;
  width:280px;
  margin:0 10px 10px 0;
}

ul.report-photo li img{
  float:left;
  margin-right:5px;
}


hr.report{
  color:#333;
  width:820px;
  margin:50px 20px;
  background:#333;
}





/*=========================================================

	reservation

==========================================================*/

form.reservation fieldset{
  padding:0 0 20px 0;
  margin-top:20px;
  border:0;
}

form.reservation fieldset legend{
  font-size:120%;
  color:#fbca4d;
}


form.reservation dl dt{
  display:inline;
  float:left;
  clear:both;
  font-weight:bold;
  width:100px;
  padding:7px 0;
}

form.reservation dl dd{
  padding:7px 0;
  margin-left:100px;
}

form.reservation dl.etc dt{
  display:block;
  float:none;
  width:auto;
  padding:0;
}

form.reservation dl.etc dd{
  margin:0;
}


form.reservation dl dt em{
  font-size:85%;
  color:#f00;
  margin-left:5px;
}

form.reservation dl dd input{
  width:300px;
}

form.reservation dl dd input.short{
  width:50px;
}

form.reservation dl.etc dd textarea{
  overflow:auto;
  width:500px;
  height:10em;
}


form.reservation p input.button{
  padding:5px;
}