@charset "utf-8";



/* 【トップページ設定】---------------------------------

   ■1.レイアウト
   ■2.インフォメーション
   ■3.バナーエリア
   ■4.コンテンツ一覧
   ■5.フッター

-------------------------------------------------------- */


/* ■1.レイアウト
---------------------------------------------------- */

#kj_top{
	background-image: url(../images/top/header_bg.jpg);
	background-repeat: repeat-x;
	background-position:top center;
}


#kj_top_upper {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	height: 538px;
}



#mainlayout{
	width:950px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}



#top_ml{
	width:465px;
	float:left;
}

#top_mr{
	width:465px;
	float:right;
}



.top_if{
	width:463px;float: left;
}

.top_se{
	width:380px;float: left;margin-left: 20px;
}



.top_hb{
	height: 375px;float: right;width: 80px;
}



/*ヘッダー*/

#top_head{
	width:950px;
	height:106px;
	background-repeat:repeat-x;
	background-image: url(../images/header_bg.gif);
	border-bottom: solid 3px #164f3e;
	position:absolute;
	z-index: 9999;
}

#top_mg {
	width:950px;
	height:428px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	position:absolute;
	z-index: 1;
	top: 110px;
	background-image: url(../images/top/mv_bg.jpg);
	background-repeat: no-repeat;
}




#top_mv_new {
	position:absolute;
	left: 300px; 
	top: 65px;
	}



#info_sp {
	position: absolute;
	right: 0px;
	z-index: 10;
}

#top_bn_large{
	
margin-left: auto;margin-right: auto;width:950px;height: 100px;margin-top: 15px;margin-bottom: 15px
	
}

/* ヘッダー文字サイズ*/

#navimoji_box{
	width:197px;
	height:23px;
	position: absolute;
	left: 730px;
}

#navimoji_box img{
	float:left
	}

#gcse_set{
	position:absolute;
	left: 643px;
	top: 32px;
	width: 284px;
	height: 36px;
	font-size: 12px;
	vertical-align: top;
	background-image: url(../images/search_bg.gif);
}

#gcse{
	position:relative;
}


#gcse_ip{
	width:120px;
	position: absolute;
	left: 88px;
	top: 8px;
}

#gcse_btn{
	position: absolute;
	left: 238px;
	top: 8px;
}







/* ■2.インフォメーション
---------------------------------------------------- */

#top_info{
	width:444px;
	background-color: #fff;
}


.top_info_box{
	width: 463px;
	line-height: 130%;
	padding: 10px 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	overflow: auto;
	height: 320px;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	scrollbar-width: thin;
	scrollbar-color: #ccc #eee;
	}
	
	
.top_info_box dl{
	width:95%;
	clear:both;
	margin-left: auto;
	margin-right: auto;
	}
	
	
.top_info_box dt{
	clear:left;
	width:150px;
	padding: 3px 0px 0px 17px;
	background-image: url(../images/top/info_list.gif);
	background-repeat: repeat-y;
	}
	
	
	
.top_info_box dd{
	padding: 0px 5px 8px 17px;
	background-repeat: repeat-y;
	margin-bottom: 7px;
	border-bottom: dotted 1px #ccc;
	background-repeat: repeat-y;
	background-image: url(../images/top/info_list.gif);
	background-position: left top;
	
	}
	
	
	
.top_semi_box{
	width: 380px;
	line-height: 130%;
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	overflow: auto;
	height: 320px;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	scrollbar-width: thin;
	scrollbar-color: #ccc #eee;
}	


	
.top_semi_box li{
	background-image: url(../images/top/semi_list.gif);
	background-repeat: no-repeat;
	padding:2px 10px 5px 22px;
	border-bottom: dotted 1px #ccc;
	margin-bottom:7px;
	line-height: 150%;
	margin-left: auto;
	margin-right: auto;
	list-style-type: none;
	}
	
.top_info_box dd img{
	margin:0px 7px;
	}




.top_semi_box img{
	margin:0px 0px 3px 4px;
	vertical-align:middle;
	}


