@charset "UTF-8";
@import url(css_prod_ttl.css);
/* css_prod.css */

/*製品共通使用*/



/*製品一覧*/

.ixmain{
margin: 10px 0 20px; }

#ixmenu{
margin: 0 0 0 0;
}

#ixmenu h2{
margin: 0 0 5px 0;
padding: 0;
}

.ixlist{
float: left;
width: 247px;
}

.ixlistend{
float: left;
}

#ixmenu ul{
width: 236px;
margin: 10px 0 0 0;
padding: 0;
border-top: 1px dotted #999;}

#ixmenu li{
display:block;
font-size: 0.9em;
line-height: 120%;
border-bottom: 1px dotted #999;
list-style-type: none; }

#ixmenu li a {
background-image: url(../common/images/pt.gif);
background-repeat: no-repeat;
background-position: 7px 7px;
display:block;
color: #333;
margin: 0;
padding: 5px 0 5px 15px;
background-color: #ffffff;
text-decoration: none; }

#ixmenu li a:hover {
display:block;
color: #333;
margin: 0;
padding: 5px 0 5px 15px;
background-color: #d1d9ed;
text-decoration: none; }

/*製品カテゴリ一覧*/
#markbase {
background-color: #eee;
margin: 10px 10px 0 10px;
padding: 10px;
}

#markbase h2 {
margin: 0 0 10px 0;
padding: 0;
}

#markbase td {
font-size: 0.7em;
line-height: 120%;
padding: 0 10px 10px 0;
}


#prodlistttl{
width: 710px;
clear: both;
margin: 30px 10px 10px 10px;
}

#prodlistttl h2 {
color: #112a65;
font-size: 0.95em;
font-weight: bolder;
line-height: 100%;
width: 710px;
clear: both;
margin: 0;
padding: 9px 0 0 10px;
background-image:  url(images/h4bg_t1m0.gif);
background-repeat: no-repeat;
height: 30px; }

#prodlistttl p{
margin: 0 0 10px 0;
font-size: 0.9em;
}

#prodlistttl .waku{
border: 1px solid #ccc;
margin: 0 0 10px 0;
padding: 10px;
font-size: 0.9em;
background-color: #eee;
}

#prodlistttl .waku big{
font-size: 1.2em;
}

#prodlistttl h3{
margin: 30px 0 10px 0;
}

#prodlistttl #txt{
float: left;
width: 480px;
margin: 0 0 10px 0;
font-size: 0.9em;
}

#prodlistttl #txt strong{
font-weight: bold;
}


#prodlistttl #photo{
width: 220px;
float: right;
text-align: right;
margin: 0 0 10px 0;
}

#prodlist{
clear: both;
margin: 0 10px 10px 10px;
}

#prodlist table{
width: 100%;
float: left;
border-bottom: 1px solid #ccc;
font-size: 0.8em;
line-height: 120%;
}

#prodlist th{
background-color: #eee;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px dotted #ccc;
text-align: center;
padding:5px 0;
}

#prodlist td{
border-right: 1px dotted #ccc;
text-align: center;
padding:5px 3px;
}

#prodlist .bg{
background-color: #eee;
}

#prodlist .name{
text-align: left;
font-weight: bold;
padding: 5px 10px 5px 20px;
background-image: url(../common/images/pt.gif);
background-repeat: no-repeat;
background-position: 10px 7px;
}

#prodlist .name a{
font-weight: bold;
}

#prodlist .end{
border-right: 0px
}

#prodlist .pdf{
font-weight: bold;
padding-left: 15px;
background-image: url(../common/images/pt_pdf.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
/* 各製品 */
#prodmainimg {
clear: both;
}

.prodttl {
margin:  10px 0 0;
padding: 0 0 20px;
width:   330px;
float:   left; }

.prodttl h2 {
color:       #1741a4;
font-size:   2em;
font-weight: bold;
line-height: 120%;
margin:      10px 0 0;
padding:     0; }

.prodttl p {
font-size: 0.8em;
margin-top: 30px; }

.photo {
text-align: right;
width: 390px;
float: left;
margin: 10px 0 0;
padding: 0 0 20px; }

.docmenu {
padding: 5px 0px 5px 10px;
margin: 0;
background-color: #d1d9ed;
text-align: left;
clear: both;
}

.docmenu ul {
line-height: 100%;
margin: 5px 0 0 0;
padding: 0;
}

#docmenu {
padding: 5px 0px 5px 10px;
height: 42px;
margin: 0;
background-color: #d1d9ed;
text-align: left;
clear: both; }

