@charset "utf-8";
/*
detail.css
Copyright (C) MILBOOKS All Rights Reserved.
------------------------------------------------------------
[detail Layout]
    1. Content 4_1_1
    2. topicPath
    3. Main / Primary / shohinData
    4. Sub / addToCart
    5. Sub / relatedItems
[Other]
------------------------------------------------------------
*/

/* ============================================
    [detail layout]
    ============================================ */

/* ------------------------------------------------------------
    0. Header background-image
    ------------------------------------------------------------ */
div#header {
    background: url(../images/bg_img20130222.png) repeat-x 100%; /* headerのbackground-image、デフォルトはbg_img20110820.png */
    }

/* ------------------------------------------------------------
    1. Content 1_4_1
    ------------------------------------------------------------ */
div#content {
    background: url(../images/bg_line02.gif) repeat-y 100% ; /* background of content 1_4_1 */
    z-index: 0;
    }

div#main {
    width: 800px;
    float: left;
    }

div#primary {
    width: 640px;
    float: right;
    }

div#secondary {
    width: 160px;
    float: left;
    }

div#sub {
    width: 160px;
    float: right;
    }

/* ------------------------------------------------------------
    2. topicPath
    ------------------------------------------------------------ */
div#topicPath {
    height: auto;
    padding: 0 10px;
    }

div#topicPath h2 {
    width: 780px;
    height: auto;
    }

div#topicPath h2 a, 
div#topicPath h2 span {
    font-size: 93%;
    line-height: 35px;
    display: block;
    float: left;
    }

div#topicPath h2 a:hover {
    text-decoration: underline;
    }

div#topicPath h2 span.searchWord {
    clear: both;
    }

/* ------------------------------------------------------------
    3. Main / primary / shohinData
    ------------------------------------------------------------ */
div#shohinData {
    background: url(../images/bg_line04.gif) repeat-x 100% bottom ;
    height: auto;
    padding: 10px 10px 10px 9px;
    margin-bottom: 35px;
    }

div#shohinData dl {
    position: relative;
    min-height: 558px;
    padding-bottom: 52px;
    }

div#shohinData dt {
    display: none;
    height: 0;
    width: 0;
    }

div#shohinData dd.picture {
    text-align: center;
    padding: 5px 0 35px;
    margin: 0 10px;
    overflow: hidden;
    }

div#shohinData dd.picture img {
    padding-top: 10px;
    }


div#shohinData dd.name {
    font-size: 112%;
    color: #000;
    line-height: 1.5;
    padding: 0 10px 27px 10px;
    }

div#shohinData dd.note2 {
    font-size: 93%;
    line-height: 1.7;
    display: block;
    padding: 0 10px;
    }

div#shohinData dd.note1 {
    font-size: 93%;
    line-height: 1.7;
    display: none;
    padding: 0 10px;
    }

div#shohinData dd.itemCode {
    font-size: 93%;
    line-height: 1.7;
    display: none;
    padding: 0 10px;
    }

div#shohinData dd.note {
    font-size: 93%;
    line-height: 1.7;
    padding: 0 10px;
    }

div#shohinData dd.note a:hover {
    text-decoration: underline;
    }


div#shohinData dd.price {
    text-align: right;
    height: 22px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    }

div#shohinData dd.shippingComment {
    line-height: 1.7;
    display: block;
    margin: 20px 10px 0;
    padding: 10px;
    background: #f5f5f5;
    }

div#shohinData dd.shippingComment h3 {
    font-size: 100%;
    font-weight: bold;
    }

div#shohinData dd.shippingComment p {
    font-size: 93%;
    }

div#shohinData dd.shippingComment p a {
    text-decoration: underline;
    }

div#shohinData dd.price select,
div#shohinData dd.price input {
    font-size: 93%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
 }

div#shohinData dd.price select {
    text-align: center;
    min-width: 40px;
    height: 22px;
    outline: none;
    margin-right: 5px;
    border: 1px solid #dcdcdc;
    }

div#shohinData dd.price select.stockNumber {
    }

div#shohinData dd.price span {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 1px 5px 0 0;
    }

div#shohinData dd.price span.hyojiPrice {
    font-size: 100%;
    color: #000;
    }

div#shohinData dd.price span.soldout {
    font-size: 93%;
    }

/* ------------------------------------------------------------
    3-2. twitterArea
    ------------------------------------------------------------ */
    div#twitterArea {
    padding-bottom: 35px;
    }

    div#twitterArea span.titleArea h1 {
    float: left;
    }

div#twitterArea span.titleArea p {
    font-size: 85%;
    padding-top: 14px;
    padding-right: 20px;
    float: right;
    }

/* ------------------------------------------------------------
    3-2. Main / primary / relationalItems
    ------------------------------------------------------------ */
    div#relationalItems {
    padding-bottom: 35px;
    }

    div#relationalItems span.titleArea h1 {
    float: left;
    }

div#relationalItems span.titleArea p {
    font-size: 85%;
    padding-top: 14px;
    padding-right: 20px;
    float: right;
    }
    
/* ------------------------------------------------------------
    4. Sub / addToCart / 
    ------------------------------------------------------------ */
div#addToCart {
    width: 160px;
    height: auto;
    padding-bottom: 35px;
    overflow: hidden;
    }

div#addToCart dl {
    background: url(../images/bg_line04.gif) repeat-x 100% bottom ;
    min-height: 121px;
    padding: 9px 10px 10px 9px;
    overflow: hidden;
    }

div#addToCart dt {
    font-size: 93%;
    float: left;
    line-height: 22px;
    }

div#addToCart dt.displayOff {
    display: none;
    height: 0px;
    width: 0px;
    }

div#addToCart dd {
    text-align: right;
    padding-bottom: 4px;
    }

div#addToCart dd.tag {
    background: url(../images/bgimg-grid02.gif) no-repeat center bottom ;
    padding:2px 0 11px;
    margin-bottom: 5px;
    }

div#addToCart dd.tag img {
    display: block;
    width: 141px;
    height: 11px;
    padding-bottom:1px;
    zoom: 1;
    }

div#addToCart dd.code,
div#addToCart dd.priceHyouji {
    font-size: 93%;
    line-height: 22px;
    }


div#addToCart dd.selectOption select {
    font-size: 93%;
    text-align: center;
    min-width: 40px;
    height: 22px;
    margin-right: -2px;
    border: 1px solid #dcdcdc;
    outline: none;
    }

div#addToCart dd.selectOption select.stockNumber {
    }

div#addToCart dd.soldOut {
    font-size: 85%;
    background: url(../images/bgimg-grid02.gif) no-repeat center top ;
    text-align: center;
    padding: 11px 0 1px 0;
    }

div#addToCart dd.soldOut span {
    text-align: left;
    line-height: 1.5;
    display: block;
    }

 div#addToCart dd.cart {
    font-size: 85%;
    background: url(../images/bgimg-grid02.gif) no-repeat center top ;
    text-align: center;
    padding: 10px 0 0 0;
    margin-top: 5px;
    }

 div#addToCart dd.contact {
    font-size: 85%;
    background: url(../images/bgimg-grid02.gif) no-repeat center top ;
    text-align: center;
    padding: 10px 0 0 0;
    margin-top: 5px;
    }

div#addToCart dd.cart input.submitAddtocart {
    }

/* ------------------------------------------------------------
    5. Sub / relatedItems
    ------------------------------------------------------------ */
div#relatedItems {
    width: 160px;
    height: auto;
    padding-bottom: 35px;
    overflow: hidden;
    }


/* ============================================
    [Other]
    ============================================ */