@charset "utf-8";
/* CSS Document */
    
.attention {
    color: #F00;
}

.strong {
    font-weight: bold;
}

.kensuu {
    font-size: 25px;
    font-weight: bold;
    color: #f84c10;
    margin: 0 3px;
}

.orange {
    font-size: 16px;
    color: #f84c10;
    text-align: left;
    margin-bottom: 20px;
}

.state {
    font-size: 20px;
    color: #f84c10;
    font-weight: bold;
}

/* エラー指定 */

.error {
    color: #F00;
    margin-top: 10px;
}

.error-text {
    margin-bottom: 20px;
}

.error-text p {
    margin-bottom: 20px;
}

.error-text span.error {
    display: block;
    text-align:left;
    margin-bottom: 0;
}


/* リンク指定 */
.choice{
    height: 16px;
    line-height: 16px;
    padding-left: 21px;
    background-image: url(/webfront/img/common_arrow01.jpg);
    background-position: left center;
    background-repeat: no-repeat;
}


/* ボックス指定 */

.box02_middle {
    background-image: url(/webfront/img/box/box02_middle.jpg);
    background-repeat: repeat-y;
    zoom: 1;
    margin-bottom: 20px;
}

.box02_top {
    background-image: url(/webfront/img/box/box02_top.jpg);
    background-repeat: no-repeat;
}

