@charset "utf-8";

/* global */
body {
color:#333;
}
a {
color:#808080;
}

/* util */
.wrapper {
width:1000px;
margin:0 auto;
}

/* header */
#header {
min-width:1000px;
width:1000px;
width:auto !important;
height:80px;
background:url(../common/header_bg_01.png) left bottom repeat-x;
}
#header .wrapper {
position:relative;
height:100%;
background:url(../common/header_bg_02.png) 18px 64px no-repeat;
}
#logo,
#header p {
position:absolute;
z-index:2000;
}
#logo {
top:38px;
left:18px;
}
#header p {
top:42px;
right:15px;
}

/* global nav */
#gnav {
margin-top:-71px;
}
#gnav ul {
position:relative;
width:607px;
margin:0 auto;
padding-right:88px;
padding-left:305px;
z-index:300;
}
#gnav ul:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
#gnav li {
position:relative;
float:left;
}
#gnav ul img {
vertical-align:bottom;
}
#gnav ul ul {
position:absolute;
top:71px;
left:0;
display:none;
width:auto;
padding:1px 0 0;
z-index:1000;
}
#gnav li li {
position:static;
float:none;
}
#gnav ul ul ul {
padding-top:0;
}

/* separator */
#separator {
position:relative;
height:3px;
background:url(../common/gnav_bg_01.png) center bottom no-repeat;
font-size:0;
z-index:100;
}

/* main contents */
#content {
margin-top:-3px;
z-index:10;
}

/* footer */
#footer {
padding:9px 0 59px;
}
#footer .wrapper {
text-align:center;
}
#footer h2 img {
vertical-align:middle;
}
#footer h2,
#footer ul,
#footer li {
display:inline;
}
#footer ul {
padding-left:15px;
}
#footer li {
padding:0 7px;
border-left:1px solid #787878;
}
#footer ul .home {
border-left:none;
padding-left:8px;
}
#footer p {
margin-top:7px;
}