﻿@charset "utf-8";

/*---------------------------------------
  リセットCSS(編集不要)
----------------------------------------*/
/*html{overflow-y:scroll;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}table{border-spacing:0;border-collapse:collapse;}caption,th{text-align:left;}q:before,q:after{content:'';}object,embed{vertical-align:top;}hr,legend{display:none;}h1,h2,h3,h4,h5,h6{font-size:100%;}img,abbr,acronym,fieldset{border:0;}ul li{list-style-type:none;}a,label{cursor:pointer;}img{margin:0;padding:0;vertical-align:bottom;}*/

.clearfix:after {
  content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;
}
body {
  color: #333;
  line-height: 1.3;
}
input {
  font-size: 100%;
}
/*===============================================================================
  COMMON
--------------------------------------------------------------------------------*/
.txtC {
  text-align: center;
}
.txtL {
  text-align: left;
}
.txtR {
  text-align: right;
}
.imgR {
  float: right;
  margin: 0 0 10px 10px;
}
.imgL {
  float: left;
  margin: 0 10px 10px 0;
}

.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt25 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt35 {
  margin-top: 35px;
}
.mr5 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.ml5 {
  margin-left: 5px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px;
}
.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb25 {
  margin-bottom: 25px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb35 {
  margin-bottom: 35px;
}
.description {
  font-size: 15px;
  padding: 10px;
  background: #29abe7;
  font-weight: bold;
  color: #fff;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"] {
  padding: 0.3em;
  border: solid 1px #ccc;
}
#container .mlink-right05.borR_none,
#container .mlink-only.borR_none,
#container .mlink01.borR_none {
  border-right: none;
}