.box02_bottom {
    background-image: url(/webfront/img/box/box02_bottom01.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    zoom: 1;
    padding: 22px;
}

.box02_bottom.st {
    background-image: url(/webfront/img/box/box02_bottom01.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 22px 18px 30px 18px;
}

.box03_top {
    background-image: url(/webfront/img/box/box03_top.jpg);
    background-repeat: no-repeat;
}

.box03_middle {
    background-image: url(/webfront/img/box/box03_middle.jpg);
    background-repeat: repeat-y;
    zoom: 1;
    margin-bottom: 20px;
}

.lastBox03 {
    margin-bottom: 65px;
}

.box03_bottom {
    background-image: url(/webfront/img/box/box03_bottom.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 22px 22px 40px 20px;
}

/*
.box06_middle {
    background-image: url(/webfront/img/box/box06_middle.jpg);
    background-repeat: repeat-y;
    zoom: 1;
    margin-bottom: 10px;
}

.box06_bottom {
    background-image: url(/webfront/img/box/box06_bottom.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
}

.padding_b06 {
    padding-bottom: 10px;
}
*/

.box09_top {
    background-image: url(/webfront/img/box/box09_top.jpg);
    background-repeat: no-repeat;
}

.box09_middle {
    background-image: url(/webfront/img/box/box09_middle.jpg);
    background-repeat: repeat-y;
    zoom: 1;
    margin-bottom: 20px;
}

.box09_bottom {
    background-image: url(/webfront/img/box/box09_bottom.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 22px;
}

.box10_top {
    background-image: url(/webfront/img/box/box09_top.jpg);
    background-repeat: no-repeat;
}

.box10_middle {
    background-image: url(/webfront/img/box/box09_middle.jpg);
    background-repeat: repeat-y;
    zoom: 1;
    margin-bottom: 20px;
}

.box10_bottom {
    background-image: url(/webfront/img/box/box09_bottom.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 22px;
}

.box10_bottom p {
    background-image: url("/webfront/img/tri_down_orange01.jpg");
    background-repeat: no-repeat;
    background-position: 98% center;
}

.box10_bottom p.selected {
    background-image: url("/webfront/img/tri_up_orange01.jpg");
}

/* 見出しバー（h2、h3）指定 */

.barMb {
    margin-bottom: 45px;
}

h3.barOrange {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    background-color: #f06c00;
    color: #fff;
    text-align: left;
    padding-left: 10px;
    margin-bottom: 20px;
}

.caption {
    margin-bottom: 18px;
    text-align: left;
}

/* ログアウト指定 */

.logOut {
    text-align: right;
    height: 45px;
    line-height: 45px;
}

.logOut a {
    background: url("/webfront/img/arrow_gray04.jpg") no-repeat scroll left center transparent;
    padding-left: 12px; 
}

/* テーブル指定 */

table {
    width: 100%;
}

table.spacetable {
        text-align: left;
        border-collapse: separate;
        border-spacing: 2px;
}

table.spacetable th {
        padding: 15px;
        border: #c6c6c6 solid 1px;
        vertical-align: middle;
}

table.spacetable td {
        padding: 10px;
        border: #c6c6c6 solid 1px;
        vertical-align: middle;
}

/*注文を検索ボタン*/

input.ordSearch {
    margin-bottom: 25px;
}

/*注文履歴検索結果テーブル*/

table.ordSerList {
    width: 97%;
    margin: 0 auto 30px;
}

table.ordSerList th {
    border: #c6c6c6 solid 1px;
    background-color: #EDEDED;
    padding: 4px;
}

table.ordSerList td {
    border: #c6c6c6 solid 1px;
    padding: 6px;
}

table.ordSerList th.osDate {
    width: 98px;
}

table.ordSerList th.osHalfSell {
    width: 50%;
}

table.ordSerList td.osItemSell {
    text-align: left;
}

/* カレンダー */


.calendar {
    width: 320px;
    border: #c6c6c6 solid 2px;
    background-color: #fff;
    border-radius: 5px;
    padding-top: 3px;
}

.calendar .calendarHead {
    margin: 0 9px;
}

.calendar .calendarHead .month {
    float: left;
    height: 25px;
    line-height: 25px;
    color: #f84c10;
    font-weight: bold;
    font-size: 15px;
}

.calendar .calendarHead .calendarBtn {
    float: right;
}

.calendar table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 3px;
    font-size: 13px;
}

.calendar table a {
    color: #000;
    text-decoration: none;
}

.calendar table a:visited {
    color: #666;
    text-decoration: none;
}

.calendar table a:hover {
    color: #ff6e00;
    text-decoration: underline;
}

.calendar table td#today a {
    color: #fff;
    font-weight: bold;
}

.calendar table th {
    height: 1.5em;
    background-color: #ededed;
    border: #c6c6c6 solid 1px;
}

.calendar table td {
    height: 1.5em;
    border: #c6c6c6 solid 1px;
}

.calendar table td#today {
    color: #FFF;
    background-color: #ff6e00;
}

.calendar table td a {
    display: block;
    width: 100%;
    height: 1.5em;
    line-height: 1.5em;
    text-align: center;
}

.calendar table td.ultimo,
.calendar table td.nextmo {
    background-color: #dadada;
}

table tr,
table td{
    vertical-align: middle;
}

    /* お気に入り商品リスト */
    
    table.itemFavorite {
        border: #c6c6c6 solid 1px;
    }
    
    table.itemFavorite th {
        background-color: #ededed;
        border: #c6c6c6 solid 1px;
        padding: 3px;
    }
    
    table.itemFavorite td {
        background-color: #fbfbfb;
        border: #c6c6c6 solid 1px;
        padding: 5px 10px;
    }
    
    table.itemFavorite td.itemImg {
        border-right-style: none;
        width: 54px;
    }
    
    table.itemFavorite td.itemName {
        border-left-style: none;
        text-align: left
    }
    
    table.itemFavorite td.itemPrice {
        width: 100px;
    }
    
    table.itemFavorite td.reaction {
        width: 60px;
    }
    
    table.itemFavorite td.dealing {
        width:131px;
    }
    
    table.itemFavorite td.dealing img {
        display: block;
        margin-bottom: 3px;
    }
    
    table.itemFavorite td.dealing img.tdDelete {
        margin-bottom: 0;
    }
    
    /* 会員ID変更 */
    
    table.idChange{
        border: #c6c6c6 solid 1px;
    }
    
    table.idChange th {
        background-color: #ededed;
        border: #c6c6c6 solid 1px;
        width: 210px;
        padding: 0 20px;
        text-align: left;
        vertical-align: middle;
    }
    
    table.idChange td {
        background-color: #fbfbfb;
        border: #c6c6c6 solid 1px;
        padding: 5px 15px;
        text-align: left;
    }
    
    table.idChange td input {
        width: 60%;
    }
    
    table.idChange .inputPurasP {
        margin-bottom: 5px;
    }
    
    /* 退会画面 */
    
    table.idChange td {
        border: #c6c6c6 solid 1px;
    }
    
    table.idChange td.reason {
        vertical-align: top;
        border-style: none;
    }
    
    table.idChange td.reason input {
        width: 1em;
        margin-right: 5px;
        vertical-align: middle;
    }

    table.idChange td.reason label {
        display: block;
    }
    
    /* 登録車両情報 */

p.carInfoCaution {
    font-size: 15px;
    font-weight: bold;
}


    table.lineMenu td {

    }

        /* 車両情報登録・変更　メーカー選択 */

        table td.refImg .plus {
            display: block;
            margin-top: 5px;
            margin-left: 10px;
        }
        
        table td.refImg .plus p {
            padding-left: 15px;
            background-image: url(/webfront/img/shop/mypage/plus.jpg);
            background-repeat: no-repeat;
            background-position: left;
            cursor: pointer;
        }
        
        table td.refImg .plus p:visited {
            color: #666;
            text-decoration: none;
        }
        
        table td.refImg .plus p:hover {
            color: #ff6e00;
            text-decoration: underline;
        }
        
        table td.refImg img,
        table td.refImg button,
        table td.refImg input {
            vertical-align: middle;
        }

        table td.refImg input {
            display: inline-block;
            width: 400px;
            background-color: #fff;
            border: #c6c6c6 solid 1px;
            margin: 7px 10px 7px 0px;
        }

        table td.refImg input.flieFast,
        x:-moz-any-link {
            margin-right: 7px;
        }
        
        table td.refImg img{
            margin: 0;
        }
        
        table td.refImg button {
            display: inline-block;
            background-color: transparent;
            border: 0;
            padding: 0;
            margin: 0;
            text-align: left;
        }

        table.carData {
            text-align: left;
        }
    
        table.carData th {
            background-color: #ededed;
            border: #c6c6c6 solid 1px;
            width: 180px;
            padding-left: 20px;
            vertical-align: middle;
        }
        
        table.carData td {
            background-color: #fbfbfb;
            border: #c6c6c6 solid 1px;
            padding: 10px 15px;
        }
        
        select.mpPulldown {
            width: 270px;
        }　
        
    /* 配送先情報の登録・変更 */
    
    table.addChange {
        border: #c6c6c6 solid 1px;
        text-align: left;
    }
    
    table.addChange th {
        background-color: #ededed;
        border: #c6c6c6 solid 1px;
        width: 210px;
        padding: 5px 15px;
        text-align: left;
        vertical-align: middle;
    }

    table.addChange th.small {
        width: 100px;
    }
    table.addChange td.large {
        width: 150px;
    }

    table.addChange th .attention.noB {
        font-weight: normal;
    }
    
    table.addChange td {
        background-color: #fbfbfb;
        border: #c6c6c6 solid 1px;
        padding: 5px 15px;
        text-align: left;
    }

    table.addChange input {
        margin-right: 10px;
    }

    
    table.addChange select.city {
        width: 200px;
        margin-bottom: 5px;
    }
    
    table.carData td .postCode{
        height: 25px;
    }
    
    table.addChange td .postCode input {
        display: block;
        float: left;
    }
    
    table.addChange td .postCode a,
    table.addChange td .postCode span.postCodeP {
        display: block;
        float: left;
        line-height: 25px;
    }

    table.addChange td .postCode a{
        margin-right: 20px;
    }
    
    .btnAdd p {
        text-align: center;
        margin-bottom: 20px;
    }
    
    /* ポイント履歴 */
    
    table.pointRecord {
        margin-bottom: 15px;
        background-color: #fbfbfb;
    }
    
    table.pointRecord th {
        width: 110px;
        text-align: left;
        font-size: 14px;
        background-color: #ededed;
    }

    table.pointRecord .clearfix {
         margin-bottom: 8px;
    }

    table.pointRecord td input,
    table.pointRecord td a,
    table.pointRecord td span.strong {
        display: inline-block;
        vertical-align: middle;
    }

    table.pointRecord td input {
        margin-right: 5px;
    }

    table.pointRecord td span.strong {
        margin-left: 17px;
        margin-right: 17px;
        line-height: 25px;
    }
    
        /* ポイント履歴：ポイント内訳 */
        
        table.pointBreakdown th {
            padding: 5px 25px;
            background-color: #ededed;
            border: #c6c6c6 solid 1px;
            font-size: 14px;
        }
        
        table.pointBreakdown td {
            background-color: #fbfbfb;
            border: #c6c6c6 solid 1px;
        }

        table.pointBreakdown td a {
            text-decoration: underline;
        }
        
        table.pointBreakdown td.pbPartition {
            padding: 5px 25px;
        }
        
        table.pointBreakdown td. {
            padding: 5px 25px;
        }
        
        table.pointBreakdown th.pbShop {
            width: 60px;
        }
        
        table.pointBreakdown th.pbDay {
            width: 80px;
        }
        
        table.pointBreakdown th.pbPoint {
            padding-left: 0;
            padding-right: 0;
        }

        table.pointBreakdown td.pbContents {
            text-align: right;
            padding: 20px 5px 5px 10px;
            width: 65px;
        }
        
        table.pointBreakdown td.pbContents span.digit {
            display: block;
            text-align: center;
            line-height: 1.2em;
        }
        
    
    /* 会員ランク・ポイント情報 */
    
    table.memberInfo a {
        background-image: url(/webfront/img/arrow_gray03.jpg);
        background-position: left;
        background-repeat: no-repeat;
        padding-left: 17px;
    }   
    
    table.memberInfo th {
        width: 160px;
        background-color: #ededed;
    }
    
    table.memberInfo td {
        background-color: #fbfbfb;
    }
    
    table.memberInfo td .clearfix {
        display: block;
        margin-bottom: 7px;
    }
    
    table.memberInfo td .miWith {
        display: block;
    }
    
    table.memberInfo td .miPoint {
        font-weight: bold;      
        margin-right: 1em;
    }
    
    table.memberInfo td .miPoint02 {
        font-weight: bold;
    }
    
    table.memberInfo td .displayPoint {
        float: left;
        font-weight: bold;
    }
    
    table.memberInfo td .miLink{
        float: right;
    }
    
    table.memberInfo td .expirePoint {
        margin-left: 1em;
    }
    
    /* ネット利用情報 */
    
    table.useNet {
        border: #c6c6c6 solid 1px;
        text-align: left;
    }
    
    table.useNet th {
        background-color: #ededed;
        border: #c6c6c6 solid 1px;
        padding: 15px;
    }
    table.useNet td {
        background-color: #fbfbfb;
        border: #c6c6c6 solid 1px;
        padding: 15px;
    }
    
    table.useNet th a {
        color: #ff6e00;
        text-decoration: underline;
    }
    
    table.useNet th span.totalPrice {
    }
    
    
    /*　ネット注文　*/
    
    table#netOrder {
        margin-bottom: 25px;
        background-color: #fbfbfb;
    }
    
    table#netOrder th {
        width: 110px;
        background-color: #ededed;
    }

    table#netOrder td input {
    /*         height: 1em;
        line-height: 1em;
        margin-right: 10px; */
    }
    
    table#netOrder td .checkbox01 {
        display: inline-block;
        width: 120px;
    }

    table#netOrder td .checkbox02 {
        display: inline-block;
        width: 160px;
    }
    
    table#netOrder td select {
        width: 360px;
    }
    
        /* ネット注文リスト：商品リスト */
    
        div#orderTables {
            margin-bottom: 50px;
        }
        
        table.orderList {
            margin-bottom: 40px;
        }
            
        table.orderList th {
            width: 270px !important;
            padding: 10px;
            text-align: left;
            font-weight: normal;
            background-color: #ededed;
            border: #c6c6c6 solid 1px;
        }
        
        table.orderList th span.olRbox{
            display: block;
            width: 100%;
        }
        table.orderList th span.olRbox a{
            color: #ff6e00;
        }       
        span.orderNumber,
        span.totalPrice{

        }
        
        table.orderList td {
            padding: 6px;
            background-color: #fbfbfb;
            border: #c6c6c6 solid 1px;
        }
        table.orderList th span.olshop{
            text-align: right;
            display: block;
            float: right;
        }

        
        table.orderList th span.strong, 
        table.orderList th span.olLink,
        table.orderList th span.olinfo {
            display: block;
        }
            
        table.orderList th span.strong {
            margin-bottom: 10px;
        }
    
        table.orderList th span.olLink {
            margin-bottom: 40px;
        }
        
        table.orderList th span.olLink a {
            padding-left: 17px;
            background-image: url(/webfront/img/arrow_orange02.jpg);
            background-repeat:  no-repeat;
            background-position: left;
        }
        
        table.orderList th span.olinfo {
            line-height: 20px;
            margin-bottom: 16px;
        }
        table.orderList th span.olprice {
            line-height: 20px;
            display: block;
            clear: both;
            width: 100%;
        }
        
        table.orderList th span.totalPrice {
        }
        table.orderList th span.orderNumber{
            display: block;
            clear: both;
            margin-bottom: 16px;
            
        }
        
        table.orderList th span.totalPrice {
            clear: both;
            display: block;
            color: #f00;
            font-weight: bold;
            margin: 0;
        }
        
        table.orderList td.howto span.strong {
            margin-left: 36px;
        }
        
        table.orderList td {

        }
        table.orderList td.howto{
            width: 150px;
            padding: 10px 20px;
            text-align: left;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
    
        table.orderList td.process {
            width: 500px;
        }
        table.orderList td.olImg {
            width: 90px;
            border-right-style: none;
        }
        table.orderList td.olItemName {
            text-align: left;
            width: 400px;
            border-left-style: none;
            border-right-style: none;
        }
        
        table.orderList td.olItemName a {
            display: inline-block;
            text-decoration: underline;
            margin-bottom: 3px;
        }
        
        table.orderList td.olReview {
            border-left-style: none; 
        }
        
        table.orderList td.olReview a {
            display: inline-block;
            text-decoration: underline;
            margin-bottom: 3px;
        }

        /* 3column */

        table.orderList.column3 td{
            text-align: left;
        }
        
        table.orderList.column3 td.howto.olLline{
            width: 100px;
            font-weight:bold;
            text-align: center;
        }
        
        table.orderList.column3 td.howto.olMline{
            width: 80px;
        }
    
    /* 注文履歴詳細 */
        
        /* 注文履歴詳細：受付情報 
           注文履歴詳細：納品情報 */
        
        table#deliveryTop01{
            float: left;
            width: 60%;
            margin-bottom: 30px;
        }
        
        table#deliveryTop02 {
            float: right;
            width: 40%;
            margin-bottom: 30px;
            background-color: #fbfbfb;
            height: 110px;
        }

        table#deliveryTop01 th,
        table#deliveryTop02 th{
            width: 110px;
            background-color: #ededed;
        }
        
        table#deliveryTop01 td,
        table#deliveryTop02 td{
            background-color: #fbfbfb;
        }
        
        table.basketTable th.h54{
            height: 54px;
        }
        
        #collect01{
            margin-bottom: 25px;
            background-color: #fbfbfb;
        }

        div#collectDiv01 {
            float: left;
            width: 600px;
        }

        div#collectDiv02 {
            float: right;
            width: 360px;
        }

        table#collect02 {
            margin-bottom: 25px;
        }

        table#collect03{
            margin-right: 0px;
            margin-bottom: 10px;
        }
        
        table#collect01 th,
        table#collect02 th,
        table#collect03 th {
            width: 150px;
            background-color: #ededed;
        }
        
        table#collect01 td {
            padding: 5px 10px;
        }
        
        table#collect02 td,
        table#collect03 td {
            text-align: right;
            background-color: #fbfbfb;
        }

        table#deliveryTop01 th,
        table#deliveryTop01 td,
        table#deliveryTop02 th,
        table#deliveryTop02 td,
        table#collect01 th,
        table#collect02 th,
        table#collect03 th,
        table#collect02 td,
        table#collect03 td {
            height: 34px;
            padding: 0 10px;
        }
        
        table#deliveryTop02 td.dtApplication {
            height:72px;
            font-size: 20px;
        }
        
        table#deliveryTop02 td.dtApplication span.orange {
            color: #ff6e00;
            font-weight: bold;
            margin-left: 20px;
        }

        table#collect02 th.orange {
            color: #fff;
            background-color: #f06c00;
        }

        .aboutPpint {
            text-align:right;
            margin-bottom: 20px;
        }
        
        
        /* 注文履歴詳細：商品リスト */  

        table.itemList {
            width: 100%;
        }
        
        .st table.itemList {
            width: 960px;
            margin: 0 auto 24px auto;
        }
        
        table.itemList th,
        table.itemList td {
            border: #c6c6c6 solid 1px;
            vertical-align: middle;
        }
        
        table.itemList th {
            height: 40px;
            background-color: #ededed;
        }
        
        table.itemList td {
            background-color: #fbfbfb;
            padding:10px;
        }
            
        table.itemList td.item-img {
            width: 54px;
            border-right: none;
        }
        
        table.itemList td.item-p {
            width: 290px;
            padding-right: 5px;
            padding-left: 5px;
            border-left: none;
            border-right: none;
        }
        
        table.itemList td.i-fitting,
        table.itemList td.i-toriyose {
            padding-left: 0;
            width: 20px;
            border-left-style: none;
            border-right-style: none;
        }
        
        table.itemList td.sum,
        table.itemList td.total {
            text-align: right;
        }
        
        table.itemList td.stoa,
        table.itemList td.deliver {
            width: 20px;
        }
        
        table.itemList td.quantity {
            width: 55px;
        }
        
        table.itemList td.dueDate {
            width: 70px;
        }
    
        /* 注文者情報、お届け先情報 */
        
        dl#customerInfo {
            float: left;
        }
    
        dl#receiversInfo {
            float: right;
        }
    
        dl#customerInfo,
        dl#receiversInfo {
            text-align: left;
            width: 470px;
        }

        dt.dtBar {
            height: 30px;
            line-height: 30px;
            margin-bottom: 25px;
            padding-left: 10px;
            font-weight: bold;
            background-color: #ededed;
        }
        
        dl#customerInfo dd,
        dl#receiversInfo dd {
            margin-left: 25px;
            margin-bottom: 15px;
        }

        dl#customerInfo dd span.address,
        dl#receiversInfo dd span.address {
            display: inline-block;
            width: 80px;
        }
        
        /* 取付希望 */

        .fittingEsperance h3.barOrange {
            margin-top: 45px;
        }
        
        .fittingEsperance h3.orange,
        .fittingEsperance table#carLine,
        .fittingEsperance table#contact {
            margin-left: 10px;
            margin-right: 10px;
            width: 940px;
        }
        
        .fittingEsperance table#contact th {
            width: 210px;           
        }
        
        .fittingEsperance table#contact th,
        .fittingEsperance table#contact td {
            text-align: left;
            padding-left: 20px;
        }
        
        .clThNormal {
            width: 140px;
        }
        
        /* 配送先情報一覧 */
        
        p.addingAddress {
            text-align: left;
            margin-bottom: 10px;
        }
        
         table.addingAddress {
             text-align: left;
             margin-bottom: 10px;
         }
         
         table.addingAddress th,
         table.addingAddress td {
             padding: 10px;
             width: 710px;
         }

         table.addingAddress td.dealing {
             text-align: center;
             padding: 10px 40px;
         }

    table.cdSeparate {
        border: #c6c6c6 solid 1px;
        margin-top: 10px;
    }
    
    table.cdSeparate input,
    table.cdSeparate select {
        margin: 3px 5px 3px 0;
    }

    
    table.cdSeparate .plateImg {
        width: 210px;
        text-align: center;
    }
    
    body #container #contents .cdLink {
        text-align: right;
        margin-top: 3px;
    }
         