.top_semi_box a + img {
  margin-left: 12px!important;
}



/* ■3.バナーエリア
---------------------------------------------------- */

#top_bn_middle{
	width: 934px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/top/bn_l_bg.gif);
	background-position: bottom;
	height: 150px;
	text-align: center;
	padding: 13px 0px 0px 16px;
	border-top: solid 1px #ddd;
}


#top_bn_middle li{
	list-style-type:none;
	float:left;
	width:218px;
	height:136px;
	margin-right:15px;

}
















/*
#top_fourseason{
	width:485px;
	background-color: #f8f8f8;
	border-left: solid 5px #b12741;
	border-right: solid 5px #b12741;
	border-bottom: solid 5px #b12741;
	margin-bottom: 11px;
	position: relative;
}

#top_kaiinbox{
	background-color: #f8f8f8;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	padding: 10px 8px;
}
*/



/* ■4.コンテンツ一覧
---------------------------------------------------- */

#top_contents_title{
	clear:both;
	text-align: center;
	height: 25px;
	background-image: url(../images/top/contents_title_bg.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}


#top_contents_bg{
	background-color:#f9f9f9;
	border-bottom: 1px solid #ddd;
}


#top_contents_box{
	margin-left: auto;
	margin-right: auto;
	width:950px;
	padding-top: 13px;
}


#top_contents_box div{
	float:left;
	border-left:solid 1px #ddd;
}

#top_contents_box ul{
	margin-bottom:15px;
	margin-right: 10px;
}

#top_contents_box li{
	margin-left:5px;
	margin-bottom:7px;
	background-image: url(../images/top/contents_list.gif);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	list-style-type: none;
	padding-left: 12px;
}


.tcb01{
	width:158px;
	margin-bottom:10px;
	}

.tcb02{
	width:157px;
	margin-bottom:10px;
	}	




#top_contents_box hr{
	width: 950px;
	clear: both;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #ddd;
	height: 1px;
	margin-bottom:10px;
	margin-left: auto;
	margin-right: auto;
}





#top_etc_box{
	margin-left: auto;
	margin-right: auto;
	width:950px;
	padding-bottom: 15px;
}


#teb01{
	width:650px;
	float:left;
	padding-top: 12px;
	}

#teb02{
	width:300px;
	float:right;
	padding-top: 0px;
	text-align: right;
	}




#mailbox{
	width:950px;
	margin-left: auto;
	margin-right: auto;
	height: 55px;
	margin-bottom: 5px;
	margin-top: -10px;
}
#mailmaga{
	height: 50px;
	width: 411px;
}
#mailmaga a:hover img{
	filter:alpha(opacity=80); 
   -moz-opacity:0.80; 
   opacity:0.80;
	}




/* ■5.フッター
---------------------------------------------------- */

#footer_bg{
	background-image:url(../images/footer_bg.gif);
	background-repeat: repeat-x;
}

#footer_bg_nolink{
	background-image:url(../images/footer_bg_nolink.gif);
	background-repeat: repeat-x;
}

#footer_area{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	height: 103px;
	position: relative;
	background-image: url(../images/footer_h.gif);
}


#footer_cp{
	font-size: 10px;
	line-height: 120%;
	width: 410px;
	height: 67px;
	position: absolute;
	top: 2px;
	left: 4px;
	padding-left: 60px;
	background-image: url(../images/footer_logo.gif);
	background-repeat: no-repeat;
	background-position: 7px 10px;
}

#footer_pu{
	width: 108px;
	height: 26px;
	position: absolute;
	top: 2px;
	left: 842px;
}


#footer_link{
	width: 950px;
	height: 37px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}


#footer_link ul{
	margin-left:420px;
	padding: 0px;
}



#footer_link li{
	float:left;
	list-style-type: none;
	height: 35px;
	margin-right: 1px;
}



/* 【災害HP非表示:一般サイト】--------------------------------- */


#ippan_saigai{
	display:none;
	}