@charset "utf-8";

/*--------------------------------------------------*/
/*Utility*/
/*--------------------------------------------------*/
.mt0{margin-top:0px !important;}
.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;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

.pt0{padding-top:0px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}

.mb0{margin-bottom:0px !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;}

.pb0{padding-bottom:0px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}

.pl0{padding-left:0px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}

.pr0{padding-right:0px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}

.fs32{font-size:228.57% !important;}
.fs30{font-size:214.29% !important;}
.fs28{font-size:200% !important;}
.fs26{font-size:185.71% !important;}
.fs24{font-size:171.43% !important;}
.fs20{font-size:142.86% !important;}
.fs18{font-size:128.57% !important;}
.fs17{font-size:121.42% !important;}
.fs16{font-size:114.29% !important;}
.fs15{font-size:107.14% !important;}
.fs14{font-size:100% !important;}
.fs13{font-size:92.86% !important;}
.fs12{font-size:85.71% !important;}
.fs11{font-size:78.57% !important;}
.fs10{font-size:71.43% !important;}

.flL{float:left !important;}
.flR{float:right !important;}
.flN{float:none !important;}

.clB{clear: both !important;}

.taL{text-align:left !important;}
.taC{text-align:center !important;}
.taR{text-align:right !important;}

.vaT{vertical-align: top !important;}
.vaM{vertical-align: middle !important;}
.vaB{vertical-align: bottom !important;}

.fwB{font-weight:bold !important;}
.fwN{font-weight:normal !important;}