/* インプットテキスト サイズ指定 */

body #container #contents .inpS {
    width: 25%;
}

body #container #contents input.inpM {
    width: 40%;
}

body #container #contents input.inpL {
    width: 70%;
}
    
/* 一番下にボタンが来る場合 */

body .btnEnd {
    margin-top: 30px;
    margin-bottom: 50px;
}

/* 画像サイズ指定 */

.carimg img {
    max-width: 140px;
    max-height: 100px;
    vertical-align: top;
    margin: 3px 0px;
}

* html .carimg img {
    max-height: 100px;
}
    
/* 画像まわりボーダー指定 */

.border {
    border: #eaeaea solid 1px;
}

/* 名前マージン変更 */

span.lastName {
    margin-left: 1em;
}

span.fastName {
    margin-left: 1em;
}

/* 「円」サイズ変更 */

.en {
    font-size: 11px;
}

.is_en {
    margin: 0 17px;
    font-weight: bold;
}

/* 単位（円、ポイントなど）マージン指定 */

.space_point {
    margin-left: 5px;
}

.space_addres {
    margin-left: 1em;
}

/* ページ移行 */

#count {
    height: 60px;
    line-height: 40px;
}

#count p{
    float: left;
}

#count #pagn {
    float: right;
}

#count #pagn span#now {
    font-weight: bold;
    color: #ff6e00;
}

