@charset "utf-8";
/* ------------------------------------------------------------ set */
body { color: #222; background: url(../image/background.gif); }

.w100 { width: 100%; height: auto; }
.break { display: none; }

/* ------------------------------------------------------------ common */
.container,
#header,
#nav,
#view,
#body,
#box-share,
#footer { width: 100%; width: 960px; margin: 0 auto; background: #fff; }

#header { padding: 5px 0 15px; }
#header h1 { float: left; }
#header #top_link { float: right; font-size: 14px; padding: 50px 50px 0 0; }
#body { padding: 20px 0 0; }
#body #main,
#body #main a,
#box-share { font-size: 16px; }

#body #left-side,
#body #main,
#body #right-side { box-sizing: border-box; }

#left-side { max-width: 200px; padding: 10px; margin: 20px; float: left; border: 1px solid #ccc; }
#left-side img { max-width: 100%; height: auto; padding: 5px 0; }
#left-side ul { padding: 0 0 20px; }
#left-side ul li { font-size: 13px; }

#footer { background: #222; color: #fff; text-align: center; font-size: 12px; }
#footer a { color: #fff; }

table { width: 100%; }
table tr td { border: 1px solid #ccc; }

table.equality { table-layout: fixed; }
table th.col3,
table td.col3 { width: 30%; }

strong { font-weight: bold; }

/* ------------------------------------------------------------ elements */
/*
#header { background: #ef857d; }
#nav { background: #ffedab; }
#view { background: #e9dacb; }
#body { background: #a3d6cc; }
#footer { background: #8d93c8; }
*/

#nav {}
#nav li { float: left; text-align: center; width: 16.666%; height: auto; }
#nav li img { width: 100%; }
#nav li a { display: block; }

#box-share ul { text-align: center; padding: 50px 0; border-top: 1px solid #ccc; }
#box-share ul li { display: inline-block; *display: block; *zoom: 1; padding: 0 5px; vertical-align: top; }

.inner { box-sizing: border-box; padding: 0 40px; }

ul li.prev { float: left; }
ul li.next { float: right; }



dl.table {  
    width: 100%;
    margin: 0 auto;
    border-left: 1px solid #666666;
    border-top: 1px solid #666666;
    border-right: 1px solid #666666;
}

dl.table dt,
dl.table dd { padding: 10px; }

dl.table dt.th,
dl.table dd.th { background: #FF9933; font-weight: bold; }

    dl.table dt {
        clear: both;
        float: left;
        width: 250px; /* 幅を指定 */
        border-right: 1px solid #666;
    }
    
    dl.table dd {
        padding-left: 260px; /* dtの分、左にpaddingを取る */
        border-bottom: 1px solid #666666;
    }

/* ------------------------------------------------------------ original elements */
.security-box { background: #FFFBF0; padding: 20px; border: 1px solid #CC9900; }
.security-box strong { font-weight: bold; }

.b_30,.size30b { font-size: 30px; font-weight: bold; }

.size18b { font-size: 18px; }

.size_b_9,
.size_b_10,
.size_b_11,
.size_b_12,
.size_b_13,
.size_b_14,
.size_b_15,
.size_b_16 { font-size: 16px; color: #0000ff; }

.size_b_9b,
.size_b_10b,
.size_b_11b,
.size_b_12b,
.size_b_13b,
.size_b_14b,
.size_b_15b,
.size_b_16b { font-size: 16px; font-weight: bold; color: #0000ff;} 
	   
.size_r_9,
.size_r_10,
.size_r_11,
.size_r_12,
.size_r_13,
.size_r_14,
.size_r_15,
.size_r_16 { font-size: 16px; color: #ff0000; }

.size_r_9b,
.size_r_10b,
.size_r_11b,
.size_r_12b,
.size_r_13b,
.size_r_14b,
.size_r_15b,
.size_r_16b{ font-size: 16px; font-weight: bold; color: #ff0000; }


.security-price,
.security-price .stretch { height: 100%; }
.security-price .noborder { border: none; }
.security-price .w40 { width: 40%; }
.security-price .space td { height: 200px; }

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
.vanish { display: none; }
.flL,
.flR { float: none; }
.break { display: block; }

.container,
#header,
#nav,
#view,
#body,
#box-share,
#footer { width: auto; }

#header h1,
#header #top_link { float: none; }
#header #top_link { text-align: center; padding: 0; }

#nav {}
#nav li { width: 50%; }

img { display: block; margin: 0 auto; width: 100%; height: auto; }

#body #left-side,
#body #main,
#body #right-side { width: 100%; float: none; max-width: none; }

.inner { padding: 0 20px; }





.security-price tr td.block { display: block; }
.security-price tr td img { width: inherit; }
.security-price .space { border-bottom: 30px solid #fff; }
.security-price .space td { height: auto; }

/*
@media only screen and (max-width:570px) {
    dl.table {
        background-color: #EEEEEE;
    }
    
    dl.table dt,
    dl.table dd {
        padding: 8px 20px;
    }
    
    dl.table dt {
        float: none;
        background-color: #AAAAAA;
        border-top:1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
    }
    
    dl.table dd {
        border-top: 1px solid #666666;
        border-bottom: 1px solid #666666;
    }
}
}
*/