@charset "UTF-8";
/* CSS Document */

body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,div,p,fieldset,hr { margin:0; padding:0; }


body {
	margin: 0;
	padding: 0;
	font-size:12px;
	line-height:17px;
}

#wrapper{
	margin-left:auto;
	margin-right:auto;
	width:800px;

}

a{
	color:#FFFFFF;
	text-decoration:none;

}
a:hover{
text-decoration:underline;

}
#header{
	background:url(../img/sake_header.gif) no-repeat;
	width:800px;
	height:51px;
}

 #header li{
 	display:inline;
	position:relative;
 }
 
 #header ul{
 	padding-top:20px;
	padding-left:292px;
 
 } 
	#header ul a{
			display:block;
			text-indent: -9999px;
			float:left;
			overflow:hidden;
	}

		 #header .type1 a{
		 	padding-right:20px;
			background:url(../img/header_menu1.gif) no-repeat;
			width:46px;
			height:18px;

		 }
		 #header .type1 a:hover{ background: url(../img/header_menu1_o.gif) no-repeat; }
		 
		 #header .type2 a{
		 	padding-right:18px;
			background:url(../img/header_menu2.gif) no-repeat;
			width:62px;
			height:18px;
		 }
		 #header .type2 a:hover{ background: url(../img/header_menu2_o.gif) no-repeat; }
		 
		 
		 #header .type3 a{
		 	padding-right:23px;
			background:url(../img/header_menu3.gif) no-repeat;
			width:16px;
			height:18px;
		 }
		 #header .type3 a:hover{ background: url(../img/header_menu3_o.gif) no-repeat; } 

		 #header .type4 a{
		 	padding-right:22px;
			background:url(../img/header_menu4.gif) no-repeat;
			width:80px;
			height:18px;
		 }
		 #header .type4 a:hover{ background: url(../img/header_menu4_o.gif) no-repeat; } 		 
		 
		 
		 #header .type5 a{
		 	padding-right:20px;
			background:url(../img/header_menu5.gif) no-repeat;
			width:125px;
			height:18px;
		 }
		 #header .type5 a:hover{ background: url(../img/header_menu5_o.gif) no-repeat; } 
		 
		 #header .type6 a{
			background:url(../img/header_menu6.gif) no-repeat;
			width:62px;
			height:18px;
		 }
		 #header .type6 a:hover{ background: url(../img/header_menu6_o.gif) no-repeat; } 				 
		 
		 
	#content,#contentDrink{
	color:#FFFFFF;
	width:760px;
	height:440px;
	padding:20px;
	overflow:auto;
	background:url(../img/sakeyoshi_bg.jpg) right top;
	_background:url(../img/sakeyoshi_bg.jpg) right top fixed;
	}
	
#contentIndex{

	width:760px;
}
	
	.menutitle{
	margin-top:40px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:18px;
	height:30px;
	_font-size:16px;
	_height:27px;
	background:url(../img/obi.gif) bottom  left no-repeat;

	
	}
	.data th,
	.beStyle th
	{
		text-align:left;
		font-weight:normal;
		width:300px;
		height:25px;
		vertical-align:top;
	
	}
	

	.data td{
		vertical-align:top;
	
	}
#contentDrink .data th{
	width:60px;
	vertical-align:top;

}


#menuArea{
	background:url(../img/menu_bg.gif) repeat-x;
	width:800px;
	height:140px;
}

 #menuArea li{
 	display:inline;
	position:relative;
 }
 
 #menuArea ul{
 	padding-top:0px;
 
 } 
		 
 #menuArea .type1 a,
  #menuArea .type2 a,
   #menuArea .type3 a,
    #menuArea .type4 a{
			display:block;
			text-indent: -9999px;
			float:left;
			width:194px;
			height:90px;	
		 	padding-right:5px;
			overflow:hidden;
	}
		 
		 #menuArea .type1 a{

			background:url(../img/ttl_menu1.jpg) no-repeat;

		 }
		 #menuArea .type1 a:hover{ background: url(../img/ttl_menu1_o.jpg) no-repeat; }
		 
		 #menuArea .type2 a{

			background:url(../img/ttl_menu2.jpg) no-repeat;

		 }
		 #menuArea .type2 a:hover{ background: url(../img/ttl_menu2_o.jpg) no-repeat; }
		 
		 
		 #menuArea .type3 a{

			background:url(../img/ttl_menu3.jpg) no-repeat;

		 }
		 #menuArea .type3 a:hover{ background: url(../img/ttl_menu3_o.jpg) no-repeat; } 

		 #menuArea .type4 a{

			background:url(../img/ttl_menu4.jpg) no-repeat;

		 }
		 #menuArea .type4 a:hover{ background: url(../img/ttl_menu4_o.jpg) no-repeat; } 		 
		 
#footer{
	padding-left:10px;

}
