@charset "UTF-8";

/*//////////////////////////////////////////////////

Title : general_classes.css
For   : General Classes of the site

Created       : 2007-MM-DD
Last Modified : 2007-MM-DD

----------------------------------------

Content

    1. Float & Clear
    2. Text Align
    3. Font & Text
    4. Margin
    5. Padding


//////////////////////////////////////////////////*/

/* ---------------------------------------(=1)
    1. Float & Clear
   ---------------------------------------- */
.floatL { float: left; }
.floatR { float: right; }

.clearL { clear: left; }
.clearR { clear: right; }
.clearB { clear: both; }

/* ---------------------------------------(=2)
    2. Text Align
   ---------------------------------------- */
.alignL { text-align: left !important; }
.alignC { text-align: center !important; }
.alignR { text-align: right !important; }

.valignT  { vertical-align: top; }
.valignM  { vertical-align: middle; }
.valignB  { vertical-align: bottom; }
.valignBL { vertical-align: baseline; }


/* ---------------------------------------(=3)
    3. Font & Text
   ---------------------------------------- */
/* size */
.fsizeS { font-size: 78%; }
.fsizeM { font-size: 90%; }
.fsizeL { font-size: 120%; }

/* weight */
.fontB { font-weight: bold; }
.fontN { font-weight: normal; }

