@charset "euc-jp";
/* common.css */

body{
	margin:0;
	padding:0;
	background-color:#7B0000;
	background-position:center bottom;
	background-image:url(../img/bg.jpg);
	background-repeat:repeat-x;
}
a{
	overflow:hidden;
}

/*#BGBOX{
	width:1200px;
	background-image:url(../img/bgbg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	margin:auto;
	}*/
#WIDTHMAX{
	width:960px;
	margin:auto;
	}
	
.ArrowD{
	background-image:url(../img/arrow1.gif);
	padding-left:15px;
	background-repeat:no-repeat;
	}
.ArrowD a{
	color:#666;
	}	
	
.txt9{ font-size:9px; }
.txt10{ font-size:10px; }
.txt11{ font-size:11px; }
.mt0{ margin-top:0; }
.mb5{ margin-bottom:5px; }
.mb0{ margin-bottom:0; }
.mb10{ margin-bottom:10px; }
.mr10{ margin-right:10px; }
.mr0{ margin-right:0px; }
.pr10{ padding-right:10px; }
.fLeft{ float:left;}
.fRight{ float:right;}
.col333{ color:#333333; }
.col666{ color:#666; }
#ColumnBox{
	margin-bottom:100px;
	font-size:0.75em;
	color:#666666;
}

	
/*---h1 Area
-----------------------------------*/
#h1Box{
	background-color:#333;
}
#h1Box h1{
	width:960px;
	color:#FFF;
	font-size:0.8em;
	margin:0 auto 13px auto;
	padding:0;
	font-weight:normal;
	line-height:200%;
}	



/*---HEADER Area
-----------------------------------*/
#HEADER{
	width:960px;
	height:52px;
	margin-bottom:14px;
	margin-right: auto;
	margin-left: auto;
	}
	
#HEADER h2{
	width:237px;
	height:52px;
	margin:0 220px 0 0;
	padding:0;
	background-image:url(../img/logo.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	float:left;
	}
#HEADER h2 a{
	width:237px;
	height:52px;
	display:block;	
}
	
#HEADER #tel{
	color:#7B0000;
	font-size:10px;
	background-image:url(../img/tel.gif);
	width:202px;
	height:50px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	float:left;
	margin:0;
	padding:0;
	}
	
/*TopSubMenu*/
#HEADER ul#TopMenuSub{
	margin:31px 17px 0 0;
	
	padding:0;
	float:left;
	}	
#HEADER ul#TopMenuSub li{
	list-style:none;
	height:21px;
	float:left;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#HEADER ul#TopMenuSub li a{ 
	background-image:url(../img/topmenu_sub.gif);
}
#HEADER ul#TopMenuSub li#TMS1 a{ 
	width:54px;
	height:21px;
	display:block;
	background-position:left top;
	}
#HEADER ul#TopMenuSub li#TMS2 a{
	height:21px;
	width:132px;
	display:block;
	background-position:-54px top;
	}
#HEADER ul#TopMenuSub li#TMS3 a{
	height:21px;
	width:98px;
	display:block;
	background-position:right top;
	}
#HEADER ul#TopMenuSub li#TMS1 a:hover{ background-position:left bottom; }
#HEADER ul#TopMenuSub li#TMS2 a:hover{ background-position:-54px bottom; }
#HEADER ul#TopMenuSub li#TMS3 a:hover{ background-position:right bottom; }




/*---TopMenu Area
-----------------------------------*/
ul#TopMenu{
	height:46px;
	padding:0;
	width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
ul#TopMenu li{
	list-style:none;
	margin:0;
	padding:0;
	background-image:url(../img/topmenu.jpg);
	float:left;
	text-indent:-9999px;
	}
ul#TopMenu li a{
	width:117px;
	height: 46px;
	display:block;
	background-image:url(../img/topmenu.jpg);
	}
ul#TopMenu li#TM1,ul#TopMenu li#TM2,ul#TopMenu li#TM3,ul#TopMenu li#TM4,ul#TopMenu li#TM5,ul#TopMenu li#TM6,ul#TopMenu li#TM7{
	margin-right:3px;
	}	
