@charset "shift_jis";
@import 'base.css';

html, body {
    margin: 0;
    padding: 0;
}
body.iframeinner {
    background: none;
}
body.iframeinner #wrapper {
    margin: 0;
    padding: 0;
}

body.bhistory #wrapper p {
    font-size: 11px !important;
}

p {
    margin: 0;
    padding: 0;
    margin-bottom: 0.5em;
}

ul.bhistory {
    font-size: 90%;
    line-height: 1.2;
}

table.cartitems {
    margin: 1em 0;
    width: 90%;
}


/*
--------------------------------------------
*/

div.column_1, div.column_2, div.column_3, div.column_4, div.column_5,
div.column_6, div.column_7, div.column_8, div.column_9, div.column_10 {
    float: left;
    padding: 0;
    margin-left: 0;
    margin-right: 10px;
    /*display: inline;*/
}
div.column_10 {
    float: none;
}
.column_1 { width: 65px;}
.column_2 { width: 140px;}
.column_3 { width: 215px;}
.column_4 { width: 290px;}
.column_5 { width: 365px;}
.column_6 { width: 440px;}
.column_7 { width: 515px;}
.column_8 { width: 590px;}
.column_9 { width: 665px;}
.column_10{ width: 740px; float:none;}

div.collast,
.collast { margin-right: 0;}


/*
--------------------------------------------
*/

body.recommend {
    background: #fff;
}

body.recommend div.plans {
}
body.recommend div.plans div.box {
    border : 1px solid #ccc;
    margin-bottom: 8px;
    background: #eee;
}

body.recommend div.plans span.hl div.box {
    background: #ffc;
}

body.recommend div.plans div.box p {
    font-size: 12px;
    margin: 0.5em 8px;
}

body.recommend div.plans h2 {
    background: transparent;
    border: none;
    padding: 2px 5px;
    border-bottom: 1px dashed #ccc;
    margin: 0;
}
body.recommend div.plans h3 {
    background: transparent;
    padding: 2px 5px 2px 0;
}

body.recommend div.question {
    margin-top: 32px;
    font-size: 32px;
    line-height: 1.2;
}


body.recommend div.question ul {
    padding: 0;
    list-style-type: none;
}

body.recommend div.question ul li{
    padding: 16px 0 8px;
}

body.recommend li.answer {
}

body.recommend li.answer button{
    text-align: left;
    font-size: 32px;
    line-height: 1.2;
    width: 100%;
    padding: 16px 0 16px 16px;

    border-top: 2px solid #eef;
    border-left: 2px solid #eef;
    border-right: 2px solid #9af;
    border-bottom: 2px solid #9af;
    background: #cdf;
}

body.recommend li.answer button:hover{
    border-top: 2px solid #89e;
    border-left: 2px solid #89e;
    border-right: 2px solid #dde;
    border-bottom: 2px solid #dde;
    background: #abd;
}