@charset "UTF-8";

/*****************************
    detail.css
    個別設定用CSS

    01: 共通設定
    02: 会員登録
    03: マイページ
    04: 購入

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


/* =01 共通設定
-------------------------- */

html {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
/* ////2019.07.23 UPD START//// */
#main_contents {
    width: 730px;
    margin:55px 0 0 0;
    float:right;
}
/* ////2019.07.23 UPD END  //// */
#customer_menu {
    width: 200px;
    float: left;
    padding: 5px 0;
}

.headLine {
    width: 920px;
    margin: 0 auto;
    position: relative;
}

h2 {
    font-size: 16px;
    font-weight: bold;
    border-left: 5px solid #124F91;
    margin: 0 0 15px 0;
    padding: 2px 0 2px 5px;
}

h3 {
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 5px 0 0 0;
    color: #0096b2;
    clear: both;
}

input {
    border: 0;
    padding: 2px;
    font-family: Arial, sans-serif;
    border: solid 1px #ccc;
    margin: 0 0 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline;
    vertical-align: middle;
}

input[type=checkbox] {
    width: 20px;
    height: 20px;
    vertical-align: -0.7em;
    border: none;
}

input:focus,
button:focus {
    outline: none;
}


/*////2019.07.23 ADD START////*/
#mypage h2{
    font-size:18px;
}
#main_contents h2{
    border-bottom:1px solid #124F91;
}
/*////2019.07.23 ADD END  ////*/
/*******************************************************/


/* フローチャート */


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


/* 登録情報の確認・変更 */

.infoWorkFlow {
    background: url(./../../../common/img/new/work_flow/info_update/workflow_back.png) no-repeat;
    width: 730px;
    height: 35px;
    padding-left: 1px;
    position: relative;
}

.infoWorkFlow div {
    padding-top: 6px;
}

.infoWorkFlow div.step1 {
    width: 246px;
    height: 33px;
    float: left;
    text-align: center;
    position: absolute;
    top: 1px;
}

.infoWorkFlow div.grayBack1 {
    background: url(./../../../common/img/new/work_flow/info_update/g_workflow1.png) no-repeat;
}

.infoWorkFlow div.step2 {
    width: 256px;
    height: 33px;
    float: left;
    text-align: center;
    position: absolute;
    top: 1px;
    left: 237px;
}

.infoWorkFlow div.grayBack2 {
    background: url(./../../../common/img/new/work_flow/info_update/g_workflow2.png) no-repeat;
}

.infoWorkFlow div.grayBack2_2 {
    background: url(./../../../common/img/new/work_flow/info_update/g_workflow2-2.png) no-repeat;
}

.infoWorkFlow div.step3 {
    width: 246px;
    height: 33px;
    float: left;
    text-align: center;
    position: absolute;
    top: 1px;
    right: 2px;
}

.infoWorkFlow div.grayBack3 {
    background: url(./../../../common/img/new/work_flow/info_update/g_workflow3.png) no-repeat;
}


/* 会員登録（法人・個人） */

.regiWorkFlow {
    background: url(./../../../common/img/new/work_flow/member_regi/workflow_back.png) no-repeat;
    width: 930px;
    height: 35px;
    padding-left: 1px;
    position: relative;
    font-size: 13px;
}

.regiWorkFlow div {
    padding-top: 8px;
    text-align: center;
}

.regiWorkFlow div.step1 {
    width: 312px;
    height: 33px;
    float: left;
    text-align: center;
    position: absolute;
    top: 1px;
}

.regiWorkFlow div.grayBack1 {
    background: url(./../../../common/img/new/work_flow/member_regi/g_workflow1.png) no-repeat;
}

.regiWorkFlow div.step2 {
    width: 324px;
    height: 33px;
    float: left;
    text-align: center;
    position: absolute;
    top: 1px;
    left: 303px;
}

.regiWorkFlow div.grayBack2 {
    background: url(./../../../common/img/new/work_flow/member_regi/g_workflow2.png) no-repeat;
}

.regiWorkFlow div.grayBack2_2 {
    background: url(./../../../common/img/new/work_flow/member_regi/g_workflow2-2.png) no-repeat;
}

.regiWorkFlow div.step3 {
    width: 312px;
    height: 33px;
    float: left;
    text-align: center;
    position: absolute;
    top: 1px;
    right: 2px;
}

.regiWorkFlow div.grayBack3 {
    background: url(./../../../common/img/new/work_flow/member_regi/g_workflow3.png) no-repeat;
}


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


/* 共通 */


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

.reg_con:after {
    display: block;
    margin-top: -1px;
    height: 1px;
    content: "";
    clear: both;
}

.reg_con {
    width: 925px;
    margin: 0 auto 20px;
    border: 1px #ccc solid;
}

.reg_con h3 {
    background: #e0e0e0;
    padding: 7px 10px;
    font-weight: bold;
    color: #0096b2;
    font-size: 18px !important;
    margin: 0;
}

.corp_upd {
    font-weight: bold;
    color: #0096b2;
    font-size: 18px !important;
    margin: 0;
}

html*#CustomerEmail,
html*#CustomerEmailConf {
    width: 330px;
}

*:first-child+html #mail_btn {
    width: 100px;
}

div.buyhistory_refine,
div.estimate_refine {
    background: #e0e0e0;
    padding: 10px;
    margin-left: 10px;
}

.historyContents p {
    margin-left: 10px;
}


/* =02 会員登録
-------------------------- */


/* フォームテーブル */

.reg_item:after {
    display: block;
    margin-top: -1px;
    height: 1px;
    content: "";
    clear: both;
}

.reg_item {
    margin: 0 auto;
    padding: 20px 0;
    border-spacing: 1px;
}

.reg_item th {
    clear: both;
}

