/* main CSS */

body{width:auto; background:url(../images/main/body_b.gif) 0 0 repeat-x;}

#skipNav{position:absolute; top:0; top:-1000%}
#skipNav a{display:block; height:1px; width:1px; overflow:hidden;}
#skipNav a:focus, #skipNav a:active{height:auto; width:100%;}

#wrap{width:960px; margin:0 auto; text-align:left;}
#header{width:960px; height:82px; background:url(../images/main/header_b.gif) 0 0 no-repeat;}

/* logo */
.logo{float:left;  margin:46px 0 0 30px;}
.logo h1 a{width:179px; height:34px; /*background:url(../images/main/logo.jpg) 0 0 no-repeat; text-indent:-99999px; display:block;*/ float:left;}

/* top_menu */
.top_menu{float: right; height: 19px; margin: 10px 15px 20px 0;}
.top_menu li{float:left; font-size:10px;  margin-left:15px;}
.top_menu li a:hover{color:#535353;}
.top_menu span.line{width:1px; height:9px; background:url(../images/main/top_line.png) 0 0 no-repeat; display:block; position:relative; left:38px; top:-10px;}
.top_menu span.line2{width:1px; height:9px; background:url(../images/main/top_line.png) 0 0 no-repeat; display:block; position:relative; left:47px; top:-10px;}
.top_menu .last{margin:-3px 0 0 8px;}

/* nav */
#nav{width:742px; height:33px; float:left; background:url(../images/main/nav_b.png) 0 0 no-repeat; font-size:14px; font-weight: bold; font-family:Arial;}
#nav li{float:left; margin-top:8px; margin-left:62px;}
#nav li a{color:#fdf3f3;}
#nav li a:hover{color:#f9c5c4;}
#nav li.first{margin:8px 0 0 50px;}
#nav span.line1{width:2px; height:11px; background:url(../images/main/nav_line.png) 0 0 no-repeat; display:block; position:relative; top:-13px; left:180px;}
#nav span.line2{width:2px; height:11px; background:url(../images/main/nav_line.png) 0 0 no-repeat; display:block; position:relative; top:-13px; left:85px;}
#nav span.line3{width:2px; height:11px; background:url(../images/main/nav_line.png) 0 0 no-repeat; display:block; position:relative; top:-13px; left:145px;}

/* meta */
.meta{width:960px; height:296px; background:url(../images/main/meta_b.gif) 0 0 no-repeat;}
.meta_image{width:335px; height:286px; padding:10px 0 0 34px; float:left;}
.meta .meta_right{float:left; width:591px; height:291px;}
.meta_text{color:#434343; padding:50px 0 0 74px;}
.meta_banner{float:right;}
.meta_banner li{float:left;}
.meta_banner li.inquiry{padding: 49px 20px 0 0;}
.meta_banner li.video img{padding-right:30px;}

#content{width:960px;}

/* left_content */
.left_content{width:650px; height:467px; float:left;}
.left_content .left_first{width:650px; height:69px; background:url(../images/main/best_f_b.gif) 0 0 no-repeat;}
.best_product{width:650px; height:365px; background:url(../images/main/left_middle.png) 0 0 repeat-y;}
.left_content .content_last{width:650px; height:33px; background:url(../images/main/best_l_b.gif) 0 0 no-repeat;}
.left_first h2{padding:35px 0 14px 25px;}
.best{font-size:22px; color:#c6404b; font-family:Georgia;}
.meccaline{font-size:22px; color:#959595; font-family:Georgia;}
.best_product .line{width:612px; height:12px; background:url(../images/main/product_line.gif) 0 0 no-repeat; margin:0 0 15px 25px;}
.best_product .line2{width:612px; height:12px; background:url(../images/main/product_line.gif) 0 0 no-repeat; margin:10px 0 0 25px; *margin-top:-1px;}
.product1{width:330px; height:101px;}
.product1 .more{margin-top:2px;}
.best_product .image{float:left; padding:0 10px 0 25px;}
.best_product .detail{padding-top:10px;}
.best_product .detail .title{color:#434343; text-decoration:underline; font-weight:bold;}
.best_product .detail .ex{color:#838383;}
.product2{width:330px; float:right;  margin-top:-101px;}
.product2 .more{margin-top:2px;}
.product3{width:330px; margin-top:2px;}
.product3 .more{margin-top:2px;}
.product4{width:330px; float:right; margin-top:-91px; *margin-top:-104px;}
.product4 .more{margin-top:2px;}
.product5{width:330px; margin-top:30px; *margin-top:20px;}
.product5 .more{margin-top:2px;}
.product6{width:330px; float:right; margin-top:-95px; *margin-top:-105px;}
.product6 .more{margin-top:2px;}

/* right_content */
.right_content{width:310px; height:467px; float:right;  background:url(../images/main/right_m.png) 0 0 repeat-y;}
.right_top{width:310px; height:59px; background:url(../images/main/right_f.gif) 0 0 no-repeat; float:left;}
.right_top h2{padding:35px 0 0 25px;}
.right_top .menu{color:#35213c; font-size:22px; font-family:Georgia;}
.right_top .product{color:#959595; font-size:22px; font-family:Georgia;}
.right_middle{width:310px; float:left; height: 258px; padding-top: 15px; line-height:120%;}


.menu_list dl{float:left;}
.menu_list dt{font-size:14px; color:#911046; font-weight:bold; float:left; height:15px; padding-left:25px;}
.menu_list dt.dt{width:280px; float:left;}
.menu_list dt img{padding-right:8px;}
.menu_list dd{float:left;}
.menu_list a:hover{text-decoration:underline;}


.music .dd1{float:left; width:150px; padding-left:12px;}
.music .dd1 .line{width:1px; height:9px; background:url(../images/main/top_line.png) 0 0 no-repeat; display:block; position:relative; top:-12px; left:60px;}
.music .dd2{padding:0 15px 0 42px; margin-top:-7px;}
.music .dd2 .line{width:1px; height:9px; background:url(../images/main/top_line.png) 0 0 no-repeat; display:block; position:relative; top:-12px; left:79px;}
.music .dd3{margin-top:-5px;}
.music .dd3 .line{width:1px; height:9px; background:url(../images/main/top_line.png) 0 0 no-repeat; display:block; position:relative; top:-12px; left:63px;}
.music .dd5{float:left; width:200px; padding-left:12px;}
.music .dd4{padding:0 15px 0 15px; margin-top:-7px;}
.music .dd4 .line{width:1px; height:9px; background:url(../images/main/top_line.png) 0 0 no-repeat; display:block; position:relative; top:-12px; left:65px;}
.music .dd5{padding-left:42px; margin-top:-7px;}

.reading{ margin-top:10px;}
.reading dd{padding-left:12px;}

.files{margin-top:10px;}
.files .dd1{padding-left:12px;}
.files .dd1 .line{width:1px; height:9px; background:url(../images/main/top_line.png) 0 0 no-repeat; display:block; position:relative; top:-12px; left:62px;}
.files .dd2{padding:0 15px 0 15px;}
.files .dd2 .line{width:1px; height:9px; background:url(../images/main/top_line.png) 0 0 no-repeat; display:block; position:relative; top:-12px; left:62px;}
.files .dd3{width:200px; padding-left:41px; margin-top:-7px;}

.clipboard{margin-top:10px;}
.clipboard .dd1{padding-left:12px;}
.clipboard .dd1 .line{width:1px; height:9px; background:url(../images/main/top_line.png) 0 0 no-repeat; display:block; position:relative; top:-12px; left:90px;}
.clipboard .dd2{width:200px; padding-left:41px; margin-top:-7px; *padding-left:41px;}

.name{margin-top:10px;}
.name .dd1{padding-left:40px;}
.name .dd1 .line{width:1px; height:9px; background:url(../images/main/top_line.png) 0 0 no-repeat; display:block; position:relative; top:-12px; left:224px;}
.name .dd2{padding-left:40px; margin-top:-7px;}

.desk{margin-top:10px;}
.desk .dd1{padding-left:41px;}
.desk .dd1 .line{width:1px; height:9px; background:url(../images/main/top_line.png) 0 0 no-repeat; display:block; position:relative; top:-12px; left:125px;}
.desk .dd2{padding-left:15px;}
.right_bottom{float:left; width:310px; height:19px; background:url(../images/main/right_l.gif) 0 0 no-repeat;}

/* contactus */
.contactus{ background: url("../images/main/contactus_b.gif") no-repeat; float: left; height: 120px; padding: 15px 0 0 37px; width: 274px;}
.contactus p.title{color:#35213c; font-size:16px; font-family:Georgia;}
.contactus p.tel{color:#e24500; font-size:18px; font-family:Georgia; margin-top:5px;}
.contactus p.email{color:#000000; margin-top:5px;}



/*sitemap*/
.sitemap{width:960px; height:65px; background:url(../images/main/sitemap_b.gif) 0 0 no-repeat; padding-top:17px; float:left; padding-left:5px;}
.sitemap dl, .sitemap dt, .sitemap dd {float:left;}
.sitemap dt img{padding-right:5px;}
.sitemap .second_menu{margin-left:24px;}
.sitemap dd a:hover{text-decoration:underline;}

.first_menu{height:15px;}
.first_menu .dd1{padding-right:12px; padding-left:12px;}
.first_menu .dd1 .line{width:1px; height:9px; background:url(../images/main/top_line.png) 0 0 no-repeat; display:block; position:relative; top:-12px; left:90px;}
.first_menu .dd2{padding-right:12px;}
.first_menu .dd2 .line{width:1px; height:9px; background:url(../images/main/top_line.png) 0 0 no-repeat; display:block; position:relative; top:-12px; left:45px;}
.first_menu .dd3{padding-right:12px;}
.first_menu .dd3 .line{width:1px; height:9px; background:url(../images/main/top_line.png) 0 0 no-repeat; display:block; position:relative; top:-12px; left:75px;}
.first_menu .dd4{padding-right:12px;}
.first_menu .dd4 .line{width:1px; height:9px; background:url(../images/main/top_line.png) 0 0 no-repeat; display:block; position:relative; top:-12px; left:67px;}

.second_menu{height:15px;}
.second_menu .dd1{padding-right:12px; padding-left:12px;}
.second_menu .dd1 .line{width:1px; height:9px; background:url(../images/main/top_line.png) 0 0 no-repeat; display:block; position:relative; top:-12px; left:89px;}

.third_menu{width:400px;}
.third_menu .dd1{padding-right:12px; padding-left:12px;}
.third_menu .dd1 .line{width:1px; height:9px; background:url(../images/main/top_line.png) 0 0 no-repeat; display:block; position:relative; top:-12px; left:49px;}
.third_menu .dd2{padding-right:15px;}
.third_menu .dd2 .line{width:1px; height:9px; background:url(../images/main/top_line.png) 0 0 no-repeat; display:block; position:relative; top:-12px; left:110px;}


/* footer */
#footer{color:#717171; float:left; width:960px; height:55px; padding:0 0 0 7px;}
#footer address{width: 850px; float:left;}
#footer .copy{font-size:10px;}
#footer .gobiz{width:88px; height:27px; float:right;  padding-top:-28px; padding-right:10px;}