@charset "utf-8";

html{
	width:100%;
	height:100%;
}
form{
	margin:0;
	padding:0;
}

img{
	border:none;
}

a {
	color:#FFCC00;
}
body{
	text-align:center;
	margin: 0;
	width:100%;
	height:100%;
	background: url(images/bg.gif);
	color: #FFFFFF;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding: 0;
	font-size: 80%;
}

body#top{
}
#body{
	padding: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(images/bg_string.gif) repeat-x;
}
#topimg{
	position:absolute;
	width:100%;
	text-align:center;
	top:0px;
	left:0px;
}

#topfla{
}



h1{
	position:absolute;
	background:url(images/bg_h1.gif) no-repeat 0px 0px;
	width:220px;
	top:1px;
	left: 50%;
	margin: 0 0 0 230px;
	z-index: 22;
}



h1 a{
	display:block;
	height:800px;
}
h1 a span{
	display:none;
}


#h2{
	width: 40px;
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -450px;
	z-index: 100;
}
#h2 h2{
	background-color: #E44B14;
	width: 40px;
	height: 240px;
	border-bottom: 20px solid #B02F12;
	margin-top: 0px;
	padding: 0px;
}

#h2 h2#ord{
	background: #E44B14 url(images/bg_h2_ord.gif) no-repeat 50% 10px;
}
#h2 h2#about{
	background: #E44B14 url(images/bg_h2_about.gif) no-repeat 50% 10px;
}
#h2 h2#how{
	background: #E44B14 url(images/bg_h2_how.gif) no-repeat 50% 10px;
}
#h2 h2#tei{
	background: #E44B14 url(images/bg_h2_tei.gif) no-repeat 50% 10px;
	height: 300px;
}
#h2 h2#ita{
	background: #E44B14 url(images/bg_h2_ita.gif) no-repeat 50% 10px;
}
#h2 h2#dinner{
	background: #E44B14 url(images/bg_h2_fish.gif) no-repeat 50% 10px;
}
#h2 h2#kaiseki{
	background: #E44B14 url(images/bg_h2_kaiseki.gif) no-repeat 50% 10px;
	height: 240px;
}
#h2 h2 span{
	display: none;

}


#content{
	margin: 0px auto;
	width: 850px;
	color: #E9E9E9;
	padding: 80px 0 0 0;
}



#content .body{
	padding: 0 200px 50px 50px;
	text-align: left;
	margin: 0 auto;
}





#content .left{
	text-align: left;
	margin: 0 auto 0 0;
}
#content .left#scroll{
	overflow-x:hidden;
	overflow-y:hidden;
	overflow:hidden;
	width: 650px;

}
#content .left#scroll table{
	margin:0px 50px 0 0;
}

#content .left .box{
	text-align:center;
	vertical-align: bottom;
	width: 300px;
}
#content .left .box img{
	margin:0 auto 5px;
}

#content .left hr{
	margin:20px 0;
	border-top:1px solid #000000;
	border-bottom:1px dashed #B02F12;
}






#content .left td p{
	margin:0 20px 0 0;
	line-height: 150%;
}
#content .left h2{
	text-align:right;
	font-size:14px;
	color: #DFE1C8;
	line-height: 120%;
	margin: 5px 20px 5px 0;
}
#content .left h2 span{
	visibility: hidden;

}
#content .left h2.title{
	height: 25px;
	width:100%;
	margin:0 0 5px 0;
	padding:0px;
	
}

