@charset "utf-8";

@import url("common.css");



/*--------------------------------------------------

 contents

 -------------------------------------------------*/

#content{

    margin:30px auto;

    width:820px;

}



H2{

    background:url(../image/title_content.jpg) 0 3px no-repeat;

    padding:0 0 10px 20px;

    font-weight:bold;

    font-size:18px;

    margin-bottom:30px;

    color:#814C1A;

}



/*--------------------------------------------------

 company

 -------------------------------------------------*/



#content dl.company{

    width:750px;

    margin:0 auto;

}



#content dl.company dt{

    background:url(../image/icn_tri_green.jpg) 5px 12px no-repeat;

    font-size:14px;

    font-weight:bold;

    color:#688279;

    float:left;

    clear:both;

    padding:10px 0 10px 20px;

    width:160px;

}



#content dl.company dt.green {

    background-color:#F7F9F4;
    color:#688279;

}

#content dl.company dd.green{

    background-color:#F7F9F4;
    color:#333333;

}



#content dl.company dd{

    font-size:14px;

    float:left;

    padding:10px 0;

    width:560px;

    margin-left:1px;

    color:#333333;

}



#content dl.company dd li,

#content dl.company_contact dd li{

    font-size:14px;

    margin-bottom:5px;

}









#content dl.company_contact{



    background:#F7F9F4;

    border:1px solid #DBE4CD;

    padding:10px 20px;

    width:700px;

    margin:50px auto 150px;

}



#content dl.company_contact dt{

    font-size:14px;

    font-weight:bold;

    color:#688279;

    float:left;

    clear:both;

    padding:10px 0;

    width:160px;

}



#content dl.company_contact dd{

    font-size:14px;

    float:left;

    padding:10px 0;

    width:500px;

    margin-left:1px;

}





/*--------------------------------------------------

 tokutei

 -------------------------------------------------*/

#content dl.tokutei{

    width:750px;

    margin:0 auto;

}



#content dl.tokutei dt{

    background:url(../image/icn_tri_green.jpg) 5px 12px no-repeat;

    font-size:14px;

    font-weight:bold;

    color:#688279;

    float:left;

    clear:both;

    padding:10px 0 10px 20px;

    width:160px;

    border-bottom:1px solid #E2E4DE;

}



#content dl.tokutei dd{

    font-size:14px;

    float:left;

    padding:10px 0;

    width:560px;

    margin-left:1px;

    border-bottom:1px solid #E2E4DE;

}



#content dl.tokutei dd span,

#content dl.tokutei_contact dd span{

    font-size:12px;

    color:#990000;

    margin-left:10px;

}





#content dl.tokutei_contact{

    background:#FFF7EE;

    border:1px solid #FFD7AA;

    border-top:5px solid #FFD7AA;

    padding:10px 20px;

    width:700px;

    margin:50px auto 80px;

}

#content dl.tokutei_contact dt{

    font-size:14px;

    font-weight:bold;

    color:#865F45;

    float:left;

    clear:both;

    padding:10px 0;

    width:160px;

}



#content dl.tokutei_contact dd{

    font-size:12px;

    float:left;

    color:#865F45;

    padding:10px 0;

    width:500px;

    margin-left:1px;

    line-height:130%;

}



#content dl.tokutei_contact dd li{

    font-size:12px;

    margin:5px;

    padding:0 0 0 10px;

    background:url(../image/icn_tri_orange.jpg) 0 3px no-repeat;

    color:#A6734D;

    line-height:130%;

}





/*--------------------------------------------------

 contanct

 -------------------------------------------------*/

#content .contact{

    width:750px;

    margin:0 auto;

}



#content .contact .lead{

    font-size:14px;

    font-weight:bold;

    margin:20px auto;

}

#content .contact .lead span,

#content .contact .form dt span{

    color:#aa0000;

    font-size:12px;

    font-weight:normal;

    margin-left:5px;

}