.reg_item th {
    width: 190px;
    background: #e0e0e0;
    font-weight: normal;
    vertical-align: top;
    text-align: left;
    padding: 5px 10px;
}

.reg_item th span.req {
    float: right;
    color: #fff;
    font-weight: bold;
    font-size: 0.9em;
    background: #f00;
    padding: 0 3px;
    margin-top: 3px;
    height: 15px;
    line-height: 140%;
}

.reg_item td {
    width: 660px;
    padding: 2px 10px 5px;
}

.reg_item td .cau {
    margin: 0;
    font-size: 0.9em;
    line-height: 140%;
}

.reg_item td span {
    margin-left: 10px;
    font-size: 0.9em;
}

.reg_item td input.email {
    padding: 5px;
    font-size: 1.1em;
}

.reg_item td.fl div {
    display: inline;
}

.reg_item input[type="text"],
.reg_item input[type="password"],
.search input[type="text"] {
    border: 1px #999 solid;
    padding: 2px;
}

.reg_con dd .terms_area {
    width: 933px;
    height: 170px;
}

.reg_con dd .terms_area p {
    margin: 0 10px;
    font-size: 0.8em;
}

.reg_con .search_btn {
    text-align: right;
    margin: -30px 5px 20px 0;
}

.reg_con .search_btn button {
    border: none;
    font-size: 1em;
    margin: 0 auto;
    cursor: pointer;
}

.reg_con .search_btn button:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

#re_search_btn {
    background: url(./../../../common/img/blue_btn2.png) no-repeat;
    width: 89px;
    height: 24px;
}

#new_ac_btn {
    background: url(./../../../common/img/blue_btn5.png) no-repeat;
    width: 164px;
    height: 25px;
}

.submit {
    width: 210px;
    margin: 30px auto;
}

.submit input,
.submitBtn input {
    background: url(./../../../common/img/new/btn_orange_01.png) no-repeat;
    width: 240px;
    height: 50px;
    border: none;
    font-weight: bold;
    font-size: 16px;
    margin: 0 auto;
    cursor: pointer;
    color: #ffffff;
}

.submit input:hover,
.submitBtn input:hover {
    background: url(./../../../common/img/new/btn_orange_01_shadow.png) no-repeat;
}

.personalUpdSubmitBtn input,
.courpUpdSubmitBtn input {
    background: url(./../../../common/img/new/btn_blue_01.png) no-repeat;
    width: 240px;
    height: 50px;
    border: none;
    font-weight: bold;
    font-size: 16px;
    margin: 0 auto;
    cursor: pointer;
    color: #ffffff;
}

.personalUpdSubmitBtn input:hover,
.courpUpdSubmitBtn input:hover {
    background: url(./../../../common/img/new/btn_blue_01_shadow.png) no-repeat;
}

div.loginInfoUpd div.submit input,
.changeCompBtn input {
    background: url(./../../../common/img/new/btn_blue_01.png) no-repeat;
    width: 240px;
    height: 50px;
    border: none;
    font-weight: bold;
    font-size: 16px;
    margin: 0 auto;
    cursor: pointer;
    color: #ffffff;
}

div.loginInfoUpd div.submit input:hover,
.changeCompBtn input:hover {
    background: url(./../../../common/img/new/btn_blue_01_shadow.png) no-repeat;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}

#conf .submit input:hover,
#conf .submitBtn input:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}


/* ▼UPD 2015.04.15 R.Kato */

.back_btn input {
    background: url(./../../../common/img/new/btn_gray_06.png) no-repeat;
    width: 210px;
    height: 50px;
    border: none;
    font-weight: bold;
    font-size: 16px;
    margin: 0 auto;
    cursor: pointer;
    color: #000000;
}

.back_btn input:hover {
    background: url(./../../../common/img/new/btn_gray_06_shadow.png) no-repeat;
}


/* ▲UPD 2015.04.15 R.Kato */

.regist_btn:after {
    display: block;
    margin-top: -1px;
    height: 1px;
    content: "";
    clear: both;
}

.regist_btn {
    margin: 0 auto;
    width: 500px;
}

.regist_btn li {
    margin: 0 auto;
    float: left;
    width: 210px;
    margin-left: 20px;
}

.regist_btn li.coup_reg {
    margin: 0 auto;
    float: right;
    width: 210px;
    margin-right: 20px;
}

.regist_btn2:after {
    display: block;
    margin-top: -1px;
    height: 1px;
    content: "";
    clear: both;
}

.regist_btn2 {
    margin: 0 auto;
    width: 210px;
}

.regist_btn2 li {
    margin: 0 auto;
    float: left;
    width: 210px;
    margin-left: 20px;
}

.regist_btn2 li.coup_reg {
    margin: 0 auto;
    float: right;
    width: 210px;
    margin-right: 20px;
}

.reg_info_area {
    width: 900px;
    padding: 1px 0;
    margin: 0 auto;
    color: blue;
}

.reg_info_area p {
    text-align: center;
}

.reg_info_area>.error-message {
    text-align: center;
    margin-top: -15px;
}

.useConsent {
    background: #F0F0F0;
    width: 900px;
    margin-left: 10px;
}

.useConsent p {
    text-align: center;
    padding-top: 15px;
}


/* Chrome, Opera */

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    div.useConsent input[type=checkbox] {
        width: 30px;
        height: 30px;
        vertical-align: -0.7em;
    }
}


/* IE8 */

div.useConsent input[type=checkbox] {
    width: 30px\9;
    height: 30px\9;
    vertical-align: -0.7em\9;
}


/* IE9 */

:root div.useConsent input[type=checkbox] {
    width: 30px\0/;
    height: 30px\0/;
    vertical-align: -0.7em\0/;
}


/* IE10 */

