@charset 'utf-8';

/*============================================================
Other.CSS

Production Date:2007/8/4
Last Modified:2008/02/02

Copyright(C)Y.M All Rights Reserved.
============================================================*/




h4{
font-size:120%;
padding:0px 0px 0px 6px;
margin-left:10px;
margin-bottom:10px;
border-left:5px solid #336699;
}

h4.simple{
font-size:120%;
padding:0px 0px 0px 0px;
margin-left:10px;
margin-bottom:10px;
border-left:none;
}

ul.no-style{
margin-left:10px;
}


/* blueBox */

dl.blueBox{
border:1px solid #336699;
margin:0px 10px 20px 10px;
}

dl.blueBox dt{
color:#ffffff;
background-color:#336699;
padding:2px 10px;
}

dl.blueBox dd{
padding:10px;
}




/*====================
会社概要で使用
====================*/

dl.company{
/*width:500px;*/
margin:0px 10px 30px 10px;
}

dl.company dt{
width:150px;
color:#ffffff;
background-color:#336699;
border:1px solid #336699;
border-bottom:none;
font-weight:bold;
padding:0px 0px 0px 10px;
margin:0px;
}

dl.company dd{
border:1px solid #336699;
padding:10px;
margin:0px 0px 20px 0px;
}



/*====================
よくあるご質問で使用
====================*/

dl.faq{
/*width:500px;*/
margin:0px 10px 30px 10px;
}

dl.faq dt{
color:#ffffff;
background-color:#336699;
border:1px solid #336699;
border-bottom:none;
font-weight:bold;
padding:5px 10px 5px 10px;
margin:0px;
}

dl.faq dd{
border:1px solid #336699;
padding:10px 10px 0px 10px;
margin:0px 0px 20px 0px;
}

ul.faqList{
margin:0px 0px 30px 10px;
list-style:decimal inside;
}

ul.faqList li{
margin-bottom:5px;
}



/*====================
材質についてで使用
====================*/

dl.zaishitu{
/*width:500px;*/
background-color:#f2fcff;
margin:0px 10px 30px 10px;
border:1px solid #0099cc;
padding:10px 10px 0px 10px;
zoom:100%;
}

after:dl.zaishitu{
content:".";
height:0;
clear:both;
display:block;
visibility:hidden;
}

dl.end{
margin-bottom:10px;
}

dl.zaishitu dt{
margin:0px 0px 10px 0px;
}

dl.zaishitu dd{
margin:0px 0px 0px 0px;
}

dl.zaishitu dd p{
margin-bottom:10px;
}

dl.zaishitu dd img.imgLeft{
margin-right:10px;
margin-bottom:10px;
padding:0px;
}

div#housei{
margin:0px 0px 30px 0px;
}

div#housei p{
margin:0px 10px 10px 20px;
}

div#housei div.houseiImage{
margin:0px 0px 10px 20px;
}

div#housei div.houseiImage img{
margin:0px 10px 0px 0px;
}

div#housei div.houseiImage img.no-margin{
margin-right:0px;
}



/*==============================
サイトマップで使用
==============================*/

/* ul.sitemap */

ul.sitemap{
margin:0px 10px 20px 10px;
padding:0px;
line-height:140%;
zoom:1;
list-style:inside;
list-style-type:inherit;
}

ul.sitemap li{
margin:0px 0px 5px 10px;
list-style:inside;
list-style-type:disc;
}

ul.sitemap li ul{
margin:10px 0px 10px 10px;
padding:0px;
}

ul.sitemap li ul li{
margin:0px 0px 5px 10px;
}

ul.sitemap li ul li ul{
background-color:#F5F5F5;
margin:5px 0px 20px 0px;
padding:2px 10px 2px 5px;
}

ul.sitemap li ul li ul li{
border:none;
}



/* ====================
製品へのこだわりで使用
==================== */

/* div.left20 */

div.left20 p{
margin-left:20px;
margin-right:20px;
}



/* ====================
一年間無料保証で使用
==================== */

/* div.hosyo */

div.hosyo{
border:1px solid #999999;
margin:0px 10px 20px 10px;
padding:10px 10px 0px 10px;
}

div.hosyo p{
margin-bottom:10px;
}



/* ====================
相互リンクで使用
==================== */

dl.links{
margin:0px 20px 20px 20px;
zoom:100%;
}

dl.links dt{
font-weight:bold;
background-color:#eeeeee;
padding:3px 10px;
border:1px solid #cccccc;
zoom:100%;
}

dl.links dt a{
text-decoration:none;
}

dl.links dd{
padding:10px;
margin-bottom:20px;
border:1px solid #cccccc;
zoom:100%;
}

div#mainContents div.linkSection h3{
color:#000;
font-size:120%;
margin:0px 0px 10px 0px;
background-color:#fff;
}

div#mainContents div.linkSection table{
margin:0px 0px 10px 10px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}

div#mainContents div.linkSection table th,
div#mainContents div.linkSection table td{
padding:5px 10px 5px 10px;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}

div#mainContents div.linkSection table th{
background-color:#eee;
}

div#mainContents div.linkSection ol{
list-style:none;
margin:0px 10px 10px 10px;
text-align:left:
}

ol.linkList li{
display:inline;
border-right:1px solid #333;
padding:0px 5px 0px 5px;
}


/* ====================
お客様の声で使用
==================== */

/* ul.pageNavi */

ul.pageNavi{
text-align:center;
margin:0px 0px 10px 0px;
}

ul.pageNavi li{
font-size:110%;
display:inline;
padding:2px 8px 2px 8px;
border-right:1px solid #666666;
}

ul.pageNavi li.last{
border-right:none;
}

ul.pageNavi li em{
font-weight:bold;
text-decoration:none;
}



/* dl.koeList */

dl.koeList{
width:520px;
background-color:#ebf8fc;
background-image:url(../../koe/images/bg_koelist_middle.gif);
background-position:left top;
background-repeat:repeat-y;
margin:0px 0px 20px 15px;
}


dl.koeList dt{
padding:40px 19px 0px 19px;
margin:0px 0px 1px 0px;
background-image:url(../../koe/images/bg_koelist_top.gif);
background-position:left top;
background-repeat:no-repeat;
}

dl.koeList dd{
margin:0px;
padding:0px 19px 10px 19px;
background-image:url(../../koe/images/bg_koelist_bottom.gif);
background-position:left bottom;
background-repeat:no-repeat;
}

dl.koeList dd img.koeImage{
margin-bottom:10px;
}

dl.koeList dl.koeText{
background-image:none;
margin:0px;
padding:0px;
}


dl.koeList dl.koeText dt{
padding:0px;
margin:0px;
background-image:none;
color:#0294cd;
font-weight:bold;
border-bottom:1px dashed #0294cd;
}

dl.koeList dl.koeText dd{
background-image:none;
padding:3px 0px 0px 0px;
margin:0px 0px 10px 0px;
}