.btn_black {
  display: inline-block;
  overflow: hidden;
  background: -moz-linear-gradient(top, #505050, #141414);
  background: -ms-linear-gradient(top, #505050, #141414);
  background: -o-linear-gradient(top, #505050, #141414);
  background: -webkit-gradient(linear, center top, center bottom, from(#505050), to(#141414));
  background: -webkit-linear-gradient(top, #505050, #141414);
  -webkit-border-radius: 9px;
     -moz-border-radius: 9px;
      -ms-border-radius: 9px;
       -o-border-radius: 9px;
          border-radius: 9px;
  padding: 15px 70px;
  font-weight: bold;
  color: #fff;
  border: none;
}

.btn_orange {
  display: inline-block;
  overflow: hidden;
  background: #e85607;
  -webkit-border-radius: 9px;
     -moz-border-radius: 9px;
      -ms-border-radius: 9px;
       -o-border-radius: 9px;
          border-radius: 9px;
  padding: 12px 70px 12px 55px;
  font-weight: bold;
  color: #fff;
  border: none;
  background: url(../images/bg-arrow_rg.png) no-repeat 85% 50% #e85607;
  background-size: 19px 14px;
  outline: 0;
  font-size: 16px;
}

.btn_orange[disabled] {
background: #dddddd;
　background: url(../images/bg-arrow_rg.png) no-repeat 85% 50% #dddddd;
}

.btn_light_blue {
  display: inline-block;
  overflow: hidden;
  background: #279ddb;
  -webkit-border-radius: 9px;
     -moz-border-radius: 9px;
      -ms-border-radius: 9px;
       -o-border-radius: 9px;
          border-radius: 9px;
  padding: 12px 55px 12px 70px;
  font-weight: bold;
  color: #fff;
  border: none;
  background: url(../images/bg-arrow_rg.png) no-repeat 33% 50% #279ddb;
  background-size: 19px 14px;
  outline: 0;
  font-size: 16px;
}

.btn_gray {
  display: inline-block;
  overflow: hidden;
  background: #999;
  -webkit-border-radius: 9px;
     -moz-border-radius: 9px;
      -ms-border-radius: 9px;
       -o-border-radius: 9px;
          border-radius: 9px;
  font-weight: bold;
  color: #fff;
  border: none;
  padding: 12px 55px 12px 85px;
  background: url(../images/bg-arrow_left.png) no-repeat 58px 50% #999;
  background-size: 19px 14px;
  outline: 0;
  font-size: 16px;
}
.btn_gray.close {
  padding: 12px 70px 12px 70px;
  background: url(../images/bg-close.png) no-repeat 90px 50% #999;
  background-size: 14px;
}
/* .wrapper
----------------------------------------*/
.wrapper {
  max-width: 640px;
  margin: 0 auto;
}

/* .inner
----------------------------------------*/
.inner {
  padding: 0 10px;
}

.content h1.headline {
  border-left: solid 4px #29abe7;
  font-size: 14px;
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 25px;
  height: 25px;
  padding: 0 0 0 7px;
  display: block;
}
.content h2.headline {
  border-top: solid 1px #cecece;
  border-bottom: none;
  font-size: 12px;
  font-weight: normal;
  background: #f1f1f1;
  height: 30px;
  line-height: 30px;
  padding: 0 0 0 10px;
}

/*===============================================================================
  .content
--------------------------------------------------------------------------------*/

/* .customer
----------------------------------------*/
.customer {
  background: #d0ebf9;
  border-bottom: 1px solid #afccde;
}
.customer_bot {
  background: #d0ebf9;
  border-bottom: 2px solid #c9e0ee;
  padding: 10px 0;
}
.customer .inner {
  padding: 0 8px;
}
.customer .name_cust {
  display: table;
  width: 100%;
}

.customer .icon,
.customer .customer_name {
  display: table-cell;
  vertical-align: middle;
}
.customer .icon {
  width: 50px;
}
.customer .customer_name {
  padding-left: 10px;
}

.customer .name {
  font-size: 19px;
  font-weight: bold;
  margin: 4px 0 6px 0;
}
.customer .greeting {
  font-size: 11px;
}
.customer .customer_name span {
  font-size: 10px;
  display: inline-block;
}

/* .list_links
----------------------------------------*/
.list_links li {
  /*border-bottom: solid 1px #ddd;*/
  border-bottom: solid 1px #BDBDBD;
  font-size: 13px;
}
.list_links li a {
  padding: 15px;
  display: block;
  color: #333;
}
.list_links li .no_link {
  padding: 15px;
  display: block;
  font-size: 13px;
}
.list_links .normal {
  padding: 15px;
}
.list_links .unread {
  font-weight: bold;
}
.list_links .read {
  /*background: #f5f5f5;*/
  background: #E3E3E3;
}
.list_links .der_link {
  color: #006699;
  text-decoration: underline;
}
.list_links .date {
  margin-bottom: 9px;
}
.list_links li .left {
  float: left;
  display: inline-block;
}
.list_links li .goList {
  float: right;
  display: inline-block;
  padding: 0 0 0 18px;
  background: url(../images/bg-arrow_rg_blue.png) no-repeat 0 50%;
  background-size: 13px 10px;
  text-decoration: underline;
}
/*.main
----------------------------------------*/
.section_box {
  overflow: hidden;
  border: none;
  background: #fff;
  padding: 0 0 20px;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
      -ms-border-radius: 0;
       -o-border-radius: 0;
          border-radius: 0;
}
.section_box.edge {
  padding-bottom: 0;
}
.section_box .form_list .required {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
      -ms-border-radius: 0;
       -o-border-radius: 0;
          border-radius: 0;
}

.form_list .war {
  margin-top: 7px;
}
.form_list span.war_txt{
  margin-top: 2px;
  margin-left: 0;
  background: url(../images/ico-warrning.png) no-repeat 7px 49% #ff6067;
  background-size: 14px 13px;
  padding: 3px 10px 3px 26px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
}
.form_list span.field-validation-error {
  color:#f00;
}

.form_list li {
  padding: 10px 5px;
  border-bottom: dashed 1px #ddd;
}

.form_list dl {
  width: 100%;
}
.form_list .left {
  float: left;
}
.form_list dd.haft {
  width: 50%;
  font-size: 100%;
  display: inline-block;
  float: left;
}
.form_list dd.haft label {
  width: 100%;
}
.form_list dd label {
  display: inline-block;
}
.form_list dd span {
  margin-right: 2%;
  width: 10%;
  font-size: 14px;
}
.form_list dd input[type="text"],
.form_list dd input[type="email"],
.form_list dd input[type="tel"],
.form_list dd input[type="password"]{
  width: 70%;
  margin-right: 3%;
}
.form_list .one_line {
  width: 100%;
}
.form_list .one_line input[type="text"],
.form_list .one_line input[type="email"],
.form_list .one_line input[type="tel"],
.form_list .one_line input[type="password"]{
  width: 100%;
  margin: 0;
}
.form_list li.last_list {
  border-bottom: 0;
  padding-bottom: 0;
}
.form_list li.pdb0 {
  padding-bottom: 0;
}
.form_list li:first-child {
  padding-top: 5px;
}
.form_list input[type="radio"],
.form_list input[type="checkbox"] { 
  width: 1em;
  height: 1em;
}
.radio label:first-child {
  margin-right: 45px;
}
.radio input[type="radio"] {
  margin-right: 3px;
}
.radio label,
.radio input[type="radio"] {
  vertical-align: middle;
}
.postal_code .add_search {
  display: table-cell;
  width: 98px;
}
.postal_code .add_search input {
  padding: 3px 12px 3px 20px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
      -ms-border-radius: 5px;
       -o-border-radius: 5px;
          border-radius: 5px;
  background: url(../images/bg-arrow_btn_gray.png) no-repeat 9px 50% #eee;
  background-size: 7.3px 9.3px;
}
.form_list .postal_code {
  width: 100%;
  display: table;
}
.form_list .postal_code input[type="text"],
.form_list .postal_code input[type="tel"],
.form_list .postal_code input[type="password"] {
  width: 40%;
}
.form_list .postal_code .input_code01 {
  margin-right: 3px;
  display: table-cell;
}
.form_list .postal_code .input_code02 {
  margin-left: 3px;
  margin-right: 3px;
  display: table-cell;
}
.form_list .postal_check {
  width: 100%;
}
/*.postal_check label {
  width: 100%;
}*/
.form_list .postal_check input[type="checkbox"] {
  width: 1em;
  height: 1em;
  vertical-align: middle;
}

.state select {
  width: 100%;
  -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
      -ms-border-radius: 7px;
        -o-border-radius: 7px;
  border-radius: 7px;
  outline: 0;
  border: 1px solid #ccc;
  padding: 0.3em;
}
.form_list .three_ip {
  width: 100%;
}
.form_list .three_ip input[type="text"],
.form_list .three_ip input[type="tel"],
.form_list .three_ip input[type="password"] {
  width: 27%;
  margin-left: 3px;
  margin-right: 3px;
}
.form_list .three_ip input[type="text"]:first-child,
.form_list .three_ip input[type="tel"]:first-child,
.form_list .three_ip input[type="password"]:first-child {
  margin-left: 0;
}
.form_list .three_ip input[type="text"]:last-child,
.form_list .three_ip input[type="tel"]:last-child,
.form_list .three_ip input[type="password"]:last-child {
  margin-right: 0;
}
.form_list .passport_name {
  white-space: nowrap;
}
.form_list .passport_name input[type="text"] {
  width: 260px;
}
.national {
  display: table;
}
.form_list .national label {
  width: 30%;
}
.form_list .text_national {
  width: 40%;
}
.form_list .text_national input[type="text"]
.form_list .text_national input[type="password"] {
  width: 90%;
  margin-left: 10%;
  margin-right: 0;
}
.form_list .national label,
.form_list .national .text_national {
  display: table-cell;
}
.form_list input[type="radio"] {
  margin-left: 0;
  margin-top: 0;
}
.form_list input[type="checkbox"] {
  margin-left: 0;
}
.form_list .national input[type="radio"],
.form_list .national em {
  vertical-align: middle;
}
.passport_date {
  display: table;
}
.form_list .passport_date label {
  width: 30%;
  display: table-cell;
}
.form_list .passport_date label:first-child {
  width: 40%;
}
.form_list .passport_date label input[type="text"] {
  width: 62%;
  margin-left: 10%;
}
.form_list .passport_date label:first-child input[type="text"] {
  margin-left: 0;
  width: 74%;
}
#container .form_list li.warning {
  padding: 0;
  border-top: 0;
}
#container .form_list .warning_box {
  padding: 15px;
  background: #e4f1fa;
  font-size: 13px;
}
#container .form_list .warning_box a {
  color: #006699;
  text-decoration: underline;
  display: block;
}
#container .form_list dt {
  font-weight: bold;
  margin-bottom: 7px;
  font-size: 14px;
}
#container .form_list dt label {
  font-size: 14px;
}
.form_list .required {
  color: #fff;
  font-weight: bold;
  margin-left: 7px;
  background: #ff6666;
  font-size: 11px;
  padding: 2px 5px;
}
#container .form_list em {
  font-style: normal;
  vertical-align: middle;
  margin-left: 2px;
  font-size: 14px;
}

