@charset "UTF-8";

@import 'common.css';

/*----------[font]----------*/

#news{font-size:12px;}
#notice,#notice2{font-size:12px;}


/*----------[bg-block]----------*/

h1,h2,h3,#main-image,.btn,.notice,.news,.banner{
font-size:8px;
display:block;
text-indent:-9999px;
overflow:hidden;
}

/*----------[margin]----------*/

#oem-list{margin:0 auto;}

h1{margin-bottom:5px;}
#news dd{margin-bottom:15px;}
#notice dd,#notice2 dt{margin-bottom:15px;}
#contents-bottom{margin-top:40px;}

/*----------[float]----------*/

#container .main,#oem-list dt,#introduction-list dl dt{float:left;}
#container .side,#oem-list dd,#introduction-list dl dd{float:right;}

/*----------[contents-top]----------*/

#container .main{float:left; width:675px;}
#container .side{float:right; width:190px;}

h1{height:64px; background-image:url(../img/index/h1-index.gif);}

#main-image{height:330px; background-image:url(../img/index/main-image.jpg);}


.btn{height:64px; margin-bottom:3px;}
#btn-material{background-image:url(../img/index/btn-material.jpg);}
#btn-service{background-image:url(../img/index/btn-service.jpg);}

.banner{height:64px; margin-top:3px;}
#banner-agency{background-image:url(../img/index/banner-agency.jpg);}
#banner-supplier{background-image:url(../img/index/banner-supplier.jpg);}
#banner-remodel{background-image:url(../img/index/banner-remodel.jpg);}
#banner-newspaper{background-image:url(../img/index/banner-newspaper.jpg);}

.notice{height:64px; margin-bottom:0px;}

/*----------[contents-bottom]----------*/

#list-area{}

#list-area td{width:325px;}

h2{height:48px; margin-bottom:10px;}
#h2-oem{background-image:url(../img/index/h2-oem.gif);}
#h2-introduction{background-image:url(../img/index/h2-introduction.gif);}

#oem-list,#introduction-list dl{width:310px;}

#oem-list li{
background-image:url(../img/common/dot.gif);
background-position:bottom;
background-repeat:repeat-x;
padding-bottom:5px;
margin-bottom:15px;
}

#oem-list dt,#introduction-list dl dt{width:70px;}
#oem-list dd,#introduction-list dl dd{width:230px;}
#oem-list dd strong{font-weight:normal; color:#900;}
#oem-list dd p{text-align:right; margin-top:5px;}

#introduction-list dl dd div{
border-bottom:1px solid #CCC;
padding-bottom:2px;
margin-bottom:5px;
}

#introduction-list dl dd ul{margin-left:10px; padding-bottom:15px;}

#introduction-list dl dd ul li{
font-size:12px;
background-image:url(../img/common/red-arrow.gif);
background-position:0 50%;
padding-left:10px;
margin-bottom:5px;
}


/*-----[news]-----*/

#h3-news{height:33px; background-image:url(../img/index/h3-news.gif);}

#news{
line-height:120%;
height:185px;
padding:5px 10px;
overflow:auto;
border:1px solid #AEA684;
border-top:none;
}

#news dt{background-image:url(../img/common/red-arrow.gif); background-position:0 50%; color:#900; padding-left:10px;}

#news dd{
background-image:url(../img/common/dot.gif);
background-position:bottom;
background-repeat:repeat-x;
padding-bottom:1px;}


/*-----[notice]-----*/

#h3-notice{height:33px; background-image:url(../img/index/h3-notice.gif);}

#notice{
line-height:120%;
height:120px;
padding:5px 10px;
overflow:auto;
border:1px solid #AEA684;
border-top:none;
}

#notice2{
line-height:120%;
height:120px;
padding:5px 10px;
overflow:auto;
border:1px solid #AEA684;
border-top:none;
}


#notice dt{background-image:url(../img/common/red-arrow.gif); background-position:0 50%; color:#900; padding-left:10px;margin-top:5px;}
#notice2 dt{background-image:url(../img/common/red-arrow.gif); background-position:0 50%; color:#900; padding-left:10px; margin-bottom:7px;}


#notice dd{
background-image:url(../img/common/dot.gif);
background-position:bottom;
background-repeat:repeat-x;
margin-bottom:0px;
}


#notice #dd2{
font-size:12px;
background-image:none;
padding-top:0px;
margin-top:3px;
padding-bottom:0px;
margin-bottom:2px;
}