@media all and (-ms-high-contrast:none) {
    div.useConsent input[type=checkbox] {
        width: 30px;
        height: 30px;
        vertical-align: -0.7em;
    }
}


/* IE11 */

@media all and (-ms-high-contrast:none) {
    div.useConsent input[type=checkbox] {
        width: 30px;
        height: 30px;
        vertical-align: -0.7em;
    }
}


/* safari */


/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
    div.useConsent input[type=checkbox] {
        -webkit-transform-origin: right bottom;
        -webkit-transform: scale( 3 , 3 );
    }
}
*/


/* FireFox */
/*
@-moz-document url-prefix() {
    div.useConsent input[type=checkbox] {
        margin-top: 0px;
        margin-bottom: 0px;
        -moz-transform-origin: right bottom;
        -moz-transform: scale( 3, 3);
        vertical-align: -10.5px
    }
    .useConsent {
        height: 60px;
        padding-top: 1px;
    }
    .useConsent p {
        height: 100px;
    }
}
*/
#terms_area {
    height: 170px;
    padding: 1px;
}

#terms_area p {
    margin: 5px;
}

.go_mypage {
    background: url(./../../../common/img/blue_btn3.png) no-repeat;
    width: 156px;
    height: 30px;
    text-align: center;
    padding: 5px 0 0 0;
    margin: 5px 0 30px 15px;
    font-weight: normal;
}

.go_mypage a {
    display: block;
    width: 156px;
    height: 30px;
    text-decoration: none;
    color: #000;
}


/* 会社検索 */

.search {
    width: 460px;
    float: left;
    margin: 20px;
}

.search p {
    margin: 0 0 10px;
}

.search h4 {
    color: #0096b2;
    font-weight: bold;
    margin: 0;
}

.search button {
    background: url(./../../../common/img/blue_btn1.png) no-repeat;
    width: 59px;
    height: 24px;
    text-align: center;
    font-weight: normal;
    font-size: 1em;
    border: none;
    cursor: pointer;
}

.search button:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.search .cau {
    font-size: 0.9em;
    margin: 0;
}

.search .cau span {
    color: #cc3300;
}

.result {
    width: 380px;
    float: right;
    background: #e0e0e0;
    margin: 0 10px 10px 0;
    margin: 20px;
    display: none;
}

.result .result_mds {
    font-weight: bold;
    font-size: 14px;
    color: #0096b2;
    padding: 10px 10px 5px;
    margin: 0;
}

.result li {
    padding: 0 10px 10px 20px;
    margin: 0;
    line-height: 120%;
}

.result hr {
    border: 0;
    height: 0;
    border-top: 1px #fff solid;
    border-bottom: 1px #ccc solid;
    margin: 5px 5px 10px 5px;
    padding: 0;
    clear: both;
}

.result button {
    background: url(./../../../common/img/blue_btn1.png) no-repeat;
    width: 59px;
    height: 24px;
    text-align: center;
    font-weight: normal;
    font-size: 1em;
    border: none;
    cursor: pointer;
    float: right;
    margin-top: -8px;
}

.result p button {
    background: url(./../../../common/img/blue_btn3.png) no-repeat;
    width: 156px;
    height: 30px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.result button:hover,
.result p button:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}


/* 各フォームテーブル個別指定 */

.regist_sup {
    width: 880px;
}

.mypage_sup {
    width: 700px;
    padding: 0;
    font-size: 1em;
}

.mypage_sup td {
    width: 450px;
}


/* =03 マイページ
-------------------------- */


/* サイドメニュー */

#customer_menu p {
    padding: 5px 10px;
    margin: 0;
}

#customer_menu hr {
    border: 0;
    height: 0;
    border-top: 1px #fff solid;
    border-bottom: 1px #ccc solid;
    margin: 5px 10px 10px 10px;
    padding: 0;
    clear: both;
}

#customer_menu ul {
    margin: 0 auto;
    width: 200px;
}

#customer_menu .logout {
    background: url(./../../../common/img/gray_btn3.png) no-repeat;
    width: 156px;
    height: 30px;
    text-align: center;
    padding: 5px 0 0 0;
    margin: 0 auto;
    font-weight: normal;
}

#customer_menu li.btnMenuCart a {
    display: table-cell;
    text-decoration: none;
    vertical-align: middle;
    width: 200px;
    height: 50px;
}

#customer_menu li.btnMenuGrayS a,
#customer_menu li.btnMenuGrayS_on a {
    display: table-cell;
    text-decoration: none;
    vertical-align: middle;
    width: 200px;
    height: 45px;
}

#customer_menu li.btnMenuGrayL a,
#customer_menu li.btnMenuGrayL_on a {
    display: table-cell;
    text-decoration: none;
    vertical-align: middle;
    width: 195px;
    height: 82px;
}

#customer_menu li.btnMenuGrayS a,
#customer_menu li.btnMenuGrayL a,
#customer_menu li.btnMenuGrayS_on a,
#customer_menu li.btnMenuGrayL_on a {
    color: #000000
}

#customer_menu ul li {
    margin-bottom: 8px;
}


/* ▼UPD 2015.04.14 R.Kato */

#customer_menu ul li.btnMenuCart {
    background: url(./../../../common/img/new/menu/btn_menu_cart.png) no-repeat;
    height: 50px;
    font-size: 14px;
    text-align: center;
}

#customer_menu ul li.btnMenuCart:hover {
    background: url(./../../../common/img/new/menu/btn_menu_cart_shadow.png) no-repeat;
}

#customer_menu ul li.btnMenuGrayS {
    background: url(./../../../common/img/new/menu/btn_menu_gray_s.png) no-repeat;
    /*width: 200px;*/
    height: 45px;
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
}

#customer_menu ul li.btnMenuGrayS:hover {
    background: url(./../../../common/img/new/menu/btn_menu_gray_s_shadow.png) no-repeat;
}

