@charset "utf-8";

option span {
font-weight: bold;
}

#layoutMain p { margin: 5px 0 0 12px;}
#layoutMain .pageMenu p { margin: 0;}
#layoutMain .suitTable2 p { margin: 3px;}
#layoutMain .detailBox p { margin: 0 0 5px 0; text-indent: 1em;}
#layoutMain strong { color: #f66;}
#layoutMain em { font-weight: bold;}

.ctxt { font-size: 14px; font-weight: bold; text-align: center; margin: 3px 0 12px 0;}

.price { font-weight: bold; color: #f66; margin-left: 5px;}
.ub { border-bottom: 1px solid #edc; margin-bottom: 5px; padding-bottom: 5px;}
.recom {
background: url(image/recom_bg.gif) no-repeat left top;
text-align: right;
padding: 20px 25px;
}
.recom a {
font-weight: bold;
color: #c00;
}
.w20 { width: 20%;}
.w24 { width: 24%;}
.w25 { width: 25%;}
.w27 { width: 27%; vertical-align: top;}
.w32 { width: 32%; vertical-align: top;}
.w35 { width: 35%; vertical-align: top;}
.w37 { width: 37%;}
.w39 { width: 39%; vertical-align: middle;}
.w63 { width: 63%;}
.w50 { width: 50%;}
.w50_2 { width: 50%; vertical-align: top; padding-right: 5px;}
.w50_3 { width: 50%; vertical-align: top;}
.w98 { width: 98%; margin: auto;}
#layoutMain .w50_2 dl { margin: 5px 0 5px 5px;}
.note { font-size: 14px;}
.aln { text-align: right; padding-right: 10px;}
.aln2 { text-align: center;}
.aln2 img { margin-bottom: 5px;}
.aln3 { text-align: right; margin-top: 10px;}

.dispImg { border: 1px solid #edc; padding: 4px; margin: 2px 0; background: #fff;}

.dispTable { margin-top: 3px;}
.dispTable img { border: 1px solid #edc;}
.dispTable dd { margin-bottom: 10px;}
.dispTable2a { width: 250px; height: 100px; background: url(image/dispTable2a_bg.gif) no-repeat top; vertical-align: top;}
.dispTable2b { width: 250px; height: 100px; background: url(image/dispTable2b_bg.gif) no-repeat top; vertical-align: top;}

.dispText { width: 750px; padding: 150px 0 10px 0;}
.dispText2 { width: 750px; padding: 20px 0;}
.dispText3 { width: 700px; padding: 5px; margin: 15px 0 15px 20px; border: 2px solid #630; background: #FFFAF0;}
.dispText3 h3 { font-size: 18px; line-height: 1.5}
.dispText3 strong { font-size: 14px;}

.howto {
width: 750px;
margin-bottom: 10px;
}
.howto dt { font-size:14px; font-weight: bold;}
.howto dd { text-indent: 1em;}
.howto2 { width: 700px; margin: 20px 20px 10px; padding: 5px; background: #edc;}
.howto2 dt { font-size:14px; font-weight: bold;}
.howto2 dd { text-indent: 1em;}

.orderBox {
width: 340px;
margin: 10px 5px 5px 12px;
padding: 5px;
float: left;
border: 1px solid #edc;
background: #f9e9d9 url(image/orderBox_bg.gif) bottom right no-repeat;
}* html .orderBox { margin: 10px 5px 5px 8px;}

.orderBox img { border: 1px solid #edc;}
.orderBox h3 { background: #fff; color: #654; font-size: 14px; padding-left: 5px; border: 1px solid #edc;}
.orderBox em { display: block; color: #f66; padding-left: 5px;}
.orderBox select { margin: 2px 0;}
.orderBox table { width: 100%;}
.orderBox tr { vertical-align: top;}
.orderBox td { padding-left: 5px;}
.orderBox .td10c { font-weight: bold; color: #654; width: 20%;}
.orderBox .td13c { border: 1px solid #dcb; background: #ecd9c6; vertical-align: top; font-weight: bold; color: #654; width: 16%;}
.orderBox .td14c { border: 1px solid #dcb; background: #ecd9c6; vertical-align: top; font-weight: bold; color: #654; width: 28%;}
.orderBox .concho { border: 1px solid #dcb; background: #ecd9c6; text-align: center; padding: 5px 0;}

.advice { clear: both; padding: 10px 0 5px 0;}
.advice img { vertical-align: middle;}

.orderBox2 {
width: 710px;
margin: 10px 0 20px 12px;
padding: 5px;
border: 1px solid #edc;
background: #f9e9d9 url(image/orderBox_bg.gif) bottom right no-repeat;
}
.orderBox2 h3 { background: #fff; color: #654; font-size: 14px; padding-left: 5px; border: 1px solid #edc;}
.orderBox2 h4 { color: #654; border-bottom: 2px solid #edc; margin: 0 5px; padding-left: 5px;}
.orderBox2 em { display: block; padding: 5px; color: #f66;}
.orderBox2 table { width: 100%;}
.orderBox2 tr { vertical-align: top;}
.orderBox2 td { padding-bottom: 5px;}
.orderBox2 img { margin: 3px;}
.orderBox2 .td10c { font-weight: bold; color: #654; border: 1px solid #dcb; background: #ecd9c6; width: 15%; padding-left: 4px;}
.orderBox2 .td11c img { border: 0; vertical-align: middle;}

.suitTable { width: 750px; margin: 10px 0;}
.suitTable h3 { margin: 5px;}
.suitTable img { border: 1px solid #edc;}
.suitTable .ps { border: 0;}

.suitTable2 { margin: 10px;}
.suitTable2 th { width: 207px; padding: 10px; text-align: left; background: #edc; border: 1px solid #cba;}
.suitTable2 td { width: 480px; padding: 10px; border: 1px solid #cba;}
.suitTable2 dl { margin: 10px;}
.suitTable2 dt { font-weight: bold; margin-top: 5px; font-size: 14px;}
.suitTable2 dd { margin: 0 10px;}

.suitTable3 { width: 600px; margin: 10px 20px;}
.suitTable3 td { width: 25%; border: 1px solid #edc; padding: 0 5px;}
.td10c { border: 1px solid #dcb; background: #ecd9c6; vertical-align: top;}
.td11c { border: 1px solid #dcb; background: #fff; vertical-align: top;}
.td12c { border: 1px solid #dcb; background: #ecd9c6; text-align: center; padding: 3px 0;}

.suitTable4 { width: 450px; margin: 10px 20px; text-align: center;}

.suitTable5 { width: 708px; margin: 20px;}
.suitTable5 tr { vertical-align: top;}
.suitTable5 td { padding-bottom: 5px;}
.suitTable5 em { display: block; font-size: 14px; border-bottom: 2px solid #edc; margin: 0 5px;}
.suitTable5 .td10c { border: 1px solid #edc; background: #f6e6d6; vertical-align: top;}
.td20c { border: 1px solid #edc; background: #f6e6d6; width: 50%;}
.td21c { border: 1px solid #edc; background: #fff; width: 50%; vertical-align: top;}
.td22c { border: 1px solid #edc; background: #fff; width: 50%; vertical-align: top; padding-right: 5px;}
.td22c p { text-indent: 1em;}
.td22c img { margin: 10px 0 3px 16px;}
.td22c .ps { margin: 0;}
.td23c { border: 1px solid #edc;}
* html .td23c { border-right: 2px solid #edc;}
*:first-child+html .td23c { border-right: 2px solid #edc;}
.td23c img { margin: 10px 0 0 12px; border: 1px dotted #edc;}
.td30c { border: 1px solid #edc; background: #f6e6d6; width: 25%;}
.td31c { border: 1px solid #edc; background: #fff; width: 25%; vertical-align: top;}

.sampleBox {
width: 340px;
margin: 10px 5px 5px 12px;
padding: 5px;
float: left;
border: 1px solid #edc;
background: #f9e9d9 url(image/orderBox_bg.gif) bottom right no-repeat;
}* html .sampleBox { margin: 10px 5px 5px 8px;}

.sampleBox img { border: 1px solid #edc; margin-right: 6px;}
.sampleBox h3 { background: #fff; color: #654; font-size: 14px; padding-left: 5px; border: 1px solid #edc;}
.sampleBox table { width: 330px;}
.sampleBox tr { vertical-align: top;}
.sampleBox td { padding-left: 5px;}

.orderNavi {
width: 700px;
margin: 20px;
padding: 5px;
}