@charset "utf-8";

/*==================================================
	コモンスタイル
==================================================*/

/*--------------------------------------------------
	リンクカラー
--------------------------------------------------*/

a:link { color: #00578d; text-decoration: none; }
a:visited { color: #00578d; text-decoration: none; }
a:hover { color: #0090eb; text-decoration: underline; }

/*--------------------------------------------------
	フォントサイズ
--------------------------------------------------*/

.fs10 { font-size:77%; }
.fs11 { font-size:85%; }
.fs12 { font-size:93%; }
.fs13 { font-size:100%; }
.fs14 { font-size:108%; }
.fs15 { font-size:116%; }
.fs16 { font-size:123.1%; }
.fs17 { font-size:131%; }
.fs18 { font-size:138.5%; }
.fs19 { font-size:146.5%; }
.fs20 { font-size:153.9%; }
.fs21 { font-size:161.6%; }
.fs22 { font-size:167%; }
.fs23 { font-size:174%; }
.fs24 { font-size:182%; }
.fs25 { font-size:192.3%; }
.fs26 { font-size:197%; }
.fs30 { font-size:227.3%; }

/*--------------------------------------------------
	フォントウェイト
--------------------------------------------------*/
.bold {	font-weight: bold;}

/*--------------------------------------------------
	マージン
--------------------------------------------------*/

.mgt05 { margin-top: 5px;}
.mgt10 { margin-top: 10px;}
.mgt15 { margin-top: 15px;}
.mgt20 { margin-top: 20px;}
.mgt25 { margin-top: 25px;}
.mgt30 { margin-top: 30px;}
.mgt35 { margin-top: 35px;}
.mgt40 { margin-top: 40px;}
.mgt90 { margin-top: 90px;}
.mgrb10 { margin-right: 10px;
margin-bottom:5px;
}


.mgr0 { margin-right: 0px !important;}

/*--------------------------------------------------
	フロート
--------------------------------------------------*/

.fltR { float: right;}
.fltC { float: center;}
.fltL { float: left;}

/*--------------------------------------------------
	float解除
--------------------------------------------------*/

.clearfix:after { content: ""; display: block; clear: both; }
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/

.both { clear: both; }

/*--------------------------------------------------
	イメージロールオーバー
--------------------------------------------------*/

.rollover a { display: block; }
.rollover a:hover img { visibility: hidden; }
.rollover a:hover { background-color: transparent; }


/*==================================================
	レイアウト
==================================================*/

body {
 background: url(../img/body_bg01.gif) repeat-x;
}
#body_bg {
 background: url(../img/body_bg02.jpg) no-repeat center top;
}
#wrap {
 width: 930px;
 margin-right: auto;
 margin-left: auto;
 text-align: left;
 background: url(../img/wrap_bg.jpg) no-repeat center top;
}

#content {
 padding-top: 20px;
 padding-bottom: 20px;
}
#main {
 float: left;
 width: 600px;
}

/*==================================================
	トップページ
==================================================*/

#index #main .topArticle .image {
 float: left;
 margin-right:30px;
 margin-bottom:20px;
 border: 1px solid #bdc9d2;
}

/*--------------------------------------------------
	タブナビ
--------------------------------------------------*/
#main .newsList {
 clear: both;
 margin-top: 20px;
}
#main .newsList .tabNav {
 background: url(../../image/newstab_bg.jpg) no-repeat;
 height: 31px;
 width: 600px;
}
#main .newsList .tabNav li {
 float: left;
 background: url(../../image/tab_bg02.jpg) no-repeat;
 line-height: 31px;
 font-size: 93%;
 font-weight: bold;
}
#main .newsList .tabNav .top {
 background: url(../../image/tab_bg01.jpg) no-repeat;
}
#main .newsList .tabNav .last {
 border-right: 1px solid #4d8ab6;
}
#main .newsList .tabNav li a {
 display: block;
 height: 31px;
 padding-right: 14px;
 padding-left: 15px;
}
* html #main .newsList .tabNav li a { float: left; }
#main .newsList .tabNav li a:link {
 color: #FFF;
 text-decoration: none;
}
#main .newsList .tabNav li a:visited {
 color: #FFF;
 text-decoration: none;
}
#main .newsList .tabNav li a:hover {
 color: #FFF;
 text-decoration: none;
 background: url(../../image/tab_bg02_on.jpg) no-repeat;
}
#main .newsList .tabNav li a.active {
 background: url(../../image/tab_bg02_st.jpg) no-repeat ;
 color: #00578d !important;
}
#main .newsList .tabNav li.top a:hover {
 background: url(../../image/tab_bg01_on.jpg) no-repeat;
 color: #FFFFFF;
}
#main .newsList .tabNav li.top a.active {
 background: url(../../image/tab_bg01_st.jpg) no-repeat;
 color: #00578d;
}
#main .newsList .lists {
 border-right: 1px solid #bdc9d2;
 border-bottom: 1px solid #bdc9d2;
 border-left: 1px solid #bdc9d2;
 padding-top: 20px;
 padding-bottom: 10px;
}
#main .newsList .lists ul {
 margin-left: 15px;
 width: 565px;
}
#main .newsList .lists li {
 background: url(../../image/mark01.gif) no-repeat left center;
 padding-left: 15px;
 padding-bottom: 5px;
 color: #666;
 font-size: 93%;
 line-height: 1.3em;
}
#main .newsList .lists li img { margin-left: 7px; }
#main .newsList .newsLink {
 border: 1px solid #bdc9d2;
 float: right;
 margin-right: 10px;
 padding: 5px 10px;
 font-size: 77%;
 font-weight: bold;
}
#main .newsList .newsLink a {
 background: url(../../image/icon_tri01.gif) no-repeat left center;
 padding-left: 12px;
}
#main .newsList .newsLink a:hover { text-decoration: none; }