.form_list input[type="text"],
.form_list input[type="email"],
.form_list input[type="tel"],
.form_list input[type="password"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0.3em;
}
.form_list input {
  -webkit-border-radius: 7px;
     -moz-border-radius: 7px;
      -ms-border-radius: 7px;
       -o-border-radius: 7px;
          border-radius: 7px;
  outline: 0;
  border: 1px solid #ccc;
}

.form_list select {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 75%;
  padding: 0.3em;
}
.form_list select {
  -webkit-border-radius: 7px;
     -moz-border-radius: 7px;
      -ms-border-radius: 7px;
       -o-border-radius: 7px;
          border-radius: 7px;
  outline: 0;
  border: 1px solid #ccc;
}
#container .req {
  padding: 2px 15px 10px 15px;
  font-size: 13px;
}
#container .reqBor {
  border: solid 2px #ff6067;
  padding: 10px;
  margin: 0 10px 15px 10px;
  font-size: 13px;
}
#container .reqBor a {
  color: #006699;
  text-decoration: underline;
}
.form_list .borB0 {
  border-bottom: 0;
}

#container .rwl {
  border-bottom: none;
  border-top: solid 1px #cecece;
  background: #f5f5f5;
}


/*.menu_member
----------------------------------------*/

.wrap_box {
  background: #29abe7;
}
.menu_member .caption.close .txt {
  background-image: url(../images/ico-plus.png);
  -webkit-background-size: auto 16px;
     -moz-background-size: auto 16px;
      -ms-background-size: auto 16px;
       -o-background-size: auto 16px;
  background-size: auto 16px;
}
.menu_member .caption.open .txt {
  background-image:  url(../images/ico-except.png);
  -webkit-background-size: auto 16px;
     -moz-background-size: auto 16px;
      -ms-background-size: auto 16px;
       -o-background-size: auto 16px;
  background-size: auto 16px;
}
.menu_member .caption .txt {
  background: no-repeat right 50%;
  padding: 13px 10px 13px 13px;
  color: #fff;
  font-weight: bold;
  background-size: auto 16px;
  font-size: 14px;
  margin-right: 10px;
}
.member_content {
  padding: 15px 10px;
  border-top: 1px solid #d8e1e5;
}
.section_link_box {
  margin-bottom: 15px;
}
.section_link_box.edeg {
  margin-bottom: 0;
}