.cRed{color:#c32633 !important;}
.cBlue{color:#31496b !important;}
.cOrg{color:#dd6b17 !important;}

.cRedB{color:#c32633 !important; font-weight:bold !important;}
.cBlueB{color:#31496b !important; font-weight:bold !important;}
.cOrgB{color:#dd6b17 !important; font-weight:bold !important;}

.wordB{
	word-break:break-all;
	word-wrap: break-word;
}

.imeFull{ime-mode:active;}    /*初期値：日本語入力モード*/
.imeHalf{ime-mode:inactive;}  /*初期値：英数字入力モード*/
.imeAlp{ime-mode:disabled;}   /*英数字入力モード*/

.wordB{
  word-break:break-all;
  word-wrap: break-word;
}

input.alpha:hover,
a.alpha:hover img,
.alpha a:hover img{
  opacity:0.8;
  filter:alpha(opacity=80);
}

a.link:link, a.link:visited{color:#0069b4;}
a.link:hover, a.link:active{color:#333333;}
.sp a.link{color:#0069b4;}


/*--------------------------------------------------*/
/*Media Query Display*/
/*--------------------------------------------------*/
.uaPc{}
.uaPcI{display:inline !important;}
.uaSp{display:none !important;}
.uaSpI{display:none !important;}

.sp .uaPc{display:none !important;}
.sp .uaPcI{display:none !important;}
.sp .uaSp{display:block !important;}
.sp .uaSpI{display:inline !important;}

.forPc{}
.forSp{display:none;}
.forPcI{display:inline;}
.forSpI{display:none;}

.w1000{display:none;}
.w1000I{display:none;}
.w1000Ov{display:block;}
.w1000IOv{display:inline;}

.w640{display:none;}
.w640I{display:none;}
.w640Ov{display:block;}
.w640IOv{display:inline;}

.w480{display:none;}
.w480I{display:none;}
.w480Ov{display:block;}
.w480IOv{display:inline;}

.w320{display:none;}
.w320I{display:none;}
.w320Ov{display:block;}
.w320IOv{display:inline;}

@media screen and (max-width:1280px){
}

@media screen and (max-width:1000px){
.w1000{display:block;}
.w1000I{display:inline;}
.w1000Ov{display:none;}
.w1000IOv{display:none;}
}

@media screen and (max-width:768px){
.forPc{display:none;}
.forSp{display:block;}
.forPcI{display:none;}
.forSpI{display:inline;}
}

@media screen and (max-width:640px){
.w640{display:block;}
.w640I{display:inline;}
.w640Ov{display:none;}
.w640IOv{display:none;}
}

@media screen and (max-width:480px){
.w480{display:block;}
.w480I{display:inline;}
.w480Ov{display:none;}
.w480IOv{display:none;}
}

@media screen and (max-width:320px){
.w320{display:block;}
.w320I{display:inline;}
.w320Ov{display:none;}
.w320IOv{display:none;}
}

/*--------------------------------------------------*/
/*clearfix*/
/*--------------------------------------------------*/
.clearfix:after{content:""; display:block; clear:both;}


/*--------------------------------------------------*/
/*タブ jQuery UI - v1.10.4*/
/*--------------------------------------------------*/
/* Caution! Ensure accessibility in print and other media types... */
/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
@media projection, screen { 
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
/*
@media print {
    .ui-tabs-nav {
        display: none;
    }
}
*/

/* Skin */
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
}
.ui-tabs-nav .ui-tabs-selected a {
    z-index: 2;
}
.ui-tabs-nav .ui-tabs-selected a:link,
.ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link,
.ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    /*cursor: text*/
    cursor: default;
}
.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-active a:hover,
.ui-tabs-nav .ui-tabs-active a:focus,
.ui-tabs-nav .ui-tabs-active a:active,

.ui-tabs-nav .ui-tabs-unselect a:hover,
.ui-tabs-nav .ui-tabs-unselect a:focus,
.ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}


/*--------------------------------------------------*/
/*SECTION*/
/*--------------------------------------------------*/
.sec{
  margin-top:35px;
}
.sec .secInner{
  margin-top:20px;
  text-align:left;
}

@media screen and (max-width:1000px){
.sec{
  margin-top:20px;
}
.sec .secInner{
  width:94%;
  margin-right:auto;
  margin-left:auto;
}
}


/*--------------------------------------------------*/
/*TITLE*/
/*--------------------------------------------------*/
/*ttl01*/
.ttl01{
  margin-bottom:28px;
  padding:5px 0 12px;
  border-bottom:4px solid #31496b;
  font-size:1.75rem;
  font-size:200%;
  line-height:1.2;
  text-align:left;
}

@media screen and (max-width:768px){
.ttl01{
  border-bottom:none;
  text-align:center;
}
}

/*ttl02*/
.ttl02{
  padding-left:32px;
  background:url(/images/share/ttl02_pnt.png) 0 0.2em no-repeat;
  font-size:1.375rem;
  font-size:157.14%;
  text-align:left;
}

@media screen and (max-width:1000px){
.ttl02{
  margin-right:20px;
  margin-left:20px;
}
}

@media screen and (max-width:768px){
.ttl02{
  width:94%;
  margin-right:auto;
  margin-left:auto;
	box-sizing					:border-box;
	-webkit-box-sizing	:border-box;
	-moz-box-sizing			:border-box;
	-ms-box-sizing			:border-box;
}
}

/*ttl03*/
.ttl03{
  font-size:200%;
}

@media screen and (max-width:1000px){
.ttl03{
  width:94%;
  margin-right:auto;
  margin-left:auto;
}
}

/*ttl04*/
.ttl04{
  border-bottom:2px solid #31496b;
  color:#31496b;
  font-size:114.29%;
  font-weight:bold;
}

/*ttl05*/
.ttl05{
  padding-bottom:10px;
  background:url(/images/share/ttl05_line.gif) left bottom repeat-x;
  font-size:121.43%;
  font-weight:bold;
}


/*--------------------------------------------------*/
/*LINK*/
/*--------------------------------------------------*/
/*link*/
p.link_black_r{
  padding-left:16px;
  background:url(/images/share/arw_black_r.png) 0 0.5em no-repeat;
}
p.link_black_r a{
  color:#2f68b7;
}

ul.link_black_r li{
  padding-left:16px;
  background:url(/images/share/arw_black_r.png) 0 0.5em no-repeat;
}
ul.link_black_r li a{
  color:#2f68b7;
}

/*link*/
p.link_blue_r{
  padding-left:16px;
  background:url(/images/share/arw_blue_r.png) 0 0.5em no-repeat;
}
p.link_blue_r a{
  color:#2f68b7;
}

ul.link_blue_r li{
  padding-left:16px;
  background:url(/images/share/arw_blue_r.png) 0 0.5em no-repeat;
}
ul.link_blue_r li a{
  color:#2f68b7;
}

/*blank*/
a.blank{
  padding-right:20px;
  background:url(/images/share/ico_blank.png) right center no-repeat;
}


/*--------------------------------------------------*/
/*LIST*/
/*--------------------------------------------------*/
/*list01*/
.list01{}
.list01 li{
  padding-left:1em;
  text-indent:-1em;
}


/*--------------------------------------------------*/
/*LINE*/
/*--------------------------------------------------*/
/*line01*/
.line01{
  height:1px;
  background-color:#dcdcdc;
  clear:both;
}
.line01 hr{display:none;}

/*line02*/
.line02{
  height:0px;
  border-top:1px dotted #dcdcdc;
  clear:both;
}
.line02 hr{display:none;}


/*--------------------------------------------------*/
/*TABLE*/
/*--------------------------------------------------*/
/*table01*/
.table01{}

.table01 table{
  margin-top:15px;
  border-top:1px solid #dcdcdc;
  border-left:1px solid #dcdcdc;
}
.table01 table th,
.table01 table td{
  padding:7px 10px;
  border-right:1px solid #dcdcdc;
  border-bottom:1px solid #dcdcdc;
}

.table01 table th{
  font-weight:bold;
}


/*--------------------------------------------------*/
/*トップページへ戻る*/
/*--------------------------------------------------*/
#contents .backTop{
  width:200px;
  margin:40px auto 0;
}
#contents .backTop a{
  padding:10px 28px;
  background:#31496b url(/images/share/arw_white_r.png) 8.2% center no-repeat;
	border-radius					:3px;
	-moz-border-radius		:3px;
	-webkit-border-radius	:3px;
	box-shadow:1px 1px 0px 0px rgba(0,0,0,0.3);
	box-sizing					:border-box;
	-webkit-box-sizing	:border-box;
	-moz-box-sizing			:border-box;
	-ms-box-sizing			:border-box;
  color:#fff;
  display:block;
}

@media screen and (max-width:768px){
#contents .backTop{
  max-width:80%;
  margin-top:20px;
}
}


/*--------------------------------------------------*/
/*navL サイドナビ*/
/*--------------------------------------------------*/
/*svcNav*/
.svcNav{
}
.svcNav .svcNavTtl{
}
.svcNav .svcNavTtl a{
  padding:23px 10px 19px;
  background-color:#31496b;
  color:#fff;
  font-size:114.29%;
  line-height:1.56;
  display:block;
}

.svcNav ul{
  text-align:left;
}
.svcNav ul li{
  font-size:92.86%;
  font-weight:bold;
  line-height:1.2;
}
.svcNav ul li a{
  padding-right:15px;
  border-bottom:1px solid #dcdcdc;
  display:block;
}
.svcNav ul li a span{
  padding:23px 10px 23px 15px;
  background:url(../images/side/svcnav_arw_blue.png) right center no-repeat;
  cursor:pointer;
  display:block;
}

.svcNav ul li span{
  display:block;
}
.svcNav ul li > span{
  padding-right:10px;
  background-position:right center;
  border-bottom:1px solid #dcdcdc;
  cursor:pointer;
  display:block;
}
.svcNav ul li > span span{
  padding:23px 25px 23px 15px;
  background-image:url(../images/side/svcnav_minus.gif);
  background-position:right center;
  background-repeat:no-repeat;
}
.svcNav ul li > span.hide span{
  background-image:url(../images/side/svcnav_plus.gif);
}
.svcNav ul li > span.tglNon{
  cursor:default;
}
.svcNav ul li > span.tglNon span{
  background-image:none;
}

/*RESET*/
.svcNav ul li li a,
.svcNav ul li li span{
  padding:0;
  border-bottom:none;
  background:none;
}

.svcNav ul li li a{
  padding-right:15px;
}
.svcNav ul li li a span{
  padding:14px 10px 14px 30px;
  background-position:right center;
  background-repeat:no-repeat;
}
.svcNav ul li li a:link, .svcNav ul li li a:visited{background-color:#f1f1f1;}
.svcNav ul li li a:hover, .svcNav ul li li a:active{background-color:#6e7f97;}

.svcNav ul li li a:link span, .svcNav ul li li a:visited span{
  background-image:url(../images/side/svcnav_arw_gray.png);
  color:#333;
}
.svcNav ul li li a:hover span, .svcNav ul li li a:active span{
  background-image:url(../images/side/svcnav_arw_white.png);
  color:#fff;
}


/*現在地表示*/
.svcNav ul li.cr{
}
.svcNav ul li.cr a{
  background-color:#6e7f97;
}
.svcNav ul li.cr a span{
  background:none;
  color:#fff;
}
.svcNav ul li li.cr a{
  background-color:#6e7f97;
}
.svcNav ul li li.cr a span{
  background:none;
  color:#fff;
}


/*--------------------------------------------------*/
/*コンテンツフッター スライド*/
/*--------------------------------------------------*/
/*fSlide*/
#fBnr{
  padding-top:30px;
  padding-bottom:30px;
  background:
    url(/images/footer/fbnr_bg_top.gif) left top repeat-x,
    url(/images/footer/fbnr_bg_btm.gif) left bottom repeat-x,
    #dcdcdc
  ;
}
#fBnr #fBnrInner{
  width:100%;
  max-width:1010px;
  margin:0 auto;
  text-align:left;
  overflow:visible;
}

#fBnr ul{
}
/*==clearfix==*/
#fBnr ul:after{content:""; display:block; clear:both;}

#fBnr ul li{
  padding:0 15px 1px;
  float:left;
}
#fBnr ul li.lastChild{margin-right:0;}
#fBnr ul li a{
	box-shadow:1px 1px 0px 0px rgba(0,0,0,0.3);
  display:block;
}
#fBnr ul li a:hover img{
  opacity:0.8;
  filter:alpha(opacity=80);
}

