/* CSS Document */
body,div,h1,h2,h3,h4,span,li,ul,p.table,tr,td{margin: 0;padding: 0;	}
body{
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #666;
	font-size:12px;
	background:#FFF;
}
ul,li{list-style: none;}
h1, h2, h3, h4, h5, h6, p,th{font-size:12px;font-weight:normal;}
a img { border:none;}img{ border:none;}
a {overflow: hidden;outline: none;}
a:link {color:#009AE1;text-decoration:none;}
a:visited {color:#009AE1;text-decoration:none;}
a:hover{color:#009AE1;text-decoration:underline;}
a:active, a:focus {color:#009AE1;}
a.txtblack{color:#333;}
a.txtblack:hover{text-decoration:underline;}
.txtred{color:#fd0000;}
.pb10{paddign-bottom:10px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.ptb10{padding:10px 0;}
.ptb5{padding:5px 0;}
.fs12{font-size:12px;}
.bld{font-weight:bold;}
input{font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*-- header --*/
#header{
	background:#FFF url(../img/head_bg.jpg) repeat-x;
	height:118px;
	width:100%;
}
#header .header_inner{
	width:900px;
	margin:auto;
	position:relative;
} 
#header h1{
	width:259px;
	height:110px;
	position:absolute;
	left:22px;top:0;
	} 
.lead{
	position: absolute;
	width: 613px;
	height: 20px;
	left: 270px;
	top: 2px;
	text-align:right;
	font-size:11px;
	color:#FFF;
}
.sns_links{
	position: absolute;
	width: 408px;
	height: 25px;
	left: 480px;
	top: 25px;
	font-size:11px;
	text-align:right;
}
.sns_links .facebook{
	padding-left:5px;
	float:right;
}
.sns_links .twitter{
	padding-left:5px;
	float:right;
}
#seachArea{
	overflow:hidden;
	position: absolute;
	width: 613px;
	height: 51px;
	background: url(../img/seatchArea_bg.jpg) no-repeat;
	left: 283px;
	top: 60px;
	vertical-align:top;
}
.searchbtn{
	float:left;
	margin-top:10px;
	display:block;
	height:30px;
	width:70px;
	padding-left:10px;
}
.searchinputarea{
	float:left;
	display:block;
	margin-top:11px;
	width:522px;
}
.searchinputarea input{
	width:244px;
	padding:3px;
}

/*-- navi -------------------------*/
#navi{
	background:#009BE2 url(../img/navibg.jpg) top repeat-x;
	height:57px;
	width:100%;	
}
#navi ul{
	position:relative;
	width:900px;
	margin:0 auto;
	height:54px;
	}
#navi li{float: left;zoom:1;}
#navi li a.nav1{
	display:block;
	background:url(../img/navi.png) left top no-repeat;
	width:273px;
	height:54px;
}
#navi li a.nav2{
	display:block;
	background:url(../img/navi.png) -273px top no-repeat;
	width:213px;
	height:54px;
}
#navi li a.nav3{
	display:block;
	background:url(../img/navi.png) -486px top no-repeat;
	width:177px;
	height:54px;
}
#navi li a.nav4{
	display:block;
	background:url(../img/navi.png) -663px top no-repeat;
	width:237px;
	height:54px;
}
#navi li a.nav1:hover{
	background:url(../img/navi.png) left top no-repeat;
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}
#navi li a.nav2:hover{
	background:url(../img/navi.png) -273px top no-repeat;
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}
#navi li a.nav3:hover{
	background:url(../img/navi.png) -486px top no-repeat;
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}
#navi li a.nav4:hover{
	background:url(../img/navi.png) -663px top no-repeat;
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}
#navi ul li span{display:none;}

/*-------------------------------*/
#mainbg{
	background:#009BE2 url(../img/main_bg.jpg) top repeat-x;
	width:100%;	
}
#wrapper{
	width: 849px;
	margin: 0 auto;
	overflow: hidden;
	padding:17px 0 0 0;
}
#side{
	float:left;
	width:260px;
	/*line-height:1.0;*/
}
#main{
	width:570px;
	float:right;
}

#main2{
	width: 849px;
	margin:0 auto;
	padding:17px 0 0 0;
}
#main2 h2{
	margin:0 0 10px;	
}
/*---------------------------*/

#pickup{
	background:#FFF;
	position:relative;
	width:250px;
-moz-box-shadow:1px 1px 2px rgba(51,51,51,0.3);
-webkit-box-shadow:1px 1px 2px rgba(51,51,51,0.3);
box-shadow:1px 1px 2px rgba(51,51,51,0.3);
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
behavior: url(common/js/PIE.htc);
}
#pickup h2{
	position:relative;
	height:27px;
	padding-top:18px;
	background:#FFF url(../img/pickup_h2_bg.jpg) repeat-x;
border-radius:10px 10px 0 0;
-moz-border-radius:10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0;

behavior: url(common/js/PIE.htc);
}
#pickup ul.pick_bg{
	width:250px;
	background:url(../img/pick_ul_bg.jpg) repeat-x;
	padding-bottom:80px;
}
#pickup li{
	padding:11px 20px 10px;
	line-height:1.4em;
	background:url(../img/pickup_line.gif) 16px bottom no-repeat;
	text-align:center;
	margin:0 auto;
}
#pickup .aName{
	display:block;
	width:100%;
	text-align:left;
	font-size:15px;	
	font-weight:bold;
	color:#666666;
}
#pickup .awhere{
	display:block;
	width:100%;
	text-align:left;
	color:#009AE1;
}
#main h3{
	
}

/* ========FOOTER ======== */
#totop{
	margin:30px auto 16px;
	width:800px;
	text-align:right;
}
#totop a{
	margin-left:auto;
	width:100px;
	height:20px;
	color:#FFF;
	font-size:10px;
}
#totop a:hover{
	background:url(../img/totop.png) left -20px no-repeat;	
}
#totop a span{display:none;}
#footer{	
	background:url(../img/footer_bg.jpg) repeat-x;
	width:100%;
	height:21px;
	font-size:10px;
	text-align:center;
	padding-top:5px;
	color#666;
}

/* ============= */


.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */