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

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


/*タイトルエリア
========================================================= */
.top .title_area { clear:both; width:100%; height: 711px; /*background:#DCE2DE;*/ background:#FFFFFF; overflow:hidden; position:relative; }
/*.top .title_area .inner { clear:both; width:100%; height: 425px; margin:0 auto; text-align:center; background:url(/2015/index/images/bg_main.jpg) no-repeat top center;}*/
.top .title_area .inner { position:absolute; width:1510px; height: 711px; margin:0 auto; left:50%; margin-left:-750px;}
.top .title_area .inner h2 {  position:absolute; left:381px; top:41px; z-index:999; }
.top .title_area .inner .slider li img{ vertical-align:bottom}
.top .title_area .inner .slider li.add{position:relative;}
.top .title_area .inner .slider li.add::after{ content:""; display:block; width:100%; height:100%; background:url(/2015/index/images/slide_add.png) no-repeat center bottom; background-size:auto; position:absolute; bottom:0; left:0;}



/*最新ニュースエリア
========================================================= */
.news_area { clear:both; width:960px; margin:-130px auto 31px; position:relative; z-index:5;background:url(/2015/index/images/white_bg.png) no-repeat center; background-size:100% 100%; padding: 30px 50px;box-sizing: content-box;}

/*タブ切り替え
----------------------*/
.news_area .all { width: 960px; margin: auto; position:relative;}
.news_area .tabSet { margin-bottom: 30px; }
.news_area ul { overflow: hidden; padding: 20px 20px 0 0; *zoom:1; /* ie clear float */ display:inline-block; position:absolute; top:30px; left:2%;z-index:10}
.news_area ul li { padding: 0 2px 0 0; list-style-type: none; }
/* ハイライトされた時 */
.news_area ul li a.on {background: #f5f7f6; cursor: default; color: #31374c; }
.news_area ul li a.on:hover { text-decoration: none; }
.news_area .panels { min-height: 180px; /*border-top:#dce2de solid 3px;*/ z-index: 5;position: relative; }
.news_area .panel { padding: 30px 0px; font-size:  1em; color: #4d4d4d; position:relative; line-height:1.5;}
.news_area .panel dl { clear:both; margin:20px  0 12px 0;}
.news_area .panel dt { display:block; float:left; color: #666666; padding:0 41px 0 190px; width:15%;}
.news_area .panel dd { display:block; float:left; width: 65%;background: url(/2015/common/images/bullet.png) no-repeat 5px 10px;padding-left: 18px;margin-left: 70px; color:#649564; min-height:1.5em;}
.news_area .panel dd a { display:inline; color: #649564;}
.news_area .panel dd  a:hover { color:#57C79A; text-decoration: underline; }
.news_area .panel dd:after { content: ""; display: block; clear: both; height: 1px;  border-bottom:1px dotted #cccccc; margin:2px 0 7px;}
.news_area .panel p { position:absolute; right:40px; bottom:10px; padding: 0 0 0 15px;}
.news_area .panels p a { display:block; color: #649564;text-decoration: none;}
.news_area .panels p a:hover { color:#57C79A; text-decoration: none; }

.news_area .sisyo{ text-align:center; background:#649564; width:18em; margin:auto;  line-height:2.8; border-radius:3px; padding:0 ;}
.news_area .sisyo a{color:#FFF; text-decoration:none;}
.news_area .panel dd span{ display:none}/*タグ非表示:/


/*事業内容
========================================================= */
#business_area { clear:both; background:url(/2015/index/images/bg_business.jpg) no-repeat top center; background-size:auto 100%; width:100%; padding:39px 0 0 0 ; text-align:center;}
#business_area .inner { width:976px; margin:0 auto; }
#business_area h2 { clear:both; padding:0 0 10px; line-height:1;}
#business_area .text { clear:both; line-height: 2; font-size: 1.125em; padding-bottom:43px; color:#FFF;}
#business_area ul { clear:both;}
#business_area ul li .hover:hover { opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; }

#business_area .inner li .hover{display: block;width: 100%;height: 100%;}
#business_area .inner li .hover img:hover{ opacity:0;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}

#business_area .inner .main_cont{ position:relative;}
#business_area .inner li{ position:absolute;}
#business_area .inner li.kotei{ position:relative; margin: auto; text-align:center; display:block;}
#business_area .inner li.kotei{padding-top:180px;}
#business_area ul.add li.kotei{padding-top:0; margin:240px auto 40px}
#business_area .inner li.img1{top:0; left:22%;}
#business_area .inner li.img2{top:0; right:22%;}
#business_area .inner li.img3{top:30%; right:0%;}
#business_area .inner li.img4{top:72%; right:8%;}
#business_area .inner li.img5{top:90%; left:0; right:0;}
#business_area .inner li.img6{top:72%; left:8%;}
#business_area .inner li.img7{top:30%; left:0%;}
#business_area .inner li.img8{top:-25%; right:2%;}

#business_area .inner li.img1 .hover{ background:url(/2015/index/images/btn_business1_on.png) no-repeat center center;}
#business_area .inner li.img2 .hover{ background:url(/2015/index/images/btn_business2_on.png) no-repeat center center;}
#business_area .inner li.img3 .hover{ background:url(/2015/index/images/btn_business3_on.png) no-repeat center center;}
#business_area .inner li.img4 .hover{ background:url(/2015/index/images/btn_business4_on.png) no-repeat center center;}
#business_area .inner li.img5 .hover{ background:url(/2015/index/images/btn_business5_on.png) no-repeat center center;}
#business_area .inner li.img6 .hover{ background:url(/2015/index/images/btn_business6_on.png) no-repeat center center;}
#business_area .inner li.img7 .hover{ background:url(/2015/index/images/btn_business7_on.png) no-repeat center center;}
#business_area .inner li.img8 .hover{ background:url(/2015/index/images/btn_business8_on.png) no-repeat center center;}

#business_area .inner li img{ vertical-align:bottom;}

/*県内のNOSAI
========================================================= */
#area_map_area h2 { clear:both; padding:0; margin:70px auto 30px; line-height:1;}

#area_map_area { clear:both; background:#ffffff; width:100%; text-align:center; margin: 4% auto ;}
#area_map_area .inner { clear:both; position:relative; width: 758px; margin:0 auto;}
#area_map_area.base .inner::before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("/map/images/2501/map1.png") no-repeat center center; background-size: 100% auto; z-index: 3;}
#area_map_area.sub .inner::after{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("/map/images/2501/map2.png") no-repeat center center; background-size: 100% auto; z-index: 4;}
#area_map_area img{ max-width: 100%;}
#area_map_area .name { position:absolute; z-index: 5;}

#area_map_area .name.base{max-width: 150px; width:19.8%;}
#area_map_area .name.base1{left: 66%;top: 62%;}
#area_map_area .name.base2{left: 59%;top: 76%;}
#area_map_area .name.base3{right: -1%;top: 52%;}
#area_map_area .name.base4{right: 2%;top: 27%;}
#area_map_area .name.base5{right: 14%;top: 17%;}
#area_map_area .name.base6{right: 53%;top: 16%;}
#area_map_area .name.base7{left: 2%;top: 25%;}
#area_map_area .name.base8{left: 7%;top: 51%;}
#area_map_area .name.base9{left: 6%;top: 73%;}
#area_map_area .name.base10{left: 34%;top: 74%;}
#area_map_area .name.base11{left: 46.5%;top: 15.5%;}

#area_map_area .name.sub{max-width: 110px; width: 14.52%;}
#area_map_area .name.sub1{left: 49%;top: 57%;}
#area_map_area .name.sub2{left: 49.5%;top: 23%;}
#area_map_area .name.sub3{left: 14%;top: 5%;max-width: 130px; width: 17.2%;}
#area_map_area .name.sub4{left: 28.5%;top: 61%;max-width: 130px; width: 17.2%;}
#area_map_area .name.sub5{left: 26%;top: 88%;}

#area_map_area.sub_only{}
#area_map_area.sub_only .name.sub{max-width: 150px; width:19.8%;}
#area_map_area.sub_only .name.sub1{left: 48%;top: 57.25%;}
#area_map_area.sub_only .name.sub3{left: 12%;top: 4.5%;}
#area_map_area.sub_only .name.sub4{left: 21%;top: 61%;}
#area_map_area.sub_only .name.sub5{left: 26%;top: 87%; width: 16.5%;}


#area_map_area .name img{
-ms-transition-property : transform;transition-property : transform;
-ms-transition-duration : 0.4s;transition-duration : 0.4s;}
#area_map_area .name:hover img{ transform: scale(0.92);}



#area_map_area .add_text { text-align:left; width:30%; margin:0 0 50px auto; color:#555}



/*バナーエリア
========================================================= */
#banner_area { clear:both; background:#F8F8F8; width:100%; padding:56px 0 65px; text-align:center;}
#banner_area .inner { clear:both; position:relative; width: 990px; margin:0 auto;}
#banner_area ul li { float:left; padding:10px 15px;}






/*バナーbottomエリア
========================================================= */
#banner_area_bottom { clear:both; background:#FFFFFF; width:100%; padding:56px 0 65px; text-align:center;}
#banner_area_bottom .inner { clear:both; position:relative; width: 760px; margin:0 auto; height: 200px;}
#banner_area_bottom ul li { position:absolute;}


/*bxSlider
========================================================= */
.bx-wrapper .bx-viewport { box-shadow: none !important; height: 722px !important; border: none !important; left: 0 !important; }