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


/* topickPath
---------------------------*/
.topickPath{
  background: none;
}

.list_nav{
  margin:0;
}


.sup_mian_contents{
  background-color:#f2f2f2;
  padding:40px 0 0 0;
  overflow:hidden;
}

.sup_mian_contents .title{
  width:90%;
  text-align:center;
  margin:0 auto 23px auto ;
  font-size:16px;
  font-weight:bold;
}

.sup_mian_contents .contens_title_open{
  background-color: #FFFFFF;
  background-image:url(../../images/support/arrow_open_03.png);
  background-repeat:no-repeat;
  background-position:95% center;
  background-size:24px;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  font-size:12px;

}

.sup_mian_contents .contens_title_open a{
  display:block;
    padding:16px;
}

.sup_mian_contents .contens_title_close{
  background-color: #FFFFFF;
  background-image:url(../../images/support/arrow_close.png);
  background-repeat:no-repeat;
  background-position:95% center;
  background-size:24px;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  font-size:12px;
}
.sup_mian_contents .contens_title_close a{
  display:block;
    padding:16px;
}

.sup_mian_contents .menu_list_area{
  margin:0;
  width:auto;
}

.sup_mian_contents .menu_list_area li{
  background-color: #f2f2f2;
  background-image:url(../../images/support/arrow_right_lage.png);
  background-repeat:no-repeat;
  background-position:95% center;
  background-size:24px;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
}

.sup_mian_contents .menu_list_area li a{
  display:block;
    padding:16px;
}

.sup_mian_contents .b_text{
  margin:0;
  font-weight:bold;
}

.sup_mian_contents .read_text{
  width:90%;
  margin:0 auto 24px auto;
}
.sup_mian_contents .contents_title{
  width:90%;
  margin:0 auto 23px auto ;
  font-weight:bold;
}

.sup_mian_contents ul{
  width:90%;
  margin:0 auto 14px auto;
}

.sup_mian_contents ul li{
  list-style:none;
}

.sup_mian_contents .notice_text{
  font-size:0.8em;
  width:90%;
  margin: 0 auto 24px auto;
}

.sup_mian_contents .linkbox_area{
  width:82%;
  background-color:#dae6eb;
  padding:16px;
  margin: 0  auto 35px auto;
}

.sup_mian_contents .linkbox_area .linkbox_area_title{
  margin: 0 0 32px 0;
  font-weight:bold;
}

.sup_mian_contents .linkbox_area .linkbox_area_link{
  margin: 0;
}

.wave_gray{
  background-image:url(../images/wave_gray.png);
  background-repeat:repeat-x;
  background-size:100%;
  padding:4em 0 0 0;
}

.wave_bgw{
  background-color:#FFFFFF;
}



.wave_gray .related_contents{
  background-color:#dae6eb;
  padding-bottom:1em;
}

.wave_gray .related_contents .inner{
  width:90%;
  margin: 0 auto;
  font-size:14px;
  
}

.wave_gray .related_contents .inner .title{
  padding: 0 0 22px 0;
  border-bottom: 1px solid #bfbfbf;
  font-size:12px;
  font-weight:bold;
} 

.wave_gray .related_contents .inner ul{
  line-height:2;
}

.wave_gray .related_contents .inner ul li{
  list-style:none;
}


/* event css */

.event_contents{
  background-color:#FFFFFF;
  padding:15px 0;
  border-bottom: 1px solid #bfbfbf;

}


.event_contents .event_inner{
  width:90%;
  margin: 0 auto;
}

.event_contents .event_inner .title{
  font-size:16px;
  font-weight:bold;
  text-align:left;
  width:auto;
  border-bottom: 1px solid #bfbfbf;
  margin:0 0 1.5em 0;
  padding: 0 0 12px 0
}

.event_contents .detailed_area{
  margin: 0 0 5px 0;
}

.event_contents .event_img{
  width:100%;
  margin: 0 auto 1.5em 0;
}

.event_contents .event_img img{
  width:100%;
}

.event_contents .event_inner .event_facebook_Btn {
    clear: both;
    text-align: center;
}

.event_contents .event_inner .event_facebook_Btn .about {
    background-color: #24a7b2;
    border-radius: 5px;
    color: #ffffff;
    display: block;
    font-size: 108%;

    margin: 0 auto;
    padding: 10px 0;
    text-decoration: none;
    width: 100%;
}