#docmenu .m_main {
margin: 0 0 0 5px;
padding: 0;
float: left; }

#docmenu .m_main li {
float: left;
margin: 0;
padding: 0 4px 0 0;
list-style: none; }

#docmenu .m_sub2,
#docmenu .m_sub {
line-height: 100%;
width: 270px;
margin: 5px 0 0 0;
float: left;
padding: 0;  }

#docmenu .m_sub2 {
width: 218px; }

.docmenu li,
#docmenu .m_sub2 li,
#docmenu .m_sub li {
float: left;
margin: 0 0 3px;
padding: 0 0 0 5px;
list-style: none; }

.clear {
clear: both;
margin: 0;
padding: 0;
}
h3 {
margin: 30px 0 0;
padding: 0; }

#maincopy {
font-size: 0.95em;
font-weight: bold;
margin-top: 8px;
padding-left: 15px; }

#maincopy p {
font-size: 0.8em;
font-weight: normal;
line-height: 140%; }

#option {
background-color: #eee;
margin-top: 30px;
margin-right: 10px;
margin-left: 10px;
padding: 10px 10px 0;
border: solid 1px #ccc; }

#option th {
margin: 0;
padding: 0 0 10px; }

#option td {
font-size: 0.8em;
line-height: 140%;
margin: 0;
padding: 0 0 10px 10px; }

#doc {
margin-top: 20px;
margin-left: 10px; }


#doc2 {
width: 710px;
clear: both;
margin-left: 10px;
padding-top: 50px; }

#doc2 p {
text-align: center;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
border: solid 1px #ccc; }

#doc3 {
font-size: 0.9em;
width: 710px;
clear: both;
margin-left: 10px;
padding-top: 50px; }

#doc3 h4{
color: #000;
font-size: 1em;
margin: 0 0 5px 10px;
padding: 0;
font-weight: bold;
}

#doc3 div{
padding:10px;
border: solid 1px #ccc;}

#doc3 ol {
font-size: 0.9em;
line-height: 140%;
width: 660px;
padding: 0;
margin: 0 0 0 30px; }

h4 {
color: #112a65;
font-size: 0.95em;
font-weight: bolder;
line-height: 100%;
width: 710px;
clear: both;
margin: 0;
padding: 9px 0 0 10px; }

.t1m0 {
background-image:  url(images/h4bg_t1m0.gif);
background-repeat: no-repeat;
height: 30px; }

.t1m1 {
background-image:  url(images/h4bg_t1m1.gif);
background-repeat: no-repeat;
height: 30px; }

.t1m2 {
background-image:  url(images/h4bg_t1m2.gif);
background-repeat: no-repeat;
height: 30px; }

.t2m0 {
background-image:  url(images/h4bg_t2m0.gif);
background-repeat: no-repeat;
height: 43px; }

.t2m1 {
background-image:  url(images/h4bg_t2m1.gif);
background-repeat: no-repeat;
height: 43px; }

.t2m2 {
background-image:  url(images/h4bg_t2m2.gif);
background-repeat: no-repeat;
height: 43px; }
 
#doc .def {
width: 405px;
float: left;
font-size: 0.95em;
line-height: 140%;
margin-left: 10px;
padding-bottom: 15px; }

#doc .txt_m {
width: 335px;
float: left;
font-size: 0.95em;
line-height: 140%;
margin-left: 10px;
padding-bottom: 15px; }

#doc .txt_s {
width: 270px;
float: left;
font-size: 0.95em;
line-height: 140%;
margin-left: 10px;
padding-bottom: 15px; }

#doc .non {
width: 700px;
float: left;
font-size: 0.95em;
line-height: 140%;
margin-left: 10px;
padding-bottom: 15px; }

#doc .pho {
float: left;
padding-bottom: 15px;
padding-left: 10px; }