#count #pagn span#now,
#count #pagn a {
    margin: 0 8px;
}

#count #pagn a {
    background-repeat: no-repeat;
    text-decoration: underline;
}

#count span#return a {
    padding-left: 16px;
    background-image: url(/webfront/img/tri_return_orange01.jpg);
    background-position: left;
}

#count span#next a {
    padding-right: 16px;
    background-image: url(/webfront/img/tri_next_orange01.jpg);
    background-position: right;
}

#count span#totalCount {
    margin-left: 15px;
}

/* ワンボックス　ボタンのみページのボタンまでのマージン */

.againP {
    margin-bottom: 110px;
}


/* itemテーブルリスト */

    #cartItem{
        margin-bottom: 15px;
        margin-top: 1px;
    }

    table.basketTable {
        border: #c6c6c6 solid 1px;
        margin-top: -1px;
        margin-bottom: 0;
        position: relative;
    }

    table.basketTable th {
        padding: 6px;
        background-color: #ededed;
        vertical-align: middle;
        border: #c6c6c6 solid 1px;
    }
    
    
    
    table.basketTable td {
        padding:6px;
        background-color: #fbfbfb;
        vertical-align: middle;
        border: #c6c6c6 solid 1px;
    }
    table.basketTable td.item {
        width: 60%;
        border-right: #c6c6c6 solid 1px;
    }
    table.basketTable.faiv td.item {
        width: 40%;
        padding: 5px 10px 10px 10px;
    }
    table.basketTable.faiv th.priceT {
        width: 10%;
    }
    table.basketTable.faiv td.item div.itemImgName p{
        
    }
    
    table.basketTable td.item div.itemImgName {
        margin-bottom:10px;
    }
    table.basketTable td.item div.itemImg{
        float: left;
        width: 72px;
        margin-right: 10px;
    }
    table.basketTable td.item div.itemIconSD{
        float: right;
        text-align: left;
    }

    table.basketTable td.item div.itemIconSD{
        width: 530px;
    }
    table.basketTable td.item div.itemIcon,
    table.basketTable td.item div.orShopDeliver{
        width: 50%;
        text-align: left;
        float: left;
    }
    table.basketTable td.item div.itemIcon span.fittingIcon{
        display: inline-block;
        width:70px;
    }
    table.basketTable td.item div.itemIcon img{
        margin-right: 10px;
    }
    table.basketTable td.item div.orShopDeliver{
        text-align: right;
        margin-top: 12px;
    }
    table.basketTable td.item div.orShopDeliver span.shop,
    table.basketTable td.item div.orShopDeliver span.deliver{
        padding: 2px 20px;  
        border: #c6c6c6 solid 1px;
        border-top: none;
        border-bottom: none;
    }
    table.basketTable td.item div.orShopDeliver span.shop{
        border-right: none;
    }
    span.shop span,
    span.deliver span{
        margin-left: 20px;
    }
    table.basketTable th.basketTitle {
        width: 4em;
    }
    
    table.basketTable td.sum,
    table.basketTable td.total {
        text-align: right;
    }
    table.basketTable td.sum,
    table.basketTable td.total{
        height: 35px;
        width: 120px;
    }
    table.basketTable td.quantity select {
        width: 60px;
    }
    table.basketTable td.quantity{
        width: 80px;
        padding: 0;
    }
    table.basketTable .btnTitle{
        height: 200%;
    }
    table.basketTable .deleteBtn{
        border-top:0;
    }
    table.basketTable .imgBtn151_30{
        display: inline-block;
        margin: 5px 0;
    }
    
        /* ボタン・小計指定 */
        
        .underBT{
            margin: 5px 0;
        }
        
        .subtotal{
            float: right;
            width: 40%;
        }

        .subtotal .subtotal-cell {
            background-color: #ededed;
            font-weight: bold;
            font-size: 14px;
            text-align: right;
            padding:10px 17px;
            line-height: 30px;
        }
        
        .subtotal .reload-cell {
            padding: 10px;
            width: 120px;
        }
        .subtotal .reload-cell p {
            text-align: right;
        }
        .subtotal .reload {
            float: left;
            vertical-align: middle;
        }
        
        .subtotal p.reload {
            display: inline;
        }
        
        .subtotalBtn{
            float: left;
            padding: 6px 0;
            width: 60%;
        }
        .subtotalBtn img{
            margin: 0 13px;
        }

