@charset "shift_jis";

/*-----------------------------------トップページ*/
#index .pagetop { display: none; }

#mainNavBox {width: 780px; height: 30px; position: relative; padding-bottom: 0px; background: none;}
#mainNav { width:781px; height: 30px; position: absolute; bottom: 0px; left: 0px; } 
#mainNav li { float: left; padding: 0; display: block; }
#mainNav a { display: block; }
#mainNav ul { position: absolute; visibility: hidden; z-index: 9; }
* html #mainNav ul { line-height: 0; } /* IE6 "fix" */
#mainNav ul a { zoom: 1; } /* IE6/7 fix */
#mainNav ul li { float: none; }
#mainNav ul ul { top: 0; }

/* Essentials - configure this */
#mainNav ul { width: 130px; }

/* Everything else is theming */
#mainNav ul,
#mainNav ul a  { filter: alpha(opacity=95); -moz-opacity:0.95; opacity:0.95;}
#mainNav *:hover { background-color: none; }
#mainNav ul { top: 30px; background: #f3f3f3; border-bottom: 1px solid #ccc;}
#mainNav ul li { padding: 0;}
#mainNav ul li a { border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-top: 1px solid #ccc; background: #f3f3f3; color: #5e5e5e; display: block; text-align: center; padding: 2px 0; width: 128px; text-decoration: none; }
#mainNav ul a:hover { background: #00a0c6; color: #fff; text-decoration:none; }

#flash { }
/*-----------------------------------メイン枠*/
#topmain {
	width:760px;
	margin: 10px 0 0 10px;
}
/*-----------------------------------ナビゲーション上段*/
#topNavBox {
	width: 760px;
	margin-bottom: 10px;
	background:url(top_img/back.jpg) repeat-y ;
}
#topNavBox ul {
	margin: 0px 0 10px 20px;
}
#topNavBox li {
	list-style-image: url(common/img/icn.gif);
	margin-bottom: 7px;
	line-height: 1.0;
}
#topNavBox li a{
	color: #333;
}
#topAboutBox {
	width: 370px;
	float:left;
}
#topAboutBox h2{
	width: 370px;
	padding: 6px 0 0 0;
	margin-bottom: 5px;
	color: #00a0c6;
	font-weight: bold;
	background: url(top_img/titlebar01.gif) no-repeat top left;
}
#topAboutBox h2 span {
	display:block;
	padding: 0 3px 9px 20px;
	background:url(top_img/titlebar01_btm.gif) repeat-x left bottom;
}