#customer_menu ul li.btnMenuGrayS_on {
    background: url(./../../../common/img/new/menu/btn_menu_gray_s_on.png) no-repeat;
    /*width: 200px;*/
    height: 45px;
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
}

#customer_menu ul li.btnMenuGrayS_on:hover {
    background: url(./../../../common/img/new/menu/btn_menu_gray_s_on_shadow.png) no-repeat;
}

#customer_menu ul li.btnMenuGrayL {
    background: url(./../../../common/img/new/menu/btn_menu_gray_l.png) no-repeat;
    /*width: 200px;*/
    height: 80px;
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
}

#customer_menu ul li.btnMenuGrayL:hover {
    background: url(./../../../common/img/new/menu/btn_menu_gray_l_shadow.png) no-repeat;
}

#customer_menu ul li.btnMenuGrayL_on {
    background: url(./../../../common/img/new/menu/btn_menu_gray_l_on.png) no-repeat;
    /*width: 200px;*/
    height: 80px;
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
}

#customer_menu ul li.btnMenuGrayL_on:hover {
    background: url(./../../../common/img/new/menu/btn_menu_gray_l_on_shadow.png) no-repeat;
}

div.iconOrder {
    background: url(./../../../common/img/new/menu/icon_order.png) no-repeat;
    width: 10px;
    height: 14px;
}

div.iconEntry {
    background: url(./../../../common/img/new/menu/icon_entry.png) no-repeat;
    width: 13px;
    height: 14px;
}

div.iconLogout {
    background: url(./../../../common/img/new/menu/icon_logout.png) no-repeat;
    width: 14px;
    height: 14px;
}


/* ▲UPD 2015.04.14 R.Kato */

#customer_menu ul {
    padding-left: 0;
    margin-left: 0;
}

#customer_menu ul li {
    margin-left: 0;
    padding-left: 8px;
    padding-right: 8px;
    list-style-position: outside;
}

#customer_menu span.subTitle {
    margin: 4px;
    font-size: 16px;
}

#customer_menu span.sidemenuBtnTitle {
    /*margin: 8px;*/
}

#customer_menu span.sidemenuBtnTitle2 {
    /*margin: 5px;*/
}

#customer_menu ul.shoppingCart span.sidemenuBtnTitle {
    color: #ffffff;
}


/* 納入先 */

.destination:after {
    display: block;
    margin-top: -1px;
    height: 1px;
    content: "";
    clear: both;
}

.destination li {
    width: 290px;
    float: left;
    background: #e0e0e0;
    margin: 0 10px 10px 0;
    padding: 5px 0 3px 0;
}

.destination p {
    font-weight: bold;
    padding: 5px 10px 0;
    margin: 0;
}

.destination p .default_btn button {
    background: url(./../../../common/img/blue_btn2.png) no-repeat;
    width: 89px;
    height: 24px;
    font-size: 0.9em;
    font-weight: normal;
    text-align: center;
    float: right;
    margin-top: -3px;
    border: none;
    cursor: pointer;
}

.destination hr {
    border: 0;
    height: 0;
    border-top: 1px #fff solid;
    border-bottom: 1px #ccc solid;
    margin: 5px 5px 10px 5px;
    padding: 0;
    clear: both;
}

.destination .addr {
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 5px 0 5px 15px;
    clear: both;
    line-height: 130%;
}

.destination li ul.edit_btn:after {
    display: block;
    margin-top: -1px;
    height: 1px;
    content: "";
    clear: both;
}

.destination li ul.edit_btn {
    clear: both;
    margin-top: -15px;
}

.destination li ul.edit_btn li {
    width: 59px;
    height: 24px;
    float: right;
    margin: 0 5px 0 0;
}

.destination .edit_btn button {
    background: url(./../../../common/img/blue_btn1.png) no-repeat;
    width: 59px;
    height: 24px;
    font-size: 0.9em;
    text-align: center;
    border: none;
    margin: 0 auto;
    cursor: pointer;
}


/* ▼UPD 2015.04.14 R.Kato */

.new_address_btn button {
    clear: both;
    background: url(./../../../common/img/new/btn_blue_02.png) no-repeat;
    width: 220px;
    height: 45px;
    font-size: 14px;
    text-align: center;
    border: none;
    margin: 0 auto;
    cursor: pointer;
    color: #ffffff;
}

.new_address_btn button:hover {
    background: url(./../../../common/img/new/btn_blue_02_shadow.png) no-repeat;
}


/* ▲UPD 2015.04.14 R.Kato */

#regist .edit_btn {
    margin: 10px 0;
}

#regist .edit_btn li {
    float: left;
    height: 30px;
    margin: 0 5px 0 0;
}

#regist .edit_btn button {
    clear: both;
    background: url(./../../../common/img/blue_btn3.png) no-repeat;
    width: 156px;
    height: 30px;
    font-size: 1em;
    text-align: center;
    border: none;
    margin: 0 auto;
    cursor: pointer;
}


/* 登録フォーム */

#new_address .submit {
    width: 160px;
    margin: 10px 0;
}


/* ▼UPD 2015.04.14 R.Kato */

#new_address input[type=submit] {
    background: url(./../../../common/img/new/btn_blue_01.png) no-repeat;
    width: 240px;
    height: 50px;
    border: none;
    font-weight: normal;
    font-size: 14px;
    margin: 0 auto;
    cursor: pointer;
    color: #ffffff;
}

#new_address input[type=submit]:hover {
    background: url(./../../../common/img/new/btn_blue_01_shadow.png) no-repeat;
}


/* ▲UPD 2015.04.14 R.Kato */

#regist .edit_btn button:hover,
#new_address input[type=submit]:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}


/* 購入履歴 */

