@charset "UTF-8";

/* ----------------------------------
Common layout 
---------------------------------- */

/* -- Header -- */

#header{
	width:960px;
	height:155px;
	margin: 0 auto;
	position: relative;
}

#header_l{
	width:104px;
	height:143px;
	margin:12px 0 0 0;	
	float:left;
}

#header_r{
	width:680px;
	margin:0 0 0 0;	
	float:right;
	font-size:9px;
	line-height:1.5em;
	letter-spacing:0.1em;
}

#header_r_top{
	height:20px;
	margin:20px 0 0 0;
	text-align:right;
}
#header_r_top ul{
    height:20px;
    list-style:none;
	float:right;  
}
#header_r_top ul li{
    height:20px;
    display:inline;
    float:left;
	overflow: hidden;
/*	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	font-size:12px;
	line-height:20px;
}
#header_r_top ul li a{
	color:#333;
	text-decoration:none;
}
#header_r_top ul li a:visited{
	color:#999;
	text-decoration:none;
}
#header_r_top ul li a:hover {
	color: #e60012;
	text-decoration:underline;
}

#header_r_btm{
	width:680px;
	height:24px;
	margin:85px 0 0 0;
}
#header_r_btm ul{
    height:24px;
    list-style:none;
	float:left;  
}
#header_r_btm ul li{
    height:24px;
    display:inline;
    float:left;
	overflow: hidden;
}


<!-------- ドロップダウンメニュー -------->
#menu-box{
	width:100%;
	height:24px;
	margin-top:85px;
	float:right;
}

#menu1{height:35px; position: absolute; margin-left:60px; margin-top:85px; width:86px;}
#menu2{height:35px; position: absolute; margin-left:180px; margin-top:85px; width:122px;}
#menu3{height:35px; position: absolute; margin-left:330px; margin-top:85px; width:124px;}
#menu4{height:35px; position: absolute; margin-left:480px; margin-top:85px; width:194px;}
.menuBody{width:100%; position: absolute; z-index:10; }
ul.nav{height:35px; overflow: hidden; font-size:12px; text-align: center; float: left;}
ul.nav li{height:35px; line-height:35px;}
ul.nav li:hover{ cursor: pointer; background-image:url(http://bairdbeer.com/en/common/img/common/menu-sankaku.png); background-repeat:no-repeat; background-position:20px bottom;}
.menuBody li{float: left;}
.menuBody .nav li{float: left;}
ul.nav li.submenu {width:200px; padding:0; border-bottom:solid 1px #ccc; text-align:center; background: #fff; color:#996; opacity: 0.95;}
ul.nav li.submenu a{color:#996; display:block;text-align:center;}



/* -- Footer -- */

#foot{
	width:100%;
    height:624px;
	z-index:9999;
	bottom: 0px;
	position:relative;
}

#foot_cont{
	width:100%;
    height:597px;
	background-image:url(../img/common/foot_img.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}

#foot_cont_inner{
	width:960px;
	margin: 0 auto;
}

#foot_cont_inner_nav{
	width:960px;
	padding:30px 0 0 0;
}
#foot_cont_inner_nav ul{
    height:200px;
    list-style:none;
	float:left;  
}
#foot_cont_inner_nav ul li{
    height:200px;
    display:inline;
    float:left;
	overflow: hidden;
}

#foot_nav1, #foot_nav2, #foot_nav3, #foot_nav4, #foot_nav5, #foot_nav6{
    height:24px;
	overflow: hidden;
}

#foot_cont_inner_nav_box{
	background:url(../img/common/foot_nav_line.png) repeat-y;
	margin:10px 0 0 2px;
	padding:0 0 0 20px;
}

#foot_cont_inner_nav_txt{
	color:#FFF;
	font-size:11px;
	line-height:2.6em;
	letter-spacing:0.15em;
}

#foot_cont_inner_nav_txt a{
	color:#fff;
	text-decoration:none;
}
#foot_cont_inner_nav_txt a:visited{
	color:#ccc;
	text-decoration:none;
}
#foot_cont_inner_nav_txt a:hover {
	color: #e60012;
	text-decoration:underline;
}


#foot_cont_inner_link{
	width:960px;
}

#foot_cont_inner_link_l{
	width:127px;
    height:177px;
	float:left;
	margin:15px 0 0 0;
}

#foot_cont_inner_link_r{
	width:768px;
	float:right;
}

#foot_cont_inner_link_r_sns{
	width:768px;
	height:44px;
	text-align:right;
}

