@charset "utf-8";

@import "reset.css";

body {
background-color:#F7F5EB;
color:#666;
}
a {
color:#299828;
}
a:hover {
text-decoration:underline;
}

/* wrapper */
#wrapper01 {
width:970px;
margin:0 auto;
padding:0 6px;
background:#F7F5EB url(../common/common_bg_01.png) center top repeat-y;
}

/* header */
#header01 {
height:97px;
border-top:3px solid #9AD0F3;
}
#header01 p {
display:inline;
float:left;
width:58px;
margin-top:8px;
margin-left:62px;
}

/* global nav */
ul#gnavi01 {
display:inline;
float:right;
height:80px;
margin-top:13px;
margin-right:35px;
}
ul#gnavi01 li {
float:left;
}
ul#gnavi01 li a {
display:block;
width:106px;
height:80px;
text-indent:-9999px;
}
ul#gnavi01 li.li01 a {
padding-left:7px;
background:transparent url(../common/gnavi_bg_01.png) left top no-repeat;
}
ul#gnavi01 li.li02 a {
background:transparent url(../common/gnavi_bg_02.png) left top no-repeat;
}
ul#gnavi01 li.li03 a {
background:transparent url(../common/gnavi_bg_03.png) left top no-repeat;
}
ul#gnavi01 li.li04 a {
background:transparent url(../common/gnavi_bg_04.png) left top no-repeat;
}
ul#gnavi01 li.li05 a {
background:transparent url(../common/gnavi_bg_05.png) left top no-repeat;
}
ul#gnavi01 li.li06 a {
background:transparent url(../common/gnavi_bg_06.png) left top no-repeat;
}
ul#gnavi01 li.li07 a {
padding-right:8px;
background:transparent url(../common/gnavi_bg_07.png) left top no-repeat;
}
ul#gnavi01 li.on a,
ul#gnavi01 li a:hover {
background-position:0 -80px;
}

/* main contents */
#content01 {
clear:both;
padding:0 35px;
}

#content02 {
width:700px;
margin-bottom:50px;
}

#content02 h1{
margin-bottom:20px;
}

#content02 div.box01 {
width:670px;
padding-left:10px;
}

/* sidebar */
div#sidebar01{
width:170px;
float:right;
padding-right:10px;
line-height:0px;
}

div#sidebar01 img {
vertical-align:bottom;
}

div#sidebar01 ul{
border:3px #C5E4FF solid;
border-bottom-weight:2px;
margin-bottom:10px;
}

div#sidebar01 ul li{
border-bottom:1px #C5E4FF solid;
}

/* breadcrumb */
ul#bread01 {
padding:9px 7px 6px;
border-top:1px dotted #D0D0D0;
}
ul#bread01 li {
display:inline;
padding-right:5px;
padding-left:7px;
background:transparent url(../common/common_bg_02.png) left center no-repeat;
}
ul#bread01 li.first {
padding-left:0;
background:none;
}

/* anchor top */
#content01 p#anchor01 {
margin:0;
padding:9px 0 7px;
background:url(../common/content_bg_01.png) no-repeat;
font-size:1em;
text-align:right;
}
#content01 p#anchor01 a {
padding-left:13px;
background:transparent url(../common/common_bg_03.png) left center no-repeat;
color:#666;
}

/* footer */
#footer01 {
clear:both;
overflow:hidden;
height:100%;
border-bottom:1px solid #fff;
padding:5px 36px 6px 39px;
background:#5ABAEC url(../common/footer_bg_01.png) left top repeat-x;
}
#footer01 ul {
float:left;
}
#footer01 ul li {
float:left;
margin-right:10px;
padding-left:10px;
background:transparent url(../common/footer_bg_02.png) 4px center no-repeat;
}
#footer01 ul li a {
color:#fff;
}
#footer01 p {
float:right;
margin-top:2px;
}