/*---------------------------------------------
　subカラム
---------------------------------------------*/
/*　お客様情報　*/

#customer_info {
    margin-bottom: 16px;
    border: #ff6e00 solid 2px;
    border-top: none;
}

#customer_info #ci_title{
    background-color: #ff6e00;
}

#customer_info #ci_contents {
    padding: 14px 7px 10px 7px;
    text-align: right;
}

#customer_info p {
    text-align: right;
}

#customer_info p#hello,
#customer_info p#customer_name {
    font-weight: bold;
    text-align: left;
}

#customer_info p#customer_name {
    font-size:16px;
    margin-bottom: 12px;
}

#customer_info span#name {
    float: left;
    height: 30px;
    line-height: 30px;
}

#customer_info span#sama {
    font-weight: normal;
    float: right;
    height: 30px;
    line-height: 30px;
}
/*
#customer_info a#cart_btn {
    display: block;
    width: 160px;
    height: 40px;
    margin-bottom: 15px;
    padding-left: 10px;
    padding-right: 30px;
    background-image: url(/webfront/img/shop/category/btn_cart01.jpg);
    background-repeat: no-repeat;
    text-decoration: none;
}

#customer_info #cart_btn span#in_cart {
    float: left;
    width: 39px;
    height: 35px;
    line-height: 28px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #ff6e00;
    background-image: url(/webfront/img/shop/category/icon_cart02.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
}

#customer_info #cart_btn span#total {
    height: 40px;
    line-height: 40px;
}*/