/* title
----------------------------------------------------*/
.topicsTit {
  margin: 0 auto;
  /*
  padding-top: 40px;
  */
  font-size: 16px;
  line-height: 1;
  text-align: center;
}
.topicsTit:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  margin-top: 16px;
  margin-bottom: 24px;

  background: -moz-linear-gradient(left,  #65baaa 0%, #65baaa 20%, #aeece1 20%, #aeece1 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#65baaa), color-stop(20%,#65baaa), color-stop(20%,#aeece1), color-stop(100%,#aeece1));
  background: linear-gradient(to right,  #65baaa 0%,#65baaa 20%,#aeece1 20%,#aeece1 100%);
}
#cpArea .contentsTit {
  margin-bottom: 40px;
}
.subTit {
  font-size: 12px;
  text-align: center;
  margin-bottom: 18px;
}

.bg_gray{
  background: #f2f2f2 none repeat scroll 0 0;
  padding: 0  5% 5% 5%;
}

/* newsArea
----------------------------------------------------*/
#newsArea{
  padding-bottom:0;
}
#newsArea.contents{
  padding-bottom:40px;
}
#newsArea .contentsTit {
  font-size:18px;
}

.btn_wrap{
  position:relative;
}
.btn_wrap p.top_back{
  position: absolute;
  right:0;
  top: 40px;
}

.newsCate {
  width: 100%;
  padding-bottom: 24px;  
}
.newsCate:after {
  content: "";
  clear: both;
  display: block;
}
.newsCate li {
  list-style: none;
  float: left;
  width: 22.75%;
  font-size: 12px;
  text-align: center;
  margin-right: 3%;
}
.newsCate li:last-child {
  margin-right: 0;
}
.newsCate li p ,
.newsCate li a {
  border-radius: 5px;
  margin-bottom: 0;
  padding: 5px 0;
}
.newsCate li p {
  background-color: #e5e5e5;
}
.newsCate li a {
  display: block;
  color: #fff;
  background-color: #24a7b2;
}
.newsCate li a:hover {
  background-color: #1b7d85;
}
.newsBox {
  margin-bottom: 24px;
}
.newsBox:last-child {
  margin-bottom: 0
}
.newsBox p:last-child{
  margin-bottom: 0;
}

.time {
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
  display: inline-block;
  margin: 0 9px 16px 0;
}
.time + span {
  font-size: 12px;
  line-height: 1;
  color: #fff;
  display: inline-block;
  padding: 3px 15px;
}
.newsBox .tag01 {
    background: #6690cc none repeat scroll 0 0;
}
.newsBox .tag02 {
    background: #86b359 none repeat scroll 0 0;
}
.newsBox .tag03 {
    background: #cc6666 none repeat scroll 0 0;
}
.newsBox .tag04 {
    background: #3dcccc none repeat scroll 0 0;
}
.newsBox .tag05 {
    background: #6677cc none repeat scroll 0 0;
}
.newsBox .tag06 {
    background: #cc853d none repeat scroll 0 0;
}
.newsBox .tag07 {
    background: #cc66aa none repeat scroll 0 0;
}
.newsBox .tag08 {
    background: #3d55cc none repeat scroll 0 0;
}



.newsBox .info {
  background-color: #6690cc;
}
.newsBox .present {
  background-color: #86b359;
}
.newsBox .important {
  background-color: #cc6666;
}

.news_contents{
  background-color:#f2f2f2;
  overflow:hidden;
  padding-top:40px;
  
}
.news_contents > *:last-child{
  padding-bottom:0;
  margin-bottom:0;
}
.news_contents h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 16px;
}

.news_contents .day_text {
      margin: 0 0 24px;
}


.news_contents .sns_area{
    border: 1px solid #cccccc;
    background: #ffffff none repeat scroll 0 0;
    margin: 0 0 24px;
    padding: 15px 15px 0 15px;
  border-radius:5px;
}

.news_contents .sns_area p{
  margin: 0 0 0.5em 0
}

.news_contents .sns_area .social ul{
  margin:0;
  width:90%;
}
.news_contents .sns_area .social ul li{list-style:none}

#mixi_check{
  float: left;
  list-style: outside none none;
  margin: 0;
  width:70px;
}
#hatena{
  float: left;
  list-style: outside none none;
  margin: 0;
  width:70px;
}
#google_plusone{
  float: left;
  list-style: outside none none;
  margin: 0;
  width:70px;
}
#facebook_like{
  float: left;
  list-style: outside none none;
  margin: 0;
  width:110px;
}
#twitter{
  float: left;
  list-style: outside none none;
  margin: 0;
  width:110px;
}