#foot_cont_inner_link_r_bnr{
	width:768px;
	height:97px;
}

#foot_cont_inner_link_r_bnr ul{
	height:97px;
	float:left;
    list-style:none;
}
#foot_cont_inner_link_r_bnr ul li{
	display:inline;
    float:left;
}


#foot_copyright{
	width:100%;
	height:27px;
	text-align:center;
	color:#FFF;
	font-size:9px;
/*	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	line-height:25px;
	letter-spacing:0.15em;
	background-color:#322520;
}


/*-----------------------------------
	General Class
-----------------------------------*/

.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center; margin: auto;
}
.middle {
	vertical-align: middle;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clear {
	clear: both;
}
.none {
	display: none;
}
.block {
	display: block;
}
.red {
	color:#e60012;
}
.bold {
	font-weight: bold;
}
.bold2 {
	font-weight: bold;
	font-size:102%;
}
.bold_s {
	font-weight: bold;
	font-size:80%;
}
.big01 {
	font-size:150%;
	line-height:120%;
}
.help {
	cursor: help;
}
.caption {
	font-weight: bold;
	color: #e36816;	
}
.cap {
	font-size: small;
	color: #666666;
	margin: 15px 0px 0px;
}
.small {
	font-size: 0.8em;
}
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt14 {
	margin-top: 14px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt25 {
	margin-top: 25px;
}
.mt30 {
	margin-top: 30px;
}
.mt35 {
	margin-top: 35px;
}
.mt40 {
	margin-top: 40px;
}
.mt45 {
	margin-top: 45px;
}
.mt50 {
	margin-top: 50px;
}
.mt60 {
	margin-top: 60px;
}
.mt70 {
	margin-top: 70px;
}
.mt80 {
	margin-top: 80px;
}
.mt90 {
	margin-top: 90px;
}
.mt100 {
	margin-top: 100px;
}
.mt110 {
	margin-top: 110px;
}
.mt120 {
	margin-top: 120px;
}
.mb2 {
	margin-bottom: 2px;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb35 {
	margin-bottom: 35px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb45 {
	margin-bottom: 45px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb60 {
	margin-bottom: 60px;
}
.mb80 {
	margin-bottom: 80px;
}
.mr10 {
	margin-right: 10px;
}
.mr20 {
	margin-right: 20px;
}
.mr21 {
	margin-right: 21px;
}
.mr30 {
	margin-right: 30px;
}
.ml6 {
	margin-left: 6px;
}
.ml15 {
	margin-left: 15px;
}
.ml18 {
	margin-left: 18px;
}
.ml21 {
	margin-left: 21px;
}
.ml22 {
	margin-left: 22px;
}
.ml24 {
	margin-left: 24px;
}
.ml25 {
	margin-left: 25px;
}
.ml30 {
	margin-left: 30px;
}
.ml34 {
	margin-left: 34px;
}
.ml35 {
	margin-left: 35px;
}
.pr30 {
	padding-right: 30px;	
}
.pl21 {
	padding-left: 21px;	
}
.pl22 {
	padding-left: 22px;	
}
.pl30 {
	padding-left: 30px;	
}
.pt5 {
	padding-top: 5px;	
}
.pt10 {
	padding-top: 10px;	
}
.pt20 {
	padding-top: 20px;	
}
.pt24 {
	padding-top: 24px;	
}
.pt30 {
	padding-top: 30px;	
}
.pt40 {
	padding-top: 40px;	
}
.pt50 {
	padding-top: 50px;	
}
.pt55 {
	padding-top: 55px;	
}
.pt60 {
	padding-top: 60px;	
}
.pt70 {
	padding-top: 70px;	
}
.pt80 {
	padding-top: 80px;	
}
.pt100 {
	padding-top: 100px;	
}
.pt120 {
	padding-top: 120px;	
}
.pt130 {
	padding-top: 130px;	
}
.pt150 {
	padding-top: 150px;	
}
.pt170 {
	padding-top: 170px;	
}
.pt200 {
	padding-top: 200px;	
}
.pb2 {
	padding-bottom: 2px;	
}
.pb5 {
	padding-bottom: 5px;	
}
.pb10 {
	padding-bottom: 10px;	
}
.pb24 {
	padding-bottom: 24px;	
}
.pb60 {
	padding-bottom: 60px;	
}
.pb80 {
	padding-bottom: 80px;	
}
.blank20{
	clear:both;
	height:20px;
}