.filter_tle {
    float: left;
    width: 120px;
    margin-top: 3px;
}

.filter:after {
    display: block;
    margin-top: -1px;
    height: 1px;
    content: "";
    clear: both;
}

.filter {
    margin-top: 3px;
}

.filter li {
    float: left;
    margin-right: 20px;
}


/* ▼UPD 2015.04.20 */

.filter_clr {
    background: url(./../../../common/img/new/btn_gray_01.png) no-repeat;
    width: 160px;
    height: 36px;
    text-align: center;
    float: right;
    margin-top: -32px;
}

.filter_clr:hover {
    background: url(./../../../common/img/new/btn_gray_01_shadow.png) no-repeat;
}

span.filter_tle {
    width: 140px;
    padding-top: 3px;
}

.filter li div select {
    width: 100px;
    height: 25px;
}

.filter_clr a {
    display: block;
    width: 160px;
    height: 36px;
    text-decoration: none;
    color: #000;
    line-height: 36px;
}

.filter_clr a:hover {
    text-decoration: none;
    color: #000;
}

.filter_clr a:link {
    color: #000000;
}

.filter_clr a:visited {
    color: #000000;
}


/* ▲UPD 2015.04.20 */

.his_mds,
.lead_mds {
    font-weight: bold;
    margin-bottom: 0;
    clear: both;
    margin-left: 10px
}

.order_info {
    clear: both;
    margin: 0 0 20px 20px;
}

.order_info dt {
    float: left;
    width: 170px;
}

.order_info dd {
    margin-left: 170px;
}


/* 購入履歴テーブル */

.history_item {
    clear: both;
    width: 730px;
    border-collapse: separate;
    border-spacing: 0px;
    text-align: center;
}


/* 出荷可能日確認履歴テーブル */

.lead_history_item {
    clear: both;
    width: 730px;
    border-collapse: separate;
    border-spacing: 0px;
    text-align: center;
}

.history_item th,
.lead_history_item th {
    background: #e0e0e0;
    font-weight: normal;
    padding: 3px 0;
}

#order {
    margin-left: 10px;
}

.history_item tr th,
.lead_history_item tr th {
    border-top: 1px #cccccc solid;
    border-left: 1px #cccccc solid;
    border-bottom: 1px #cccccc solid;
    height: 30px;
    font-weight: bold;
}

.history_item tr td,
.lead_history_item tr td {
    border-left: 1px #cccccc solid;
    border-bottom: 1px #cccccc solid;
    height: 45px;
    font-size: 13px;
}

.history_item tr th.tableRight,
.history_item tr td.detail,
.lead_history_item tr th.tableRight,
.lead_history_item tr td.detail {
    border-right: 1px #cccccc solid;
}

.lead_history_item tr td span.answerSituation {
    color: #ff0000;
}

.history_item td.detail,
.lead_history_item td.detail {
    width: 110px;
}

.history_item td.detail button {
    background: url(./../../../common/img/new/btn_blue.png) no-repeat;
    width: 90px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    border: none;
    color: #FFFFFF;
}

.history_item td.detail button:hover {
    background: url(./../../../common/img/new/btn_blue_shadow.png) no-repeat;
}

.lead_history_item td.detail button.leadDetail {
    background: url(./../../../common/img/new/btn_gray.png) no-repeat;
    width: 102px;
    height: 39px;
    text-align: center;
    cursor: pointer;
    border: none;
    color: #000000;
    line-height: 100%;
}

#estimate_input_area #check_btn{
    background: url(./../../../common/img/new/btn_blue_08.png) no-repeat;
    width: 220px;
    height: 50px;
    text-align: center;
    cursor: pointer;
    border: none;
    color: #FFFFFF;
    margin: 0 0 20px 10px;
    font-size: 14px;
}
#estimate_input_area #check_btn:hover{
    background: url(./../../../common/img/new/btn_blue_08_shadow.png) no-repeat;
}


/* ▼UPD 2015.04.15 */

.lead_history_item td.detail button.leadDetail:hover {
    background: url(./../../../common/img/new/btn_gray_shadow.png) no-repeat;
}


/* ▲UPD 2015.04.15 */

.totalRight {
    text-align: right;
    padding: 0 5px 0 0;
}

.historyCart {
    width: 100px;
}

.historyDate {
    width: 250px;
}

.historyTotal {
    width: 100px;
}

.historyState {
    width: 90px;
}

.lead_history_item td.detail button.leadDetailOrder {
    background: url(./../../../common/img/new/btn_orange.png) no-repeat;
    width: 90px;
    height: 28px;
    text-align: center;
    cursor: pointer;
    border: none;
    color: #FFFFFF;
    line-height: 50%;
}

.lead_history_item td.detail button.leadDetailOrder:hover {
    background: url(./../../../common/img/new/btn_orange_shadow.png) no-repeat;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}


/* その他 */

p.outline {
    margin: 10px 15px;
    clear: both;
}

p.caution {
    color: #f00;
    margin: 20px 15px;
}

.error-message {
    color: red;
    font-weight: bold;
}

.success-message {
    color: #02bb80;
    font-weight: bold;
    margin-left: 5px;
}

.change_btn input {
    float: right;
    margin-top: 10px;
    background: url(./../../../common/img/blue_btn3.png) no-repeat;
    width: 156px;
    height: 30px;
    text-align: center;
    border: none;
    margin: -49px auto 0;
    cursor: pointer;
}

.change_btn input:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}


/* 余白 */

.mabo10 {
    margin-bottom: 10px;
}

.mabo20 {
    margin-bottom: 20px;
}

.mabo30 {
    margin-bottom: 30px;
}

.mato20 {
    margin-top: 20px;
}

.red_bold {
    font-weight: bold;
    color: #c00;
}

.lead_history_cart {
    width: 90px;
}

