@charset "utf-8";


/*---------------------------------------------
 Index
---------------------------------------------*/

.flash {
	text-align: center;
	width:880px;
	height:270px;
	overflow:visible;

}

.index_office {
	background: #685B52;
	padding: 10px 0 10px 15px;
}

.index_office ul {
	margin-top: 10px;
}

.index_office ul li {
	float: left;
	margin-right: 10px;
}

.index_con {
	margin-top: 25px;
}

.index_con .con_l {
	width: 220px;
	float: left;
}

.index_con .con_r {
	width: 630px;
	float: right;
}


/*********************************************************************************
トップページリニューアル2014*/
.index_con01 {
	margin-top: 15px;/*25px*/
	padding-bottom: 20px;
}

.index_con01 .con_l {
	width: 630px;
	float: left;
}

.index_con01 .con_r {
	width: 220px;
	float: right;
}


/******************************************************************************
トップページリニューアル2014*/

.press01 {
	width: 630px;
	height: 34px;
	background: url(../img/h_pressrelease.jpg) no-repeat 0 0;
	line-height: 34px;
	margin: 0 0 10px 0;
}
.new01 {
	width: 630px;
	height: 34px;
	background: url(../img/h_new.jpg) no-repeat 0 0;
	line-height: 34px;
	margin: 30px 0 10px 0;
}


.press01 p,.new01 p {
	float: right;
}

.press01 .rss, .new01 .rss {
	/*background: url(../img/rss.gif) 0 2px no-repeat;*/
	padding-top: 10px;
	padding-left: 0px;
	margin-left: 24px;
	margin-right: 14px;
}
.press01 .listpage, .new01 .listpage {
	padding-top: 9px;
}


table.press_list01, table.new_list01 {
	width: 630px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #999;
	border-collapse: collapse;
	border-spacing: 0;
}
table.press_list01 th, table.new_list01 th {
	width:105px;
	padding: 10px 10px 11px 0;
	border-bottom: 1px dotted #999;
	vertical-align: top;
}
table.press_list01 td.press_day, table.new_list01 td.new_day {
	width:60px;
	padding: 12px 10px 11px 0;
	border-bottom: 1px dotted #999;
	vertical-align: top;
}
table.press_list01 td.press_text, table.new_list01 td.new_text {
	padding: 10px 0 11px 0;
	border-bottom: 1px dotted #999;
	vertical-align: top;
}

table.press_list01 .add_icon, table.new_list01 .add_icon {
	width: 100px;
	height: 13px;
	padding: 2px 0 2px 0; 
}


















/*********************************************************************************
トップページリニューアル2018*/
.index_con11 {
	margin-top: 15px;/*25px*/
	padding-bottom: 20px;
}

.index_con11 .con_l {
	width: 516px;
	float: left;
    padding-right: 10px;
    border-right: 1px solid #ddd;
}

.index_con11 .con_r {
	width: 344px;
	float: right;
    
}

/******************************************************************************
トップページリニューアル2018*/
/*不要↓*/
.news11 {
	width: 516px;
	height: 34px;
	background: url(/top/img/h_news.png) no-repeat 0 0;
	line-height: 34px;
	margin: 0 0 10px 0;
}


.news11 p {
	float: right;
}

.news11 .rss {
	/*background: url(../img/rss.gif) 0 2px no-repeat;*/
	padding-top: 10px;
	padding-left: 0px;
	margin-left: 24px;
	margin-right: 14px;
}
.news11 .listpage {
	padding-top: 9px;
	padding-right: 5px;
}
/*不要↑*/

.list_box {
    margin: -74px 0 6px 380px; 
    padding: 6px 0; 
    font-size: 90%; 
    /*border-top: 1px solid #ccc; 
    border-bottom: 1px solid #ccc; */
    width:12em;
    
}
.list_rss {
    line-height: 1.9em;
    margin: 0 8px 3px 0;
    float: right;
}
.list_more {
    line-height: 1.9em;
    /*float: right;*/
}
.list_more:before {
    content: url(/top/img/arrow01.png);
    margin: 4px 4px 0 1em;
    position: relative;
    top: 1px;
}


