@charset "euc-jp";
*{
	margin:0px;
	padding:0px;
	letter-spacing:0px;}

html, body{
	line-height:160%;
	background-image:url(../img/bg.jpg);
	background-repeat:repeat-x;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:13px;
	margin:0; 
	padding:0; 
	text-align:center;} 
 
#pagewidth{ 
	width:951px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;}
	
.roll{
	display:block;
	text-indent:-2000px;
	overflow:hidden;}
	
li{list-style:none;}

.linka{
	text-decoration:none;
	border-bottom-style:dotted;
	border-bottom:1px;}
.linka:hover{
	border-bottom-style:solid;}
	
/*ヘッダー***********************************************************************/	 
 
#header{
	position:relative; 
	height:100%; 
	width:100%;} 
		
#header_top{
	background-image:url(../img/header_top.gif);
	width:951px; height:95px;}	
#header_top a{
	width:270px; height:95px;}	
	
ul#header_menu{/*メニューボタン*/
	width:951px;}
ul#header_menu li{
	float:left;	
	height:69px;}
ul#header_menu li a{
	background-image:url(../img/header_menu.gif);
	background-repeat:no-repeat;
	height:69px;}
#menu1 a{
	width:232px;
	background-position:0px 0px;}
#menu2 a{
	width:169px;
	background-position:-232px 0px;}
#menu3 a{
	width:218px;
	background-position:-401px 0px;}
#menu4 a{
	width:188px;
	background-position:-619px 0px;}
#menu5 a{
	width:144px;
	background-position:-807px 0px;}
#menu1 a:hover{ background-position:-0px -69px;}
#menu2 a:hover{ background-position:-232px -69px;}
#menu3 a:hover{ background-position:-401px -69px;}
#menu4 a:hover{ background-position:-619px -69px;}
#menu5 a:hover{ background-position:-807px -69px;}

p.sarani{
	text-align:right;
	margin:0px 14px 0px 0px;}
	
p.sarani a{
	background-position:0px 2px;
	padding:0px 0px 0px 14px;
	background-image:url(../img/icon.gif);
	background-repeat:no-repeat;}
	
#hmline{
	font-size:12px;
	background-color:#f7f7f7;
	float:left;
	overflow:hidden;
	width:951px; height:30px;}	
#hmline p{
	margin:6px 0px 0px 35px;;}
		
			
/*左***********************************************************************/	 
 
#leftcol{
	padding:10px 0px 0px 20px;
	width:203px; 
	float:left; 
	position:relative;}
	
.leftcol_h301{/*サイドメニュー*/
	padding:5px 0px 0px 18px;
	color:#FFFFFF;
	font-size:13px;
	background-color:#1D416B;
	width:215px; height:26px;}
#newsbg{
	background-color:#f9f9f9;
	width:233px; height:100%;
	padding:14px 0px 0px 0px;}
#newsbg p{
	margin:0px 20px 14px 20px;}
#newsbg a{
	padding:0px 0px 0px 14px;
	background-position:0px 2px;
	background-image:url(../img/newsicon1.gif);
	background-repeat:no-repeat;}
#newsbg a:hover{
	background-image:url(../img/newsicon2.gif);}
	
.leftcol_h302 a{/*サイドバナー*/
	margin-top:10px;
	background-image:url(../img/common/leftcol_h302.gif);
	width:233px; height:131px;}
.leftcol_h302 a:hover{
	background-position:0px -131px;}
	
.leftcol_h303 a{
	margin-top:10px;
	background-image:url(../img/common/leftcol_h303.gif);
	width:233px; height:91px;}
.leftcol_h303 a:hover{
	background-position:0px -91px;}
	
.leftcol_h304{
	margin-top:10px;
	padding:5px 0px 0px 18px;
	color:#FFFFFF;
	font-size:13px;
	background-color:#285AA9;
	width:215px; height:26px;}
	
.leftcol_h305 a{
	margin-top:10px;
	background-image:url(../img/common/blog.gif);
	width:233px; height:83px;}
.leftcol_h305 a:hover{
	background-position:0px -83px;}
	
.leftcol_h306{
	margin-top:10px;
	background-image:url(../img/common/leftcol_h306.gif);
	width:233px; height:144px;
	display:block;
	text-indent:-2000px;
	overflow:hidden;}

.leftcol_h307 a{
	margin-top:10px;
	margin-bottom:20px;
	background-image:url(../img/common/leftcol_h307.gif);
	width:233px; height:35px;}
.leftcol_h307 a:hover{
	background-position:0px -35px;}

/************************************************************************/	 
 
#twocols{
	width:684px; 
	float:right; 
	position:relative;}
	
#topnavi{
	margin:40px 0px 20px 0px;
	text-align:right;}
#topnavi span{
	color:#285AA9;
	font-size:9px;}
 
/*フッター***********************************************************************/	 

#footer{
	height:100px; 
	clear:both;} 
	
#hmline2{
	float:left;
	overflow:hidden;
	background-image:url(../img/hmline.gif);
	width:951px; height:15px;
	margin:10px 0px 0px 0px;}	
	
#footer a{
	float:left;
	color:#000000;
	background-image:url(../img/footericon1.gif);
	background-repeat:no-repeat;
	padding:0px 0px 0px 11px;
	margin:20px 0px 0px 20px;
	background-position:0px 5px;}
#footer a:hover{
	background-image:url(../img/footericon2.gif);}
	
#footerlast{
	text-align:center;
	color:#FFFFFF;
	background-color:#4770AF;
	height:100%;}	
#footerlast_in{
	padding:14px 0px 14px 0px;
	width:951px;
	text-align:left;}
#footerlast_in	h4,#footerlast_in address{
	margin:0px 0px 0px 20px;
	font-size:13px;
	font-style:normal;}
#footerlast_in	h4 a{
	color:#FFFFFF;
	text-decoration:none;}
#footerlast_in address{
	float:left;} 
#footerlast_in p a{
	font-size:11px;
	margin:0px 0px 0px 14px;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#666666;
	background-image:url(../img/newsicon1.gif);
	background-repeat:no-repeat;
	padding:0px 8px 0px 18px;
	background-position:6px 4px;}
#footerlast_in p a:hover{
	background-color:#333333;}
p.copy{
	margin:20px 0px 10px 20px;}

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}