.lead_history_date {
    width: 180px;
}

.lead_history_total {
    width: 90px;
}

.lead_history_state {
    width: 120px;
}

.bold {
    font-weight: bold;
}


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


/* 登録情報の確認・変更 表示 */


/* ログイン情報の確認・変更 */


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

.infoSection {
    width: 700px;
    border: 1px #cccccc solid;
    border-radius: 4px;
    margin-left: 10px;
    margin-bottom: 40px;
    padding-bottom: 10px;
}

.infoSection input[type="text"],
.infoSection input[type="password"] {
    height: 27px;
    margin: 0 1px 0 0;
}

.infoSection th {
    width: 230px;
    text-align: left;
}

.infoSection hr {
    height: 1px;
    width: 670px;
    border: none;
    background-color: #cccccc;
    color: #cccccc;
}

.infoSectionHeader {
    height: 40px;
    background-color: #F0F0F0;
    border-radius: 4px 4px 0 0;
    margin-bottom: 10px;
}

.updSectionHeader {
    height: 40px;
    background-color: #F0F0F0;
    border-radius: 4px 4px 0 0;
    padding: 0;
    padding-left: 10px;
    margin-bottom: 10px;
    color: #000000;
    font-size: 15px;
    line-height: 40px;
}

.infoSectionContents,
.confSectionContents {
    vertical-align: middle;
}

.headerTable {
    height: 40px;
    width: 680px;
    margin-left: 10px;
}

.headerTable th {
    font-size: 15px;
    font-weight: bold;
}

.infoSectionContents .contentsTable {
    height: 50px;
    width: 680px;
    margin-left: 30px;
}

.infoSectionContents .contentsTable th {
    font-size: 14px;
    font-weight: normal;
}

.infoSectionContents .contentsTable td .viewBtn,
.infoSectionContents .contentsTable td .clearBtn {
    background: url(./../../../common/img/new/btn_blue.png) no-repeat;
    width: 90px;
    height: 30px;
    font-size: 13px;
    text-align: center;
    border: none;
    cursor: pointer;
    color: #ffffff;
    line-height: 50%;
}
.infoSectionContents .contentsTable td .viewBtn:hover,
.infoSectionContents .contentsTable td .clearBtn:hover {
    background: url(./../../../common/img/new/btn_blue_shadow.png) no-repeat;
}

.infoSectionContents .contentsTable td .deleteBtn {
    background: url(./../../../common/img/new/btn_gray_05.png) no-repeat;
    width: 92px;
    height: 32px;
    font-size: 13px;
    text-align: center;
    border: none;
    cursor: pointer;
    line-height: 50%;
}

.infoSectionContents .contentsTable td .deleteBtn:hover {
    background: url(./../../../common/img/new/btn_gray_05_shadow.png) no-repeat;
}

.confSectionContents .contentsTable {
    height: 40px;
    width: 620px;
    margin-left: 30px;
}

.confSectionContents .contentsTable th {
    font-size: 14px;
    font-weight: normal;
}


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


/* 会員登録（法人・個人） */


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

.regiSection {
    width: 900px;
    border: 1px #cccccc solid;
    border-radius: 4px;
    margin-left: 10px;
    margin-top: 20px;
    margin-bottom: 40px;
}

.regiSection input[type=text],
.regiSection input[type=password] {
    height: 27px;
    margin: 0 auto;
}

.regiSection th {
    width: 300px;
    text-align: left;
}

.regiSection hr {
    height: 1px;
    width: 860px;
    border: none;
    background-color: #cccccc;
    color: #cccccc;
}

.regiSectionHeader {
    height: 30px;
    background-color: #F0F0F0;
    border-radius: 4px 4px 0 0;
    padding-top: 6px;
    padding-left: 10px;
    color: #000000;
    font-size: 15px;
}

.regiSectionContents {
    vertical-align: middle;
}

.regiSectionHeader .headerTable {
    height: 40px;
    width: 860px;
    margin-left: 10px;
}

.regiSectionHeader .headerTable th {
    font-size: 14.5px;
    font-weight: bold;
}

.regiSectionContents .contentsTable {
    height: 50px;
    width: 860px;
    margin-left: 30px;
}

.regiSectionContents .contentsTable th {
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
}

.regiSectionContents .contentsTable td .clearBtn {
    background: url(./../../../common/img/new/btn_blue.png) no-repeat;
    width: 90px;
    height: 30px;
    font-size: 13px;
    text-align: center;
    border: none;
    cursor: pointer;
    color: #ffffff;
    line-height: 50%;
}
.regiSectionContents .contentsTable td .clearBtn:hover {
    background: url(./../../../common/img/new/btn_blue_shadow.png) no-repeat;
}

.regiSection .checkBoxTd {
    padding-top: 0;
}

span.confViewBtn input {
    background: url(./../../../common/img/new/btn_orange_01.png) no-repeat;
    width: 240px;
    height: 50px;
    border: none;
    font-weight: bold;
    font-size: 16px;
    margin: 0 auto;
    cursor: pointer;
    color: #ffffff;
}

span.confViewBtn input:hover {
    background: url(./../../../common/img/new/btn_orange_01_shadow.png) no-repeat;
}

p.betaRegistMess {
    color: red;
    font-size: 16px;
    margin-left: 15px;
}


/* ▼UPD 2015.04.20 */


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


/* お届け先の登録・変更 */


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

#new_address .infoSection {
    width: 700px;
    margin-left: 0px;
}


/* アドレス一覧 */


/* サブタイトル */

.titleSection {
    font-size: 14px;
    font-weight: bold;
    border-left: none;
    margin: 0 0 5px 0;
    padding: 2px 0 2px 5px;
}


/* 全体 */

.addressUl {
    width: 750px;
}


/* 各お届け先 */

