@charset "Shift_JIS";

/*----------------------------
  COMMON
----------------------------*/
.mt5_{margin-top: 5px !important;}
.mt10_{margin-top: 10px !important;}
.mt15_{margin-top: 15px !important;}
.mt20_{margin-top: 20px !important;}
.mt25_{margin-top: 25px !important;}
.mt30_{margin-top: 30px !important;}
.mt35_{margin-top: 35px !important;}
.mt40_{margin-top: 40px !important;}
.mt45_{margin-top: 45px !important;}
.mt50_{margin-top: 50px !important;}
.mt55_{margin-top: 55px !important;}
.mt60_{margin-top: 60px !important;}
.mt65_{margin-top: 65px !important;}
.mt70_{margin-top: 70px !important;}
.mt75_{margin-top: 75px !important;}
.mt80_{margin-top: 80px !important;}
.mt85_{margin-top: 85px !important;}
.mt90_{margin-top: 90px !important;}
.mt95_{margin-top: 95px !important;}
.mt100_{margin-top: 100px !important;}

.mb5_{margin-bottom: 5px !important;}
.mb10_{margin-bottom: 10px !important;}
.mb15_{margin-bottom: 15px !important;}
.mb20_{margin-bottom: 20px !important;}
.mb25_{margin-bottom: 25px !important;}
.mb30_{margin-bottom: 30px !important;}
.mb35_{margin-bottom: 35px !important;}
.mb40_{margin-bottom: 40px !important;}
.mb45_{margin-bottom: 45px !important;}
.mb50_{margin-bottom: 50px !important;}
.mb55_{margin-bottom: 55px !important;}
.mb60_{margin-bottom: 60px !important;}
.mb65_{margin-bottom: 65px !important;}
.mb70_{margin-bottom: 70px !important;}
.mb75_{margin-bottom: 75px !important;}
.mb80_{margin-bottom: 80px !important;}
.mb85_{margin-bottom: 85px !important;}
.mb90_{margin-bottom: 90px !important;}
.mb95_{margin-bottom: 95px !important;}
.mb100_{margin-bottom: 100px !important;}

.freespace_{
  margin: 0 auto 30px auto;
  width: 1000px;
  overflow: hidden;
}


/*----------------------------
  TOPページ
----------------------------*/
/* スライダー */
#mv{
  background: #eeeeee;
  width: 100%;
  height: 440px;
  overflow-x: hidden;
}
#mv.forcms_{
  height: auto;
}
#mv .slide_all_{
  width: 970px;
  margin: 0 auto;
  height: 370px;
  padding-top: 20px;
  position: relative;
}
#mv.forcms_ .slide_all_{
  height: auto;
  position: static;
  padding-bottom: 20px;
}
#mv .slide_wrap_{
  width: 2910px;
  position: absolute;
  left: 50%;
  margin-left: -1455px;
}
#mv.forcms_ .slide_wrap_{
  width: auto;
  position: static;
  left: auto;
  margin-left: 0;
}
#mv .slide_body_{
  width: 100%;
}
#mv .slide_{
  display: none;
  width: 970px;
  text-align: center;
}
#mv.forcms_ .slide_{
  display: block !important;
}
#mv .bx-viewport .slide_{
  display: block !important;
}
#mv .slide_ img{
  width: 950px;
  display :inline-block;
  vertical-align: bottom;
}
#mv .bx-controls-direction{
  display: none;
}
#mv .bx-controls-direction,
.bx-pager{
  text-align: center;
  height: 10px;
}
#mv .bx-controls-direction a,.bx-pager-item{
  display: inline-block;
}
#mv .bx-pager-item a{
  display: block;
  height: 10px;
  width: 10px;
  background: #bfbfbf;
  text-indent: -9999px;
  border-radius: 10px;
  margin:0 5px;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background  0.3s ease;
}
#mv .bx-pager-item a:hover{
  background-color:#656565;
}
#mv .bx-pager-item a.active{
  background: #2D3796;
}
#mv .bx-controls-direction a{
  text-decoration: none;
  color: #000;
  padding:0 5px;
}
#mv .bx-controls{
  position: absolute;
  bottom: -28px;
  z-index: 100;
  width: 100%;
}

/* 重要なお知らせ */
.important_notices_{
  border: 2px #a81f39 solid;
  margin: 30px auto 0 auto;
  padding: 9px 10px 0 10px;
  width: 976px;
  text-align: center;
}
.important_notices_ span{
  display: block;
  margin-bottom: 9px;
}
.important_notices_ a{
  display: inline-block;
  text-align: center;
  line-height: 110%;
  font-size: 17px;
  color: #a81f39;
  text-decoration: underline;
  padding-left: 25px;
  background: url(../img/usr/home/cms/top/ico_notice.png) no-repeat left center;
}
.important_notices_ a:hover{
  text-decoration: none;
}

/* おすすめ商品 */
#top_recommends{
  width: 1000px;
  margin: 45px auto 80px auto;
  overflow: hidden;
}
#top_recommends h2{
  padding-bottom: 25px;
  text-align: center;
}
#top_recommends h2 img{
  display: inline-block;
}
#top_recommends h2 span{
  display: block;
  font-size: 16px;
  color: #2D3796;
  line-height: 160%;
  padding-top: 12px;
}

#top_recommends .bx-wrapper{
  position: relative;
  width: 890px;
  margin: 0 auto 40px auto;
}
#top_recommends ul.forcms_{
  padding-bottom: 20px;
}
#top_recommends ul li{
  display: none;
}
#top_recommends ul.forcms_ li{
  display: block !important;
  width: 215px;
  margin: 0 auto 20px auto;
}
#top_recommends .bx-viewport ul li{
  display: block !important;
  width: 215px;
}
#top_recommends ul li a{
  display: block;
}
#top_recommends ul li a:hover{
  text-decoration: none;
  color: inherit !important;
}
#top_recommends ul li a div{
  border: 1px #cccccc solid;
  margin-bottom: 15px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}
#top_recommends ul li a:hover div{
  border: 1px #2D3796 solid;
}
#top_recommends ul li a p.ttl_{
  font-size: 13px;
  padding-bottom: 8px;
  text-align: center;
}
#top_recommends ul li a p.link_{
  text-align: center;
}
#top_recommends ul li a span{
  display: inline-block;
  background: url(../img/usr/home/common/ico_arrow03.png) no-repeat 9em center;
  padding-right: 15px;
  width: 5em;
  padding: 0 3em;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}
#top_recommends ul li a:hover span{
  background-position: 9.5em center;
}
#top_recommends .bx-default-pager{
  display: none;
}
#top_recommends .bx-controls-direction{
  width: 1000px;
}
#top_recommends .bx-controls-direction>a{
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  position: absolute;
  width: 40px;
  height: 40px;
}
#top_recommends .bx-controls-direction .bx-prev{
  top: 60px;
  left: -56px;
  background: url(../img/usr/home/cms/ico_prev.png) no-repeat;
}
#top_recommends .bx-controls-direction .bx-next{
  top: 60px;
  right: -56px;
  background: url(../img/usr/home/cms/ico_next.png) no-repeat;
}


