@charset "utf-8";

@import "reset.css";

/* global */
body {
color:#666;
}

/* container */
#header,
#content,
#footer {
width:850px;
margin:0 auto;
}

/* header */
#header {
position:relative;
height:96px;
}
#logo {
position:absolute;
top:28px;
left:0;
}
#header .about {
position:absolute;
top:43px;
left:159px;
}
#header .contact {
position:absolute;
top:26px;
right:0;
}

/* global nav */
#gnav {
margin-bottom:11px;
background:url(../common/gnav_bg_01.png) left bottom repeat-x;
}
#gnav ul {
overflow:hidden;
width:851px;
margin:0 auto;
}
#gnav li {
float:left;
}
#gnav ul img {
vertical-align:bottom;
}

/* contents wrapper */
#content {
overflow:hidden;
height:100%;
}
#content .page_top {
clear:both;
margin-bottom:10px;
padding-left:515px;
}

/* breadcrumb */
#bread {
margin-bottom:13px;
}
#bread ul {
overflow:hidden;
height:100%;
}
#bread li {
float:left;
margin-right:3px;
padding-left:8px;
background:url(../common/bread_bg_01.png) left center no-repeat;
}
#bread ul .home {
padding-left:0;
background:none;
}

/* pre contents */
#pre {
margin-bottom:22px;
}

/* main contents */
#main {
float:left;
width:605px;
padding-bottom:90px;
}

/* section title */
#main .section_title {
margin-bottom:15px;
padding-bottom:3px;
background:url(../common/common_bg_03.png) left bottom repeat-x;
}
#main .section_title h2 {
padding:6px 10px 5px;
border:1px solid #E0E0E0;
background:url(../common/common_bg_01.png) left bottom repeat-x;
color:#333;
font-size:1.4em;
line-height:1.2;
}
#main .section_title img {
margin-left:13px;
vertical-align:middle;
}

/* article title */
#main .article_title {
margin-bottom:16px;
padding:6px 10px 5px;
border:1px solid #E0E0E0;
background:url(../common/common_bg_01.png) left bottom repeat-x;
}
#main .article_title h2,
#main .article_title h3 {
padding-left:10px;
background:url(../common/common_bg_02.png) repeat-y;
color:#0D1F8B;
font-size:1.2em;
line-height:1.2;
}

/* pagination */
#main .pagination {
margin-bottom:15px;
}
#main .pagination ul {
font-size:1.2em;
text-align:center;
}
#main .pagination li {
display:inline;
}

/* sub contents */
#sub {
float:right;
width:230px;
padding-bottom:90px;
}

/* sub nav */
#sub .nav {
margin-bottom:14px;
}
#sub .nav h2 {
margin-bottom:1px;
}
#sub .nav ul {
margin-bottom:1px;
padding:1px;
border:1px solid #E0E0E0;
font-size:1.4em;
font-weight:bold;
}
#sub .nav li {
padding:6px 6px 1px 36px;
border-top:1px solid #E0E0E0;
background:url(../common/sidebar_bg_01.png) repeat-x;
}
#sub .nav .epr li,
#sub .nav .spr li {
padding-left:47px;
}
#sub .nav .epr .first,
#sub .nav .spr .first {
padding-left:29px;
}
#sub .nav .epr .first a,
#sub .nav .spr .first a {
padding-left:8px;
}
#sub .nav .epr .first {
background-image:url(../common/sidebar_bg_02.png);
}
#sub .nav .epr .first a {
background:url(../common/common_arrow_01.png) left center no-repeat;
color:#0F218B;
}
#sub .nav .spr .first {
background-image:url(../common/sidebar_bg_03.png);
}
#sub .nav .spr .first a {
background:url(../common/common_arrow_02.png) left center no-repeat;
color:#900;
}
#sub .nav ul .first {
border-top:none;
padding-top:7px;
}
#sub .nav ul a {
color:#333;
}

/* contact */
#sub .contact {
padding:1px 1px 11px;
border:1px solid #E0E0E0;
}
#sub .contact h2 {
margin-bottom:10px;
}
#sub .contact p {
text-align:center;
}

/* banner */
#sub .banner {
position:relative;
margin:-16px 0 20px;
}
#sub .banner li {
margin-bottom:5px;
}
#sub .banner img {
vertical-align:bottom;
}

/* recruit */
#sub .recruit {
margin-bottom:20px;
}

/* footer */
#footer {
padding-bottom:6px;
}

/* footer nav */
#footer .nav {
padding:2px 0;
border-top:1px solid #C2C2C2;
border-bottom:1px solid #C2C2C2;
}
#footer .nav ul {
overflow:hidden;
height:100%;
padding:2px 10px;
background-color:#EBEBF5;
}
#footer .nav li {
float:left;
margin-right:9px;
padding-right:12px;
border-right:1px solid #ccc;
}
#footer .nav ul a {
color:#333;
}

/* footer links */
#footer .links {
height:100%;
padding:3px 0 1px;
}
#footer .links ul {
overflow:hidden;
height:100%;
margin:0 6px;
}
#footer .links li {
float:left;
margin-right:17px;
padding-left:8px;
background:url(../common/footer_bg_01.png) left center no-repeat;
}
#footer .links ul a {
color:#666;
}

/* footer information */
#footer .info {
overflow:hidden;
height:100%;
padding-top:8px;
padding-left:14px;
border-top:1px dashed #ccc;
background:url(../common/footer_bg_02.png) repeat-x;
}
#footer .info .about {
float:left;
width:550px;
margin-top:10px;
color:#333;
}
#footer .info .p_mark {
float:right;
width:191px;
padding:12px 9px 4px 75px;
border:1px solid #E0E0E0;
background-color:#fff;
color:#333;
}
#footer .info .p_mark img {
float:left;
margin-top:-10px;
margin-left:-66px;
}
#footer .info .copyright {
clear:both;
color:#999;
}