#main .indexBanner {
 text-align: center;
 padding-top: 20px;
 padding-bottom: 20px;
}

/*
#main .newsList02 { border-top: 1px solid #bdc9d2; }
#main .newsList02 li {
 border-bottom: 1px solid #bdc9d2;
 clear: both;
 padding-bottom: 15px;
 overflow: hidden;
 padding-top: 15px;
}
#main .newsList02 .image {
 float: left;
 width: 111px;
}
#main .newsList02 .text {
 float: right;
 width: 475px;
}
#main .newsList02 .text .title {
 font-size: 123.1%;
 line-height: 1.5em;
 font-weight: bold;
 padding-bottom: 7px;
}
#main .newsList02 .text .day {
 margin:4px 0 11px 0;
 color:#666;
}
#main .newsList02 .text .honbun {
 font-size: 93%;
 line-height: 1.4em;
}
*/

#main .indexLink01 { margin-right: -19px; }

#main .indexLink01 dl {
 float: left;
 width: 187px;
 margin-right: 19px;
}
#main .indexLink01 dt {
 line-height: 28px;
 border-top: 2px solid #bdc9d2;
 font-size: 93%;
 font-weight: bold;
}
#main .indexLink01 dd {
 font-size: 93%;
 line-height: 1.5em;
}
#main .indexLink01 dd img {
 border: 1px solid #bdc9d2;
 _border:none;
}
#main .indexLink01 .title {
 font-weight: bold;
 padding-top: 5px;
 padding-bottom: 5px;
}
#main .indexLink02 {
 clear: both;
 padding-top: 15px;
}


#main .indexLink02 .set01 {
 border-top: 1px solid #bdc9d2;
 border-bottom: 1px solid #bdc9d2;
 border-left: 1px solid #bdc9d2;
 width: 597px;
}
#main .indexLink02 .set02 {
 border-bottom: 1px solid #bdc9d2;
 border-left: 1px solid #bdc9d2;
 width: 597px;
}
#main .indexLink02 .set01 ul{ overflow: hidden; }

#main .indexLink02 .set01 li {
 float: left;
 width: 180px;
 border-right: 1px solid #bdc9d2;
 padding: 9px;
}
#main .indexLink02 .set01 img {
 float: left;
 margin-right: 10px;
}
#main .indexLink02 .set01 a {
 line-height:50px;
 font-size: 93%;
 font-weight: bold;
 display: block;
 margin-bottom: 5px;
}
#main .indexLink02 .set01 span {
 font-size: 77%;
 line-height: 1.4em;
}

#main .indexLink03 {
 clear: both;
}
#main .indexLink03 .set02 {
 border-bottom: 1px solid #bdc9d2;
 border-left: 1px solid #bdc9d2;
 width: 398px;
}
#main .indexLink03 .set02 ul { overflow: hidden; }

#main .indexLink03 .set02 li {
 float: left;
 width: 180px;
 border-right: 1px solid #bdc9d2;
 padding: 9px;
}
#main .indexLink03 .set02 img {
 float: left;
 margin-right: 10px;
}
#main .indexLink03 .set02 a {
 line-height:50px;
 font-size: 93%;
 font-weight: bold;
 display: block;
 margin-bottom: 5px;
}
#main .indexLink03 .set02 span {
 font-size: 77%;
 line-height: 1.4em;
}