.news_contents .sms_box {
   border: 1px solid #cccccc;
    background: #ffffff none repeat scroll 0 0;
    margin: 0 0 16px;
    padding:5px 16px;
}

.news_contents .sms_box p {
    margin: 0;
}


.news_contents .news_image_area {
    margin: 0 auto;
    padding: 0 0 40px;
    width: 100%;
}

.news_contents .news_image_area img{
  width:100%;
}

.news_contents .news_info_area {
   background-color: #fff;
    margin: 0;
    padding: 16px;
}

.news_contents .news_info_area p {
    margin: 0;
}
.news_contents .news_info_area .info_title {
    font-weight: bold;
    margin: 0 0 1em;
}
.newsAreaTitle{position: relative; text-align: center;}



/* add 共通CSS
----------------------------------------------------*/


.contents .main_wapper .ptn1{
  margin:0 auto 5px;
}
.contents .main_wapper .h3_center{
  text-align:center;
}


.contents .main_wapper .important_title{
  background-color: #f2f2f2;
  padding:15px;
  font-size:16px;
  text-align:center;

}

.bg_gray .main_wapper .important_title{
  background-color:#FFFFFF;
}

.contents .main_wapper .disk_text{
  margin: 0 0 15px 0;
}


.contents .main_wapper .text_indent{
  margin-left:0.5em;
  margin-right:0.5em;
}



/* common
----------------------------------------------------*/
.mt12{
  margin-top:12px !important;
}
.mt24{
  margin-top:24px !important;
}
.mt36{
  margin-top:36px !important;
}
.mt48{
  margin-top:48px !important;
}

.mb12{
  margin-bottom:12px !important;
}
.mb24{
  margin-bottom:24px !important;
}
.mb36{
  margin-bottom:36px !important;
}
.mb48{
  margin-bottom:48px !important;
}

.maB00{margin-bottom:0 !important;}
.paB00{padding-bottom:0 !important;}
.txt_center{text-align:center !important;}
.txt_left{text-align:left !important;}
.txt_right{text-align:right !important;}
.txt_bold{font-weight:bold !important;}

.contents {
  padding: 0 5%;
  text-align: left;
}
.contents_wh {
  padding: 0 5%;
  text-align: left;
  background-color:#fff;
}
.contents_gr{
  padding: 0 5%;
  text-align: left;
  background-color:#f2f2f2;
}

.contents .main_wapper,
.contents_wh .main_wapper,
.contents_gr .main_wapper{
  padding: 40px 0;
}
.main_wapper img.fullscale{
  width:100%;
  margin-bottom:24px;
}
.main_wapper h2{
  font-size:18px;
  padding-bottom:24px;
  font-weight:normal;
}
.main_wapper h3{
  font-size:16px;
  padding-bottom:24px;
  font-weight:normal;
  /* margin: 0 auto 12px auto; */
}

.main_wapper h4{
  font-size:14px;
  /* padding-bottom:12px; */
}
.mainContents.gr{
  background-color:#f2f2f2;
}
.mainContents.wh{
  background-color:#ffffff;
}
/* overview
----------------------------------------------------*/
.deco_tittle{
  margin: 21px 0 12px;
  padding: 0;
  border-bottom:1px solid #4c4c4c;  
  font-size: 15px;
  font-weight: bold;
  color: #4c4c4c;
}


/* フッターにある関連情報用
----------------------------------------------------*/
.relativeList .contents{
  padding-top:32px;
  background-color:#e6eff2;
}

.relativeList .contents .list{
  margin:0 auto;
  width:100%;
  padding-bottom:20px;
}

.relativeList .contents .list .title{
  font-size:12px;
  color:#4d4d4d;
  border-bottom: #bfbfbf 1px solid;
  padding-bottom:20px;
}

.relativeList .contents .list ul{
  margin-top:32px;
}

.relativeList .contents .list ul li{
  list-style-type: none;
  margin-bottom:16px;
}

.relativeList .contents .list ul li a{
  background-image:url(/s/corporate/common/images/triangle-01.png);
  background-repeat:no-repeat;
  background-position:left center;
  background-attachment:scroll;
  padding-left:12px;
  font-size:108%;
  line-height:1;
}