/*エレメント*/
.font-red {
color: #d80011; }

.font-red big {
color:     #d80011;
font-size: 140%;
font-weight: bold; }

.font-big {
color:     #d80011;
font-size: 140%;
font-weight: bold; }

.font-caption {
font-size: 0.75em; }

.font-m {
font-size: 0.8em;
line-height: 140%; }

/*概略仕様・作業範囲図*/
.spec {
padding-right: 10px; }

.spec table {
font-size: 0.75em;
width: 710px;
margin: 0;
padding: 0;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right-width: 0;
border-bottom-width: 0; }

.spec th {
background-color: #eee;
margin: 0;
padding-top: 2px;
padding-bottom: 2px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top-width: 0;
border-left-width: 0; }

.spec td {
margin: 0;
padding-top: 2px;
padding-bottom: 2px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top-width: 0;
border-left-width: 0; }

.spec .left {
text-align: left;
padding-left: 10px; }

.spec .center {
text-align: center;
padding-left: 0; }

.spec .waku {
text-align: center;
width: 707px;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 0;
border: solid 1px #ccc; }

.spec .caption-r {
font-size: 0.7em;
text-align: right; }

.spec .caption-l {
font-size: 0.7em;
text-align: left; }


/*装備品*/
.option {
padding-right: 10px; }

.option2 {padding-right: 10px; }

.option2 table {
font-size: 0.75em;
line-height: 120%;
width: 710px;
margin: 0;
padding: 0; }

.option2 .photomarg {
padding-bottom: 10px; }

.option2 .txtmarg {
padding-right: 10px; }

.option2 strong {
font-weight: bold; }

.option table {
font-size: 0.75em;
margin: 0;
padding: 0;
width: 710px;
border-top: 1px solid #ccc;
border-right-width: 0;
border-bottom-width: 0;
border-left: 1px solid #ccc; }

.option th {
background-color: #eee;
margin: 0;
padding-top: 2px;
padding-bottom: 2px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top-width: 0;
border-left-width: 0; }

.option td {
margin: 0;
padding-top: 2px;
padding-bottom: 2px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top-width: 0;
border-left-width: 0; }

.option3 .column2 {
width: 50%;
float: left; }
.option3 .figure img {
display: block;
margin: 5px auto 0; }
.option3 .figure {
font-size: 0.75em;
text-align: center;
width: 25%;
float: left;
margin: 0 auto 25px; }

.option3 .column2 ul {
font-size: 0.75em;
line-height: 120%;
margin: 0;
padding: 0 10px 0 15px;
list-style-position: outside; }

div#doc .option3 .column2 ul li {
font-weight: normal;
margin: 0 0 10px; }

.option .column4 {
width: 25%;
float: left;
padding-bottom: 20px; }
.option .column4 h5 {
font-size: 0.75em;
font-weight: bold;
text-align: left;
margin: 0 0 5px;
padding: 0; }

.option .column4 ul {
font-size: 0.75em;
line-height: 120%;
margin: 0;
padding: 0 10px 0 15px;
list-style-position: outside; }

.option .column4 li {
margin: 0 0 5px; }

.option .left {
text-align: left;
padding-left: 10px; }

.option .center {
text-align: center;
padding-left: 0; }

.option .waku {
text-align: center;
width: 707px;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 0;
border: solid 1px #ccc; }

.option .caption-r {
font-size: 0.7em;
text-align: right; }

.option .caption-l {
font-size: 0.7em;
text-align: left; } {
font-size: 0.7em;
text-align: left; }

/* 以下追加 */

br.clear {
    clear: both;
}

#doc_col2 {
    width: 710px;
    margin: 20px 0 0 0;
    padding: 0;
}

    #doc_col2 .doc {
        float: left;
        margin: 0px 0 0 10px;
        width: 344px;
    }

        #doc_col2 .doc h4 {
            width: 335px;
        }

        #doc_col2 .doc p {
            font-size: 0.95em;
            line-height: 140%;
            margin-left: 10px;
            padding-bottom: 15px;
        }

        #doc_col2 p.pho  {
            text-align: center;
            clear: both;
        }

div#doc div ul,
div#doc div ol {
    margin-left: 0;
    padding-left: 2em;
    font-size: 0.875em;
}

    div#doc div ul li,
    div#doc div ol li {
        font-weight: bold;
        margin: 0 0 0.5em 0;
        padding: 0;
    }

div#doc div dl {
    font-size: 0.875em;
}

    div#doc div dl dt {
        font-weight: bold;
    }

    div#doc div dl dd {
        margin: 0 0 5px 1em;
    }


div.doc_wrapper {
    clear: both;
    width: 668px;
    border: 1px solid #ccc;
    padding: 0 20px 0 20px;
    margin: 50px 0px 0px 10px;
}

    div.doc_wrapper div.doc {
        margin: 20px 0 20px 0;
    }

        div.doc_wrapper div.doc h4 {
            margin: 0 0 10px 0;
            padding: 0;
        }

        div.doc_wrapper div.doc p {
            font-size: 0.95em;
        }

        div.doc_wrapper div.doc p.pho {
            text-align: center;
        }


#main .spechyo2 td {
    background: #ffffff;
}

#main .spechyo2 th {
    background: #eeeeee;
}