h3.top_til {
    font-size: 24px; 
    font-weight: bold; 
    margin: 4px 0 0; 
    padding: 10px 0 0;
    text-align: center;
}


h3.top_til span {
    border-bottom: 1px solid #999; 
    padding-bottom: 20px;
}

h3+.top_til_sub {
    font-size: 12px; 
    margin: 0 0 18px; 
    text-align: center;
}


.news_list01 {
	width: 516px;
	border-bottom: 1px dotted #999; 
    margin: 8px 0;
}

.news_list01_day {
    margin: 1px; 
    line-height: 1.5em;
}
.news_list01_day img {
    margin: 2px 0 0 1em; 
}
.news_list01_cont {
    margin: 6px 0 6px 3em; 
    line-height: 1.5em;
}





/***************　横4分割　箇条　*****************/
.box_h00c {
    display:table; 
    table-layout: fixed;
}
.box_h01c, .box_h02c, .box_h03c {
    display:table-cell;
    float: left; 
    border: 1px solid #ccc; 
    margin-right: 8px; 
    width:212px; 
    height: 100%;
}
.box_h04c {
    display:table-cell;
    float: left; 
    border: 1px solid #ccc; 
    margin-right: 0; 
    width:212px; 
    height: 100%;
}

.box_h01c ul, .box_h02c ul, .box_h03c ul, .box_h04c ul {
    list-style-position: outside; 
    padding: 0.5em 0.5em 0.5em 2em;
}
.box_h01c ul li, .box_h02c ul li, .box_h03c ul li, .box_h04c ul li {
    line-height: 1.5; 
    list-style-type: square; 
    padding: 3px 0;
}



/*不要↓*/
table.news_list11 {
	width: 516px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #999;
	border-collapse: collapse;
	border-spacing: 0;
}
table.news_list11 th {
	width:105px;
	padding: 10px 10px 11px 0;
	border-bottom: 1px dotted #999;
	vertical-align: top;
}
table.news_list11 td.news_day {
	width:60px;
	padding: 11px 10px 11px 0;
	border-bottom: 1px dotted #999;
	vertical-align: top;
}
table.news_list11 td.news_text {
	padding: 11px 0 11px 0;
	border-bottom: 1px dotted #999;
	vertical-align: top;
}

table.news_list11 .add_icon {
	width: 100px;
	height: 13px;
	padding: 2px 0 2px 0; 
}
/*不要↑*/


































/*******************************
.link-color-01 リンク：グレイ色
*******************************/

.link-color-01 td a:link {
	color: #444;
	text-decoration:none;
	line-height:1.5em;
}
.link-color-01 td a:visited {
	color: #444;
	text-decoration:none;
}
.link-color-01 td a:hover, .link-color-01 td a:active{
	color: #888;
	text-decoration: none;
	border-bottom: 1px solid #888;
	padding-bottom: 1px;
}



/*******************************
 先頭PDFアイコン用
*******************************/
#ContentsArea div.pdf-icon01, 
#ContentsArea div.none-icon01{
	padding:2px 0 0 2em;
}
#ContentsArea div.pdf-icon01:before {/*PDFアイコン表示*/
	margin-left: -1.1em;
	content: url(/common/img/pdf-icon01.png) ;
	position: relative;
	top: 2px;
	left: -6px;
}
#ContentsArea div.none-icon01:before {/*PDFアイコン表示のないタイプ*/
	margin-left: -1.1em;
	position: relative;
	top: 2px;
	left: -6px;
}

/******************************************************************************
*/







/******************************************************************************
トップページリニューアル2014*/
/*---------------------------------------------
トップページ　バナー　横4バナー用（バナー横サイズ210px）
---------------------------------------------*/
.banner_list01 {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 8px;
}