#top_recommends .btn_{
  width: 680px;
  height: 70px;
  margin: 0 auto;
  display: block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  line-height: 70px;
  font-size: 21px;
  font-weight: lighter;
  letter-spacing: 0.1em;
  color: #ffffff;
  text-align: center;
  background: #2D3796 url(../img/usr/home/common/ico_arrow02.png) no-repeat 660px center;
}
#top_recommends .btn_:hover{
  text-decoration: none;
  background-color: #2D3796;
  background-position: 665px center;
}


/* 商品を探す */
.top_search_area_{
  width: 1000px;
  margin: 30px auto 80px auto;
}
.top_search_area_ ul{
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 40px;
}
.top_search_area_ ul.line1_{height: 333px;}
.top_search_area_ ul.line2_{height: 667px;}
.top_search_area_ ul.line3_{height: 1001px;}
.top_search_area_ ul.line4_{height: 1335px;}
.top_search_area_ ul.line5_{height: 1669px;}
.top_search_area_ ul.line6_{height: 2003px;}

.top_search_area_ ul li{
  position: absolute;
  overflow: hidden;
}

.top_search_area_ ul li.ttl_{
  background: #ffffff;
  display: table;
}
.top_search_area_ ul li.ttl_ div{
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  border:#77B1ED solid 10px;
}
.top_search_area_ ul li.ttl_ div h2{
  font-size: 40px;
  font-weight: normal;
  line-height: 115%;
  padding-top: 30px;
  color:#2D3796;
}
.top_search_area_ ul li.ttl_ div h2.item_{
}
.top_search_area_ ul li.ttl_ div h2.scene_{
  background: url(../img/usr/home/cms/top/search/ico_search02.gif) no-repeat center top;
}
.top_search_area_ ul li.ttl_ div span{
  display: block;
  font-size: 30px;
  line-height: 130%;
  padding-top: 12px;
  color:#519DDE;
}


.top_search_area_ ul li.w1_h1_{width: 333px;  height: 333px;}
.top_search_area_ ul li.w2_h1_{width: 667px;  height: 333px;}
.top_search_area_ ul li.w3_h1_{width: 1001px; height: 333px;}
.top_search_area_ ul li.w1_h2_{width: 333px;  height: 667px;}
.top_search_area_ ul li.w2_h2_{width: 667px;  height: 667px;}
.top_search_area_ ul li.w3_h2_{width: 1001px; height: 667px;}
.top_search_area_ ul li.w1_h3_{width: 333px;  height: 1001px;}
.top_search_area_ ul li.w2_h3_{width: 667px;  height: 1001px;}
.top_search_area_ ul li.w3_h3_{width: 1001px; height: 1001px;}

.top_search_area_ ul li.pos1_1_{top: 0;      left: 0;}
.top_search_area_ ul li.pos1_2_{top: 0;      left: 334px;}
.top_search_area_ ul li.pos1_3_{top: 0;      left: 668px;}
.top_search_area_ ul li.pos2_1_{top: 334px;  left: 0;}
.top_search_area_ ul li.pos2_2_{top: 334px;  left: 334px;}
.top_search_area_ ul li.pos2_3_{top: 334px;  left: 668px;}
.top_search_area_ ul li.pos3_1_{top: 668px;  left: 0;}
.top_search_area_ ul li.pos3_2_{top: 668px;  left: 334px;}
.top_search_area_ ul li.pos3_3_{top: 668px;  left: 668px;}
.top_search_area_ ul li.pos4_1_{top: 1002px; left: 0;}
.top_search_area_ ul li.pos4_2_{top: 1002px; left: 334px;}
.top_search_area_ ul li.pos4_3_{top: 1002px; left: 668px;}
.top_search_area_ ul li.pos5_1_{top: 1336px; left: 0;}
.top_search_area_ ul li.pos5_2_{top: 1336px; left: 334px;}
.top_search_area_ ul li.pos5_3_{top: 1336px; left: 668px;}
.top_search_area_ ul li.pos6_1_{top: 1670px; left: 0;}
.top_search_area_ ul li.pos6_2_{top: 1670px; left: 334px;}
.top_search_area_ ul li.pos6_3_{top: 1670px; left: 668px;}

.top_search_area_ ul li .inner_{
  position: relative;
  display: block;
}
.top_search_area_ ul li .inner_ .cover_{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.top_search_area_ ul li .inner_ .cover_ .txt_{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: table;
  background-color: rgba(0,0,0,0.3);
}
.top_search_area_ ul li .inner_ .cover_ .txt_ div{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #ffffff;
}
.top_search_area_ ul li .inner_ .cover_ .txt_ div h3{
  font-size: 36px;
  line-height: 115%;
  font-weight: normal;
  font-weight: lighter;
}
.top_search_area_ ul li .inner_ .cover_ .txt_ div span{
  display: block;
  font-size: 16px;
  line-height: 130%;
  padding-top: 9px;
}
.top_search_area_ ul li .inner_ .cover_ .txt_ div span.small_{
  font-size: 19px;
  padding-top: 5px;
}
.top_search_area_ ul li .inner_ .discription_{
  position: absolute;
  top: 0;
  left: 0;
/*  display:none;*/
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform  0.3s ease;
  background-color: rgba(45,55,150,1);
  z-index: 2;
  width: 100%;
}
.top_search_area_ ul li.w1_h1_ .inner_ .discription_{top: 333px;}
.top_search_area_ ul li.w2_h1_ .inner_ .discription_{top: 333px;}
.top_search_area_ ul li.w3_h1_ .inner_ .discription_{top: 333px;}
.top_search_area_ ul li.w1_h2_ .inner_ .discription_{top: 667px;}
.top_search_area_ ul li.w2_h2_ .inner_ .discription_{top: 667px;}
.top_search_area_ ul li.w3_h2_ .inner_ .discription_{top: 667px;}
.top_search_area_ ul li.w1_h3_ .inner_ .discription_{top: 1001px;}
.top_search_area_ ul li.w2_h3_ .inner_ .discription_{top: 1001px;}
.top_search_area_ ul li.w3_h3_ .inner_ .discription_{top: 1001px;}

.top_search_area_ ul li .inner_ .discription_>div{
  padding: 15px;
  color: #ffffff;
  font-size: 14px;
  line-height: 140%;
}
.top_search_area_ ul li .inner_ .discription_>div span{
  font-weight: bold;
  display: block;
}
.top_search_area_ ul li .inner_ .discription_>div p{
  padding-top: 3px;
}

.top_search_area_ .btn_{
  width: 680px;
  height: 70px;
  margin: 0 auto;
  display: block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  line-height: 70px;
  font-size: 21px;
  font-weight: lighter;
  letter-spacing: 0.1em;
  color: #ffffff;
  text-align: center;
  background: #2D3796 url(../img/usr/home/common/ico_arrow02.png) no-repeat 660px center;
}
.top_search_area_ .btn_:hover{
  text-decoration: none;
  background-color: #2D3796;
  background-position: 665px center;
}

/* 業者の方はこちら */
#top_trader{
  background: url(../img/usr/home/cms/top/bg_trader.html) no-repeat center center;
  height: 400px;
  margin-bottom: 80px;
}
#top_trader .inner_{
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}
#top_trader .inner_ h2{
  padding-top: 35px;
  padding-bottom: 30px;
  text-align: center;
}
#top_trader .inner_ h2 img{
  display: inline-block;
}
#top_trader .inner_ h2 span{
  display: block;
  font-size: 16px;
  color: #ffffff;
  line-height: 160%;
  padding-top: 12px;
}
#top_trader .inner_ ul{
  overflow: hidden;
  height: 220px;
}
#top_trader .inner_ ul li.type1_{
  float: left;
  width: 240px;
  padding-right: 10px;
}
#top_trader .inner_ ul li.type1_ a{
  display: block;
  width: 236px;
  height: 216px;
  position: relative;
  background : #ffffff;
  border: 2px #ffffff solid;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}
