@charset "utf-8";
/* CSS Document */

/*
	=0 common
	=1 head
	=2 content
	=3 foot
*/


/*=0 common*/

/*=1 head*/
#head{
	position:relative;
	background-image:url(../img/head_bk.gif);
	width:890px;
	height:102px;
}
#head img{
	position:absolute;
	top:19px;
	left:24px;
}
#sub_title{
	background-image:url(../img/head_caps.gif);
	background-repeat:no-repeat;
	height:13px;
	width:183px;
	text-indent:-9999px;
	margin:0 0 0 225px;
	position:absolute;
	top:30px;
}
#gnav{
	background-image:url(../img/gnav.gif);
	background-repeat:no-repeat;
	width:657px;
	height:34px;
	padding-left:2px;
	margin-left:225px;
	position:absolute;
	top:58px;
}
#gnav li{
	width:131px;
	height:34px;
	float:left;
}
#gnav a{
	display:block;
	width:131px;
	height:34px;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
}

#gnav .bunei a:hover,#gnav .bunei a:focus{
	background-image:url(../img/gnav.gif);
	background-position:-2px -34px;
}
#gnav .epi a:hover,#gnav .epi a:focus{
	background-image:url(../img/gnav.gif);
	background-position:-133px -34px;
}
#gnav .zokan a:hover,#gnav .zokan a:focus{
	background-image:url(../img/gnav.gif);
	background-position:-264px -34px;
}
#gnav .tabi a:hover,#gnav .tabi a:focus{
	background-image:url(../img/gnav.gif);
	background-position:-395px -34px;
}
#gnav .blog a:hover,#gnav .blog a:focus{
	background-image:url(../img/gnav.gif);
	background-position:-526px -34px;
}
#comp_info{
	position:absolute;
	top:15px;
	right:20px;
	background-image:url(../img/hrad_subinfo.gif);
	width:127px;
	height:13px;
}
#comp_info li{
	float:left;
	width:60px;
	margin-right:6px;
}
#comp_info a{
	display:block;
	width:60px;
	height:13px;
	overflow:hidden;
	text-indent:-9999px;
}

#comp_info .last_f{margin-right:0;}

.company a:hover{
	background-image:url(../img/hrad_subinfo.gif);
	background-position:0 -13px;
}
.sitemap a:hover{
	background-image:url(../img/hrad_subinfo.gif);
	background-position:-66px -13px;
}

/* =2 content*/

#ttl{
	background-image:url(../img/head_img.gif);
	background-repeat:no-repeat;
	width:824px;
	height:117px;
	text-indent:-9999px;
	margin-bottom:20px;
}

.ent_ttl{
  width:560px;
	height:auto;
	border-bottom:#CDCDCD solid 2px;
	border-left:#CDCDCD solid 6px;
	padding:0;
}

.ent_ttl p{
	position:absolute;
	left:5px;
	top:0;
	width:49px;
	height:20px;
	background-image:url(../img/ken_name.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
  padding-left:70px;
	padding-top:3px;

}


.yamaguchi{background-position:0 0;}
.fukuoka{background-position:0 -23px;}
.saga{background-position:0 -46px;}
.nagasaki{background-position:0 -69px;}
.ooita{background-position:0 -92px;}
.kumamoto{background-position:0 -115px;}
.miyazaki{background-position:0 -138px;}
.kagoshima{background-position:0 -161px;}

.ent_str{
	line-height:1.5em;
	margin:15px 0 20px 0;
	padding-left:10px;
       position:relative;
}

.ent_ttl h3{
  padding-left:70px;
	padding-bottom:3px;
}

.gotodetail{
	background-image:url(../img/gotodetail.gif);
	background-repeat:no-repeat;
	width:100px;
	height:20px;
	display:block;
	text-indent:-9999px;
float:right;
margin:30px 0 30px;
}

.gotodetail:hover,.gotodetail:focus{background-position:0 -20px;}


#recent h2{
 width:180px;
height:20px;
 background-image:url(../img/sub_title02.gif);
 background-repeat:no-repeat;
margin-top:20px;
margin-bottom:10px;
text-indent:-9999px;
}

#recent li{
	margin-bottom:5px;
}
#recent a{
	display:block;
	padding:3px 0 3px 15px;
	background-image:url(../img/arrow.gif);
	background-repeat:no-repeat;
	background-position:0 9px;
	width:165px;
	font-size:0.85em;
}
#recent a:hover{
	background-color:#f0f0f0;
	text-decoration:none;
}
.gototop{
	background-image:url(../img/btn_gotop.gif);
	background-repeat:no-repeat;
	display:block;
	width:180px;
	height:25px;
	text-indent:-9999px;
}
.gototop:hover{
	background-position:-180px 0;
}


/* =3 foot*/
#foot{
	border-top:4px #23742e solid;
	margin-top:20px;
}



/* recent prefectural
------------------------------------------------*/
#prefectural h3{
 width:180px;
height:20px;
 background-image:url(../img/sub_title.gif);
 background-repeat:no-repeat;
 margin:25px 0 0 0;
text-indent:-9999px;
}
#prefectural ul{
 background-image:url(../img/btn_prefectural.gif);
 background-repeat:no-repeat;
 margin:0px 0 30px 0;
width:180px;
 }
#prefectural li{
 width:180px;
 height:25px;
 }
#prefectural a{
	text-indent:-9999px;
	display:block;
	width:180px;
	height:25px;
	overflow:hidden;
	outline:none;
}	
#prefectural .yamaguchi a:hover{
  background-image:url(../img/btn_prefectural.gif);
	background-repeat:no-repeat;
	background-position:-180px 0px;
	}
#prefectural .fukuoka a:hover{
  background-image:url(../img/btn_prefectural.gif);
	background-repeat:no-repeat;
	background-position:-180px -25px;
	}
#prefectural .saga a:hover{
  background-image:url(../img/btn_prefectural.gif);
	background-repeat:no-repeat;
	background-position:-180px -50px;
	}
#prefectural .nagasaki a:hover{
  background-image:url(../img/btn_prefectural.gif);
	background-repeat:no-repeat;
	background-position:-180px -75px;
	}
#prefectural .ooita a:hover{
  background-image:url(../img/btn_prefectural.gif);
	background-repeat:no-repeat;
	background-position:-180px -100px;
	}
#prefectural .kumamoto a:hover{
  background-image:url(../img/btn_prefectural.gif);
	background-repeat:no-repeat;
	background-position:-180px -125px;
	}
#prefectural .miyazaki a:hover{
  background-image:url(../img/btn_prefectural.gif);
	background-repeat:no-repeat;
	background-position:-180px -150px;
	}
#prefectural .kagoshima a:hover{
  background-image:url(../img/btn_prefectural.gif);
	background-repeat:no-repeat;
	background-position:-180px -175px;
	}