/* color */
.weak { color: #666666; }

/* family */

.arial { font-family: Arial, serif; }

/*
.required,
*/
.attention { color: #ff0000 !important; }

/* text-transform */
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }

/* indent */
.indent05 { margin-left: 0.5em; text-indent: -0.5em; }
.indent10 { margin-left: 1em;   text-indent: -1em;   }
.indent15 { margin-left: 1.5em; text-indent: -1.5em; }
.indent20 { margin-left: 2em;   text-indent: -2em;   }
.indent25 { margin-left: 2.5em; text-indent: -2.5em; }


/* ---------------------------------------(=4)
    4. Margin
   ---------------------------------------- */
.mt0  { margin-top: 0; }
.mt5  { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt60 { margin-top: 60px; }

.mr0  { margin-right: 0; }
.mr5  { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }
.mr45 { margin-right: 45px; }

.mb0  { margin-bottom: 0; }
.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; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }

.ml0  { margin-left: 0; }
.ml5  { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }

.mt0i  { margin-top: 0 !important; }
.mr0i  { margin-right: 0 !important; }
.mb0i  { margin-bottom: 0 !important; }
.ml0i  { margin-left: 0 !important; }
.mt20i {margin-top: 20px !important ;}

/* ---------------------------------------(=5)
    5. Padding
   ---------------------------------------- */
.pt0  { padding-top: 0; }
.pt5  { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt45 { padding-top: 45px; }

.pr0  { padding-right: 0; }
.pr5  { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr35 { padding-right: 35px; }
.pr40 { padding-right: 40px; }
.pr45 { padding-right: 45px; }



.pr5i  { padding-right: 5px !important; }
.pr10i { padding-right: 10px !important;; }
.pr15i{ padding-right: 15px !important;; }
.pr20i { padding-right: 20px !important;; }
.pr25i { padding-right: 25px !important;; }
.pr30i { padding-right: 30px !important;; }
.pr35i { padding-right: 35px !important;; }
.pr40i { padding-right: 40px !important;; }
.pr45i { padding-right: 45px !important;; }


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


.pb5i  { padding-bottom: 5px !important; }
.pb10i { padding-bottom: 10px !important; }
.pb15i { padding-bottom: 15px !important; }
.pb20i { padding-bottom: 20px !important; }
.pb25i { padding-bottom: 25px !important; }
.pb30i { padding-bottom: 30px !important; }
.pb35i { padding-bottom: 35px !important; }
.pb40i { padding-bottom: 40px !important; }
.pb45i { padding-bottom: 45px !important; }


.pl0  { padding-left: 0; }
.pl5  { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl35 { padding-left: 35px; }
.pl40 { padding-left: 40px; }
.pl45 { padding-left: 45px; }

.pr0i { padding-right: 0 !important; }
.pl0i { padding-left: 0 !important; }
.pb0i { padding-bottom: 0 !important; }
.pt0i { padding-top: 0 !important ;}


/* ---------------------------------------(=6)
    6. Ohters
   ---------------------------------------- */
/* hidden element */
.hidden {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

/*form control */
.byte1 { ime-mode: inactive; }
.byte2 { ime-mode: active; }

/* rollover */
.btn {}


/* ---------------------------------------(=)
    TBS
   ---------------------------------------- */

.btn-org {
  display: inline-block;
  *display: inline;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 13px;
  line-height: 18px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  text-decoration: none;
}

.btn-org-blk {
  color: #ffffff !important;
  background-color: #2A3E89;
}

.btn-org-gry {
  color: #2A3E89 !important;
  background-color: #ccc;
}


.btn-large {
padding: 12px 30px;
    font-size: 16px;
    width: 200px;
    display: inline-block;
    line-height: normal;
    color: #fff !important;
    border-radius: 4px;
    margin: 17px 0;
    border: 0;
    text-align: center;
    box-shadow: none;
    background-color: #374da0;
}

.btn-large [class^="icon-"] {
  margin-top: 1px;
}

.btn-small {
  padding: 5px 9px;
  font-size: 11px;
  line-height: 16px;
}

.btn-small [class^="icon-"] {
  margin-top: -1px;
}
.shippingAddr{
	padding: 10px;
}
.updatedelete{
	text-align: right !important;
}
.btn-mini {
    padding: 4px 10px;
    font-size: 11px;
    line-height: 14px;
    background-color: #374DA3;
    border-radius: 4px;
    color:#fff;
    padding: 8px 12px;
    font-size: 13px;
    margin: 5px;
}
#dvFixedPurchaseDetail .btn{
    padding: 4px 10px;
    font-size: 11px;
    line-height: 14px;
    background-color: #374DA3;
    border-radius: 4px;
    color:#fff;
    padding: 10px 17px;
    font-size: 15px;
    margin: 5px;
    width: 154px;
    text-align: center;
    display: inline-block;
    border-radius: 50px;
    border: 1px solid #374DA3;
}
#dvFixedPurchaseDetail .btn.bs_cb{box-sizing: content-box;}
#dvUserBox #dvFixedPurchaseDetail table td.ta_c{text-align: center;}
#dvFixedPurchaseDetail .btn-mini{
    padding: 4px 10px;
    font-size: 11px;
    line-height: 14px;
    background-color: #374DA3;
    border-radius: 4px;
    color:#fff;
    padding: 10px 17px;
    font-size: 15px;
    margin: 5px;
    width: 154px;
    text-align: center;
    display: inline;
    border-radius: 50px;
}
#dvFixedPurchaseDetail .cancel{
  background-color: #fff;
  border: 1px solid #0e2f8f;
  color: #0e2f8f;
}
.btn-primary,
.btn-primary:hover,
.btn-warning,
.btn-warning:hover,
.btn-danger,
.btn-danger:hover,
.btn-success,
.btn-success:hover,
.btn-info,
.btn-info:hover,
.btn-inverse,
.btn-inverse:hover {
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}



.btn-primary {
  background-color: #0074cc;
  *background-color: #0055cc;
  background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
  background-image: linear-gradient(top, #0088cc, #0055cc);
  background-repeat: repeat-x;
  border-color: #0055cc #0055cc #003580;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #0055cc;
  *background-color: #004ab3;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #004099 \9;
}


.btn-warning {
  background-color: #faa732;
  *background-color: #f89406;
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  background-color: #f89406;
  *background-color: #df8505;
}

.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}

.btn-danger {
  background-color: #da4f49;
  *background-color: #bd362f;
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  background-color: #bd362f;
  *background-color: #a9302a;
}

.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}

.btn-success {
color: #ffffff !important;
    background-color: #3346A3;
    padding: 12px 30px;
    display: inline-block;
    text-align: center;
    text-decoration: none !important;
    font-size: 16px;
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {

}

.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}

.btn-info {
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  background-color: #2f96b4;
  *background-color: #2a85a0;
}

.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}

.btn-inverse {
    color: #ffffff !important;
    background-color: #2A3E89;
/*    padding: 11px 50px;*/
    display: inline-block;
    text-align: center;
    text-decoration: none !important;
    font-size: 18px;
/*    line-height: 22px;*/
}

/*
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  background-color: #222222;
  *background-color: #151515;
}

.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}
*/

.orderhistorydetail_btn .btn{
    padding: 4px 10px;
    font-size: 11px;
    line-height: normal;
    background-color: #374DA3;
    border-radius: 4px;
    color: #fff;
    padding: 10px 17px;
    font-size: 15px;
    margin: 5px;
    width: 154px;
    text-align: center;
    display: inline-block;
}