#customer_info p#mypage {
    margin-bottom: 10px;
}

#customer_info p#log_out {
    font-size: 10px;
}

/* submenu */

dl#submenu {
    margin-bottom: 25px;
    padding: 18px 0;
    border: #bababa solid 1px;
}

#submenu dt {
    width: 188px;
    height: 31px;
    margin: 0 auto;
    padding: 6px;
    font-size: 15px;
    border: #bababa solid 1px;
    background-color: #fbfbfb;
    margin-bottom: 15px;
}

#submenu dt span.smP{
    padding-left: 37px;
    text-align: left;
    display: block;
    line-height: 31px;
    color: #ff6e00;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: left center;
}

#submenu dt.smhistory span.smP {
    background-image: url(/webfront/img/shop/mypage/icon_smhistory.jpg);
}

#submenu dt.smmember span.smP {
    background-image: url(/webfront/img/shop/mypage/icon_smmember.jpg);
}

#submenu dt.smother span.smP {
    background-image: url(/webfront/img/shop/mypage/icon_smother.jpg);
}

#submenu dd {
    padding: 0 17px;
    margin-bottom: 3px;
    text-align: left;
}

#submenu dd.smLastdd {
    margin-bottom: 36px;
}

#submenu dd a {
    display: block;
    padding-left: 20px;
    background-image: url(/webfront/img/arrow_orange01.jpg);
    background-position: left 4px;
    background-repeat: no-repeat;
    font-weight: bold;
}

/* 過去にチェックした商品 */

#sub_record table {
    width: 218px;
    margin: 0 auto;
    border-collapse: separate;
}

#sub_record tr.fline td{
    padding: 10px;
}

#sub_record table th {
    padding-left: 10px;
    width:46px;
    border: 0;
    background-color: transparent;
}

#sub_record table td {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    background-color: transparent;
    border: 0;
}

#sub_record table a {
    display: block;
    margin: 10px 0;
}

#sub_record table.li_even {
    background-color: #f6f5f0;
}


/*---------------------------------------------
　maineカラム
---------------------------------------------*/
/* マイページログイン後画面 */

.campaign p.strong {
    text-align: center; 
    font-size: 15px;
    margin-bottom: 10px;
}

.campaign img {
    margin-bottom: 10px;
}

body #contents .campaign .link {
    padding-top: 10px;
    text-align: right;
}

body #contents .campaign span.cLimit {
    display: block;
    margin: 10px 0 6px;
    text-align: right;
    font-size: 14px;
}

.information p.strong {
    font-size: 15px;
}

.information img {
    margin-bottom: 10px;
    margin-right : 10px;
    float: left ;
}

body #contents .information .link {
    padding-top: 10px;
    text-align: right;
}

body #contents .information span.cLimit {
    display: block;
    margin: 10px 0 6px;
    text-align: right;
    font-size: 14px;
}

.onesShop {
    text-align: left;
}

.onesShop h4 {
    background-color: #ededed;
    border: #c6c6c6 solid 1px;
    padding: 5px 10px;
    margin-bottom: 20px;
    font-size: 15px;
}

