@charset "utf-8";

@import "reset.css";

/* global */
body {
color:#555;
}
a {
color:#0068B4;
}

/* document wrapper */
#wrapper01 {
position:relative;
width:940px;
margin:0 auto;
}

/* header */
#header01 {
position:relative;
height:222px;
}
#header01 .title {
position:absolute;
top:20px;
left:23px;
}
#header01 .logo {
position:absolute;
top:21px;
right:19px;
}
#header01 .man {
position:absolute;
top:32px;
left:434px;
}

/* global nav */
#gnav01 {
position:relative;
width:940px;
height:114px;
margin-top:-89px;
background:url(../img/gnav_bg_01.png) no-repeat;
}
#gnav01 ul {
position:relative;
}
#gnav01 li {
position:absolute;
}
#gnav01 .past {
top:34px;
left:118px;
}
#gnav01 .present {
top:66px;
left:351px;
}
#gnav01 .future {
top:34px;
left:585px;
}

/* contents wrapper */
#wrapper02 {
overflow:hidden;
height:100%;
margin-top:-80px;
background:url(../img/common_bg_01.png) repeat-y;
}

/* main contents */
#content01 {
float:right;
width:710px;
margin-top:80px;
padding-bottom:50px;
}

/* breadcrumb */
#bread01 {
overflow:hidden;
height:100%;
margin-bottom:18px;
line-height:1.3;
}
#bread01 li {
float:left;
margin-right:4px;
padding-left:7px;
background:url(../img/bread_bg_01.png) left center no-repeat;
}
#bread01 .home {
padding-left:0;
background:none;
}

/* sidebar */
#sidebar01 {
float:left;
width:200px;
}
#sidebar01 .nav img,
#sidebar01 .related img {
vertical-align:bottom;
}
#sidebar01 .nav {
border-bottom:1px solid #fff;
}
#sidebar01 .related .entry {
margin-top:7px;
margin-left:10px;
}

/* footer */
#footer01 {
padding-bottom:32px;
border-top:1px solid #B8B9C3;
}
#footer01 ul {
height:100%;
margin-bottom:7px;
padding:5px 5px 7px;
background-color:#000;
text-align:center;
}
#footer01 li {
display:inline;
padding-left:9px;
padding-right:8px;
background:url(../img/footer_bg_01.png) left center no-repeat;
}
#footer01 ul .home {
padding-left:8px;
background:none;
}
#footer01 ul a {
color:#666;
}
#footer01 ul a.active,
#footer01 ul a:hover {
color:#fff;
}
#footer01 p {
text-align:center;
}

/* common h1 style */
#content01 h1 {
position:relative;
height:24px;
margin-bottom:16px;
padding-bottom:10px;
background:url(../img/content_bg_01.png) left bottom repeat-x;
}
#content01 h1 .image {
position:absolute;
right:0;
bottom:4px;
}

/* util: group box */
#content01 .group {
overflow:hidden;
width:730px;
margin-left:-20px;
padding-bottom:8px;
background:url(../img/common_bg_02.png) 20px bottom no-repeat;
}
#content01 .single {
width:365px;
}
#content01 .group .item {
display:inline;
float:left;
width:311px;
min-height:113px;
height:auto !important;
height:113px;
margin-left:20px;
padding:15px 17px 15px;
background:url(../img/common_bg_03.png) no-repeat;
}

/* to page top nav */
#wrapper02 .to-top {
clear:both;
overflow:hidden;
height:100%;
border-bottom:2px solid #2473DF;
}
#wrapper02 .to-top a {
float:right;
}