ul#TopMenu li#TM1 a{ background-position:left top; }
ul#TopMenu li#TM2 a{ background-position:-120px top; }
ul#TopMenu li#TM3 a{ background-position:-240px top; }
ul#TopMenu li#TM4 a{ background-position:-361px top; }
ul#TopMenu li#TM5 a{ background-position:-481px top; }
ul#TopMenu li#TM6 a{ background-position:-602px top; }
ul#TopMenu li#TM7 a{ background-position:-722px top; }
ul#TopMenu li#TM8 a{ background-position:right top; }
	
ul#TopMenu li#TM1 a:hover{ background-position:left bottom; }
ul#TopMenu li#TM2 a:hover{ background-position:-120px bottom; }
ul#TopMenu li#TM3 a:hover{ background-position:-240px bottom; }
ul#TopMenu li#TM4 a:hover{ background-position:-361px bottom; }
ul#TopMenu li#TM5 a:hover{ background-position:-481px bottom; }
ul#TopMenu li#TM6 a:hover{ background-position:-602px bottom; }
ul#TopMenu li#TM7 a:hover{ background-position:-722px bottom; }
ul#TopMenu li#TM8 a:hover{ background-position:right bottom; }


/*---ColumnLeft
-----------------------------------*/	


#ColumnBox #ColumnL #Search{
	color:#333333;
	}
#ColumnBox #ColumnL #Search td{
	padding-bottom:3px;
}
#ColumnBox #ColumnL ul#LBnA{
	padding:0;
	margin:0;
}
#ColumnBox #ColumnL ul#LBnA li{
	padding:0;
	margin:0;
	list-style:none;
	text-indent:-9999px;
}

#ColumnBox #ColumnL ul#LBnA li#BnBeer{
	width:226px;
	height:86px;
}
#ColumnBox #ColumnL ul#LBnA li#BnBeer a{
	width:226px;
	height:86px;
	display:block;
	background-image:url(../img/subpage/banner_beer.png);
	background-repeat:no-repeat;
}
#ColumnBox #ColumnL ul#LBnA li#BnPlan{
	width:226px;
	height:255px;
}
#ColumnBox #ColumnL ul#LBnA li#BnPlan a{
	width:226px;
	height:255px;
	display:block;
	background-image:url(../img/subpage/banner_recommend.png);
	background-repeat:no-repeat;
}
#ColumnBox #ColumnL ul#LBnA li#BnBlog{
	width:226px;
	height:86px;
}
#ColumnBox #ColumnL ul#LBnA li#BnBlog a{
	width:226px;
	height:86px;
	display:block;
	background-image:url(../img/subpage/banner_staff_blog.png);
	background-repeat:no-repeat;
}
#ColumnBox #ColumnL ul#LBnA li#BnSansui{
	width:226px;
	height:87px;
}
#ColumnBox #ColumnL ul#LBnA li#BnSansui a{
	width:226px;
	height:87px;
	display:block;
	background-image:url(../img/subpage/banner_sugoshikata.png);
	background-repeat:no-repeat;
}


/*---FOOTER Area
-----------------------------------*/
#FOOTERAREA{
	text-align:center;
	color:#FFFFFF;
	font-size:12px;
}	
#FOOTERAREA a{
	color:#FFF;
}

#FOOTERAREA #FootLogo{
	background-image:url(../img/footlogo.png);
	width:150px;
	height:72px;
	text-indent:-9999px;
	margin:0 auto 10px auto;
	}
#FOOTERAREA ul#BtmMenu{
	margin:0;
	padding:0;
	}
#FOOTERAREA ul#BtmMenu li{
	margin:0;
	padding:0;
	list-style:none;
	line-height:160%;
	}
#FOOTERAREA ul#BtmMenu li a{
	
}
#FOOTERAREA .Anc{
	font-size:10px;
	margin:0;
	padding:0;
	text-align:right;
	}

address{
	background:#000;
	color:#FFF;
	font-style:normal;
	text-align:center;
	}

	
	
/*---SEARCH FLAME
-----------------------------------*/	

#container{
	width:100px;
	}

	
	
	
/*imghack*/

/*---IMG HACK
-----------------------------------*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix{
	display:inline-block;
	}