.onesShop dl {
    margin-bottom: 15px;
}

.onesShop dt,
.onesShop dd {
    background-color: #fbfbfb;
    border: #c6c6c6 solid 1px;
    padding: 5px 20px;
    margin-bottom: 1px;
    font-size: 12px;
}

.onesShop dt{
    font-weight: bold;
}

.onesShop dt .strong{
    font-size: 15px;
    margin-right: 7px;
}

.onesShop dd {
    padding: 10px 20px;
    clear: both;
}

.onesShop dd:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html #onesShop dd             { zoom: 1; } /* IE6 */
*:first-child+html #onesShop dd { zoom: 1; } /* IE7 */


.onesShop dd a{
/*  float: left;  */
    width: 95% ;
}

.onesShop dd .osDayt {
    background-color: #fff;
    border: #c6c6c6 solid 1px;
    padding:0 10px;
    float: right;
    display: block;
}

/* 車両登録 */

.carSpec h3.barOrange {
    height: 40px;
    line-height: 40px;
    padding-left: 25px;
    margin-bottom: 12px;
}

.carSpec table.lineMenu {
    margin-bottom: 20px;
    width: 100%;
}

.carSpec table.lineMenu td {
    width: 33%;
    text-align: center;
    font-size: 16px;
}

.carSpec table.lineMenu td a {
    background-image: url(/webfront/img/btn/btnbg_carInfo.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0 39px;
    line-height: 34px;
    font-weight: bold;
    display: block;
}

.carSpec table.lineMenu td a:hover {
    background-image: url(/webfront/img/btn/btnbg_carInfo_on.jpg);
    text-decoration: none;
    color: #666;
}
    
.carSpec h3.orange {
    margin-bottom: 10px;
}

.carSpec .carimg {
    margin-bottom: 10px;
    padding: 18px 25px;
    text-align: left;
    background-color: #fbfbfb;
    border: #c6c6c6 solid 1px;
}

.carSpec .pr {
    background-color: #f6f5f0;
    padding: 15px 20px;
    margin-bottom: 20px;
}

.carSpec .pr p.orange {
    color: #ff6e00;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 6px;
}

.carSpec table.itemList th {
    width: 190px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
}

.carSpec table.itemList td {
    padding-left: 20px;
    padding-right: 20px;
}

.carSpec table.itemList {
    margin-bottom: 20px;
}

/* ポイント履歴 */

.h3orengeBar h3 {
    float: left;
}

.h3orengeBar a {
    float:right;
}

p.titleP {
    margin-bottom: 5px;
}

/* 購入レビュー */

.handleName,
.star,
.review {
    text-align: left;
    margin-bottom: 30px;
}

.handleName,
.star {
    width: 50%;
}

.star{
    float: left;
}

.handleName {
    float: right;
}
.handleName p,
.star p,
.review p {
    margin-bottom: 8px;
}

div.star select,
.star span {
    color: #eca00c; 
}

.review textarea {
    width: 100%;
}

.review p span.strong {
    margin-right: 30px;
}

table.reviewItemInfo {
    float: right;
    width: 530px;
    margin-top: 30px;
}

table.reviewItemInfo th {
        padding: 8px 4px;
        width: 100px;
        background-color: #fbfbfb;
        border: #c6c6c6 solid 1px;
        vertical-align: middle;
}

table.reviewItemInfo td {
        padding: 8px 4px;
        border: #c6c6c6 solid 1px;
        vertical-align: middle;
        text-align: left;
}

div#itemArea {
    margin: 20px 0;
    position: relative;
}

div#itemArea img {
    float: left;
    width: 150px;
    position:absolute;
    top: 50%;
    left: 0;
    margin-top: -75px;
}

div#itemArea img.review {
    float: left;
    width: 150px;
    top: 50%;
    left: 0;
}
    /* 画像と商品説明　横並び中央寄せ */
    div#itemArea.itemArea_va_middle{
        display: table;
        margin: 0;
    }
    div#itemArea.itemArea_va_middle div.itemArea_img,
    div#itemArea.itemArea_va_middle div.itemArea_item_info{
        display: table-cell;
        vertical-align: middle;
    }
    *+html div#itemArea.itemArea_va_middle div.itemArea_img{
        float: left;
    }
    *+html div#itemArea.itemArea_va_middle div.itemArea_item_info{
        float: left;
        width: 530px;
        margin-top: 40px;
    }
    div#itemArea.itemArea_va_middle div.itemArea_img img.review,
    div#itemArea.itemArea_va_middle div.itemArea_item_info table.reviewItemInfo{
        float: none;
    }
    div#itemArea.itemArea_va_middle div.itemArea_img img.review{
        position:relative;
        top: 0;
        left: 0;
        margin: 0;
    }
    div#itemArea.itemArea_va_middle div.itemArea_item_info table.reviewItemInfo{
        margin: 0 0 0 20px;
    }
p.itenInfoTxt {
    padding-bottom: 10px;
    border-bottom: 1px dotted #CCC;
    margin-bottom: 10px;
}

div#reviewCaution {
    padding-bottom: 10px;
    border-bottom: 1px dotted #CCC;
    margin-bottom: 20px;
    text-align: left;
}
div#reviewCaution2 {
    padding-bottom: 5px;
    border-top: 1px dotted #CCC;
    margin-bottom: 5px;
    text-align: left;
}
div#reviewCaution3 {
    padding-bottom: 5px;
    margin-bottom: 5px;
    text-align: left;
}
div#reviewCaution2 h3{
    font-weight: bold;
    font-size: larger;
    text-align: center;
}

#itemReview {
    margin-bottom: 30px ;
    clear: both ;
}

