@charset "utf-8";

/* layout */
#top {
background:url(../images/bg01.jpg) no-repeat center top;
padding-right:1px;
_padding-left:1px;
}
*:first-child+html #top {
padding-left:1px;
}
#top #wrapper {
width:760px;
margin:0 auto;
padding:0 10px;
background:url(../images/bg02.gif) no-repeat 0 600px;
}
@media print{
#top {
background:#ffffff;
_background:url(../images/bg01.jpg) no-repeat center top;
}
*:first-child+html #top {
background:url(../images/bg01.jpg) no-repeat center top;
}
#top #wrapper {
background:#ffffff;
_background:url(../images/bg02.gif) no-repeat 0 600px;
}
*:first-child+html #top #wrapper {
background:url(../images/bg02.gif) no-repeat 0 600px;
}
}
#top #wrapper #header {
background:url(../images/header_bg01.jpg) no-repeat;
padding-top:19px;
}
#top #footer {
background:#000000;
}
#top #footer #utility {
width:760px;
margin:0 auto;
padding:5px 10px;
}
#top #footer #utility ul{
float:right;
width:175px;
color:#FFFFFF;
font-size:62.5%;
border-right:#FFFFFF 1px solid;
}
#top #footer #utility ul li{
display:inline;
border-left:#FFFFFF 1px solid;
padding-left:5px;
margin-left:10px;
}
#top #footer #utility ul li a{
color:#FFFFFF;
text-decoration:none;
}
#top #footer #utility ul li a:hover{
text-decoration:underline;
}
#top #footer #copyright {
width:740px;
margin:0 auto;
padding:10px 20px 20px 20px;
text-align:right;
color:#999999;
font-size:62.5%;
}

/* layout(underContents) */
#top #wrapper #header #logoArea {
height:63px;
background:url(../images/header_bg02.jpg) no-repeat;
position:relative;
}
#top #wrapper #header #logoArea #logo {
position:absolute;
top:12px;
left:14px;
}
#top #wrapper #header #logoArea #linkToTop {
position:absolute;
top:35px;
left:228px;
width:44px;
height:10px;
}
#top #wrapper #header #logoArea #logo2 {
position:absolute;
top:29px;
right:44px;
}
#top #wrapper #header #headerNavi {
background:url(../images/header_m01.jpg) no-repeat;
height:37px;
list-style:none;
padding:0 21px;
}
#top #wrapper #header #headerNavi li{
float:left;
width:179px;
}
#top #wrapper #header #headerNavi li a{
display:block;
height:31px;
text-indent:-9999em;
overflow:hidden;
}
#top #wrapper #header #headerNavi li a:hover{
background:url(../images/header_m02.jpg) no-repeat;
}
#top #wrapper #header #headerNavi li.menu01 a:hover{
background-position:-21px 0;
}
#top #wrapper #header #headerNavi li.menu02 a:hover{
background-position:-200px 0;
}
#top #wrapper #header #headerNavi li.menu03 a:hover{
background-position:-379px 0;
}
#top #wrapper #header #headerNavi li.menu04 a:hover{
background-position:-558px 0;
}
#top #wrapper #pathNavi {
line-height:35px;
font-size:62.5%;
padding:0 20px;
color:#999999;
}
#top #wrapper #pathNavi a{
color:#FF7807;
}
#top #wrapper #pathNavi a:hover{
color:#999999;
}
#top #wrapper #title {
padding:0 20px 20px 20px;
}
#top #wrapper #underContentsBody {
padding:0 20px 20px 20px;
}
#top #wrapper #underContentsBody #contents {
float:right;
width:530px;
}
#top #wrapper #underContentsBody #contents h2 {
clear:both;
color:#333333;
background:url(../images/under-contents_h2.jpg) repeat-x;
font-size:100%;
line-height:33px;
padding-left:10px;
margin-bottom:10px;
}