#content .contact .form{

    width:750px;

    margin:0 auto;

}



#content .contact .form dt{

    background:url(../image/icn_tri_green.jpg) 5px 12px no-repeat #F5F2EF;

    font-size:14px;

    font-weight:bold;

    color:#688279;

    float:left;

    clear:both;

    padding:10px 0 10px 20px;

    width:120px;

    border-bottom:1px solid #E2E4DE;

}



#content .contact .form dd{

    font-size:14px;

    float:left;

    padding:5px 0;

    width:560px;

    margin:0 0 10px 20px ;

}



#content .contact .form dd input{

    width:180px;

}



#content .contact .form dd textarea{

    width:500px;

}

#content .contact .btn{

    margin:20px auto;

    text-align:center;

    width:400px;

}



#content .contact .btn img{

    float:left;

    margin:0 auto;

    padding:10px;

}





.ordericon{
    clear:both;
    text-align:center;
  }



/*--------------------------------------------------

 poricy

 -------------------------------------------------*/

#content .poricy{

    width:800px;

    margin:0 auto;

}



#content .poricy .lead{

    font-size:14px;

    line-height:140%;

    width:750px;

    margin:0 auto 50px;

}



#content .poricy h3{

    background:url(../image/bg_title_blue.jpg) 0 0 no-repeat;

    padding:0 0 10px 15px;

    font-weight:bold;

    font-size:16px;

    line-height:140%;

    margin-bottom:20px;

}



#content .poricy dl{

    width:750px;

    margin:0 auto 20px;

}



#content .poricy dt{

    float:left;

    color:#5F7E79;

    font-weight:bold;

    width:200px;

    text-align:right;

    padding-right:25px;



}



#content .poricy dd{

    border-left:1px solid #E2E4DE;

    padding-left:45px;

    float:left;

    width:450px;

    margin-bottom:20px;

    line-height:130%;

}





#content .poricy dd ul{

    margin:5px 0 5px 15px;

}



#content .poricy dd li{

    margin-bottom:5px;

    list-style-type:decimal;

}



#content .poricy .renrakusaki{

    float:right;

    text-align:right;

    width:300px;

    font-size:12px;

    margin:10px 10px 50px;

    line-height:140%;

}



#content .poricy .renrakusaki li{

    margin-bottom:5px;

}





/*--------------------------------------------------

 product

 -------------------------------------------------*/

#product{

    margin:20px auto;}





#product .bn_container{

    width:700px;

    border:1px solid #D6DCCD;

    padding:10px;

    margin:20px auto;

}



#product .bn_container img{

    float:left;

    margin-right:10px;

}



#product .bn_container h3{

    font-weight:bold;

    margin-bottom:10px;

    font-size:16px;

    padding:2px 0 0 20px;

    background:url(../image/bg_title_blue.jpg) 0 0 no-repeat;

}



#product .bn_container .lead{

    line-height:140%;

    font-size:14px;

}





/*--------------------------------------------------

 order

 -------------------------------------------------*/

#order{

    margin:20xp auto;

}

#content .midashi{

    font-weight:bold;

    font-size:16px;

    text-align:center;

    margin-bottom:20px;

}



#order .midashi{

    font-weight:bold;

    font-size:16px;

    text-align:center;

    margin-bottom:20px;

}



#order .container{

    margin-bottom:50px;

}



#order .container .photo{

    float:left;

    margin-right:20px;

}



#order .container .orderadress{

    width:360px;

    background:#FEFBDA;

    border:1px solid #FFECB0;

    padding:20px;
    margin:0 auto;

    margin-top:20px;

}



#order .container .orderadress dt{

    font-weight:bold;

    font-size:18px;

    padding:7px;

    color:#BA4D12;

    margin-bottom:20px;

    background:#FEFAA7;
    text-align:center;

    border:1px solid #FFECB0;

}

