/* main CSS */

body{background-color:#f9f9f9; margin: auto; }
#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 */
#wrap{width:960px; margin:0 auto; }

/* nav */
#nav{background:url(../images/main/topmenu_b.gif) 0 0 no-repeat; width:960px; height:50px;}
#nav .left_nav{float:left; padding:19px 0 0 28px; font-family:Arial;}
#nav .left_nav li{color:#ffffff; float:left; padding-left:6px;}
#nav .left_nav li a{display:inline-block; padding-right:6px; color:#fefefe; font-size:10px;}
#nav .left_nav li.first{padding-left:0px;}
#nav .left_nav li.jp a, li.en a, li.chin a{font-weight:bold; padding-top:2px;}
#nav .left_nav li a:hover{text-decoration:underline; color:#ffffff;}

#nav .right_nav{float:left; padding-top:12px;}
#nav .right_nav li{float:left; padding-left:19px;}
#nav .right_nav li.nav01{padding-left:112px;}
#nav .right_nav li.nav01 a{background:url(../images/main/nav01.gif) 0 0 no-repeat; width:59px; height:25px; display:block; text-indent:-9999px;}
#nav .right_nav li.nav02 a{background:url(../images/main/nav02.gif) 0 0 no-repeat; width:71px; height:25px; display:block; text-indent:-9999px;}
#nav .right_nav li.nav03 a{background:url(../images/main/nav03.gif) 0 0 no-repeat; width:71px; height:25px; display:block; text-indent:-9999px;}
#nav .right_nav li.nav04 a{background:url(../images/main/nav04.gif) 0 0 no-repeat; width:71px; height:25px; display:block; text-indent:-9999px;}
#nav .right_nav li.nav05 a{background:url(../images/main/nav05.gif) 0 0 no-repeat; width:71px; height:25px; display:block; text-indent:-9999px;}
#nav .right_nav li.nav06 a{background:url(../images/main/nav06.gif) 0 0 no-repeat; width:71px; height:25px; display:block; text-indent:-9999px;}

#nav .right_nav li.nav01 a:hover{background:url(../images/main/nav01_over.gif) 0 0 no-repeat; width:59px; height:25px; display:block;}
#nav .right_nav li.nav02 a:hover{background:url(../images/main/nav02_over.gif) 0 0 no-repeat; width:71px; height:25px; display:block;}
#nav .right_nav li.nav03 a:hover{background:url(../images/main/nav03_over.gif) 0 0 no-repeat; width:71px; height:25px; display:block;}
#nav .right_nav li.nav04 a:hover{background:url(../images/main/nav04_over.gif) 0 0 no-repeat; width:71px; height:25px; display:block;}
#nav .right_nav li.nav05 a:hover{background:url(../images/main/nav05_over.gif) 0 0 no-repeat; width:71px; height:25px; display:block;}
#nav .right_nav li.nav06 a:hover{background:url(../images/main/nav06_over.gif) 0 0 no-repeat; width:71px; height:25px; display:block;}

/* meta */
.meta{width:960px; height:318px; background:url(../images/main/meta_b.jpg) 0 0 no-repeat;}
.meta .left_section{float:left; width:650px;}
.meta .left_section .logo{padding-top:25px; float:left;}
.meta .left_section .logo h1 a{width:229px; height:43px; background:url(../images/main/logo.gif) 0 0 no-repeat; display:block; text-indent:-9999px;}
.meta .left_section .ceo_greeting{width:350px; height:81px; float:left; padding-top:90px;}
.meta .left_section .ceo_greeting p.greeting_detail{padding:17px 0 0 27px; font-family:MS Gothic; color:#838383; line-height:16px;}
.meta .left_section .ceo_greeting p.greeting_detail a:hover{color:#000000;}
.meta .meta_text{float:left; width:275px; padding:37px 0 0 80px;}
.meta .meta_text p.text1{font-size:18px; color:#002d3c; font-family:Georgia; width:350px;}
.meta .meta_image{float:left; width:307px; height:318px; text-align:right;}
.logo {position:relative; width:305px; height:131px; z-index:500; top:-1px;}
.logo h1{position:relative; width:305px; height:131px; z-index:500;}
.logo h1 a{
	width:302px; 
	height:131px; 
	display:block;  
	z-index:500; 
	text-indent:-9999em; 
	background:url('../images/main/logo_bg.png') no-repeat;
}
.logo h1 a img {z-index:1000;}
.ceo_greeting {position:absolute; top:144px; z-index:1000;}
.ceo_greeting a{width:403px; height:173px; display:block; z-index:500; }
.ceo_greeting img {z-index:1000;}
.meta .left_section .ceo_greeting p.greeting_detail{padding:17px 0 0 27px; font-family:Gulim; color:#838383; line-height:16px;}
.meta .left_section .ceo_greeting p.greeting_detail a:hover{color:#000000;}
.meta .meta_text{float:left; width:291px; padding:57px 0 0 94px;}
.meta .meta_text p.text1{font-size:18px; color:#002d3c; font-family:Georgia; width:350px;}
.meta .meta_image{float:left; width:357px; height:318px;}
.main_banner {
    position:relative;
    height: 318px;
    width: 960px;
}
.slider-wrapper {
    position:relative;
    height: 318px;
    width: 960px;
}
.theme-default #slider {
    width: 960px;
}
#slider {
	top:-132px;
}
#jflowslide {top:-132px;}
/* left_content */
#content{width:960px; position:relative; overflow:hidden;}
#content .left_content{width:403px; height:880px; background:url(../images/main/left_b.gif) 0 0 no-repeat; float:left; overflow:hidden;}
#content .right_content{width:557px; height:880px; background:url(../images/main/right_b.gif) 0 0 no-repeat; float:left;}
.left_content .title{font-size:28px; color:#4e4e4e; font-family:Arial; padding:28px 0 0 27px;}
.left_content .title .best{color:#df5026;}
.left_content .product1, .product2, .product3, .product4{float:left; width:385px; height:155px;}
.left_content .product1 .image, .product2 .image, .product3 .image, .product4 .image{float:left; padding:18px 0 0 27px;}
.left_content .product1 .product_ex, .product2 .product_ex, .product3 .product_ex, .product4 .product_ex{width:210px; height:160px; float:left;}
.left_content .product1 .product_title, .product2 .product_title, .product3 .product_title, .product4 .product_title{padding-top:26px;}
.left_content .product1 .product_text, .product2 .product_text, .product3 .product_text, .product4 .product_text{padding:11px  0 0 16px; line-height:130%;}
.left_content .product1 .product_text a:hover, .product2 .product_text a:hover, .product3 .product_text a:hover, .product4 .product_text a:hover{color:#000000;}
.left_content .product1 .more, .product2 .more, .product3 .more, .product4 .more{padding:12px 0 0 149px;}


#content .left_content .main_customer {width:385px; height:164px; text-align:center; background-image:url(../images/main/customer_bg.gif); color:#000; border:1px; solid #ccc;}

.right_content .support{float:left; width:558px; height:201px;}
.right_content .support_title{float:left;}
.right_content .support_image{float:left; padding:18px 0 0 23px;}
.right_content .support_ex{float:left; padding:10px 0 0 10px; line-height:16px; width:543px;}

.right_content .support_ex li{color:#666;}
.right_content .support_ex span{font-weight:bold; color:#000;}
.right_content .support_ex li.list{width:357px; height:76px; background:url(../images/main/notice_icon.png) 0 0 no-repeat; padding-left:15px; line-height:16px;}
.right_content .support_ex li.more{float:right; padding-top:5px; padding-bottom:23px; padding-right:5px; text-align:right; width:556px;}
.right_content .notice{float:left; width:558px; height:256px;}
.right_content .notice .notice_section{width:263px; height:188px; padding:18px 0 0 25px; float:left;}

.company_photo{float:left; }

.quick_menu{float:left;}
.quick_menu .quick_menu_list{padding:18px 0 0 26px;}
.quick_menu .quick_menu_list .quick_menu1 a{width:243px; height:61px; background:url(../images/main/quick01.gif) 0 0 no-repeat; text-indent:-1000%; display:block;}
.quick_menu .quick_menu_list .quick_menu2 a{width:243px; height:60px; background:url(../images/main/quick02.gif) 0 0 no-repeat; text-indent:-1000%; display:block;}
.quick_menu .quick_menu_list .quick_menu3 a{width:243px; height:60px; background:url(../images/main/quick03.gif) 0 0 no-repeat; text-indent:-1000%; display:block;}
.quick_menu .quick_menu_list .quick_menu1 a:hover{width:243px; height:61px; background:url(../images/main/quick01_over.gif) 0 0 no-repeat; text-indent:-1000%; display:block;}
.quick_menu .quick_menu_list .quick_menu2 a:hover{width:243px; height:60px; background:url(../images/main/quick02_over.gif) 0 0 no-repeat; text-indent:-1000%; display:block;}
.quick_menu .quick_menu_list .quick_menu3 a:hover{width:243px; height:60px; background:url(../images/main/quick03_over.gif) 0 0 no-repeat; text-indent:-1000%; display:block;}

.menu{float:left; overflow:hidden; font-family:MS Gothic;}
.menu dl.list1{width:528px;  height:24px; float:left; padding:19px 0 0 30px;}
.menu dt{width:72px; float:left; font-family:MS Gothic; color:#186fa5; font-weight:bold; }
.menu dt img{padding-right:7px;}
.menu .list1 .dd1{color:#838383; width:105px; float:left; }
.menu .list1 .dd2{color:#838383; width:50px; float:left;}
.menu .list1 .dd3{color:#838383; width:65px; float:left;}
.menu .list1 .dd4{color:#838383; width:77px; float:left;}
.menu .list1 .dd5{color:#838383; width:100px; float:left;}

.menu .list1 .dd1 a, .list1 .dd2 a, .list1 .dd3 a, .list1 .dd4 a, .list1 .dd5 a{display:inline-block; padding-right:9px;}
.menu .list1 .dd1 a:hover, .list1 .dd2 a:hover, .list1 .dd3 a:hover, .list1 .dd4 a:hover, .list1 .dd5 a:hover, .list1 .dd6 a:hover{color:#3d3d3d;}

.menu dl.list2, dl.list5{width:528px; float:left; padding-left:30px; height:23px;}
.menu dl.list3{width:528px; float:left; padding-left:30px; height:255px;}
.menu dl.list4{width:528px; float:left; padding-left:30px; height:40px; line-height:130%;}
.menu dl.list2 .dd1{color:#838383;  float:left;}
.menu .list2 .dd1 a, .list2 .dd2 a, list2 .dd3 a{display:inline-block; padding-right:9px;}
.menu .list2 .dd1 a:hover, .list2 .dd2 a:hover, .list2 .dd3 a:hover{color:#3d3d3d;}
.list3_dt2  {  width:450px;  }
.menu dl.list3 .dd1{color:#838383; height:21px; float:left; width:450px;}
.menu dl.list3 .dd1{color:#838383; height:21px; float:left; width:450px;}
.menu dl.list3 .dd1_1{color:#838383; height:21px; float:left; width:140px; }
.menu dl.list3 .dd1_2{  color:#838383; width:310px; float:left; line-height:130%;}

.menu dl.list3 .dd1_1{.float:left; .width:140px; }
.menu dl.list3 .dd1_2{  .width:310px; .float:left;}

.menu dl.list3 .dd2_1{color:#838383; height:21px; float:left; width:140px; margin-left:74px; }
.menu dl.list3 .dd2_2{  color:#838383; width:310px; float:left; line-height:130%; }

.menu dl.list3 .dd3_1{color:#838383; height:21px; float:left; width:140px; margin-left:74px; }
.menu dl.list3 .dd3_2{  color:#838383; width:310px; float:left; line-height:130%; }

.menu dl.list3 .dd4_1{color:#838383; height:21px; float:left; width:350px; margin-left:74px; }

.menu dl.list3 .dd5_1{color:#838383; height:21px; float:left; width:60px; margin-left:74px; }
.menu dl.list3 .dd5_2{  color:#838383; width:390px; float:left; }


.menu dl.list3 .dd2{color:#838383; width:185px; height:21px; float:left;}
.menu dl.list3 .dd3{width:193px; height:21px; float:left; padding-left:111px;}
.menu dl.list3 .dd4{ height:21px; float:left; color:#838383; width:220px;}
.menu dl.list3 .dd4 a{display:inline-block; padding-right:9px;}
.menu dl.list3 .dd5{width:209px; float:left; color:#838383; padding-left:73px; height:21px;}
.menu dl.list3 .dd6{width:238px; float:left; height:21px;}
.menu dl.list3 .dd7{width:210px; float:left; height:21px; padding-left:73px;}
.menu dl.list3 .dd8{width:214px; float:left; height:21px;}
.menu dl.list3 .dd10{width:433px; height:21px; float:left; padding-left:73px; color:#838383;}
.menu dl.list3 .dd9{width:433px; height:21px; float:left; padding-left:125px; color:#838383;}
.menu dl.list3 .dd9 a{display:inline-block; padding-right:9px;}
.menu dl.list3 .dd1_2 a:hover, .list3 .dd2_2 a:hover,  .list3 .dd3_2 a:hover, .list3 .dd4_2 a:hover, .list3 .dd5_2 a:hover, .list3 .dd2 a:hover, .list3 .dd3 a:hover, .list3 .dd4 a:hover, .list3 .dd5 a:hover, .list3 .dd6 a:hover, .list3 .dd7 a:hover, .list3 .dd8 a:hover, .list3 .dd9 a:hover, .list3 .dd10 a:hover{color:#3d3d3d;}


.menu dl.list4 .dd1{width:450px; float:left; color:#838383; height:21px;}

.menu dl.list4 .dd2{width:91px; float:left; color:#838383; height:21px;}
.menu dl.list4 .dd3{width:93px; float:left; color:#838383; height:21px;}
.menu dl.list4 .dd4{width:150px; float:left; color:#838383; height:21px;}
.menu dl.list4 .dd5{width:213px; float:left; color:#838383; height:21px; padding-left:73px;}
.menu .list4 .dd1 a, .list4 .dd2 a, .list4 .dd3 a{display:inline-block; padding-right:9px;}
.list4 .dd5 a{display:inline-block; padding-left:5px;}
.menu .list5 dt{width:100px;}
.menu dl.list4 .dd1 a:hover, .list4 .dd2 a:hover, .list4 .dd3 a:hover, .list4 .dd4 a:hover, .list4 .dd5 a:hover{color:#3d3d3d;}
.menu dl.list5 .dd1{width:70px; float:left; color:#838383;}
.menu dl.list5 .dd2{width:57px; float:left; color:#838383;}
.menu dl.list5 .dd3{width:81px; float:left; color:#838383;}
.menu dl.list5 .dd4{width:150px; float:left; color:#838383;}
.menu dl.list5 .dd5{width:100px; float:left; color:#838383;}
.menu dl.list5{width:600px; height:21px; float:left; padding-left:30px;}
.menu .list5 .dd1 a, .list5 .dd2 a, .list5 .dd3 a{display:inline-block; padding-right:9px;}
.menu dl.list5 .dd1 a:hover, .list5 .dd2 a:hover, .list5 .dd3 a:hover, .list5 .dd4 a:hover, .list5 .dd5 a:hover{color:#3d3d3d;}

/* footer */
#footer{color:#717171; float:left; width:960px; height:55px; padding:25px 0 0 7px; line-height:140%;}
.footer_logo{float:left; margin-right:10px;}
#footer .address{width:720px; float:left; line-height:135%;}
#footer .address a:hover{color:#3d3d3d;}
#footer .copy{font-size:10px; font-family:Arial; }
#fiiter .copy span {font-family:MS Gothic; font-size:9px;}
#footer .gobiz{width:88px; height:27px; float:right;  padding-top:-28px; padding-right:10px;}


.r_menu{padding-top:15px; padding-left:28px;}
.r_m_t{float:left; margin-right:15px; font-weight:bold; color:#186fa5; }
.r_m_list{color:#838383; line-height:130%; margin-bottom:3px;}
.r_m_list a:hover{color:#3d3d3d; overflow:hidden;}
.r_m_c{float:left;  width:135px; color:#838383; }
.r_m_c a{ color:#838383; }
.r_m_c a:hover{color:#3d3d3d; }
.r_menu ul{margin-bottom:9px;}

.r_m_t02{float:left; margin-right:15px; font-weight:bold; color:#186fa5; height:250px; }