/*==bxslider==*/
#fBnr .bx-wrapper .bx-pager{display:none;}

#fBnr .bx-wrapper .bx-prev,
#fBnr .bx-wrapper .bx-next{
  width:16px;
  height:70px;
  margin-top:-35px;
	border-radius					:3px;
	-moz-border-radius		:3px;
	-webkit-border-radius	:3px;
  position:absolute;
  top:50%;
}
#fBnr .bx-wrapper .bx-prev{
  background:#b0b0b0 url(/images/share/slide_prev_arw.png) center center no-repeat;
  background-size:9px auto;
  left:-26px;
}
#fBnr .bx-wrapper .bx-next{
  background:#b0b0b0 url(/images/share/slide_next_arw.png) center center no-repeat;
  background-size:9px auto;
  right:-25px;
}

@media screen and (max-width:1110px){
#fBnr #fBnrInner{
}
#fBnr .bx-wrapper{
  width:580px;
  overflow:visible;
}
}

@media screen and (max-width:768px){
#fBnr .bx-wrapper{
  width:290px;
}
}

@media screen and (max-width:440px){
#fBnr{
  padding-right:30px;
  padding-left:30px;
}
#fBnr ul li{
  max-width:100%;
}
#fBnr .bx-wrapper{
  max-width:100% !important;
}