#content .left h2#ita1{
	background:url(images/title_ita_1.gif) no-repeat 85% 0%;
}
#content .left h2#ita2{
	background:url(images/title_ita_2.gif) no-repeat 85% 0%;
}
#content .left h2#ita3{
	background:url(images/title_ita_3.gif) no-repeat 85% 0%;
}
#content .left h2#ita4{
	background:url(images/title_ita_4.gif) no-repeat 85% 0%;
}
#content .left h2#ita5{
	background:url(images/title_ita_5.gif) no-repeat 85% 0%;
}
#content .left h2#ita6{
	background:url(images/title_ita_6.gif) no-repeat 85% 0%;
}
#content .left h2#ita7{
	background:url(images/title_ita_7.gif) no-repeat 85% 0%;
}
#content .left h2#ita8{
	background:url(images/title_ita_8.gif) no-repeat 85% 0%;
}
#content .left h2#ita9{
	background:url(images/title_ita_9.gif) no-repeat 85% 0%;
}
#content .left h2#ita10{
	background:url(images/title_ita_10.gif) no-repeat 85% 0%;
}
#content .left h2#ita11{
	background:url(images/title_ita_11.gif) no-repeat 85% 0%;
}
#content .left h2#ita12{
	background:url(images/title_ita_12.gif) no-repeat 85% 0%;
}
#content .left h2#itatokyo{
	background:url(images/title_ita_tokyo.gif) no-repeat 85% 0%;
}





#content p{
	line-height:120%;
	margin:5px 0;
}

#content .left p{
	line-height:180%;
	margin: 10px 0 4px 0;
}
#content .left h3{
	line-height:120%;
	color: #FFD33C;
	font-size: 14px;
	margin: 12px 0 0 0;
}
#content .left li{
	margin:6px 0;
	list-style-image:url(images/li.gif);
	color: #E1F0C4;
	line-height: 150%;
}
#content .left td{
	line-height: 150%;
}

#content .left th{
	text-align:left;
	vertical-align: top;
}

#content .left table.mark th{
	background:url(images/bg_th.gif) no-repeat 10px 5px;
	padding: 5px 25px 5px 25px;
}

#content .left h2#titleabout{
	height:110px;
	background: url(images/title_about.gif) no-repeat 0px 0px;
	margin: 0;
}
#content .left h2#tei{
	height:80px;
	background: url(images/title_tei.gif) no-repeat 0px 0px;
	margin: 0;
}
#content .left h2#dinner{
	height:60px;
	background: url(images/title_dinner.gif) no-repeat 0px 0px;
	margin: 0;
}
#content .left h2#fish{
	height:35px;
	background: url(images/title_fish.gif) no-repeat 0px 0px;
	margin: 0;
}
#content .left h2#teimenu{
	height:70px;
	background: url(images/title_tei_menu.gif) no-repeat 0px 0px;
	margin: 0;
}

#content .left h2#how{
	height:165px;
	background: url(images/title_how.gif) no-repeat 0px 0px;
	margin: 0;
}
#content .left h2#how2{
	height:30px;
	background: url(images/title_how.gif) no-repeat 0px -280px;
	margin: 30px 0 0 0;
}


#content .left select{

}

#content .left input[type="submit"]{
	width:100px;
	height:20px;
	background:url(images/bt_order.gif) no-repeat 0% 50%;
	margin: 0 auto;
	border: none;
	color: #CADE8E;
	font-size: 1px;
	cursor:pointer;
	text-indent: -9999px;
}

#content .left input[type="submit"]:hover{
	background:url(images/bt_order.gif) no-repeat -100px 50%;
	cursor:pointer;
}

#content .left input[name="qty"]{
	width:30px;
	text-align: center;
}





#content h2#titleita{
	height:90px;
	background: url(images/title_ita.gif) no-repeat 0px 0px;
	margin: 0;
}
#content h2#titleita span{
	visibility: hidden;


}



#content #mouse-left{
	width: 160px;
	height: 500px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -400px;
	z-index:4;
	background: url(images/left.gif) no-repeat 10% 450px;
}

#content #mouse-right{
	width: 160px;
	height: 500px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: 90px;
	z-index:5;
	background: url(images/right.gif) no-repeat 90% 450px;
}














#menu{
	text-align:center;
	position:absolute;
	top:20px;
	left:0px;
	width: 100%;
	z-index: 6;
	background: url(images/bg_dark.gif) repeat;
	height: 30px;
	border-bottom: 1px solid #FFFFFF;
	border-bottom-color: #8e574a;
}

#menu.bottom{
	top:520px;
	background: url(images/bg_string.gif) repeat-x;
	height: 60px;
}

#menu.bottom ul{
	width:650px;
	height:100px;
	left: 20px;
}
#menu ul{
	margin:0 auto 0;
	padding:0;
	width:700px;
	overflow:hidden;
	position:relative;
	height:20px;
	text-align: left;
	left: -45px;

}
#menu ul li{
	height:20px;
	top: 5px;
	list-style-type: none;
}