.banner_list01 li {
	float: left;
	margin-right: 8px;
}
.banner_list01 li.mr_0 {
	margin-right: 0px;
}
.banner_list01 li.li_clear {
	 clear:left;
	 margin-top: 10px;
}
/*---------------------------------------------
トップページ　バナー　横5バナー用（バナー横サイズ166px）
---------------------------------------------*/
.banner_list02 {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 10px;
}

.banner_list02 li {
	float: left;
	margin-right: 8px;
}
.banner_list02 li.mr_0 {
	margin-right: 0px;
}
.banner_list02 li.li_clear {
	 clear:left;
	 margin-top: 10px;
}
/*---------------------------------------------
トップページ　バナー　横4バナー用（バナー横サイズ200px）
---------------------------------------------*/
.banner_list03 {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 10px;
}

.banner_list03 li {
	float: left;
	margin-right: 20px;
	margin-top: 6px;
}
.banner_list03 li.mr_0 {
	margin-right: 0px;
	margin-top: 6px;
}
.banner_list03 li.li_clear {
	 clear:left;
	 margin-top: 6px;
}
/*---------------------------------------------
トップページ　バナー　横4バナー用（バナー横サイズ214px）
---------------------------------------------*/
.banner_list04 {
	margin-top: 20px;
	margin-bottom: 20px;
	/*padding-left: 8px;*/
}

.banner_list04 li {
	float: left;
	margin-right: 8px;
	margin-top: 6px;
}
.banner_list04 li.mr_0 {
	margin-right: 0px;
	margin-top: 6px;
}
.banner_list04 li.li_clear {
	 clear:left;
	 margin-top: 6px;
}
/******************************************************************************
*/

/*---------------------------------------------
トップページ　バナー　横3バナー用（バナー横サイズ288px）
---------------------------------------------*/
.banner_list05 {
    width: 880px;
	margin-top: 20px;
	margin-bottom: 20px;
	/*padding-left: 8px;*/
}
.banner_list05 li {
	float: left;
	margin-top: 6px;
}
.banner_list05 li:not(:nth-child(3n)) {
	margin-right: 8px;
}
.banner_list05 li.li_clear {
	 clear:left;
	 margin-top: 6px;
}


.mt_10 {
	margin-top: 10px;
}

.earthquake {
	text-align: center;
	padding: 5px 0;
	border: #000000 1px solid;
	margin: 5px 0px;
}
.kankyo_bousai {
	text-align: center;
	padding: 5px 0;
	margin: 5px 0px;
}
#flashContent { display:none; }




/******************************************************************************
トップページリニューアル2014*/
/*---------------------------------------------
 Index mainnavi_photo_slide
---------------------------------------------*/

		#slide {
			width: 880px;
			height: 360px;
			position: relative;
			margin: 0 auto;
			border: 1px solid #ddd;
		}
		
		#slide #list li {
			position: absolute;
			top: 0;
			left: 0;
		}
		
		#slide #navi {
			position: absolute;
			bottom: 7px;/*-40px*/
			left: 382px; /*6画像の時：*/
			/*7left: 364px; 画像の時：*/
			/*left: 341px; 9画像のとき*/
			/*left: 352px;8画像のとき*/
			font-size: 1px;
		}
		
		#slide #navi li {
			float: left;
			margin-right: 10px;
		}
/***ページャー：■（●）version ***/
		#slide #navi li a {
			display: block;
			overflow: hidden;
			background: url(/top/img/pager_btn.gif) no-repeat;
			width: 14px;
			height: 14px;
			text-indent: -9999px;
		}
		
		#slide #navi:after	{ height:0;	visibility: hidden;	content: ".";	display: block;	clear: both; }
		#slide #navi li,
		#slide #navi li a.current,
		#slide #navi li a:hover  {
		background: url(/top/img/pager_btn_on.gif) no-repeat;
		}


.top-announce {
    border:1px solid #999; 
    margin-top:10px; 
    padding: 10px 0px; 
    text-align: center; 
    line-height:1.8em
}