@charset "UTF-8";
/*構造-------------------------------------- */
.storygoods{
display: block;
margin-bottom:60px;
border-bottom: #333333 1px dotted;
padding-bottom: 15px;
clear: both;
}
h4 {
width: 170px;
height: 12px;
font-size: 12px;
text-align: center;
margin-bottom: 15px;
border:0px;
padding-top:5px;
padding-bottom:9px;
}

.blue{
background: url(../images/h4-blue.gif) no-repeat top left;
color: #ffffff;
}

.purple{
background: url(../images/h4-purple.gif) no-repeat top left;
color: #ffffff;
}
.yellow {
background: url(../images/h4-yellow.gif) no-repeat top left;
color: #000000;
}

.lemon {
background: url(../images/h4-lemon.gif) no-repeat top left;
color: #000000;
}
.green{
background: url(../images/h4-green.gif) no-repeat top left;
color: #ffffff;
}
/*小図面----- */
.drawing1 {
background-color: #fff;
float: left;
border: 0px; 
width: 380px; 
height: auto;
text-align: left;
}
.detail1 {
background-color: #fff;
float: right;
border: 0px;
padding: 0px;
width: 210px;
}
/*中図面----- */
.drawing2 {
background-color: #fff;
float: left;
border: 0px; 
width: 420px; 
height: auto;
text-align: left;
}
.detail2 {
background-color: #fff;
float: right;
margin: 0px;
border: 0px;
/*padding: 0px;*/
width: 175px;
height: auto;
}
/*大図面----- */
.drawing3 {
display: block;
margin-bottom: 2px;
background-color: #fff;
border: 0px; 
width: 600px; 
height: auto;
text-align: left;
}
.detail3 {
display: block;
background-color: #fff;
margin: 0px;
border: 0px;
/*padding: 0px;*/
width: 600px;
height: auto;
}
/*スペック0の表組------------------------------------- */
.spec {
margin-bottom: 15px;
float: right;
clear: both;
}
.spec td{
font-size: 10px;
color: #000000;
text-align: center;
}
/*スペック1の表組------------------------------------- */
.spec1 {
width:99%;
border-top: solid 1px #333; 
border-left: solid 1px #333;
/*border-right: solid 1px #666666; */
border-collapse: collapse;
margin-bottom: 20px;
}
.spec1 th {
border-right: solid 1px #333;
border-bottom:solid 1px #333;
padding:2px 2px;
text-align:center;
font-size: 10px;
color: #fff;
}
/*スペック2の表組------------------------------------- */
.spec2 {
float: right;
width:160px;
border-top: solid 1px #333; 
border-left: solid 1px #333;
/*border-right: solid 1px #666666; */
border-collapse: collapse;
/*margin-bottom: 0px;*/
}
.spec2 th {
border-right: solid 1px #333;
border-bottom:solid 1px #333;
padding:2px 2px;
text-align:center;
font-size: 10px;
color: #fff;
}
.spec2 td {
margin: 0px;
border-right: solid 1px #333;
border-bottom:solid 1px #333;
padding:2px 2px;
text-align:left;
font-size: 10px;
background-color: #fff;
color: #000;
}
.spec2 .rowhalf {
width: 50p%;
text-align: center;
}
.spec2 .row1 {
width: 68px;
text-align: center;
}
.spec2 .row2 {
width: auto;
text-align: center;
}
.spec2 .widerow1 {
text-align: center;
width: 120px;
}
.spec2 .widerow2 {
width: auto;
text-align: center;
}
/*スペックのグリーンー--*/
.thgreen th {
background-color:#339900;
color: #ffffff;
}
/*スペックの黄色--*/
.thyellow {
background-color:#ff9900;
color: #000000;
}
/*スペックのレモン--*/
.thlemon {
background-color:#ffcc00;
color: #000000;
}
/*スペックのパープル--*/
.thpurple th {
background-color:#663399;
color: #ffffff;
}
/*スペックのスカイブルー--*/
.thblue th {
background-color:#0066cc;
color: #ffffff;
}