#menu.bottom ul li{
	top: 25px;
}


#menu ul li a{
	display:block;
	height:20px;
}
#menu ul li a span{
	display:none;
}

#menu li#mn01{
	position:absolute;
	z-index: 100;
	left:0px;
}
#menu li#mn02{
	position:absolute;
	z-index: 100;
	left:90px;
	
}
#menu li#mn03{
	position:absolute;
	z-index: 100;
	left:286px;
}
#menu li#mn04{
	position:absolute;
	z-index: 100;
	left:384px;
}
#menu li#mn05{
	position:absolute;
	z-index: 100;
	left:488px;
}

#menu li#mn06{
	position:absolute;
	z-index: 100;
	left:182px;
}


#menu li#mn01 a{
	background:url(images/mn.gif) no-repeat 0px 0px;
	width: 80px;
}
#menu li#mn02 a{
	background:url(images/mn.gif) no-repeat 0px -20px;
	width: 80px;	
}
#menu li#mn03 a{
	background:url(images/mn.gif) no-repeat 0px -40px;
	width: 80px;
}
#menu li#mn04 a{
	background:url(images/mn.gif) no-repeat 0px -60px;
	width: 85px;
}
#menu li#mn05 a{
	background:url(images/mn.gif) no-repeat 0px -80px;
	width: 140px;
}

#menu li#mn06 a{
	background:url(images/mn.gif) no-repeat 0px -100px;
	width: 85px;
}



#menu li#mn01 a.s{
	background:url(images/mn.gif) no-repeat -160px 0px;
}
#menu li#mn02 a.s{
	background:url(images/mn.gif) no-repeat -160px -20px;
}
#menu li#mn03 a.s{
	background:url(images/mn.gif) no-repeat -160px -40px;
}
#menu li#mn04 a.s{
	background:url(images/mn.gif) no-repeat -160px -60px;
}
#menu li#mn05 a.s{
	background:url(images/mn.gif) no-repeat -160px -80px;
}
#menu li#mn06 a.s{
	background:url(images/mn.gif) no-repeat -160px -100px;
}
#menu li#mn01 a:hover{
	background:url(images/mn.gif) no-repeat -160px 0px;
}
#menu li#mn02 a:hover{
	background:url(images/mn.gif) no-repeat -160px -20px;
}
#menu li#mn03 a:hover{
	background:url(images/mn.gif) no-repeat -160px -40px;
}
#menu li#mn04 a:hover{
	background:url(images/mn.gif) no-repeat -160px -60px;
}
#menu li#mn05 a:hover{
	background:url(images/mn.gif) no-repeat -160px -80px;
}
#menu li#mn06 a:hover{
	background:url(images/mn.gif) no-repeat -160px -100px;
}







div.banner{
	position:absolute;
	top: 548px;
	left: 50%;
	margin-left: 245px;
	z-index: 33;

}
div.banner a{
	display: block;
	height: 60px;
	width: 167px;
}


div#news{
	position:absolute;
	top: 618px;
	left: 50%;
	margin-left: 245px;
	z-index: 33;
	width: 167px;
	text-align: left;
	background-color: #202043;
	padding: 5px 0 10px;
}

div#news h2{
	margin:0;
	padding:5px 0;
	font-size:12px;
	text-align: center;
	line-height: 130%;
	font-weight: bold;
	color:#FF6600;
}

div#news p{
	margin:0;
	padding:5px 20px;
	line-height: 130%;
}

div#cart{
	position:absolute;
	top: 486px;
	left: 50%;
	margin-left: 270px;
	z-index: 55;
	width: 120px;
	padding: 0;
	height: 33px;
	text-indent: -9999px;
}

div#cart a{
	background:url(images/bt_cart.gif) no-repeat 50% 0%;
	display: block;
	height: 33px;
}
div#cart a:hover{
	background:url(images/bt_cart.gif) no-repeat 50% 100%;
}




br.clear{
	font-size:1px;
	line-height:1px;
	height:1px;
	clear:both;
}