.addressSection {
    width: 355px;
    border: 1px #cccccc solid;
    border-radius: 4px;
    margin-bottom: 30px;
}


/* お届け先:ヘッダー */

.addressSectionHeader {
    height: 35px;
    background-color: #F0F0F0;
    border-radius: 4px 4px 0 0;
    padding-left: 10px;
    line-height: 35px;
}

.delName {
    float: left;
    width: 150px;
}

.addressUl .edit_btn {
    float: right;
    width: 195px;
}

.delName p {
    width: 145px;
    line-height: 240%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera9,10対応 */
    margin: 0;
}


/* ヘッダーボタン */

.addressUl .edit_btn button.other_del_btn {
    background: url(./../../../common/img/new/btn_gray_05.png) no-repeat;
    width: 92px;
    height: 32px;
    font-size: 13px;
    text-align: center;
    border: none;
    cursor: pointer;
    line-height: 50%;
}

.addressUl .edit_btn button.other_del_btn:hover {
    background: url(./../../../common/img/new/btn_gray_05_shadow.png) no-repeat;
}

.addressUl .edit_btn button.other_def_upd_btn {
    background: url(./../../../common/img/new/btn_blue.png) no-repeat;
    width: 90px;
    height: 30px;
    font-size: 13px;
    text-align: center;
    border: none;
    cursor: pointer;
    color: #ffffff;
    line-height: 50%;
}

.addressUl .edit_btn button.other_def_upd_btn:hover {
    background: url(./../../../common/img/new/btn_blue_shadow.png) no-repeat;
}


/* お届け先:コンテンツ */

.addressSectionContents {
    padding-top: 10px;
    padding-left: 25px;
    padding-bottom: 10px;
}

.addressUl:after {
    display: block;
    margin-top: -1px;
    height: 1px;
    content: "";
    clear: both;
}

.addressUl li {
    float: left;
    margin: 0 15px 10px 0;
}


/* ▲UPD 2015.04.20 */


/* 追加ボタン */

p.new_address_btn {
    width: 690px;
    text-align: center;
}


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


/* 登録情報の確認・変更トップへ戻るボタン */


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

.resultArea {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 700px;
    height: 240px;
    position: relative;
}

.resultArea p {
    font-weight: bold;
    font-size: 16px;
}

.btnPersonalDetailTop {
    background: url(./../../../common/img/new/btn_gray_04.png) no-repeat;
    width: 230px;
    height: 46px;
    position: absolute;
    left: 230px;
}


/* ▼UPD 2015.04.15 */

.btnPersonalDetailTop:hover {
    background: url(./../../../common/img/new/btn_gray_04_shadow.png) no-repeat;
}


/* ▲UPD 2015.04.15 */

.btnPersonalDetailTop a {
    display: block;
    width: 230px;
    height: 46px;
    line-height: 46px;
    text-decoration: none;
}

.btnPersonalDetailTop a:link {
    color: #000000;
}

.btnPersonalDetailTop a:visited {
    color: #000000;
}

.btnPersonalDetailTop a:hover {
    color: #000000;
    text-decoration: none;
}

.btnPersonalDetailTop a:active {
    color: #000000;
}


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


/* 住所検索ボタン */


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

button#postal_btn {
    background: url(./../../../common/img/new/btn_gray.png) no-repeat;
    width: 102px;
    height: 39px;
    border-style: none;
    line-height: 50%;
}

button#postal_btn:hover {
    background: url(./../../../common/img/new/btn_gray_shadow.png) no-repeat;
}


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


/* 登録情報の確認・変更 */


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

.contentsTable th span.req {
    margin-left: 8px;
    color: #f00;
}

.checkBoxTd input {
    float: left;
    vertical-align: middle;
    margin: 0;
}

.checkBoxTd span {
    float: left;
    margin-left: 3px;
}


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


/* 登録（法人・個人） */


/* 確認画面へ進むボタン */


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

div#nextConfBtn {
    width: 900px;
    text-align: center;
}

div#nextUpConfBtn {
    width: 700px;
    text-align: center;
}

input#registBtn {
    background: url(./../../../common/img/new/btn_blue_01.png) no-repeat;
    width: 240px;
    height: 50px;
    border: none;
    font-weight: bold;
    font-size: 16px;
    margin: 0 auto;
    cursor: pointer;
    color: #ffffff;
}

input#registBtn:hover {
    background: url(./../../../common/img/new/btn_blue_01_shadow.png) no-repeat;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

div#nextConfBtn input#registBtn {
    background: url(./../../../common/img/new/btn_orange_01.png) no-repeat;
    width: 240px;
    height: 50px;
    border: none;
    font-weight: bold;
    font-size: 16px;
    margin: 0 auto;
    cursor: pointer;
    color: #ffffff;
}

div#nextConfBtn input#registBtn:hover {
    background: url(./../../../common/img/new/btn_orange_01_shadow.png) no-repeat;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}

div#nextUpConfBtn input#registBtn {
    background: url(./../../../common/img/new/btn_blue_01.png) no-repeat;
    width: 240px;
    height: 50px;
    border: none;
    font-weight: bold;
    font-size: 16px;
    margin: 0 auto;
    cursor: pointer;
    color: #ffffff;
}

div#nextUpConfBtn input#registBtn:hover {
    background: url(./../../../common/img/new/btn_blue_01_shadow.png) no-repeat;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}

.btnChange input {
    background: url(./../../../common/img/new/btn_blue.png) no-repeat;
    width: 90px;
    height: 30px;
    float: right;
    text-align: center;
    border: none;
    margin: -15px auto 0;
    cursor: pointer;
    color: #ffffff;
}

.btnChange input:hover {
    background: url(./../../../common/img/new/btn_blue_shadow.png) no-repeat;
}

