/**
 * 
 */
div[id="title"] {
    width: 926px;
    margin: 0 auto;
}

div[id="condition"],
div[id="price"] {
    width: 926px;
    margin: 64px auto 0 auto;
}

div[id="condition"] table,
div[id="price"] table {
    width: 860px;
    margin: 0 auto;
    border-collapse: collapse;
}

div[id="condition"] table td {
    text-align: center;
}

/**
 *
 */
div[class^="title-"] {
    margin: 16px auto 0 auto;
    width: 860px;
    font-size: 1.4em;
    font-weight: bold;
    color: red;
    text-align: left;
}

div[class="select_size"],
div[class="select_paper"] {
    float: left;
}

div[class="select_paper"]:nth-of-type(3) {
    margin-left: 14px;
}

div[class="select_size"] label,
div[class="select_paper"] label {
    overflow: auto;
    display: inline-block;
}

div[class="select_size"] input[name="size"],
div[class="select_paper"] input[name="paper_group"] {
    display: none;
}

div[class="select_size"] input[name="size"] + div  {
    width: 281px;
    height: 39px;
    display: inline-block;
}

div[class="select_size"] {
    margin-bottom: 7px;
}
div[class="select_size"]:not(:nth-of-type(3n)) {
    margin-right: 7px;
}

div[class="select_paper"] input[name="paper_group"] + div {
    width: 421px;
    height: 46px;
    display: inline-block;
}

/**
 * ラジオボタンを画像に置き換える（サイズ）
 */
input[name="size"][value="520"] + div {
    background-image: url('./../img/img_6_6s_01.jpg');
}

input[name="size"][value="521"] + div {
    background-image: url('./../img/img_7_8_SE_01.jpg');
}

input[name="size"][value="522"] + div {
    background-image: url('./../img/img_6+_6s+_01.jpg');
}

input[name="size"][value="523"] + div {
    background-image: url('./../img/img_7+_8+_01.jpg');
}

input[name="size"][value="524"] + div {
    background-image: url('./../img/img_x_01.jpg');
}

input[name="size"][value="529"] + div {
    background-image: url('./../img/img_12mini_01.jpg');
}

input[name="size"][value="530"] + div {
    background-image: url('./../img/img_12_12pro_01.jpg');
}

input[name="size"][value="531"] + div {
    background-image: url('./../img/btn_03.jpg');
}

/**
 * ラジオボタンを画像に置き換える（サイズ／反転）
 */
input[name="size"][value="520"]:checked + div {
    background-image: url('./../img/img_6_6s_02.jpg');
}

input[name="size"][value="521"]:checked + div {
    background-image: url('./../img/img_7_8_SE_02.jpg');
}

input[name="size"][value="522"]:checked + div {
    background-image: url('./../img/img_6+_6s+_02.jpg');
}

input[name="size"][value="523"]:checked + div {
    background-image: url('./../img/img_7+_8+_02.jpg');
}

input[name="size"][value="524"]:checked + div {
    background-image: url('./../img/img_x_02.jpg');
}

input[name="size"][value="529"]:checked + div {
    background-image: url('./../img/img_12mini_02.jpg');
}

input[name="size"][value="530"]:checked + div {
    background-image: url('./../img/img_12_12pro_02.jpg');
}

input[name="size"][value="531"]:checked + div {
    background-image: url('./../img/btn_11.jpg');
}

/**
 * ラジオボタンを画像に置き換える（サイズ）
 */
input[name="paper_group"][value="1"] + div {
    background-image: url('./../img/btn_hard_soft.jpg');
}

input[name="paper_group"][value="2"] + div {
    background-image: url('./../img/btn_hard.jpg');
}

input[name="paper_group"][value="3"] + div {
    background-image: url('./../img/btn_leather.jpg');
}

/**
 * ラジオボタンを画像に置き換える（紙種／反転）
 */
input[name="paper_group"][value="1"]:checked + div {
    background-image: url('./../img/btn_hard_soft02.jpg');
}

input[name="paper_group"][value="2"]:checked + div {
    background-image: url('./../img/btn_hard02.jpg');
}

input[name="paper_group"][value="3"]:checked + div {
    background-image: url('./../img/btn_leather02.jpg');
}

/**
 * 価格表
 */
table.price_table {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    border-collapse: collapse;
    border: 1px solid #333333;
}

th.product_detail {
    border-collapse: collapse;
    border: 1px solid #333333;
    padding: 4px 0;
    text-align: center;
    height: 32px;
}

th.noki_title {
    background-color: #002800;
    color: white;
    border-collapse: collapse;
    border: 1px solid #333333;
    padding: 4px 0;
    text-align: center;
    width: 120px;
}

th.noki_part {
    border-collapse: collapse;
    border: 1px solid #333333;
    padding: 4px 0;
    text-align: center;
    line-height: 18px;
}

td.body_color,
td.cover_color {
    background-color: #EAEAEA;
    text-align: center;
    border-collapse: collapse;
    border: 1px solid #333333;
    padding: 4px 0;
}

td.page,
td.busu_even,
td.busu_odd,
td.price_even,
td.price_odd {
    text-align: center;
    border-collapse: collapse;
    border: 1px solid #333333;
    padding: 4px 0;
}

td.body_color,
td.cover_color {
    height: 25px;
}

td.body_color {
    background-color: #EAEAEA;
}

td.cover_color {
    background-color: #FFE9BB;
}

td.page {
    background-color: #EAEAEA;
}

td.busu_even,
td.price_even {
    background-color: white;
}

td.busu_odd,
td.price_odd {
    background-color: #FFFFCC;
}

td.price_even,
td.price_odd {
    min-width: 160px;
}

div.full_color_icon {
    background-image: url('./../../../../images/imgpricepages/image_color/full_color.gif');
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 17px;
    margin: 0 auto;
}

div.k_color_icon {
    background-image: url('./../../../../images/imgpricepages/image_color/k_color.gif');
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 17px;
    margin: 0 auto;
}

div.cmk_color_icon {
    background-image: url('./../../../../images/imgpricepages/image_color/bgclear_cormork_color.gif');
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 17px;
    margin: 0 auto;
}