.jirei_midashi{
    font-weight:bold;font-size:16px;padding:5px 0 5px 10px;border-left:5px #090 solid;color:#814C1A;
}
.jirei_body{
    line-height:1.3em;font-size:14px;padding:5px 0 5px 20px;
    color:#000000;
}
.jirei_arrow{
    text-align:center;padding:5px 0 10px 0;
}
.kodawari{
    padding:0 20px 0 10px;
}
.kodawari .sub_title{
    font-size:16px;font-weight:bold;line-height:1.3em;
}
.kodawari .sub_body{
    font-size:14px;padding:5px 0 15px 10px;
    line-height:1.3em;
    color:#395F59;
}

.kodawari .sub2_body{
    font-size:14px;padding:5px 0 15px 10px;
    line-height:1.3em;
    color:#000000;
}

.kodawari .sub3_body{
    font-size:14px;padding:5px 0 15px 10px;
    line-height:1.3em;
    color:#333333;
}

.kodawari .sub_body .pickup{
    color:#b23013;
}
.kodawari .sub_title .pickup{
    color:#b23013;
}
.kodawari .pickup2{
    color:#b23013;
}
.kodawari .sub_body .pickup_s{
    color:#b23013;font-size:small;
}


.kodawari_midashi{
    padding:7px 0 5px 20px;margin:50px 0 15px 0;font-weight:bold;font-size:18px;
    background:url(../image/icn_board.jpg) 0 0 no-repeat;color:#723013;
}

#order .container .orderadress dd{

    font-size:16px  ;

    font-weight:bold;

    margin-bottom:5px;

    background:url(../image/icn_tri.jpg) 0 3px no-repeat;

    padding-left:10px;

    margin-left:10px;



}





#order .container dt.hurikomi{

    width:300px;

    padding:5px;

    margin:20px 0 5px;

    font-size:14px;

    border:none;

    background:none;

}

#order .container dd.hurikomi{

    font-size:12px;

    margin-top:10px;

    font-weight:normal;

}





#order .product{

    width:700px;

    margin:10px auto 50px;

    clear:both;

}



#order .product h3{

    font-weight:bold;

    margin-bottom:10px;

    font-size:16px;

    padding:0 0 0 20px;

    line-height:140%;

    height:30px;

}



#order .product .photo{

    float:left;

}



#order .product dl{

    float:right;

    width:500px;

    margin-top:30px;

}



#order .product dt{

    float:left;

    width:60px;

    margin-right:20px;

    font-weight:bold;

    font-size:14px;

    line-height:130%;

    background:url(../image/icn_tri_orange.jpg) 0 3px no-repeat;

    padding-left:10px;

    clear:both;

}

#order .product dd{

    float:left;

    line-height:130%;

    width:400px;

    font-size:14px;

    margin-bottom:10px;



}



#order .product dd.price{

        color:#C00;

    font-weight:bold;

    font-size:16px;

}

#order .product dd span{

    font-size:12px;

    margin-left:5px;

    color:#C00;

    font-weight:normal;

}



#order .product dd ul{

    margin-top:15px;

}



#order .product dd li{

    margin:0 0 5px 5px;

}



/*--------------------------------------------------

 cleafix

 -------------------------------------------------*/

#content dl.company:after,

#content dl.company_contact:after,

#content dl.tokutei:after,

#content dl.tokutei_contact:after,

#content .contact .form:after,

#content .contact .btn:after,

#content .poricy dl:after,

#product .bn_container:after,

#order .container:after,

#order .product:after,

#order .product dl:after

{

    content:".";

    display: block;

    height:0px;

    clear:both;

    visibility:hidden;

}



#content dl.company,

#content dl.company_contact,

#content dl.tokutei,

#content dl.tokutei_contact,

#content .contact .form,

#content .contact .btn,

#content .poricy dl,

#product .bn_container,

#order .container,

#order .product,

#order .product dl

{   zoom:1;

}