#container .mlink-left05 {
  border-right: solid 1px #024895;
  border-top: solid 1px #024895;
  border-bottom: none;
  background: #fff;
  height: auto;
}
#container .mlink-right05 {
  border-right: solid 1px #024895;
  border-top: solid 1px #024895;
  border-bottom: none;
  background: #fff;
  height: auto;
}
#container .mlink-text .ico_pc {
  margin: 0px 10px 0 5px;
}
#container .mlink-text .ico_pc img {
  margin-top: -10px;
}
#container .mlink01 {
  padding: 12px 10px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top: none;
  height: auto;
}
#container .mlink-cmt {
  font-size: 12px;
}
#container .mlink-only {
  background-color: #fff;
  height: auto;
  float: left;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-top: none;
}
#container .mlink-only.edge {
  -webkit-border-radius: 0 0 10px 10px;
     -moz-border-radius: 0 0 10px 10px;
      -ms-border-radius: 0 0 10px 10px;
       -o-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}
#container .mlink-only.first_link {
  -webkit-border-radius: 10px 10px 0 0;
   -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
     -o-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #e5e5e5;
}
#container .link-box-t {
  background: #f1f1f1;
  -webkit-border-radius: 10px 10px 0 0;
     -moz-border-radius: 10px 10px 0 0;
      -ms-border-radius: 10px 10px 0 0;
       -o-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  border: solid 1px #ddd;
  border-bottom: 1px solid #e5e5e5;
  color: #222;
  font-weight: normal;
  font-size: 12px;
}
#container .mlink-text {
  padding: 12px 0 12px 10px;
  font-weight: normal;
  color: #333;
  font-size: 14px;
}