#top_trader .inner_ ul li.type1_ a img{
  position: absolute;
  top: 8px;
  left: 8px;
}
#top_trader .inner_ ul li.type1_ a span{
  position: absolute;
  display: block;
  line-height: 30px;
  width: 220px;
  left: 8px;
  bottom: 13px;
  font-size: 17px;
  letter-spacing: 0.05em;
  text-align: center;
  background: url(../img/usr/home/common/ico_arrow03.png) no-repeat right center;
}
#top_trader .inner_ ul li.type2_{
  float: right;
  width: 240px;
}
#top_trader .inner_ ul li.type2_ .btn_{
  margin-bottom: 20px;
}
#top_trader .inner_ ul li.type2_ .btn_ div{
  display: table;
  width: 240px;
  height: 100px;
}
#top_trader .inner_ ul li.type2_ .btn_ div a{
  display: table-cell;
  border: 2px #ffffff solid;
  vertical-align: middle;
  background: #ffffff url(../img/usr/home/common/ico_download.png) no-repeat 200px center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 0 18px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}
#top_trader .inner_ ul li.type2_ .btn_ div a p{
  line-height: 150%;
  font-size: 17px;
}
#top_trader .inner_ ul li.type2_ .btn_ div a span{
  line-height: 150%;
  color: #2D3796;
  font-weight: bold;
}
#top_trader .inner_ ul li a:hover{
  border: 2px #2D3796 solid !important;
  text-decoration: none;
  color: inherit;
}


/* コンセプトガーデン */
#top_brand{
  background: #eeeeee;
  padding: 60px 0 55px 0;
}
#top_brand .inner_{
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}
#top_brand h2{
  padding-bottom: 25px;
  text-align: center;
}
#top_brand h2 img{
  display: inline-block;
}
#top_brand h2 span{
  display: block;
  font-size: 16px;
  color: #2D3796;
  line-height: 160%;
  padding-top: 12px;
}
#top_brand ul{
  width: 1020px;
  overflow: hidden;
}
#top_brand ul li{
  float: left;
  width: 190px;
  padding-right: 10px;
  padding-bottom:15px;
}
#top_brand ul li a{
  display: block;
}
#top_brand ul li a:hover{
  text-decoration: none;
  color: inherit;
}
#top_brand ul li a div{
}
#top_brand ul li a h3{
  height: 45px;
  overflow: hidden;
  display: block;
  line-height: 45px;
  font-size: 18px;
  font-weight: bold;
  color:#333333;
  text-align:center;
}
#top_brand ul li p{
  margin: 0 16px 0 0;
  font-size: 13px;
  line-height: 150%;
  text-align:center;
}

/* 特集 */
#top_special{
  background: #f2ffe8;
}
#top_special .inner_{
  width: 1000px;
  margin: 0 auto;
  padding: 48px 0 35px 0;
  overflow: hidden;
}
#top_special h2{
  padding-bottom: 25px;
  text-align: center;
}
#top_special h2 img{
  display: inline-block;
}
#top_special h2 span{
  display: block;
  font-size: 16px;
  color: #2D3796;
  line-height: 160%;
  padding-top: 12px;
}
#top_special .large_{
  width: 1020px;
  overflow: hidden;
}
#top_special .large_ li{
  float: left;
  padding-right: 20px;
  margin-bottom: 15px;
  width: 490px;
}
#top_special .large_ li a{
  display: block;
  border: 1px #2D3796 solid;
}
#top_special .bnr_{
  width: 1020px;
  overflow: hidden;
}
#top_special .bnr_ li{
  float: left;
  padding-right: 20px;
  margin-bottom: 15px;
  width: 320px;
}


/* コミュニティ */
#top_community{
  width: 1000px;
  margin: 70px auto;
  overflow: hidden;
}
#top_community h2{
  padding-bottom: 25px;
  text-align: center;
}
#top_community h2 img{
  display: inline-block;
}
#top_community h2 span{
  display: block;
  font-size: 16px;
  color: #2D3796;
  line-height: 160%;
  padding-top: 12px;
}
#top_community ul{
  width: 1020px;
  overflow: hidden;
}
#top_community ul li{
  float: left;
  padding-right: 20px;
}
#top_community ul li a{
  display: block;
  width: 235px;
  height: 220px;
  position: relative;
}
#top_community ul li a:hover{
  text-decoration: none;
  color: inherit;
}
#top_community ul li div{
  width: 233px;
  height: 218px;
  border: 1px #cccccc solid;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}
#top_community ul li a:hover div{
  border: 1px #2D3796 solid;
}

#top_community ul li div img{
  display: block;
}
#top_community ul li h3{
  position: absolute;
  bottom: 1px;
  left: 1px;
  background-color: rgba(0,0,0,0.7);
  width: 233px;
}
#top_community ul li h3 span{
  display: block;
  padding: 18px 20px 13px 9px;
  color: #ffffff;
  font-size: 14px;
  background: url(../img/usr/home/common/ico_arrow03.png) no-repeat 218px center;
}

/* ニュース */
#top_news{
  width: 1000px;
  margin: 30px auto 30px auto;
  overflow: hidden;
}
#top_news .ttl_{
  display: block;
  position: relative;
}
#top_news .ttl_ h2{
  padding-bottom: 25px;
  text-align: center;
}
#top_news .ttl_ h2 img{
  display: inline-block;
}
#top_news .ttl_ h2 span{
  display: block;
  font-size: 16px;
  color: #2D3796;
  line-height: 160%;
  padding-top: 12px;
}
#top_news .ttl_ a{
  position: absolute;
  right: 0;
  top: 25px;
  display: block;
  width: 170px;
  line-height: 40px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  text-align: center;  
  font-size: 14px;
  background: #2D3796 url(../img/usr/home/common/ico_arrow02.png) no-repeat 150px center;
}
#top_news .ttl_ a:hover{
  text-decoration: none;
  background-color: #2D3796;
  background-position: 155px center;
  color: #ffffff;
}

