@charset "UTF-8";
body{
 text-align: center;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Helvetica, "MS Pゴシック", "MS PGothic", sans-serif;
 font-size: 12px;
 *font-size:small;
 *font:x-small;
 letter-spacing: 0;
}
html, body{
    margin: 0;         /* 余白の削除 */
    padding: 0;        /* 余白の削除 */
    width:100%;
    height:100%;
}
img{
 border: none;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 vertical-align: top;
}
.clear{
 clear: both;
}


.mt3{
 margin: 3px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.mt8{
 margin: 8px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.mt10{
 margin: 10px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.mt15{
 margin: 15px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.mt20{
 margin: 20px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.mt25{
 margin: 25px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.mt30{
 margin: 30px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.mt35{
 margin: 35px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.mt40{
 margin: 40px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.mt50{
 margin: 50px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.mt60{
 margin: 60px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.mt70{
 margin: 70px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.mt80{
 margin: 80px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.mt90{
 margin: 90px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.mt100{
 margin: 100px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}


h1,
h2,
h3,
h4,
h5,
p{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.header{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.header_area{
 width: 1150px;
 margin: 0 auto;
 padding: 0px 0px 0px 0px;
}
.header_area_01{
 margin: 10px 20px 0px 0px;
 padding: 0px 0px 0px 0px;
 float: left;
}
.header_area_02{
 margin: 11px 0px 0px 50px;
 padding: 0px 0px 0px 0px;
 float: left;
}
.header_area_03{
 margin: 8px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 float: right;
 line-height: 2.6em;
 text-align: right;
}

h1{
 margin: 0px 0px 8px 0px;
 padding: 0px 0px 0px 0px;
 font-size: 12px;
 color: #999;
 font-weight: lighter;
 text-align: left;
}
h2{
 margin: 0px 0px 0px 0px;
 padding: 12px 0px 12px 0px;
 font-size: 20px;
 color: #fff;
 font-weight: lighter;
 text-align: left;
 background-color: #f28a91;
 text-indent: 20px;
}

.header_area_03 span{
 margin: 0px 0px 0px 8px;
 padding: 6px 14px 6px 14px;
 font-size: 12px;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
}
.header_area_03 .gray{
 color: #999;
 background-color: #efefef;
}
.header_area_03 .pink{
 color: #fff;
 background-color: #f28a91;
}
.header_area_03 .gray a{
 color: #999;
}
.header_area_03 .pink a{
 color: #fff;
}
.header_area_03 .gray a,
.header_area_03 .pink a{
 text-decoration: none;
}
.header_area_03 .gray a:hover,
.header_area_03 .pink a:hover{
 text-decoration: underline;
}



.main_bg_slide{
 width: 100%;
 margin: 0 auto;
 height: 400px;
 background: url(../img/main4bg3.jpg) no-repeat;
}



.gnav{
 border-top: solid 1px #12a778;
 border-bottom: solid 1px #12a778;
}
.gnav_area{
 width: 1150px;
 margin: 0 auto;
 padding: 0px 0px 0px 0px;
}
.gnavs,
.gnavse{
 float: left;
}
.gnavs,
.gnavse,
.gnavs a,
.gnavse a{
 height: 59px;
 display: block;
 font-size: 18px;
 color: #999;
 text-decoration: none;
 line-height: 3em;
}
.gnavs a:hover,
.gnavse a:hover{
 color: #12a778;
 text-decoration: underline;
}
.gnavs,
.gnavs a{
 width: 191px;
 background: url(img/gnav.png) no-repeat;
 z-index: 10;
}
.gnavse,
.gnavse a{
 width: 192px;
 background: url(img/gnave.png) no-repeat;
 z-index: 15000;
}




.pan{
 background-color: #efefef;
}
.pan_area{
 width: 1150px;
 margin: 0 auto;
 color: #999;
 font-size: 12px;
 padding: 8px 0px 8px 0px;
}
.pan_home{
 float: left;
 margin: 0px 10px 0px 0px;
}
.pan_txt{
 float: left;
 color: #999;
 font-size: 12px;
}
.pan_txt a{
 color: #12a778;
 text-decoration: none;
}
.pan_txt a:hover{
 text-decoration: underline;
}













.cont{
 width: 1150px;
 margin: 0 auto;
 padding: 0px 0px 0px 0px;
}

.sideber{
 width: 250px;
 float: left;
 padding: 0px 0px 0px 0px;
}




.center{
 width: 850px;
 float: right;
 padding: 0px 0px 0px 0px;
}












.sc_txt_area{
 width: 250px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 background-color: #efefef;
}
.sc_txt_l{
 float: left;
 margin: 10px 0px 10px 10px;
 padding: 0px 0px 0px 0px;
 width: 30px;
}
.sc_txt_r{
 float: right;
 margin: 0px 0px 0px 0px;
 padding: 15px 0px 0px 0px;
 width: 200px;
 font-size: 16px;
 text-align: left;
 color: #12a778;
}


.sclist_area{
 width: 250px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: 40px;
 border-bottom: dotted 1px #c7c7c7;
}
.sclist_area a{
 width: 250px;
 display: block;
 color: #666;
 height: 40px;
 text-decoration: none;
}
.sclist_area a:hover{
 width: 250px;
 color: #12a778;
 height: 40px;
}
.sclist_txt{
 margin: 0px 0px 0px 0px;
 padding: 12px 0px 0px 0px;
 width: 200px;
 font-size: 14px;
 text-align: left;
 color: #12a778;
 text-indent: 10px;
}







.sp_area{
 background-color: #fce8e9;
 padding: 0px 0px 10px 0px;
}
.sp_tit_area{
 width: 848px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 background-color: #efefef;
 border-left: solid 2px #f28a91;
 height: 50px;
}
.sp_tit_l{
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 11px 0px 0px 18px;
 font-size: 20px;
 font-weight: 100;
 text-align: left;
 color: #666;
}
.sp_tit_l a{
 color: #666;
 text-decoration: none;
 font-size: 20px;
 font-weight: 100;
 vertical-align: top;
}
.sp_tit_l a:hover{
 color: #f28a91;
 text-decoration: underline;
}

.sp_tit_l_2{
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 12px 0px 10px 0px;
 font-size: 13px;
 text-align: left;
 color: #666;
 letter-spacing: 0.1em;
}
.sp_tit_l_3{
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 12px 0px 10px 0px;
 font-size: 13px;
 text-align: left;
 color: #666;
 letter-spacing: 0.1em;
}
.sp_tit_l_3 a{
 color: #f28a91;	
 text-decoration: none;
}
.sp_tit_l_3:hover{
 color: #f28a91;
 text-decoration: underline;
}

.sp_tit_l_4{
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 12px 0px 10px 0px;
 font-size: 13px;
 text-align: left;
 color: #666;
 letter-spacing: 0.1em;
}.sp_tit_l_4 a{
 color: #12a778;	
 text-decoration: none;
}
.sp_tit_l_4:hover{
 color: #f28a91;
 text-decoration: underline;
}

.sp_tit_r{
 float: right;
 margin: 0px 0px 0px 0px;
 padding: 16px 18px 0px 0px;
}
.sp_tit_r span{
 margin: 0px 0px 0px 10px;
 padding: 2px 10px 2px 10px;
 font-size: 14px;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
}

.sp_tit_r .pink{
 background-color: #f28a91;
 color: #fff;
}
.sp_tit_r .white{
 background-color: #fff;
 color: #f28a91;
}





.sp_data_area{
 width: 810px;
 margin: 0 auto;
}
.sp_data_sm{
 width: 120px;
 float: left;
 margin: 0px 20px 0px 0px;
}
.sp_data_sm img{
 width: 120px;
 margin-right: 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.sp_data_l_sp{
 width: 200px;
 float: left;
}
.sp_data_l{
 width: 180px;
 float: left;
}
.sp_data_ic{
}
.sp_data_icl{
 float: left;
 margin: 0px 10px 10px 0px;
}
.sp_data_icr{
 float: left;
 font-size: 13px;
 text-align: left;
 color: #666;
}



.sp_data_r_sp{
 width: 595px;
 float: right;
 margin: 0px 0px 0px 0px;
 text-align: left;
}

.sp_data_r_sp_2{
 width: 810px;
 float: right;
 margin: 0px 0px 0px 0px;
 text-align: left;
}

.sp_data_r{
 width: 475px;
 float: right;
 margin: 0px 0px 0px 0px;
 text-align: left;
}
.sp_data_r_ic .line{
 margin: 0px 10px 0px 0px;
 padding: 2px 10px 2px 10px;
 font-size: 13px;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 color: #999;
 border: solid 1px #999;
 line-height: 2.6em;
}
.sp_data_r_cpy{
 margin: 8px 0px 0px 0px;
 font-size: 13px;
 text-align: left;
 color: #333;
 line-height: 2em;
}
.sp_data_r_cpy a{
 margin: 8px 0px 0px 0px;
 font-size: 13px;
 text-align: left;
 color: #12a778;
 line-height: 3em;
}
.sp_data_info{
 margin: 8px 0px 0px 0px;
 font-size: 13px;
 text-align: left;
 color: #333;
 line-height: 3em;
 
}
.sp_data_info a{
 margin: 8px 0px 0px 0px;
 font-size: 13px;
 text-align: left;
 color: #12a778;
 line-height: 2em;
}
.sp_data_r_tit{
 font-size: 13px;
 padding: 6px 0px 6px 0px;
 color: #666;
 font-weight: lighter;
 text-align: left;
 background-color: #f8c4c8;
 text-indent: 10px;
}
.sp_data_r_svc{
 margin: 8px 0px 0px 0px;
 font-size: 13px;
 text-align: left;
 color: #999;
 line-height: 2em;
}
.sp_data_r_off{
 margin: 10px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border-top: dotted 1px #c7c7c7;
}
.sp_data_r_off_area{

 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border-bottom: dotted 1px #c7c7c7;
 position: center;
}
sp_data_r_off_area_2{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border-bottom: dotted 1px #c7c7c7;
 position: center;
}
.sp_data_r_offl,
.sp_data_r_offr{
 font-size: 13px;
 text-align: left;
 line-height: 2.8em;
}
.sp_data_r_offl{
 margin: 5px 20px 5px 0px;
 float: left;
}
.sp_data_r_offl_2{
 margin: 4px 20px 0px 0px;
 float: left;
 width: 130px;
 font-size: 13px;
 text-align: left;
 line-height: 2.8em;
}
.sp_data_img{
 margin: 0px 20px 0px 0px;
}
.sp_data_r_offr{
 color: #333;
 float: left;
 width: auto;
 padding: 5px 0px 5px 0px;
}
.offgreen{
 color: #f28a91;
}
.offpink{
 color: #12a778;
}

.ad_728{
 width: 728px;
 margin: 0 auto;
}

.sp_data_r_off_area2{
 margin: 0px 0px 0px 0px;
 padding: 6px 0px 6px 0px;
 border-bottom: dotted 1px #c7c7c7;
}
.sp_data_r_offl2,
.sp_data_r_offr2{
 font-size: 13px;
 text-align: left;
 line-height: 2em;
}
.sp_data_r_offl2{
 float: left;
 width: 120px;
 text-indent: 10px;
}
.sp_data_r_offr2{
 color: #333;
 float: left;
 width: 475px;
}
.sp_data_r_off_area2 a{
 color: #f28a91;
 text-decoration: none;
}
.sp_data_r_off_area2 a:hover{
 text-decoration: underline;
}

.sp_data_point{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 background: url(img/point.jpg) no-repeat;
 width: 200px;
 height: 228px;
}
.sp_data_point_txt{
 margin: 0px 0px 0px 0px;
 padding: 45px 0px 0px 12px;
 font-size: 14px;
 text-align: left;
 line-height: 1.7em;
 color: #666;
}

.sp_data_r_cpy2{
 margin: 8px 0px 0px 10px;
 font-size: 13px;
 text-align: left;
 color: #333;
 line-height: 2em;
}


.sp_tit_area2{
 width: 850px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 background-color: #efefef;
 border-left: solid 2px #12a778;
 height: 50px;
}
.sp_tit_l2{
 margin: 0px 0px 0px 0px;
 padding: 13px 0px 0px 18px;
 font-size: 20px;
 text-align: left;
 color: #666;
}

.cont_txt{
 margin: 8px 20px 0px 20px;
 font-size: 13px;
 text-align: left;
 color: #333;
 line-height: 2em;
}
.cont_tit{
 margin: 20px 20px 0px 20px;
 font-size: 16px;
 text-align: left;
 color: #12a778;
 line-height: 2em;
}
.cont_txt span{
 color: #f28a91;
}
.cont_txt a{
 color: #12a778;
 text-decoration: underline;
}
.cont_txt a:hover{
 text-decoration: none;
}


/*information--------------------------------------------*/
.info_txt{
 margin: 8px 20px 0px 20px;
 font-size: 13px;
 text-align: left;
 color: #333;
 line-height: 2em;
 letter-spacing: 0.1em;
}
.info_tit{
 margin: 20px 20px 0px 20px;
 font-size: 16px;
 text-align: left;
 color: #333;
 line-height: 2em;
 letter-spacing: 0.1em;
}
.info_txt span{
 color: #333;
}
.info_txt a{
 color: #333;
 text-decoration: none;
 letter-spacing: 0.1em;
}
.info_txt a:hover{
 text-decoration: underline;
 letter-spacing: 0.1em;
}
/
/*information--------------------------------------------*/




.contact_area{
 border-top: dotted 1px #c7c7c7;
 width: 810px;
 margin: 0 auto;
}
.contact_area th,
.contact_area td{
 font-size: 15px;
 text-align: left;
 padding: 14px 20px 14px 20px;
 border-bottom: dotted 1px #c7c7c7;
}
.contact_area th{
 color: #fff;
 background-color: #12a778;
 font-weight: lighter;
}
.contact_area td{
 color: #333;
}
.contact_area th span{
 color: #12a778;
 background-color: #fff;
 float: right;
 font-size: 13px;
 padding: 2px 4px 2px 4px;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
}



.to{
 background: url(img/to.jpg) no-repeat;
 margin: 0 auto;
 width: 300px;
 height: 49px;
 border: none;
}
.to span{
 display: none;
}














#footer{
 background-color: #efefef;
 margin: 100px 0px 0px 0px;
}
.footer_area{
 width: 1150px;
 margin: 0 auto;
 padding: 30px 0px 30px 0px;
}

.flogo{
 float: left;
 width: 350px;
 margin: 0px 50px 0px 0px;
}
.flogo p{
 text-align: left;
 color: #999;
 font-size: 12px;
 margin: 0px 0px 8px 0px;
}

.footer_area_link_mr,
.footer_area_link_mr0{
 float: left;
 border-left: dotted 1px #c7c7c7;
 padding: 0px 0px 0px 20px;
 list-style: none;
}
.footer_area_link_mr{
 margin: 0px 20px 0px 0px;
}
.footer_area_link_mr0{
 margin: 0px 0px 0px 0px;
}
.footer_txt{
 padding: 0px 0px 0px 0px;
 text-align: left;
 color: #999;
 font-size: 14px;
 line-height: 2em;
}
.footer_txt a{
 color: #999;
 text-decoration: none;
}
.footer_txt a:hover{
 text-decoration: underline;
}



.footer_area address{
 color: #999;
 font-size: 11px;
 text-align: left;
 font-style: normal;
 margin: 10px 0px 0px 0px;
}







.pagenation{
 width: 850px;
 margin: 0 auto;
}
.pagenation{
 color: #666;
 font-size: 13px;
}
.pagenation a{
 color: #666;
 text-decoration: none;
}
.pagenation a:hover{
 text-decoration: underline;
}
.pagenation span{
 color: #000;
 font-size: 22px;
 border: solid 1px #fff;
 padding: 2px 6px 2px 6px;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
}
.pagenation span a{
 color: #666;
 text-decoration: none;
 border: solid 1px #f0f0f0;
 padding: 2px 6px 2px 6px;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
}
.pagenation span a:hover{
 text-decoration: none;
 background-color: #f0f0f0;
}










#dropmenu{
  list-style-type: none;
  width: 1150px;
  height: 59px;
  margin: 0 auto;
  padding: 0;
}
#dropmenu li{
  position: relative;
  width: 191px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li{
 font-size: 18px;
 color: #666;
}
#dropmenu li a{
 height: 59px;
 display: block;
 color: #666;
 text-decoration: none;
}
#dropmenu li:hover > a{
 color: #12a778;
 text-decoration: underline;
}
#dropmenu > li:hover > a{
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
#dropmenu li:last-child ul{
  left: -100%;
  width: 100%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 191px;
  height: 0;
  color: #12a778;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 8px 0px;
  background: #fff;
  text-align: center;
  font-weight: normal;
  font-size: 14px;
  opacity:0.9;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 59px;
  border-top: dotted 1px #c7c7c7;
  border-bottom: dotted 1px #c7c7c7;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
}



.main_bg_woody{
 width: 1390px;
 margin: 0 auto;
 height: 400px;
}



.link_area{
 width: 850px;
 padding: 0px 0px 0px 0px;
}
.link_txt_l{
 float: left;
 padding: 0px 0px 0px 20px;
}
.link_txt_r{
 float: right;
 padding: 0px 20px 0px 0px;
}
.link_area textarea {
 margin: 10px 0px 0px 0px;
 display: block;
 height: 50px;
 width: 660px;
 color: #999;
}
.link_txt_l a{
 float: left;
}
.link_txt_l,
.link_txt_r{
 font-size: 13px;
 text-align: left;
 color: #666;
 line-height: 2em;
}
.link_txt_l span,
.link_txt_r span{
 color: #12a778;
 margin: 0px 3px 0px 0px;
}
.link_txt_l a,
.link_txt_r a{
 color: #12a778;
 text-decoration: none;
}
.link_txt_l a:hover,
.link_txt_r a:hover{
 text-decoration: underline;
}

.lightbox_images{
 width: 200px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 z-index: 10;
}
.lightbox_images img{
 margin: 1px 1px 1px 1px;
 padding: 0px 0px 0px 0px;
 display: block;
 float: left;
 z-index: 10;
}