#fBnr .bx-wrapper .bx-prev{
  left:-9%;
}

#fBnr .bx-wrapper .bx-next{
  right:-9%;
}
}

@media screen and (max-width:366px){
#fBnr .bx-wrapper .bx-prev{
	border-top-right-radius           :3px;
  -webkit-border-top-right-radius   :3px;
  -moz-border-radius-topright       :3px;

	border-bottom-right-radius        :3px;
	-webkit-border-bottom-right-radius:3px;
	-moz-border-radius-bottomright    :3px;

	border-bottom-left-radius         :0;
	-webkit-border-bottom-left-radius :0;
	-moz-border-radius-bottomleft     :0;
  
	border-top-left-radius            :0;
  -webkit-border-top-left-radius    :0;
  -moz-border-radius-topleft        :0;
  left:-30px;
}
#fBnr .bx-wrapper .bx-next{
	border-top-right-radius           :0;
  -webkit-border-top-right-radius   :0;
  -moz-border-radius-topright       :0;

	border-bottom-right-radius        :0;
	-webkit-border-bottom-right-radius:0;
	-moz-border-radius-bottomright    :0;

	border-bottom-left-radius         :3px;
	-webkit-border-bottom-left-radius :3px;
	-moz-border-radius-bottomleft     :3px;
  
	border-top-left-radius            :3px;
  -webkit-border-top-left-radius    :3px;
  -moz-border-radius-topleft        :3px;
  right:-30px;
}
}


