/* CSS Document */

body, h1, h2, h3, h4, p, ul, ol, li, th, td, form, address {
margin: 0;
padding: 0;
}


/* ************************************************ 
 *	ベース
 * ************************************************ */

body {
	background-image: url(img/back_h.gif);
	background-color: #000000;
	text-align: center;
}

#container {
	background-image: url(img/back_w.gif);
	background-repeat: repeat-x;
}


#contents {
	background-image: url(img/contents.gif);
	background-repeat: repeat-y;
	width: 710px;
	margin: 0 auto;
	text-align: left;
}


h1 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	background-image: url(img/title_h1.jpg);
	background-repeat: no-repeat;
	width: 710px;
	height: 140px;
	text-indent: -9999px;
}


h1 a {
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 12px;
	width: 200px;
	height: 140px;
	display: block;
}





/* ************************************************ 
 *	メニュー
 * ************************************************ */



#menu {
	margin: 15px 0 0 0;
	padding: 0 36px 0 36px;
	width: 137px;
	float: left;
}

#menu ul {
	margin: 0 0 30px 0;
	padding: 0;
	background-color: #FFFFFF;
	width: 137px;
}

#menu ul li {
	list-style: none;
	margin: 0;
}



#menu ul li a {
	width: 137px;
	height: 55px;
	display: block;
	background-color: #FFFFFF;
	font-size: 12px;
}



#menu ul li a {
	width: 137px;
	height: 55px;
	display: block;
	background-color: #FFFFFF;
	line-height: 55px;
	text-align: center;
}

#menu ul li a:link {
	background-color: #FFFFFF;
	color: #FF0000;
}


#menu ul li a:visited {
	background-color: #FFFFFF;
	color: #FF0000;
}

#menu ul li a:active {
	background-color: #FFFFFF;
	color: #FF0000;
}

#menu ul li a:hover {
	background-color: #FFCC66;
	color: #FFFFFF;
}







#menu .moyanabetoha {
	background-image: url(img/menu_moyanabe.jpg);
	text-indent: -9999px;
	overflow: hidden;
}

#menu a:hover.moyanabetoha {
	background-position: 0px 55px;
}



#menu .course {
	background-image: url(img/menu_course.jpg);
	text-indent: -9999px;
}

#menu a:hover.course {
	background-position: 0px 55px;
}



#menu .nabe {
	background-image: url(img/menu_nabe.jpg);
	text-indent: -9999px;
}

#menu a:hover.nabe {
	background-position: 0px 55px;
}



#menu .kushiyaki {
	background-image: url(img/menu_kushiyaki.jpg);
	text-indent: -9999px;
}

#menu a:hover.kushiyaki {
	background-position: 0px 55px;
}




#menu .dish {
	background-image: url(img/menu_dish.jpg);
	text-indent: -9999px;
}

#menu a:hover.dish {
	background-position: 0px 55px;
}



#menu .osyokuji {
	background-image: url(img/menu_osyokuji.jpg);
	text-indent: -9999px;
}

#menu a:hover.osyokuji {
	background-position: 0px 55px;
}


#menu .drink {
	background-image: url(img/menu_drink.jpg);
	text-indent: -9999px;
}

#menu a:hover.drink {
	background-position: 0px 55px;
}


#menu .imasara {
	background-image: url(img/menu_imasara.jpg);
	text-indent: -9999px;
}

#menu a:hover.imasara {
	background-position: 0px 55px;
}


#menu .access {
	background-image: url(img/menu_access.jpg);
	text-indent: -9999px;
}

#menu a:hover.access {
	background-position: 0px 55px;
}



#menu .coupon {
	background-image: url(img/menu_coupon.jpg);
	text-indent: -9999px;
}

#menu a:hover.coupon {
	background-position: 0px 55px;
}





#menu .contact {
	background-image: url(img/menu_contact.jpg);
	text-indent: -9999px;
}