#container .mod-link-boxs a {
  height: auto;
}

#container a.dtl-link {
  font-size: 14px;
  color: #333;
  font-weight: normal;
}

/*.privacy
------#---------------------------------*/
.privacy {
  padding: 15px;
  background: #eee;
  color: #333333;
  font-size: 13px;
  border-top: solid 1px #e5e5e5;
}
.privacy strong {
  padding-bottom: 5px;
  display: block;
}
.privacy p {
  line-height: 1.5;
}
.privacy a {
  color: #006699;
  text-decoration: underline;
}
/*.security
----------------------------------------*/
.security {
  padding: 12px 14px 18px 14px;
  font-size: 13px;
  line-height: 1.5;
}

.security .ssl_seal {
  text-align: center;
  margin-top: 7px;
}

/*.nav_global
----------------------------------------*/
.nav_global {
  margin: 5px 0 20px;
  padding: 0 10px;
  overflow: hidden;
}

.nav_global span {
  display: inline-block;
  margin-top: 4px;
  font-size: 12px;
  padding: 0 5px;
  width: 50px;
}
.nav_global ul {
  overflow: hidden;
  width: 100%;
  display: table;
}
.nav_global li {
  float: left;
  width: 20%;
  display: table-cell;
  padding-right: 2%;
}
.nav_global li:last-child {
  padding-right: 0;
  width: 11%;
  text-align: right;
}
.nav_global li:last-child span {
  width: 25px;
  padding-left: 7px;
}

.nav_global{
    width: 95%;
    margin: 0 auto;
}
.nav_global ul{
    width: 100%;
}
.nav_global li{
	width: 28%;
	margin-right: 4%;
	padding-top: 18px;
	text-align: center;
	background-image: url(../images/bg_gnav_arrow02.png),url(../images/bg_gnav_arrow01.png);
	background-repeat: no-repeat,repeat-x;
	background-position: right top,left top;
	background-size: 10px 13px;
}
.nav_global li.last_menu{
	width: 29%;
	margin-right: 0;
	text-align: center;
	background-image: url(../images/bg_gnav_arrow01.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.nav_global li.current{
    background-image: url(../images/bg_gnav_arrow02_on.png),url(../images/bg_gnav_arrow01_on.png);
}
.nav_global li.last_menu.current{
    background-image: url(../images/bg_gnav_arrow01_on.png);
}
.nav_global li span{
	width: auto;
	text-align: center;
}
.nav_global li.last_menu span{
	width: auto;
	text-align: center;
}
.nav_global ul.nav_global_three li{
    width: 45%;
}

/*.caption_reg
----------------------------------------*/

.caption_reg.close .headline {
  background: url(../images/ico-plus-reg.png) right no-repeat #f1f1f1;
  -webkit-background-size: auto 16px;
     -moz-background-size: auto 16px;
      -ms-background-size: auto 16px;
       -o-background-size: auto 16px;
  background-size: auto 16px;
}

.caption_reg.open .headline {
  background: url(../images/ico-except-reg.png) right no-repeat #f1f1f1;
  -webkit-background-size: auto 16px;
     -moz-background-size: auto 16px;
      -ms-background-size: auto 16px;
       -o-background-size: auto 16px;
  background-size: auto 16px;
}