/*--------------------------------------------------*/
/*会員サービス*/
/*--------------------------------------------------*/
.member{
  width:100%;
  padding-top:85px;
  padding-bottom:90px;
  background:url(../images/top/member_bg.png) center center no-repeat;
}
.member .memberInner{
  width:980px;
  margin-right:auto;
  margin-left:auto;
  padding-top:18px;
}

/*memberTtl*/
.memberTtl{
  font-size:200%;
  font-weight:normal;
}

/*memberBnr*/
.member .memberBnr{}
/*==clearfix==*/
.member .memberBnr:after{content:""; display:block; clear:both;}

.member .memberBnr li{
  width:48.47%;
  margin-top:20px;
  text-align:center;
  float:left;
}
.member .memberBnr li:nth-of-type(2n){float:right;}

.member .memberBnr li a:hover img{
  opacity:0.8;
  filter:alpha(opacity=80);
}

/*memberBtn*/
.member .memberBtn{
  width:140px;
  margin:25px auto 0;
}
.member .memberBtn a{
  padding:10px 28px;
  background:#31496b url(../images/share/arw_white_r.png) 8.2% center no-repeat;
	border-radius					:3px;
	-moz-border-radius		:3px;
	-webkit-border-radius	:3px;
	box-shadow:1px 1px 0px 0px rgba(0,0,0,0.3);
	box-sizing					:border-box;
	-webkit-box-sizing	:border-box;
	-moz-box-sizing			:border-box;
	-ms-box-sizing			:border-box;
  color:#fff;
  display:block;
}

@media screen and (max-width:1000px){
.member{
  background-size:contain;
}
.member .memberInner{
  width:94%;
}

/*memberBnr*/
.member .memberBnr{
}
.member .memberBnr li,
.member .memberBnr li:nth-of-type(2n){
  width:100%;
  max-width:500px;
  margin-right:auto;
  margin-left:auto;
  float:none;
}
}

@media screen and (max-width:768px){
.member{
  padding-top:40px;
  padding-bottom:45px;
  background:none;
}

/*memberBtn*/
.member .memberBtn{
  /* width:36.73%; */
  max-width:140px;
  margin-top:20px;
	box-sizing					:border-box;
	-webkit-box-sizing	:border-box;
	-moz-box-sizing			:border-box;
	-ms-box-sizing			:border-box;
}
.member .memberBtn a{
}
}