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

html, body{
	line-height:140%;
	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;}
	
/*ヘッダー***********************************************************************/	

#hmline{
	float:left;
	overflow:hidden;
	background-image:url(../img/hmline.gif);
	width:951px; height:15px;
	margin:10px 0px 0px 0px;}	
 
#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;}

h2#header_main1 a{/*ヘッダーメインテーブル*/
	background-image:url(../img/header_main1.gif);
	width:317px; height:276px;}
h2#header_main1 a:hover{
	background-position:0px -276px;}
h2#header_main2 a{
	background-image:url(../img/header_main2.gif);
	width:317px; height:276px;}
h2#header_main2 a:hover{
	background-position:0px -276px;}
h2#header_main3 a{
	background-image:url(../img/header_main3.gif);
	width:317px; height:276px;}
h2#header_main3 a:hover{
	background-position:0px -276px;}
	
#header table{
	float:left;}
	
p.hmtext{
	background-position:0px 2px;
	background-image:url(../img/hmtext.gif);
	background-repeat:no-repeat;
	padding:0px 0px 0px 24px;
	margin:14px 14px 0px 14px;}
	
td.tdleft,td.tdmain,td.tdright{
	border-left:#3E5F8C dotted 1px;}
td.tdright{
	border-right:#3E5F8C dotted 1px;}
	
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;}
	
/*左***********************************************************************/	 
 
#leftcol{
	margin:10px 0px 0px 0px;
	width:316px; 
	float:left; 
	position:relative;}
	
#leftcol h3 a{
	background-image:url(../img/leftcol_h301.gif);
	width:311px; height:42px;}
#leftcol h3 a:hover{
	background-position:0px -42px;}

	#newsbg{
		background:#f4f4f4:
		width:311px;
		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);}

/************************************************************************/	 
 
#twocols{
	width:634px; 
	float:right; 
	position:relative;}
	
	
	#banner,
	#banner_02{
		margin:4px 0px 0px 2px;}
	
	#banner h2 a{
		background-image:url(../img/banner01.jpg);
		height:110px; width:631px;}
	#banner_02 h2 a{
		background-image:url(../img/banner03.png);
		height:110px; width:631px;}
	
#banner h2 a:hover{
	background-image:url(../img/banner02.jpg);
	height:110px; width:631px;}
 
/*メイン***********************************************************************/	 

#maincol{
	margin:10px 0px 0px 0px;
	float: left; 
	display:inline; 
	position: relative; 
	width:318px;}
	
#maincol h3.mc301 a{
	background-image:url(../img/maincol_h301.gif);
	width:315px; height:42px;}
#maincol h3.mc301 a:hover{
	background-position:0px -42px;}
	
#maincol table{
	margin:4px 0px 0px 0px;}
#maincol p{
	margin:0px 10px 0px 10px;}
	
#maincol h3.mc302 a{
	margin:7px 0px 0px 0px;
	background-image:url(../img/blog.gif);
	width:309px; height:110px;}
#maincol h3.mc302 a:hover{
	background-position:0px -110px;}

/*右***********************************************************************/	 

#rightcol{
	margin:10px 0px 0px 0px;
	width:316px; 
	float:right; 
	position:relative;}
	
#rightcol h3.rc301 a{
	background-image:url(../img/rightcol_h301.gif);
	width:315px; height:42px;}
#rightcol h3.rc301 a:hover{
	background-position:0px -42px;}
	
#rightcol table{
	margin:4px 0px 0px 0px;}
#rightcol p{
	margin:0px 10px 0px 10px;}
	
#rightcol h3.rc302 a{
	margin:6px 0px 0px 0px;
	background-image:url(../img/rightcol_h302.gif);
	width:315px; height:42px;}
#rightcol h3.rc302 a:hover{
	background-position:0px -42px;}
 
/*フッター***********************************************************************/	 

#footer{
	height:100px; 
	clear:both;} 
	
#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;
		margin:0 auto;
		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;}
}