@import url('reset.css');

body { font-size: 12px; color: #7A7979; text-align: center; background: url("../images/layout/bg_top.gif") repeat-x left top; }
a { text-decoration: none; }
a:link, a:active, a:visited { color: #7A7979; }

/*============================================================================
- Common Style
============================================================================*/
#wrap { text-align: left; }
.section { margin: 0 auto; width: 990px; }



/*============================================================================
- Header
============================================================================*/
#header { height: 80px; }
#header .section { position: relative; }
#header h1 { padding-top: 6px; padding-left: 15px; width: 165px; background: url("../images/layout/logo_bg.gif") repeat-x left top; float: left; }

#header .nav { margin: 15px 70px 0 0; float: right; }
#header .nav > ul > li { float: left; position: relative; }
#header .nav > ul > li > a { display: block; padding: 24px 40px; font-size: 14px; font-weight: bold; background: url("../images/layout/nav_bar.gif") no-repeat right 50%; overflow: hidden; }
#header .nav > ul li.last a { background: none; }
#header .nav > ul > li > a:hover,
#header .nav > ul > li > a.on { color: #256684; }
#header .nav > ul > li > ul { display: none; padding-top: 20px; width: 100%; height: 266px; position: absolute; left: 0; top: 60px; z-index: 100; }
#header .nav > ul > li > ul li { margin-bottom: 10px; padding-left: 40px; }
#header .nav > ul > li > ul li a { color: #FFF; font-weight: bold; }
#header .nav > ul > li > ul li a:hover { text-decoration: underline; }

#header .nav_bg { display: none; width: 100%; height: 286px; background: url("../images/layout/nav_bg.png") repeat-x left top; position: absolute; top: 80px; left: 0; z-index: 0; }
#header .nav_bg_green { display: ; width: 180px; height: 286px; background: url("../images/layout/sub_nav_bg.png") repeat-y left top; position: absolute; top: 0; }


#header .top_menu { position: absolute; top: 8px; right: 0; }
#header .top_menu ul li { margin-bottom: 4px; }
#header .top_menu ul li a { display: block; padding-left: 5px; width: 65px; height: 14px; font-size: 9px; color: #FFF; line-height: 14px; background: #7D7D7D; overflow: hidden; }



/*============================================================================
- Contents
============================================================================*/
#contents { margin-bottom: 50px; overflow: hidden; }
#contents.main { background: url("../images/layout/visual_bg.jpg") repeat-x center top; }
#contents.main .visual { margin-bottom: 20px; padding-top: 70px; height: 480px; background: url("../images/layout/main_visual.png") no-repeat left top; overflow: hidden; }
#contents.main .visual h2 { margin-bottom: 140px; overflow: hidden; }
#contents.main .visual ul { width: 175px; overflow: hidden; }
#contents.main .visual ul li { margin-bottom: 10px; overflow: hidden; }
#contents.main .visual ul li a { display: block; padding-left: 10px; background: url("../images/layout/main_visual_menu_dot.gif") no-repeat left 50%; color: #999; }


#contents.sub { background: url("/images/sub_bg.jpg") repeat-x center top; }
#contents.sub .visual { margin-bottom: 20px; padding-top: 70px; height: 120px; overflow: hidden; }
#contents.sub .visual h2 { margin-bottom: 140px; overflow: hidden; }
#contents.sub .visual ul { width: 175px; overflow: hidden; }
#contents.sub .visual ul li { margin-bottom: 10px; overflow: hidden; }
#contents.sub .visual ul li a { display: block; padding-left: 10px; background: url("../images/layout/main_visual_menu_dot.gif") no-repeat left 50%; }



.latest_cont { width: 320px; margin-left: 2px; float: left; position: relative; overflow: hidden; }
.latest_cont h3 { margin-bottom: 20px; font-size: 13px; color: #036FD1; font-weight: bold; overflow: hidden; }
.latest_cont h3 span { color: #515151; }
.latest_cont .more { position: absolute; top: 3px; right: 0; }

.latest_cont.product { margin: 0 13px; }

.aside { float: left; margin-top: -180px; width: 180px; }
.aside ul {  }
.aside ul li { padding: 8px 0 0 30px; height: 20px;  background: url("../images/left_arr.gif") no-repeat left top; border-bottom: solid 1px #eee;  }
.aside ul li a.on { color: #90c31f; font-weight: bold; }

.cont_area { float: right; margin-top: -80px; width: 790px;}
.cont_area h4 { padding: 10px 0 0 30px; margin-bottom: 20px; height: 30px;  background: url("../images/title_arr.gif") no-repeat left top; font-size: 20px; font-weight: bold; border-bottom: solid 1px #eee;   }
.cont_area .location { margin-top: -45px; float: right; overflow: hidden; }
.cont_area .location ul li { margin-right: 10px; padding-right: 10px; float: left; background: url("../images/location_arr.gif") no-repeat right ; }
.cont_area .location ul li.last { margin-right: 0; padding-right: 0; background: none; }
.cont_area .location ul li span { color: #126c99; font-weight: bold; }

.cont_area .cont_section { clear: both; }
.cont_area .cont_section p { margin-bottom: 35px; }

/*============================================================================
- Footer
============================================================================*/
#footer { height: 80px; background: url("../images/layout/bg_top.gif") repeat-x left top; clear: both; }
#footer h6 { padding-top: 14px; width: 180px; text-align: center; background: url("../images/layout/logo_bg.gif") repeat-x left top; float: left; }
#footer address { padding-top: 15px; color: #7D7D7D; line-height: 140%; }