@charset "utf-8";

/*------------------------------------------------
   Layout
------------------------------------------------*/
#wrap{
background:url(../img/all_bg01.gif) repeat-y;
}

#head{
width:954px;
height:154px;
background:url(../img/scnd_bg01.jpg) no-repeat;
}

#topicPath{
width:912px;
height:18px;
margin:0 0 1px 0;
padding:4px 21px 0 21px;
font-size:10px;
color:#fff;
line-height:1.2;
list-style:none;
background:#000;
}

#topicPath li{
float:left;
}

#topicPath li a{
margin:0 5px 0 0;
padding:0 10px 0 0;
color:#fff;
background:url(../img/scnd_icn01.gif) no-repeat right center;
}

#topicPath li a:hover{
padding:0 10px 0 0;
color:#ddd;
background:url(../img/scnd_icn01.gif) no-repeat right center;
}

#main{
background:url(../img/all_bg02.gif) repeat-y;
border-bottom:#fff solid 1px;
}

#main2{
padding:20px;
}

#leftCont{
float:left;
width:250px;
}

#subNavi{
width:210px;
padding:20px;
line-height:1;
}

#subNavi dt{
margin:0 0 18px 0;
}

#subNavi dd{
margin:0 0 18px 1px;
}

#subNavi dd a{
padding:0 0 0 9px;
background:url(../img/all_icn01on.gif) no-repeat left top;
}

#subNavi dd a:hover{
background:url(../img/all_icn01.gif) no-repeat left top;
}

#proNavi{
width:210px;
padding:20px;
line-height:1;
}

#proNavi dt{
margin:0 0 18px 0;
}

#proNavi dd{
margin:0 0 18px 1px;
}

#proNavi dd a{
padding:0 0 0 9px;
background:url(../img/all_icn03.gif) no-repeat left top;
}

#proNavi dd a:hover{
background:url(../img/all_icn03on.gif) no-repeat left top;
}

#proNavi dd a.on{
background:url(../img/all_icn03on.gif) no-repeat left top;
}

#rightCont{
float:left;
width:704px;
}

.cmnArea{
margin:0 0 15px 19px;
padding:10px 0 0 0;
}

/*------------------------------------------------
   Profile
------------------------------------------------*/
#worldArea{
padding:20px 10px;
background:url(../img/pro_bg01.gif) no-repeat right 1px;
}

/*------------------------------------------------
   Products BrandList
------------------------------------------------*/
#brandList{
float:left;
width:550px;
}

#brandList{
width:500px;
list-style:none;
}

#brandList li{
float:left;
width:90px;
margin:0 0 20px 0;
}

#brandList li .img{
display:block;
width:68px;
height:68px;
margin:0 0 10px 0;
padding:1px;
line-height:1;
background:url(../img/all_bg03.gif) repeat;
overflow:hidden;
}

#brandList li .img:hover{
background:#ccc;
}

#brandList li .on{
background:#ccc;
}

#brandList li .ttl{
min-height:10px;
vertical-align:top;
}

#brandInfo{
float:left;
width:414px;
}

#brandInfo h3{
margin:0 0 20px 0;
font-size:14px;
color:#333;
}

#brandInfo h3 a{
text-decoration:none;
}

#brandInfo h3 a:hover{
text-decoration:underline;
}


/*------------------------------------------------
   Product Detail
------------------------------------------------*/
.proArea{
padding:20px 0 20px 20px;
}

.proArea .proTtl{
font-size:12px;
color:#333;
}

.proArea .proList{
margin:0 0 10px 0;
}

.proArea .proList dt{
float:left;
padding:0 12px 0 0;
}

.proArea .proList dt a{
display:block;
padding:1px;
}

.proArea .proList dd{
float:left;
padding:0 10px 10px 0;
}

.proArea .proList dd a{
display:block;
width:68px;
height:68px;
padding:1px;
background:url(../img/all_bg03.gif) repeat;
}

.proArea .proList dd a:hover{
background:#ccc;
}

.proArea .proList dd a.on{
background:#ccc;
}

#infoArea{
}

#infoArea .proImg{
float:left;
width:249px;
}

#infoArea .proInfo{
float:left;
width:435px;
}

#infoArea .proInfo .infoTtl{
background:url(../img/det_line01.gif) no-repeat left top;
margin:0 0 10px 0;
padding:10px 0 0 0;
}


/*------------------------------------------------
   Sitemap
------------------------------------------------*/
#sitemapList{
margin:0 0 100px 0;
}

#sitemapList dt{
margin:0 0 5px 1em;
}

#sitemapList dd{
margin:0 0 5px 2em;
}


/*------------------------------------------------
   Recruit
------------------------------------------------*/
#newRec{
float:left;
text-align:left;
background:url(../img/rec_bg01m.gif) repeat-y;
}

#middleRec{
float:left;
text-align:left;
background:url(../img/rec_bg01m.gif) repeat-y;
}

#middleRec a{
color:#CC0033;
}

#newRec a{
color:#CC0033;
}


/*------------------------------------------------
   Contact
------------------------------------------------*/
#conArea{
padding:20px 140px 10px 110px;
background:#eee;
}

#conArea table{
}

#conArea table th{
padding:10px 0 20px 0;
vertical-align:top;
}

#conArea table td{
padding:10px 0 20px 0;
vertical-align:top;
}

#conArea table td input{
width:290px;
}

#conArea table td input{
width:290px;
}

#conArea table td textarea{
width:290px;
height:10em;
}