/* main CSS */
body{background-color:#f9f9f9;}
#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; text-align:left;}
#header{width:960px; height:84px;}

/* top_menu */
.top_menu{width:295px; height:20px; float:right; padding-top:8px;}
.top_menu li{float:left; padding-left:8px; color:#919191;}
.top_menu li.first{padding:0;}
.top_menu li a{display:inline-block; padding-right:8px; font-size:10px;}
.top_menu li a:hover{color:#434343;}
.top_menu li.last{margin-top:-4px; padding:0 0 0 8px;}
.top_menu li.last a{padding:0;}

/* logo */
.logo{float:left; padding:26px 0 0 9px;}
.logo h1 a{display:block; width:156px; height:41px; background:url(../images/main/logo.jpg) 0 0 no-repeat; text-indent:-9999px;}

/* nav */
#nav{width:619px; float:right;}
#nav li{float:left; padding:15px 0 0 25px;}
#nav li.nav1{padding:15px 0 0 0;}
#nav li.nav1 a{display:block; width:96px; height:25px; background:url(../images/main/nav01.gif) 0 0 no-repeat; text-indent:-9999px;}
#nav li.nav2 a{display:block; width:125px; height:25px; background:url(../images/main/nav02.gif) 0 0 no-repeat; text-indent:-9999px;}
#nav li.nav3 a{display:block; width:96px; height:25px; background:url(../images/main/nav03.gif) 0 0 no-repeat; text-indent:-9999px;}
#nav li.nav4 a{display:block; width:96px; height:25px; background:url(../images/main/nav04.gif) 0 0 no-repeat; text-indent:-9999px;}
#nav li.nav5 a{display:block; width:103px; height:25px; background:url(../images/main/nav05.gif) 0 0 no-repeat; text-indent:-9999px;}

#nav li.nav1 a:hover{display:block; width:96px; height:25px; background:url(../images/main/nav01_over.gif) 0 0 no-repeat; text-indent:-9999px;}
#nav li.nav2 a:hover{display:block; width:125px; height:25px; background:url(../images/main/nav02_over.gif) 0 0 no-repeat; text-indent:-9999px;}
#nav li.nav3 a:hover{display:block; width:96px; height:25px; background:url(../images/main/nav03_over.gif) 0 0 no-repeat; text-indent:-9999px;}
#nav li.nav4 a:hover{display:block; width:96px; height:25px; background:url(../images/main/nav04_over.gif) 0 0 no-repeat; text-indent:-9999px;}
#nav li.nav5 a:hover{display:block; width:103px; height:25px; background:url(../images/main/nav05_over.gif) 0 0 no-repeat; text-indent:-9999px;}

/* meta */
.meta{width:960px; height:286px;}
.meta .meta_image{float:left;}
.meta .text{float:left; width:522px; height:286px; background:url(../images/main/meta_text_b.gif) 0 0 no-repeat;}
.meta .text .text_top{width:432px; height:127px; padding:34px 0 0 18px; line-height:20px;}
.meta .text .text_top a{font-family:Arial; color:#e5e8e1;}
.meta .text .text_top a:hover{color:#ffffff;}
.meta .text .text_bottom{float:left; font-family:Georgia; color:#ffb4b3; padding:15px 0 0 18px; line-height:13px;}
.meta .text .text_bottom .bottom_title{font-family:Georgia; font-size:30px; color:#ffb4b3; line-height:30px; display:block;}
.meta .text .inquiry{width:232px; height:26px; float:left; padding-top:10px;}

/* content */
#content{width:960px; position:relative; overflow:hidden;}
#content .content_title{float:left; width:960px; height:70px; background:url(../images/main/content_title_b.gif) 0 0 no-repeat;}
#content .content_title .menu_title{float:left; padding:17px 0 0 18px;}
#content .content_title .product_title{float:left; padding:17px 0 0 14px;}
#content .content_real{width:960px; float:left; background:url(../images/main/content_b.gif) 0 0 repeat-y;}
#content .content_real .menu{width:230px; height:280px; float:left;}
#content .content_real .menu_list{width:212px; height:155px; background:url(../images/main/menu_middle.gif) 0 0 no-repeat; margin-left:18px;}
/*#content .content_real .menu_list li a{font-family:Arial; color:#e5e8e1; display:block;}*/
#content .content_real .menu_list li.li1, .menu_list li.li3, .menu_list li.li5{width:212px; height:27px; background:url(../images/main/menu1.png) 10% 20% no-repeat;}
#content .content_real .menu_list li.li2, .menu_list li.li4, .menu_list li.li6{width:212px; height:25px; background:url(../images/main/menu2.png) 10% 20% no-repeat;}
#content .content_real .menu_list li.li1 a, .menu_list li.li3 a, .menu_list li.li5 a{width:172px; height:24px; padding:3px 0 0 40px;}
#content .content_real .menu_list li.li2 a, .menu_list li.li4 a, .menu_list li.li6 a{width:172px; height:22px; padding:3px 0 0 40px;}
#content .content_real .menu_list li.li1 a:hover{width:172px; height:24px; background:url(../images/main/menu1_over.png) 10% 20% no-repeat; text-decoration:underline; color:#ffcc33;}
#content .content_real .menu_list li.li3 a:hover{width:172px; height:24px; background:url(../images/main/menu1_over.png) 10% 20% no-repeat; text-decoration:underline; color:#ffcc33;}
#content .content_real .menu_list li.li5 a:hover{width:172px; height:24px; background:url(../images/main/menu1_over.png) 10% 20% no-repeat; text-decoration:underline; color:#ffcc33;}
#content .content_real .menu_list li.li2 a:hover{width:172px; height:22px; background:url(../images/main/menu2_over.png) 10% 20% no-repeat; text-decoration:underline; color:#ffcc33;}
#content .content_real .menu_list li.li4 a:hover{width:172px; height:22px; background:url(../images/main/menu2_over.png) 10% 20% no-repeat; text-decoration:underline; color:#ffcc33;}
#content .content_real .menu_list li.li6 a:hover{width:172px; height:22px; background:url(../images/main/menu2_over.png) 10% 20% no-repeat; text-decoration:underline; color:#ffcc33;}
#content .content_real .menu .menu_last{float:left; width:212px; height:125px; background-color:#42453c; margin-left:18px;}
#content .content_real .product{float:left; width:730px; height:277px; background:url(../images/main/product_b.gif) 0 0 no-repeat;}
#content .content_real .product1{float:left; padding:6px 0 0 15px;}
#content .content_real .product2{float:left; width:341px; height:278px;}
#content .content_real .product1 .product1_left, .product2 .product2_left{float:left; width:176px; height:240px;}
#content .content_real .product1 .product1_right{float:left; width:198px; height:278px;}
#content .content_real .product2 .product2_right{float:left; width:165px; height:278px;}
#content .content_real .product1 .product1_right .title, .product2_right .title{font-family:Georgia; font-size:22px; color:#000000; padding-left:11px;}
#content .content_real .product1 .product1_right .text, .product2_right .text{line-height:150%; width:140px; padding-top:33px; font-family:Arial; color:#666666; padding-left:11px;}
#content .content_real .product1 .product2_right .text {width:165px;}
#content .content_real .product1 .product1_right .text a:hover, .product2_right .text a:hover{color:#000000;} 
#content .content_real .product1 .product1_right .detail_image, .product2_right .detail_image{padding:45px 0 0 3px; float:left;}
#content .content_real .story{float:left; width:932px; height:198px; margin-left:18px;}
#content .content_real .story1, #content .content_real .story2, #content .content_real .story3{float:left; width:309px; height:198px;}
#content .content_real .story1 .title, #content .content_real .story3 .title{font-size:25px; color:#42453c; font-family:Georgia; padding-top:27px; float:left; width:309px;}
#content .content_real .story2 .title{font-size:25px; color:#42453c; font-family:Georgia; padding:27px 0 0 0; float:left; width:309px;}
#content .content_real .story1 .title .golf, .content_real .story2 .title .s, .content_real .story3 .title .s{color:#319231;}
#content .content_real .story1 .title .brand, .content_real .story2 .title .brand, .content_real .story3 .title .brand{font-size:15px; color:#969990;}
#content .content_real .story1 .text a, #content .content_real .story2 .text a, #content .content_real .story3 .text a{float:right; width:134px; height:82px; padding:12px 0 0 20px; font-family:Arial; color:#666;}
#content .content_real .story1 .text a:hover, #content .content_real .story2 .text a:hover, #content .content_real .story3 .text a:hover{text-decoration:underline;}
#content .content_real .story1 .text .num, .content_real .story2 .text .fashion, .content_real .story3 .text .fashion{color:#666; font-weight:bold;}
#content .content_real .story1 .more a, .content_real .story2 .more a, .content_real .story3 .more a{
	width:40px; 
	height:14px; 
	background:url(../images/main/story_more.png) 0 0 no-repeat; 	
	display:block;
	text-indent:-9999px;
}
/*#content .content_real .story1 .more a:hover, .content_real .story2 .more a:hover, .content_real .story3 .more a:hover{width:40px; height:14px; background:url(../images/main/story_more_over.png) 0 0 no-repeat;}*/
.story_img {float:left; width:154px; height:123px;}
.story .story_txt {float:left; width:155px; height:123px; background:#fff;}	
.story_txt .text {float:left;}
.story_txt .more {float:left; padding-left:20px;}


/* sitemap */
#content .content_real .sitemap{float:left;}
#content .content_real .sitemap dl.company{width:332px; height:108px; float:left;}
#content .content_real .sitemap .company dt{color:#454545; font-weight:bold; width:317px; height:24px; background:url(../images/main/sitemap_icon.png) 0 0 no-repeat; padding-left:15px; margin:11px 0 0 18px;}
#content .content_real .sitemap .company dd{width:120px; height:20px; background:url(../images/main/sitemap_list_icon.png) 0 40% no-repeat; margin-left:35px; float:left; padding-left:15px;}
#content .content_real .sitemap .company dd.dd4{width:120px; float:left; margin-left:20px;}
#content .content_real .sitemap .company dd.dd5{width:120px; float:left; margin-left:20px;}
#content .content_real .sitemap .company dd a{color:#454545;}
#content .content_real .sitemap .company dd a:hover{text-decoration:underline;}
#content .content_real .sitemap .line{float:left;}

#content .content_real .sitemap dl.brand-story, dl.cs-center{width:167px; height:108px; float:left;}
#content .content_real .sitemap dl.pr-center{width:198px; height:108px; float:left;}
#content .content_real .sitemap .brand-story dt, .pr-center dt, .cs-center dt{color:#454545; font-weight:bold; width:167px; height:24px; background:url(../images/main/sitemap_icon.png) 0 0 no-repeat; padding-left:15px; margin:11px 0 0 18px;}
#content .content_real .sitemap .brand-story dd, .cs-center dd{width:106px; height:20px; background:url(../images/main/sitemap_list_icon.png) 0 40% no-repeat; margin-left:35px; float:left; padding-left:15px;}
#content .content_real .sitemap .pr-center dd{width:136px;  height:20px; background:url(../images/main/sitemap_list_icon.png) 0 40% no-repeat; margin-left:35px; float:left; padding-left:15px;}
#content .content_real .sitemap .brand-story dd a, .pr-center dd a, .cs-center dd a{color:#454545;}
#content .content_real .sitemap .brand-story dd a:hover, .pr-center dd a:hover, .cs-center dd a:hover{text-decoration:underline;}


/* footer */
#footer{color:#969990; float:left; width:925px; height:67px; background-color:#000000; float:left; padding:23px 0 0 35px;}
#footer address{width: 850px; float:left;}
#footer .copy{font-size:10px;}
#footer .gobiz{width:88px; height:27px; float:right;  margin-top:-25px; padding-right:10px;}

/* menu list */
.menu_list li {
	float:left;
	height:28px;	
	width:212px;
}
.menu_list li a{
	display:block;
	color:#fff;
	width:172px;
	margin-left:25px;
	line-height:28px;
	padding-left:15px;
	background:url(../images/sub/arrow01.png) no-repeat 0 50%;
}
.menu_list li.odd {
	background:#555851;
}
.menu_list li a:hover{
	background:url(../images/sub/arrow02.png) no-repeat 0 50%;
	color:#ffcc33;
	text-decoration:underline;
}