#top_news ul{
  border-top: 1px #cccccc dotted;
}
#top_news ul li{
  border-bottom: 1px #cccccc dotted;
}
#top_news ul li a{
  display: table;
  width: 100%;
  padding: 16px 0;
  font-size: 13px;
  min-height: 22px;
}
#top_news ul li a:hover{
  text-decoration: none;
  color:#2D3796;
}
#top_news ul li a>span{
  display: table-cell;
  width: 130px;
  padding-left: 10px;
  vertical-align: middle;
}
#top_news ul li a>p{
  display: table-cell;
  width: 730px;
  padding-right: 10px;
  line-height: 150%;
  vertical-align: middle;
}
#top_news ul li a>.ico_{
  display: table-cell;
  width: 120px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: right center;
}
#top_news ul li a>.ico_.corp_topics{background-image: url(../img/usr/common/ico_category01.png);}
#top_news ul li a>.ico_.pro_topics{background-image: url(../img/usr/common/ico_category02.png);}
#top_news ul li a>.ico_.home_topics{background-image: url(../img/usr/common/ico_category03.png);}
#top_news ul li a>.ico_.other_topics{background-image: url(../img/usr/common/ico_category04.png);}

#top_news ul li a>.ico_.topics01{background-image: url(../img/usr/common/ico_topics01.png);}
#top_news ul li a>.ico_.topics02{background-image: url(../img/usr/common/ico_topics02.png);}
#top_news ul li a>.ico_.topics03{background-image: url(../img/usr/common/ico_topics03.png);}
#top_news ul li a>.ico_.topics04{background-image: url(../img/usr/common/ico_topics04.png);}
#top_news ul li a>.ico_.topics05{background-image: url(../img/usr/common/ico_topics05.png);}
#top_news ul li a>.ico_.topics06{background-image: url(../img/usr/common/ico_topics06.png);}


#top_news_bottom{
  overflow: hidden;
  width: 1000px;
  margin: 0 auto;
}
#top_news_bottom .important_notices_{
  float: left;
  max-width: 570px;
  width: auto !important;
  margin-top: 0;
  padding-left:70px;
  padding-right:70px;
}
#top_news_bottom>a{
  display: block;
  float:right;
  width: 280px;
  margin-top: 12px;
  text-align: right;
  font-size: 14px;
  text-decoration: underline;
}
#top_news_bottom>a:hover{
  text-decoration: none;
}



/* --------------------------------------------------------------------
	common Module
-------------------------------------------------------------------- */
/* mod_navitopicpath */
.mod_navitopicpath_{
  margin: 0 auto 20px auto;
  width: 1000px;
}
.mod_navitopicpath_ ul{
  overflow: hidden;
}
.mod_navitopicpath_ ul li{
  float: left;
  padding-right: 12px;
}
.mod_navitopicpath_ ul li:last-child{
  padding-right: 0;
}
.mod_navitopicpath_ ul li.home_ a{
  display: block;
  width: 12px;
  height: 12px;
  background: url(../img/usr/home/common/ico_home.gif) no-repeat;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  padding-left: 0;
}
.mod_navitopicpath_ ul li a{
  display: block;
  line-height: 130%;
  background: url(../img/usr/home/common/ico_arrow01.png) no-repeat left 4px;
  padding-left: 14px;
}
.mod_navitopicpath_ ul li span{
  display: block;
  line-height: 130%;
  background: url(../img/usr/home/common/ico_arrow01.png) no-repeat left 4px;
  padding-left: 14px;
}

/* module_h1 */
.mod_h1_pt1_,
.mod_h1_pt2_{
  margin: 0 auto 30px auto;
  width: 1000px;
  position: relative;
}
.mod_h1_pt1_>div,
.mod_h1_pt2_>div{
  overflow: hidden;
}
.mod_h1_pt1_:before,
.mod_h1_pt2_:before{
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  background: #cccccc;
  top: 0;
  left: 0;
}
.mod_h1_pt1_:after,
.mod_h1_pt2_:after{
  content: "";
  position: absolute;
  display: block;
  width: 120px;
  height: 3px;
  background: #2D3796;
  top: 0;
  left: 0;
}

.mod_h1_pt1_ img{
	float: left;
	margin-top: 13px;
	margin-right: 15px;
	width: 50px;
	height: 50px;
}
.mod_h1_pt1_ h1{
	float: left;
	padding-top: 23px;
	font-size: 22px;
	font-weight: bold;
	line-height: 130%;
}
.mod_h1_pt1_ span{
	float: right;
	background: url(../img/usr/home/common/ico_arrow04.png) no-repeat 0 center;
	display: block;
	margin-top: 30px;
	padding-left: 18px;
}
.mod_h1_pt2_ h1{
	padding-top: 20px;
	font-size: 22px;
	font-weight: bold;
	line-height: 130%;
}

.mod_h1_pt3_{
  margin: 0 auto 30px auto;
  width: 1000px;
  overflow: hidden;
  position: relative;
}
.mod_h1_pt3_>img{
  display: block;
}
.mod_h1_pt3_ .text_{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(153,191,53,0.8);
  color: #ffffff;
}
.mod_h1_pt3_ .text_ .inner_{
  display: table;
  width: 100%;
  padding: 20px 0;
}
.mod_h1_pt3_ .text_ .inner_ div{
  display: table-cell;
  padding: 0 50px;
  width: 300px;
  text-align: center;
  vertical-align: middle;
}
.mod_h1_pt3_ .text_ .inner_ div h1{
  line-height: 130%;
  font-size: 30px;
  font-weight: lighter;
}
.mod_h1_pt3_ .text_ .inner_ div span{
  font-size: 14px;
  line-height: 130%;
  display: block;
  padding-top: 5px;
}
.mod_h1_pt3_ .text_ .inner_ p{
  display: table-cell;
  padding-right: 25px;
  line-height: 160%;
  vertical-align: middle;
}

.mod_h1_pt4_{
  margin: 0 auto 30px auto;
  width: 1000px;
  border-top: 2px #2D3796 solid;
  border-bottom: 2px #d5d5d5 solid;
  padding: 25px 0;
  line-height: 130%;
  font-size: 22px;
  font-weight: bold;
}

/* module_h2 */
.mod_h2_{
  width: 1000px;
  margin: 0 auto 30px auto;
}
.mod_h2_ h2{
	padding: 14px 0;
	font-size: 18px;
	font-weight: bold;
	border-top: 1px #2D3796 dotted;
	border-bottom: 1px #2D3796 dotted;
}