.btnChange button {
	background:url(./../../../common/img/new/btn_blue.png) no-repeat;
	width:90px;
	height:30px;
	float:right;
	text-align:center;
	border:none;
	margin:-15px auto 0;
	cursor:pointer;
	color:#ffffff;
}
.btnChange button:hover{
	background:url(./../../../common/img/new/btn_blue_shadow.png) no-repeat;
}


/* ▼ADD 2014.11.06 R.Kato 特殊品対応 */


/* 特殊品受注見積一覧 */

#area_estimate_auth {
    font-size: 12px;
    padding: 10px 0px;
}

#area_estimate_auth div {
    display: inline;
    padding: 0px 5px;
}

#area_estimate_auth div input#txt_estimate_no,
#area_estimate_auth div input#txt_password {
    height: 27px;
    margin: 0 1px 0 0;
}

#area_estimate_auth button#btn_estimate_auth {
    background: url(./../../../common/img/gray_btn1.png) no-repeat;
    width: 106px;
    height: 26px;
    text-align: center;
    cursor: pointer;
    border: none;
}

#area_err_message {
    font-size: 12px;
    padding: 10px 0px;
}

.tbl_special_product_estimate_list {
    clear: both;
    width: 600px;
    border-collapse: separate;
    border-spacing: 1px;
    text-align: center;
}

.tbl_special_product_estimate_list th {
    background: #e0e0e0;
    font-weight: normal;
    padding: 3px 0;
}

.tbl_special_product_estimate_list td {
    border: 1px #e0e0e0 solid;
}

.tbl_special_product_estimate_list td.detail button.btn_special_product_detail {
    background: url(./../../../common/img/gray_btn1.png) no-repeat;
    width: 106px;
    height: 26px;
    text-align: center;
    cursor: pointer;
    border: none;
}

.tbl_special_product_estimate_list td.detail button:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.tbl_special_product_estimate_list tr th.spel_estimate_no {
    width: 120px;
}

.tbl_special_product_estimate_list tr th.spel_product_number {
    width: 200px;
}

.tbl_special_product_estimate_list tr th.spel_validity_term {
    width: 110px;
}

.tbl_special_product_estimate_list tr th.spel_detail {
    width: 90px;
}


/* ▲ADD 2014.11.06 R.Kato 特殊品対応 */


/* 共通 */


/* 入力フォームのチェックボックスsafari */


/*
body:first-of-type td.checkBoxTd input[type=checkbox] {
    -webkit-transform: scale(1.2,1.2);
}
*/


/* 登録情報の変更完了画面 */

.resultArea p.outline {
    font-weight: normal;
    font-size: 1.6em;
}


/* お届け先の登録・変更 */

#deliPointContents {
    margin-left: 10px;
}


/* ▼ADD 2015.03.27 R.Kato */

#main_contents h2 {
    font-size: 18px;
}

#main_contents h2.titleSection {
    font-size: 14px;
}

h2#registViewTitle {
    font-size: 18px;
}


/* ▲ADD 2015.03.27 R.Kato */
/* 特殊品受注見積No.・パスワード入力画面 */
#number_input{
    width: 100%;
}
#number_input table{
    clear: both;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
    text-align: center;
    margin-bottom: 10px;
    margin-left: 10px;
    font-size: 14px;
}
#number_input tr th{
    border-top: 1px #cccccc solid;
    border-left: 1px #cccccc solid;
    border-bottom: 1px #cccccc solid;
    height: 30px;
    font-weight: bold;
}
#number_input tr{
    border-top: 1px #cccccc solid;
}
#number_input th{
    background: #e0e0e0;
    padding: 3px 0;
}
#number_input tr td{
    border-left: 1px #cccccc solid;
    border-bottom: 1px #cccccc solid;
    height: 38px;
}
#number_input tr td.borderTbTop{
    border-top: 1px #cccccc solid;
}
#number_input td.borderTbRight {
    border-right: 1px #cccccc solid;
}
#number_input td input[type="text"] {
    border: 1px #9c9c9c solid;
    height: 20px;
}
#number_input input[type="text"].short{
    width: 50px;
}
#number_input ul{
    float: right;
}
#number_input li{
    width: inherit;
}
#number_input button{
    background: url(./../../../common/img/new/menu/btn_menu_gray_s.png) no-repeat;
    border: none;
    width: 200px;
    height: 45px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}
#number_input #msg_estimate,#number_input #msg_password{
    margin-left: 10px;
    display: none;
}

/* 見積品ご購入画面 */
#estimate_input_area{
    margin-top: 20px;
    text-align: center;
}
.hatena_button {
    background-color: #aaaaaa;
    color: #fff;
    border-radius: 100%;
}

/* 見積履歴 */
.estimate_refine{
    margin-bottom: 20px;
}
.estimate_refine input[type="text"]{
    height: 20px;
}
.estimate_refine .filter li{
    float: left;
    margin-right: 5px;
}
.estimate_refine .item{
    float: left;
    margin-top: 3px;
    margin-left: 10px;
}
.estimate_refine .datepicker{
    width: 80px;
}
.estimate_refine .short{
    width: 30px;
}
.estimate_refine .long{
    width: 80px;
}

.estimate_table{
    width: 720px;
}

.filter_search {
    background: url(./../../../common/img/new/btn_gray.png) no-repeat;
    width: 102px;
    height: 40px;
    text-align: center;
    float: right;
    margin-top: -32px;
}

.filter_search:hover {
    background:url(./../../../common/img/new/btn_gray_shadow.png) no-repeat;
}
.filter_search a:visited {
    color: #000000;
}
.filter_search a:link {
    color: #000000;
}
.filter_search a {
    display: block;
    width: 102px;
    height: 40px;
    text-decoration: none !important;
    color: #000;
    line-height: 36px;
}