/* ---------------------------------------(=)
    NEW CSS PARTS
   ---------------------------------------- */

    .btn-modoru{
        width: 100%;
        max-width: 260px;
        display: inline-block;
        font-size: 20px;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
        font-weight: 500;
        line-height: 1.2;
        color: #0e2f8f !important;
        border: 1px solid #0e2f8f;
        border-radius: 50px;
        padding: 20px 0;
      text-align: center;
    }

    .btn-confirm{
        width: 100%;
        max-width: 260px;
        display: inline-block;
        font-size: 20px;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
        font-weight: 500;
        line-height: 1.2;
        color: #fff !important;
        /* border: 1px solid #0e2f8f; */
        background-color: #0e2f8f;
        border-radius: 50px;
        padding: 20px 0;
        text-align: center;
    }

    .btn-top{
        width: 100%;
        max-width: 260px;
        display: inline-block;
        font-size: 20px;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
        font-weight: 500;
        line-height: 1.2;
        color: #fff !important;
        /* border: 1px solid #0e2f8f; */
        background-color: #0e2f8f;
        border-radius: 50px;
        padding: 20px 0;
        text-align: center;
    }

    .btn-cc-confirm{
        font-size: 18px;
        padding: 15px 0;
    }
    
.dvUserBtnBox2{
  width: 560px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  margin-right: auto;
  margin-left: auto;
}
      
    /* step banner */

    .step{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;

        margin: 40px 0 20px !important;
    }

    .step .step-list{
        width: 100%;
        max-width: 240px;
        background-color: #f9f9f9;
        padding: 15px 0 !important;
        border-radius: 50px;

        font-size: 16px;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
        font-weight: 500;
        line-height: 1.7;
        color: #afafaf;
        text-align: center;
    }

    .step .step-current{
        background-color: #dbe0ee;
        color: #0e2f8f;
    }

    .mr-15{
        margin-right: 15px !important;
    }

    .ttl-center{
        font-size: 24px;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
        font-weight: 500 !important;
        color: #0e2f8f;
        text-align: center;
    }

/*width of input or select*/



#Wrap .input_w800 input{
    width: 800px;
    box-sizing: border-box;
  }
  
    
#Wrap .input_w380 input{
      width: 380px;
      box-sizing: border-box;
    }
    
#Wrap .input_w120 input{
      width: 120px;
      box-sizing: border-box;
    }
    
#Wrap .select_w220 select{
      width: 220px !important;
      box-sizing: border-box;
    }

#Wrap .select_w300 select{
      width: 300px !important;
      box-sizing: border-box;
    }

.User_title{
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 20px !important;
    text-align: center;
    color: #545454;
    padding-bottom: 19px !important;
    border-bottom: 1px solid #545454;
    margin-bottom: 35px !important;
    width: 1000px;
  font-size: 30px !important;
}

#Wrap .contents_info {
  
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  
    margin: 0 0 20px;
}


#Wrap .contents_info p{
  text-align: center;
    font-size: 16px;
    line-height: 24px;
}


  #Wrap h3.sub_ttl{
    font-size: 16px;
    padding-bottom: 12px;
    font-feature-settings: "palt";
    margin-top: 30px;
    border-bottom: 2px solid #f4f4f4;
    margin-bottom: 30px;
  }
.required_icon{
      font-size: 12px;
    display: inline-block;
    padding: 0 5px;
      height: 16px;
      line-height: 16px;
    background-color: #d93625;
    color: #fff;
    margin-left: 7px;
      margin-right: 7px;
  }

/*main title*/
  .main_ttl_wrap {
    text-align: center;
  }
  
  .main_ttl_wrap .main_ttl{
    font-size: 30px !important;
    padding-top: 0 !important;
    padding-bottom: 15px !important;
    border-bottom: 3px solid #0e2f8f;
    display: inline-block;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    letter-spacing: 0.05em;
    color: #545454;
  }
  
  .main_ttl_wrap .ttl_en{
    font-size: 16px;
    display: block;
      padding-top: 14px;
    line-height: 1;
    color: #0e2f8f;
    letter-spacing: 0.025em;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  }


    .breadcrumb{
      width: 1000px;
      margin: 30px auto 50px;
      font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    }
    
    .breadcrumb ul{
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      font-size: 12px;
}


/*main title*/