#menu a:hover.contact {
	background-position: 0px 55px;
}


#menu .home {
	background-image: url(img/menu_home.jpg);
	text-indent: -9999px;
}

#menu a:hover.home {
	background-position: 0px 55px;
}





/* ************************************************ 
 *	マイン
 * ************************************************ */


#main {
	float: right;
	margin: 2px 36px 0 0 ;
	width: 465px;
	color: #FFFFFF;
}


#main p {
	font-size: 13px;
	margin: 13px 0 13px 0;
}


#main h2{
    position:absolute;
    top:100px;
}


#main h3{
	margin: 40px 0 0 0;
}






#main dl {
	margin: 15px 0 5px 0;
	padding: 0;
	border-bottom: 1px #CCCCCC solid;
	width: 465px;
}


#main dt {
	float: left;
	width: 360px;
	margin: 0;
	padding: 15px 0 15px 0;
	border-top: 1px #CCCCCC solid;
	font-size: 16px;
}

#main dd {
	float: left;
	width: 105px;
	margin: 0;
	padding: 15px 0 15px 0;
	text-align: right;
	border-top: 1px #CCCCCC solid;
	font-size: 17px;
	font-weight: bold;
}


#main dd.ichininmae {
	background-image: url(img/page_nabe_1ninmae.gif);
	background-repeat: no-repeat;
	background-position: 0 18px;
}

#main dd.ohitorisama {
	background-image: url(img/page_nabe_ohitorisama.gif);
	background-repeat: no-repeat;
	background-position: 0 18px;
}



#main table {
	color: #FFFFFF;
	font-size: 14px;
}








.setsumei {
	font-size: 10px;
}

.coursesetsumei {
	font-size: 12px;
}



.qr {
	border: none;
	padding: 20px 0 0 0 ;
}



img {
	border: none;
}






/* ************************************************ 
 *	ニュース
 * ************************************************ */


h4 {
	margin: 0;
	padding: 10px 0 5px 0;
}


ol {
	border: none;
	margin: 0 0 30px 0;
	padding: 8px;
	width: 449px;
	height: 120px;
	background-color: #222222;
	border: 1px solid #666666;
	overflow: auto;
}

ol li {
	list-style: none;
	margin: 0px;
	padding: 4px;
	border-bottom: 1px #666666 dotted;
	font-size: 12px;
}

ol li.newslast {
	border: none;
	text-align: center;
	font-size: 11px;
}

ol li small {
	display: block;
	font-size: 12px;
	color: #CC9900;
}


ol li a {
	text-decoration: none;
}

ol li a:link {
	color: #FFCC00;
}

ol li a:visited {
	color:#FFCC00;
}

ol li a:active {
	color:#FFCC00;
}

ol li a:hover {
	color: #FFFF00;
	text-decoration: underline;
}






/* ************************************************ 
 *	フッター
 * ************************************************ */



#hooter {
	padding: 95px 0 25px 0;
	text-align: center;
	background-image: url(img/imasara.gif);
	background-repeat: no-repeat;
	background-position: 212px 52px;
	clear: both;
}

#hooter ul {
	color: #FFFFFF;
	margin: 0 auto;
}

#hooter li {
	color: #FFFFFF;
	display: inline;
	font-size: 12px;
	line-height: 1.8em;
}




#hooter a:link {
	color: #FFFFFF;
	text-decoration: underline;
}


#hooter a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

#hooter a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

#hooter a:hover {
	color: #FFCC00;
	text-decoration: none;
}



#map {
	text-align: center;
}



address {
	color: #FFFFFF;
	font-size: 12px;
	width: 465px;
	text-align: center;
	font-style: normal;
	margin: 15px 0 0 0;
}











/* ************************************************ 
 *	ハック
 * ************************************************ */


.clearfix:after {
	content: "";
	display: block;
	clear: both;
}


.clearfix {
  min-height: 1px;  
}


* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  display: inline-block;
  /**/
}