.mod_h2_pt2_{
  background: #eeeeee;
  padding: 10px 0;
  width: 1000px;
  margin: 0 auto 30px auto;
}
.mod_h2_pt2_ span{
  border-left: 3px #2D3796 solid;
  line-height: 130%;
  padding: 3px 15px 3px 13px;
  display: block;
  font-size: 16px;
  font-weight: bold;
}

.mod_h2_pt3_{
  width: 1000px;
  margin: 0 auto 30px auto;
  line-height: 125%;
  font-size: 40px;
  font-weight: lighter;
  text-align: center;
}


/* module_h3 */
.mod_h3_{
  width: 1000px;
  margin: 0 auto 30px auto;
}
.mod_h3_ h3{
	font-size: 16px;
	font-weight: bold;
	color: #2D3796;
}

.mod_h3_pt2_{
  background: #eeeeee;
  padding: 10px 0;
  width: 1000px;
  margin: 0 auto 30px auto;
}
.mod_h3_pt2_ span{
  border-left: 3px #2D3796 solid;
  line-height: 130%;
  padding: 3px 15px 3px 13px;
  display: block;
  font-size: 16px;
  font-weight: bold;
}

/* module_btn01 (w:300px) */
.mod_btn01_{
  width: 300px;
  margin: 0 auto 30px auto;
}
.mod_btn01_ div{
	width: 300px;
	height: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.mod_btn01_ div a{
    background: #2D3796 url(../img/usr/home/common/ico_arrow07.png) no-repeat 280px center;
    padding: 0 15px;
	line-height: 45px;
	text-align: center;
	display: block;
	color: #ffffff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.mod_btn01_ div a:hover{
  text-decoration: none;
  background-color: #2D3796;
  background-position: 285px center;
}

/* module_btn02 (w:680px) */
.mod_btn02_{
  width: 680px;
  margin: 0 auto 30px auto;
}
.mod_btn02_ div{
	width: 680px;
	height: 70px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.mod_btn02_ div a{
    background: #2D3796 url(../img/usr/home/common/ico_arrow07.png) no-repeat 655px center;
    padding: 0 15px;
	line-height: 70px;
	text-align: center;
	display: block;
	color: #ffffff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 24px;
}
.mod_btn02_ div a:hover{
  text-decoration: none;
  background-color: #2D3796;
  background-position: 660px center;
}

/* module_border */
.mod_border_{
  width: 1000px;
  margin: 0 auto 30px auto;
	border-top: 1px #cccccc solid;
	border-bottom: 1px #ffffff solid;
	height: 0;
	line-height: 0;
	font-size: 0;
}

/* module_no1 */
.mod_no1_{
  width: 1000px;
  margin: 0 auto 30px auto;
	overflow: hidden;
}
.mod_no1_ .img_{
	float: left;
	padding: 0 30px 15px 0;
}
.mod_no1_ .img_ img{
  width: 250px;
  display: block;
}
.mod_no1_ .txt_ p{
	margin-bottom: 10px;
  line-height: 160%;
}

/* module_no2 */
.mod_no2_{
  width: 1000px;
  margin: 0 auto 30px auto;
	overflow: hidden;
}
.mod_no2_ .img_{
	float: right;
  padding: 0 0 15px 30px;
}
.mod_no2_ .img_ img{
  width: 250px;
  display: block;
}
.mod_no2_ .txt_ p{
  margin-bottom: 10px;
  line-height: 160%;
}

/* module_no3 */
.mod_no3_{
  width: 1000px;
  margin: 0 auto 30px auto;
	text-align: center;
}

/* module_no4 */
.mod_no4_{
  width: 1000px;
  margin: 0 auto 30px auto;
}
.mod_no4_ p{
  margin-bottom: 10px;
  line-height: 160%;
}

/* module_no5 */
.mod_no5_,
.mod_no5_withtext_,
.mod_no21_{
  width: 1000px;
  margin: 0 auto 30px auto;
  overflow: hidden;
}
.mod_no5_ ul,
.mod_no5_withtext_ ul,
.mod_no21_ ul{
  width: 1020px;
  overflow: hidden;
}
.mod_no5_ li,
.mod_no5_withtext_ li,
.mod_no21_ li{
	float: left;
  width: 490px;
	padding-right: 20px;
}
.mod_no5_ li a,
.mod_no5_ li span,
.mod_no5_withtext_ li a,
.mod_no5_withtext_ li span,
.mod_no21_ li a,
.mod_no21_ li span{
	display: block;
}
.mod_no5_withtext_ li p{
  line-height: 160%;
  padding-top: 5px;
}

/* module_no6 */
.mod_no6_{
  width: 1000px;
  margin: 0 auto 30px auto;
	overflow: hidden;
}
.mod_no6_ ul{
  width: 1020px;
  overflow: hidden;
}
.mod_no6_ li{
	float: left;
	width: 490px;
	padding-right: 20px;
}
.mod_no6_ li p{
  line-height: 160%;
}

/* module_no7,22 */
.mod_no7_row3_,
.mod_no7_row4_,
.mod_no7_row5_,
.mod_no22_row3_,
.mod_no22_row4_,
.mod_no22_row5_{
  width: 1000px;
  margin: 0 auto 30px auto;
  overflow: hidden;
}
.mod_no7_row3_ ul,
.mod_no7_row4_ ul,
.mod_no7_row5_ ul,
.mod_no22_row3_ ul,
.mod_no22_row4_ ul,
.mod_no22_row5_ ul{
  width: 1020px;
  overflow: hidden;
}
.mod_no7_row3_ li,
.mod_no7_row4_ li,
.mod_no22_row3_ li,
.mod_no22_row4_ li{
	float: left;
	padding-right: 20px;
}
.mod_no7_row5_ li,
.mod_no22_row5_ li{
	float: left;
	padding-right: 20px;
}
.mod_no7_row3_ li a,
.mod_no7_row4_ li a,
.mod_no7_row5_ li a,
.mod_no22_row3_ li a,
.mod_no22_row4_ li a,
.mod_no22_row5_ li a,
.mod_no7_row3_ li span,
.mod_no7_row4_ li span,
.mod_no7_row5_ li span,
.mod_no22_row3_ li span,
.mod_no22_row4_ li span,
.mod_no22_row5_ li span{
	display: block;
}

/* module_no8 */
.mod_no8_row3_,
.mod_no8_row4_,
.mod_no8_row5_,
.mod_no8_row3_withimg_,
.mod_no8_row4_withimg_,
.mod_no8_row5_withimg_{
  width: 1000px;
  margin: 0 auto 30px auto;
  overflow: hidden;
}
.mod_no8_row3_ ul,
.mod_no8_row4_ ul,
.mod_no8_row5_ ul,
.mod_no8_row3_withimg_ ul,
.mod_no8_row4_withimg_ ul,
.mod_no8_row5_withimg_ ul{
  width: 1020px;
  overflow: hidden;
}
.mod_no8_row3_ li,
.mod_no8_row3_withimg_ li{
	float: left;
	width: 320px;
	padding-right: 20px;
}
.mod_no8_row4_ li,
.mod_no8_row4_withimg_ li{
	float: left;
	width: 235px;
  padding-right: 20px;
}
.mod_no8_row5_ li,
.mod_no8_row5_withimg_ li{
	float: left;
	width: 184px;
  padding-right: 20px;
}
.mod_no8_row3_ li p,
.mod_no8_row4_ li p,
.mod_no8_row5_ li p{
  line-height: 160%;
}
.mod_no8_row3_withimg_ li p,
.mod_no8_row4_withimg_ li p,
.mod_no8_row5_withimg_ li p{
  padding-top: 5px;
  line-height: 160%;
}


/* module_no9 */
.mod_no9_{
  width: 1000px;
  margin: 0 auto 30px auto;
	border-top: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
}
.mod_no9_ li{
	border-bottom: 1px #cccccc dotted;
	padding: 10px 0 10px 10px;
	width: 990px;
	overflow: hidden;
}
.mod_no9_ li:last-child{
  border-bottom: none;
}
.mod_no9_ li img{
	float: left;
	width: 25px;
}
.mod_no9_ li div{
	float: right;
	width: 100%;
	margin-left: -25px;
}
.mod_no9_ li span{
	display: block;
  margin-left: 45px;
	padding-right: 10px;
  line-height: 170%;
}

/* module_no10 */
.mod_no10_{
  width: 1000px;
  margin: 0 auto 30px auto;
}
.mod_no10_ table{
	border-collapse:collapse;
	border:none;
	border-spacing:0;
	border-top: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	width: 100%;
}
.mod_no10_ table th,
.mod_no10_ table td{
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc dotted;
	padding: 11px 14px;
  line-height: 160%;
}
.mod_no10_ table tr:last-child th,
.mod_no10_ table tr:last-child td{
	border-bottom: 1px #cccccc solid;
}

/* module_no11 */
.mod_no11_{
  width: 1000px;
  margin: 0 auto 30px auto;
  overflow: hidden;
}
.mod_no11_ ul{
  width: 1020px;
  overflow: hidden;
}
.mod_no11_ ul li{
  float: left;
  width: 320px;
  padding-right: 20px;
  margin-bottom: 30px;
}
.mod_no11_ ul li h2{
  background: #eeeeee;
  padding: 10px 15px 10px 0;
  margin-bottom: 10px;
}
.mod_no11_ ul li h2 span{
  border-left: 3px #2D3796 solid;
  line-height: 130%;
  padding: 1px 0 1px 13px;
  display: block;
  font-size: 16px;
  font-weight: bold;
}
.mod_no11_ ul li>a,
.mod_no11_ ul li>span{
  display: block;
  width: 320px;
}
.mod_no11_ ul li>a img,
.mod_no11_ ul li>span img{
  display: block;
}

/* module_no12 */
.mod_no12_{
  width: 1000px;
  margin: 0 auto 30px auto;
	overflow: hidden;
}
.mod_no12_ ul{
  width: 1020px;
  overflow: hidden;
}
.mod_no12_ li{
	float: left;
  width: 235px;
	padding-right: 20px;
}
.mod_no12_ li .box_wrapper_{
	border: 1px #cccccc solid;
	padding: 6px;
	display: block;
  width: 221px;
  height: 150px;
}

.mod_no12_ li .boxgrid_{
  width: 221px;
	height: 150px;
 float:left;  
 overflow: hidden;  
 position: relative;  
}  
.mod_no12_ li .boxgrid_ img{  
 position: absolute;  
 top: 0;
 left: 0;
}
.mod_no12_ li .boxcaption_{
	float: left;
	background: rgba(0,0,0,0.5);
	top: 150px;
	position: absolute;  
	height: 200px;  
	width: 100%;  
}  
.mod_no12_ li .cover{
}  

.mod_no12_ li .boxcaption_ p {
	margin: 13px 13px 0 13px;
	color: #FFF;
}
.mod_no12_ li .boxcaption_ p a{
	color: #FFF;
	text-decoration: underline;
}
.mod_no12_ li .boxcaption_ p a:hover{
	color: #EEE;
	text-decoration: none;
}

/* module_no13 */
.mod_no13_{
  width: 1000px;
  margin: 0 auto 30px auto;
}
.mod_no13_ dl{
	border: 1px #cccccc solid;
	margin-bottom: 10px;
}
.mod_no13_ dt{
	padding: 14px 10px 14px 38px;
	overflow: hidden;
}
.mod_no13_ dt.close_{
	background: url(../img/usr/home/common/ico_arrow05.png) no-repeat 18px 18px;
}
.mod_no13_ dt.open_{
	background: url(../img/usr/home/common/ico_arrow06.png) no-repeat 18px 18px;
}
.mod_no13_ dt.open_ span{
	color: #2D3796;
}
.mod_no13_ dt span.title_{
	float: left;
	display: block;
	width: 560px;
}
.mod_no13_ dt span.txt_{
	float: right;
	width: 45px;
	text-align: right;
	padding-right: 13px;
	text-decoration: underline;
}
.mod_no13_ dt:hover p{
	text-decoration: none;
}
.mod_no13_ dt:hover{
	cursor: pointer;
}
.mod_no13_ dt:hover span{
	cursor: pointer;
}

.mod_no13_ dd{
	margin: 0 10px;
	padding: 15px 5px 20px 10px;
	border-top: 1px #cccccc dotted;
  line-height: 160%;
}

/* module_no14 */
.mod_no14_{
  width: 1000px;
  margin: 0 auto 30px auto;
}
.mod_no14_ li{
}
.mod_no14_ li a{
  display: block;
  padding: 18px 20px 18px 0;
  line-height: 160%;
  border-bottom: 1px #d5d5d5 solid;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;  
  background: url(../img/usr/home/common/ico_arrow03.png) no-repeat right center;
}
.mod_no14_ li a:hover{
  border-bottom: 1px #2D3796 solid;
  text-decoration: none;
  color: inherit;
}

/* module_no15 */
.mod_no15_{
  width: 1000px;
  margin: 0 auto 30px auto;
}
.mod_no15_ dl{
  border: 1px #cccccc solid;
  margin-bottom: 20px;
}
.mod_no15_ dt{
  padding: 15px 60px 16px 15px;
  overflow: hidden;
  position: relative;
}
.mod_no15_ dt .q_{
  font-size: 18px;
  line-height: 130%;
  padding-left: 45px;
  display: block;
  background: url(../img/usr/home/common/ico_q.gif) no-repeat left top;  
  min-height: 24px;  
}
.mod_no15_ dt .btn_{
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  background: #2D3796;
  top: 50%;
  right: 14px;
  margin-top: -15px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;  
}
.mod_no15_ dt:hover{
  cursor: pointer;
}
.mod_no15_ dt .btn_:after{
  display: block;
  font-size: 20px;
  text-align: center;
  line-height: 30px;
  color: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;  
}
.mod_no15_ dt.close_ .btn_:after{
  content: "＋";
}
.mod_no15_ dt.open_ .btn_:after{
  content: "−";
}
.mod_no15_ dt:hover .btn_{
  background: #2D3796;
}

.mod_no15_ dd{
  padding: 15px 15px 16px 15px;
  border-top: 1px #cccccc solid;
}
.mod_no15_ dd div{
  line-height: 160%;
  padding-left: 45px;
  background: url(../img/usr/home/common/ico_a.gif) no-repeat left top;
  min-height: 24px;  
}
.mod_no15_ dd>a{
  display: block;
  width: 400px;
  height: 50px;
  margin: 20px auto 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.mod_no15_ dd>a span{
    background: #2D3796 url(../img/usr/home/common/ico_arrow07.png) no-repeat 380px center;
    padding: 0 15px;
  line-height: 50px;
  text-align: center;
  display: block;
  color: #ffffff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 18px;
}
.mod_no15_ dd>a:hover{
  text-decoration: none;
}
.mod_no15_ dd>a:hover span{
  background-color: #2D3796;
  background-position: 385px center;
}

/* module_no16 */
.mod_no16_{
  width: 1000px;
  margin: 0 auto 70px auto;
}
.mod_no16_ .bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
}
.mod_no16_ .slides_ li{
	display: none;
}
.mod_no16_.forcms_ .slides_ li{
	display: block !important;
}
.mod_no16_ .bx-viewport .slides_ li{
	display: block !important;
}
.mod_no16_ .bx-wrapper .bx-viewport {
}
.mod_no16_ .bx-wrapper .bx-pager {
	text-align: center;
	padding-top: 18px;
	position: absolute;
	width: 100%;
}
.mod_no16_ .bx-wrapper .bx-pager .bx-pager-item{
	display: inline-block;
	*display: inline;  
	*zoom: 1;  
}
.mod_no16_ .bx-wrapper .bx-pager .bx-pager-item a{
  background: #cccccc;
	width: 11px;
	height: 11px;
	display: block;
	margin: 0 5px;
	text-indent: -9999px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;  
}
.mod_no16_ .bx-wrapper .bx-pager .bx-pager-item a.active{
  background: #2D3796;
}
.mod_no16_ .bx-wrapper .bx-controls-direction{
	position: absolute;
	z-index: 100;
	width: 100%;
}
.mod_no16_ .bx-wrapper .bx-controls-direction a{
	position: absolute;
	width: 13px;
	height: 25px;
	display: block;
	top: 10px;
	text-indent: -9999px;
}
.mod_no16_ .bx-wrapper .bx-controls-direction a.bx-prev{
	background: url(../img/usr/master_template/module_ico_slide_arrow.png) no-repeat left;
	left: 0;
}
.mod_no16_ .bx-wrapper .bx-controls-direction a.bx-next{
	background: url(../img/usr/master_template/module_ico_slide_arrow.png) no-repeat right;
  right: 0;
}

/* module_no17 */
.mod_no17_{
  width: 1000px;
  margin: 0 auto 30px auto;
  overflow: hidden;
}
.mod_no17_ ul{
  width: 1020px;
  overflow: hidden;
}
.mod_no17_ ul li{
  width: 235px;
  float: left;
  padding-right: 20px;
  margin-bottom: 20px;
}
.mod_no17_ ul li a{
  display: block;
  background: url(../img/usr/home/common/bg_btn.gif) repeat;
  padding: 10px;
}
.mod_no17_ ul li a:hover{
  color: inherit;
  text-decoration: none;
}
.mod_no17_ ul li a div{
  border: 1px #d5d5d5 solid;
  background: #ffffff;
  padding: 0 10px 9px 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.mod_no17_ ul li a:hover div{
  border: 1px #2D3796 solid;
}
.mod_no17_ ul li a p{
  display: table;
  width: 100%;
  background: url(../img/usr/home/common/ico_arrow08.png) no-repeat bottom center;
}
.mod_no17_ ul li a p span{
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  text-align: center;
  padding: 12px 0 18px 0;
  line-height: 140%;
}

/* module_no18,19 */
.mod_no18_,
.mod_no19_{
  width: 1000px;
  margin: 0 auto 30px auto;
	overflow: hidden;
}
.mod_no18_ .img_{
	float: left;
  padding: 0 30px 15px 0;
	width: 250px;
}
.mod_no19_ .img_{
	float: right;
	padding: 0 0 15px 30px;
	width: 250px;
}
.mod_no18_ .img_ div,
.mod_no19_ .img_ div{
	text-align: center;
	padding-top: 10px;
}
.mod_no18_ .img_ div span,
.mod_no19_ .img_ div span{
	width: 180px;
	height: 30px;
	display: block;
	margin: 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.mod_no18_ .img_ div span a,
.mod_no19_ .img_ div span a{
    background: #2D3796 url(../img/usr/home/common/ico_arrow07.png) no-repeat 165px center;
    padding: 0 15px;
	line-height: 30px;
	text-align: center;
	display: block;
	color: #ffffff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.mod_no18_ .img_ div span a:hover,
.mod_no19_ .img_ div span a:hover{
  text-decoration: none;
  background-color: #2D3796;
  background-position: 170px center;
}

.mod_no18_ .img_ img,
.mod_no19_ .img_ img{
  width: 250px;
  display: block;
}
.mod_no18_ .txt_ p,
.mod_no19_ .txt_ p{
  margin-bottom: 10px;
  line-height: 160%;
}

/* module_no20 */
.mod_no20_{
  width: 1000px;
  margin: 0 auto 30px auto;
}
.mod_no20_ div.img_{
	text-align: center;
}
.mod_no20_ div.img_ img{
}
.mod_no20_ div.btn_{
	text-align: center;
	padding-top: 10px;
}
.mod_no20_ div.btn_ span{
	width: 180px;
	height: 30px;
	display: block;
	margin: 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.mod_no20_ div.btn_ span a{
    background: #2D3796 url(../img/usr/home/common/ico_arrow07.png) no-repeat 165px center;
    padding: 0 15px;
	line-height: 30px;
	text-align: center;
	display: block;
	color: #ffffff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.mod_no20_ div.btn_ span a:hover{
  text-decoration: none;
  background-color: #2D3796;
  background-position: 170px center;
}

/* module_no21 */
.mod_no21_ li{
	width: 490px;
}
.mod_no21_ li div{
	text-align: center;
	padding-top: 10px;
}
.mod_no21_ li div span{
	width: 180px;
	height: 30px;
	display: block;
	margin: 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.mod_no21_ li div span a{
    background: #2D3796 url(../img/usr/home/common/ico_arrow07.png) no-repeat 165px center;
    padding: 0 15px;
	line-height: 30px;
	text-align: center;
	display: block;
	color: #ffffff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.mod_no21_ li div span a:hover{
  text-decoration: none;
  background-color: #2D3796;
  background-position: 170px center;
}

/* module_no22 */
.mod_no22_row3_ li{
	width: 320px;
}
.mod_no22_row4_ li{
	width: 235px;
}
.mod_no22_row3_ li div,
.mod_no22_row4_ li div{
	text-align: center;
	padding-top: 10px;
}
.mod_no22_row3_ li div span,
.mod_no22_row4_ li div span{
	width: 150px;
	height: 30px;
	display: block;
	margin: 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.mod_no22_row3_ li div span a,
.mod_no22_row4_ li div span a{
    background: #2D3796 url(../img/usr/home/common/ico_arrow07.png) no-repeat 135px center;
    padding: 0 15px;
	line-height: 30px;
	text-align: center;
	display: block;
	color: #ffffff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.mod_no22_row3_ li div span a:hover,
.mod_no22_row4_ li div span a:hover{
  text-decoration: none;
  background-color: #2D3796;
  background-position: 140px center;
}

/* module_no23 */
.mod_no23_{
  width: 1000px;
  margin: 0 auto 30px auto;
  position: relative;
}
.mod_no23_ img{
}
.mod_no23_ div{
  position: absolute;
  top: 0;
  height: 100%;
}
.mod_no23_ div p{
  display: table;
  height: 100%;
}
.mod_no23_ div p span{
  display: table-cell;
  font-size: 30px;
  font-weight: bold;
  padding-left: 30px;
  color: #ffffff;
  vertical-align: middle;
}

/* module_no24 */
.mod_no24_{
  width: 1000px;
  margin: 0 auto 30px auto;
	overflow: hidden;
}
.mod_no24_ .img_{
	float: left;
	padding: 0 30px 15px 0;
}
.mod_no24_ .img_ img{
	width: 250px;
}
.mod_no24_ .txt_ p{
	margin-bottom: 30px;
  line-height: 160%;
}
.mod_no24_ .txt_ li{
	float: left;
	width: 100px;
	padding-right: 10px;
}
.mod_no24_ .txt_ li:last-child{
	padding-right: 0;
}
.mod_no24_ .txt_ li p{
  line-height: 160%;
	padding-top: 4px;
}

/* module_no25 */
.mod_no25_{
  width: 1000px;
  margin: 0 auto 30px auto;
	overflow: hidden;
}
.mod_no25_ ul{
  width: 1020px;
  overflow: hidden;
}  
.mod_no25_ li{
	float: left;
  width: 320px;
  padding-right: 20px;
	margin-bottom: 25px;
}
.mod_no25_ a{
	border: 1px #cccccc solid;
	display: block;
	padding: 9px;
	width: 300px;
	margin-bottom: 10px;
	font-weight: bold;
	text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.mod_no25_ a:hover{
	border: 1px #2D3796 solid;
  text-decoration: none;
  color: inherit;
}
.mod_no25_ p{
	width: 320px;
  line-height: 160%;
}

/* module_no26 */
.mod_no26_{
  width: 1000px;
  margin: 0 auto 30px auto;
	overflow: hidden;
}
.mod_no26_ ul{
  width: 1020px;
  overflow: hidden;
}
.mod_no26_ li{
	float: left;
	width: 235px;
	padding-right: 20px;
}
.mod_no26_ li a{
	border: 1px #cccccc solid;
	background: #ffffff;
	display:block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.mod_no26_ li a:hover{
  text-decoration: none;
  color: inherit;
  border: 1px #2D3796 solid;
}
.mod_no26_ li img{
	margin: 6px auto;
	display: block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.mod_no26_ li a:hover img{
  opacity: 0.9;
}
.mod_no26_ li span{
	text-align: center;
	padding: 6px 6px 10px 6px;
	display: block;
  line-height: 160%;
}

/* module_no27 */
.mod_no27_{
  width: 1000px;
  margin: 0 auto 30px auto;
	overflow: hidden;
}
.mod_no27_ ul{
  width: 1020px;
  overflow: hidden;
}
.mod_no27_ li{
	float: left;
	width: 490px;
	padding-right:20px;
}
.mod_no27_ li a{
  display: block;
  border: 1px #cccccc solid;
  padding: 6px;
  overflow: hidden;
}
.mod_no27_ li a:hover{
  text-decoration: none;
  color: inherit;
  border: 1px #2D3796 solid;
}
.mod_no27_ li img{
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.mod_no27_ li a:hover img{
  opacity: 0.9;
}
.mod_no27_ li.img_ .img_{
  float: left;
  width: 221px;
}
.mod_no27_ li .desc_{
  padding: 6px;
}
.mod_no27_ li.img_ .desc_{
  float: right;
  width: 240px;
  padding: 6px 3px 6px 8px;
}
.mod_no27_ li .desc_ .ttl_{
  font-weight: bold;
  line-height: 160%;
}
.mod_no27_ li .desc_ .txt_{
  display: block;
  padding-top: 4px;
  padding-right: 2px;
  line-height: 160%;
}


#boxer .inline_content_ {
    width: 560px;
    overflow: hidden;
}
@media screen and (max-width: 640px) {
  #boxer .inline_content_ {width: 360px;}
  #boxer .inline_content_ iframe{width: 360px !important; height: 203px !important;}
}
@media screen and (max-width: 430px) {
  #boxer .inline_content_ {width: 260px;}
  #boxer .inline_content_ iframe{width: 260px !important; height: 146px !important;}
}
#boxer .inline_content_>div>p{
  padding: 10px;
  line-height: 170%;
  text-align: left;
}
.boxer-content .inline_content_ .btn_{
  text-align: center;
  padding-top: 10px;
}
.boxer-content .inline_content_ .btn_ span{
  width: 100%;
  height: 30px;
  display: block;
  margin: 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.boxer-content .inline_content_ .btn_ a{
    background: #2D3796 url(../img/usr/home/common/ico_arrow07.png) no-repeat 97% center;
    padding: 0 15px;
  line-height: 30px;
  text-align: center;
  display: block;
  color: #ffffff;
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -ms-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
}
.boxer-content .inline_content_ .btn_ a:hover{
  text-decoration: none;
  background-color: #2D3796;
  background-position: 98% center;
}


/*----------------------------
  よくあるご質問　FAQ
----------------------------*/
.faq_detail_h1_{
    margin: 0 auto 25px auto;
    width: 1000px;
    border-top: 2px #2D3796 solid;
    border-bottom: 2px #d5d5d5 solid;
    padding: 25px 0;
    font-weight: bold;
}
.faq_detail_h1_ span{
  font-size: 22px;
  line-height: 130%;
  padding-left: 45px;
  display: block;
  background: url(../img/usr/home/common/ico_q.gif) no-repeat left 2px;
  min-height: 24px;  
}

.faq_detail_a_{
    margin: 0 auto 25px auto;
    width: 1000px;
}
.faq_detail_a_ span{
  font-size: 22px;
  line-height: 130%;
  padding-left: 45px;
  display: block;
  background: url(../img/usr/home/common/ico_a.gif) no-repeat left 2px;
  min-height: 24px;  
}