#itemReview .reviewImage01,
.reviewImage02 {
}

.reviewImage01 img,
.reviewImage02 img {
}

table.inputReviewImage td {
    text-align: left ;
}

/*車検系*/

div.carIns p.txt {
    width: 60%;
    float: left;
    display: inline;
}

div.carIns p.img {
    width: 40%;
    float: left;
    display: inline;
}

div.carIns p.img img {
    float: right;
}

div.carInsContBox {
    margin: 20px 0 0;
}

div.carInsContBox p.img {
    width: 120px;
    float: left;
}

div.carInsContBox p.txt02 {
    width: 400px;
    float: left;
}

div.carInsContBox p.img2 {
    width: 200px;
    float: right;
}

div.carInsContBox input{
    margin-bottom: 10px;
}

#msg_box {
    width: 100%;
}



    


/*車検系*/

div.carIns p.txt {
    width: 60%;
    float: left;
    display: inline;
}

div.carIns p.img {
    width: 40%;
    float: left;
    display: inline;
}

div.carIns p.img img {
    float: right;
}

div.carInsContBox {
    margin: 20px 0 0;
}

div.carInsContBox p.img {
    width: 120px;
    float: left;
}

div.carInsContBox p.txt02 {
    width: 400px;
    float: left;
}

div.carInsContBox p.img2 {
    width: 200px;
    float: right;
}

div.carInsContBox input{
    margin-bottom: 10px;
}

#msg_box {
    width: 100%;
}



    


/*車検系*/

div.carIns p.txt {
    width: 60%;
    float: left;
    display: inline;
}

div.carIns p.img {
    width: 40%;
    float: left;
    display: inline;
}

div.carIns p.img img {
    float: right;
}

div.carInsContBox {
    margin: 20px 0 0;
}

div.carInsContBox p.img {
    width: 120px;
    float: left;
}

div.carInsContBox p.txt02 {
    width: 400px;
    float: left;
}

div.carInsContBox p.img2 {
    width: 200px;
    float: right;
}

div.carInsContBox input{
    margin-bottom: 10px;
}

#msg_box {
    width: 100%;
}

.errorComent{
    font-size: 16px;
    text-align: center;
}

/* R-toaster履歴表示 */

#rtmy_history {
    border: solid 1px #bababa;
}
#rtmy_history h2 {
    font-size: 14px;
    line-height: 1;
    padding: 10px 0 10px 0;
    border-bottom: solid 1px #ccc;
    margin: 0 10px 0 10px;
    color: #333;
}
#rtmy_history ul {}
#rtmy_history ul li {
    display: block;
    overflow: hidden;
    padding: 15px 10px 15px 10px;
    box-sizing: border-box;
}
#rtmy_history ul li:nth-child(even) {
    background-color: #f6f5f0;
}
#rtmy_history ul li div {
    float: left;
}
#rtmy_history ul li div a {
    display: block;
}
#rtmy_history ul li div:nth-child(1) {
    width: 40px;
}
#rtmy_history ul li div:nth-child(2) {
    width: 150px;
    margin-left: 5px;
}
#rtmy_history ul li div:nth-child(2) p {
    font-size: 12px;
}
#rtmy_history ul li div img {
    width: 100%;
    border: solid 1px #ccc;
}

.maine_record{
float: left;
    display: inline;
    width: 147px;
    padding: 15px 12px;
    margin-bottom: 0;
    font-size: 11px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
h2 strong.title,
h2 small.titleLink {
	display: block;
}

h2 strong.title {
	float:left;
	width: 65%;
	font-size: 18px;
}

h2 small.titleLink {
	float: right;
	font-size: 13px;
	background: none;
	text-align: right;
	padding-top: 6px;
	width: 35%;
}
h2.ecTopH2 {
    width: auto;
    padding: 0 0 10px 0;
    font-size: 18px;
    border-bottom: 1px solid #4d4d4d;
    text-align: left;
    font-weight: bold;
}
.menueventimg{
    width: 130px;
    height: 130px;
    border: none;
}
.item_value {
    display: block;
    font-weight: bold;
    text-align: left;
    font-size: 12px;
    color: #ff1d25;
    box-sizing: content-box;
    margin-top: 10px;
}
div#container .item_value.textGray {
    color: #1a1a1a;
    font-size: 12px;
}
.maine_record a.r_name, .maine_record a.r_name:visited {
    color: #4d4d4d;
    font-size: 12px;
    height: auto;
}
.maine_record a.r_name {
    width: auto;
    text-align: left;
}
.maine_record a, .maine_record img {
    display: block;
    margin-left: 0;
}
.hitItem {
    padding: 10px;
    background-color: #fbfbfb;
    border: #c6c6c6 solid 1px;
    margin-bottom: 10px;
}
.item_attention {
    margin-bottom: 10px;
    color: #ff4d00;
    font-size: 12px;
    font-weight: normal;
}
table.listAccount {
    background-color: #fbfbfb;
    border: #c6c6c6 solid 1px;
    margin-bottom: 10px;
    text-align: left;
}
table.listAccount th a {
    display: block;
    width: 100%;
    line-height: 2.5em;
}
table.listAccount th {
    background-color: #ededed;
    border: #c6c6c6 solid 1px;
    text-align: left;
    padding: 0 10px;
}
table.listAccount td.itemImg {
    width: 18%;
    text-align: center;
}
table.listAccount td.itemInfo {
    padding: 8px 10px;
}
table.listAccount th a:hover {
    background-image: url(/webfront/img/arrow_gray02.jpg);
    background-position: right;
    background-repeat: no-repeat;
}
a:hover {
    text-decoration: none;
}
#customermemuevent{
    font-size: 13px;
}

.rank_ikou{
    text-align: left;
    margin: 0rem 1rem 1.5rem 1rem;
}