#topAboutBox h3 a{
	width: 158px;
	border: 1px solid #c0c0c0;
	padding: 4px 0 3px 15px;
	background: url(top_img/arrow.gif) no-repeat top left;
	margin-bottom: 10px;
	color: #666;
	display: block;
	font-weight: bold;
}
#topAboutBox h3 a:hover{
	background: url(top_img/arrow_o.gif) no-repeat top left;
	text-decoration: none;
}
#topAboutBox01{
	width: 175px;
	float:left;
}
#topAboutBox02{
	width: 175px;
	padding-left: 9px;
	float:right;
}
#topHojinBox {
	width: 175px;
	margin: 0 9px;
	padding: 0 10px;
	float:left;
}
#topHojinBox h2{
	width: 175px;
	padding: 6px 0 0 0;
	margin-bottom: 5px;
	color: #00a0c6;
	font-weight: bold;
	background: url(top_img/titlebar01.gif) no-repeat top left;
}
#topHojinBox h2 span {
	display:block;
	padding: 0 3px 9px 20px;
	background:url(top_img/titlebar01_btm.gif) repeat-x left bottom;
}
#topHojinBox h3 a{
	width: 158px;
	border: 1px solid #c0c0c0;
	padding: 4px 0 3px 15px;
	background: url(top_img/arrow.gif) no-repeat top left;
	margin-bottom: 10px;
	color: #666;
	display: block;
	font-weight: bold;
}
#topHojinBox h3 a:hover{
	background: url(top_img/arrow_o.gif) no-repeat top left;
	text-decoration: none;
}
#topIrBox {
	width: 175px;
	float:left;
}
#topIrBox h2{
	width: 175px;
	padding: 6px 0 0 0;
	margin-bottom: 5px;
	color: #00a0c6;
	font-weight: bold;
	background: url(top_img/titlebar01.gif) no-repeat top left;
}
#topIrBox h2 span {
	display:block;
	padding: 0 3px 9px 20px;
	background:url(top_img/titlebar01_btm.gif) repeat-x left bottom;
}
#topIrBox h3 a{
	width: 158px;
	border: 1px solid #c0c0c0;
	padding: 4px 0 3px 15px;
	background: url(top_img/arrow.gif) no-repeat top left;
	margin-bottom: 10px;
	color: #666;
	display: block;
	font-weight: bold;
}
#topIrBox h3 a:hover{
	background: url(top_img/arrow_o.gif) no-repeat top left;
	text-decoration: none;
}
#topIrBox{
	width: 150px;
	float:left;
}
/*-----------------------------------ナビゲーション下段*/
.btnPosition {
	position: relative;
}
#topNavBoxunder {
	width: 770px;
	background: url(top_img/special_bk.gif) repeat-y right;
	position: relative;
}
#topNewsBox {
	width: 560px;
	float: left;	
	position: relative;
}
#newsBox,
#newsIrBox {
	width: 560px;
	position: relative;
}
#newsBox h2,
#newsIrBox h2 {
	width: 560px;
	padding: 6px 0 0 0;
	margin-bottom: 5px;
	color: #00a0c6;
	font-weight: bold;
	background: url(top_img/titlebar01.gif) no-repeat top left;
}
#newsBox h2 span,
#newsIrBox h2 span {
	display:block;
	padding: 0 3px 9px 20px;
	background:url(top_img/titlebar01_btm.gif) repeat-x left bottom;
}
#newsBox ul,
#newsIrBox ul{
	margin: 10px 0 10px 5px;
}
#newsBox li a,
#newsIrBox li a{
	color: #333;
}
#newsBox li img,
#newsIrBox li img{
	vertical-align:text-top;
}
#newsBox li,
#newsIrBox li{
	line-height: 1.2;
}
#newsBox li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#newsBox li {display: inline-block;}
/* Hides from IE-mac \*/
* html #newsBox li {height: 1%;}
#newsBox li {display: block;}
/* End hide from IE-mac */
#newsIrBox li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#newsIrBox li {display: inline-block;}
/* Hides from IE-mac \*/
* html #newsIrBox li {height: 1%;}
#newsIrBox li {display: block;}
/* End hide from IE-mac */

.newsday{
	background: url(common/img/icn05.gif) no-repeat left center;
	padding: 0 0 0 15px;
	float: left;
}
.newsList{
	float: right;
	width: 480px;
}
.newsList img{
	vertical-align:text-top;
}


#btnNews,
#btnNewsIr,
#btnOshirase {
	position: absolute;
	left: 425px;
	bottom: 7px;
}
#oshiraseBox {
	width: 560px;
	position: relative;
}
#oshiraseBox h2 {
	width: 560px;
	padding: 6px 0 0 0;
	margin-bottom: 5px;
	color: #ff0000;
	font-weight: bold;
	background: url(top_img/titlebar02.gif) no-repeat top left;
}
#newsIrBox h2 span {
	display:block;
	padding: 0 3px 9px 20px;
	background:url(top_img/titlebar02_btm.gif) repeat-x left bottom;
}

#oshiraseBox ul{
	margin: 10px 0 10px 20px;
}
#oshiraseBox li {
	list-style-image: url(common/img/icn.gif);
	line-height: 1.0;
	margin-bottom: 5px;
}
#oshiraseBox li a{
	color: #333;
}
#oshiraseBox li img{
	vertical-align:text-top;
}
#topSpecialBox {
	width: 200px;
	float: right;
	position: relative;
}
#topSpecialBox ul{
	width: 181px;
	margin: 10px 0 0 10px;
}
#topSpecialBox li{
	margin-bottom: 5px;
}
#topSpecialBox li img{
	vertical-align:bottom;
}
/*-----------------------------------ビジョン2010災害時追加*/
#visionTable {
	width: 760px;
	margin-top: 5px;
	margin-bottom:15px;
	border: 1px solid #c0c0c0;
}
#visionTable th{
	padding: 5px 10px;
	background-color: #ccecf4;
	border-bottom: 1px solid #c0c0c0;
}
#visionTable td{
	padding: 10px;
}