@charset "utf-8";

/*====================  reset  ====================*/
html {
overflow-y:scroll;
}
body {
font-family:"ヒラギノ角ゴPro","ＭＳ Ｐゴシック", Osaka , "メイリオ" , Mairyo , Hiragino Kaku Gothic Pro;
font-size:75%;
line-height:1.6;
color:#727172;
background-color:#ffffff;
}
ol, ul {
list-style:none;
margin:0;
padding:0;
}
h1, h2, h3, h4, h5, h6 {
line-height:1;
margin: 0;
padding: 0;
}
table, textarea, input, select, option {
font-family:inherit;
font-size:100%;
}
table {
border-collapse:collapse;
border-spacing:0;
}
a:link {
color:#727172;
outline:none;
text-decoration:none;
}
a:visited {
color:#727172;
text-decoration:none;
}
a:hover {
color:#D8001D;
text-decoration:none;
outline:none;
}
a:active {
color:#727172;
text-decoration:none;
outline:none;
}
a:focus{
outline:none;
}
a span {
cursor: pointer;
}
img {
outline:none;
vertical-align:bottom; }
a img {
border:none;
}

/*====================  base structure  ====================*/
body {
text-align:center;
}
#wrapper {
background:url(../image/bg.gif) repeat-y;
margin:0 auto;
position:relative;
text-align:left;
width:929px;
}
#header {
background:url(../image/bg_top.gif) no-repeat;
width:100%;
}
#contents {
float: right;
padding: 0 43px 20px 0;
width: 655px;
}
#footer {
background:url(../image/bg_bottom.gif) no-repeat left bottom;
clear: both;
width:100%;
}


/*====================  header  ====================*/
h1 {
height: 32px;
overflow: hidden;
padding: 33px 0 7px 35px;
width: 127px;
}
h1 a {
display: block;
padding: 5px;
}
h1 a img {
vertical-align: top;
}
#header {
position:relative;
z-index:9;
}
#gnavi {
height: 41px;
margin:auto;
width:845px;
}
#gnavi li {
float: left;
height: 41px;
position: relative;
width: 141px;
}
#gnavi li.gnavi01 {
width: 139px;
}
#gnavi li.gnavi02, #gnavi li.gnavi03 {
width: 142px;
}
#gnavi li.gnavi05 {
width: 140px;
}
#gnavi li a {
background:url(../image/gnavi01_on.gif) no-repeat;
display: block;
height: 100%;
overflow: hidden;
width: 100%;
}
#gnavi li.gnavi02 a {
background-image:url(../image/gnavi02_on.gif);
}
#gnavi li.gnavi03 a {
background-image:url(../image/gnavi03_on.gif);
}
#gnavi li.gnavi04 a {
background-image:url(../image/gnavi04_on.gif);
}
#gnavi li.gnavi05 a {
background-image:url(../image/gnavi05_on.gif);
}
#gnavi li.gnavi06 a {
background-image:url(../image/gnavi06_on.gif);
}
#gnavi li a:hover {
text-indent: -9999px;
}
#gnavi li ul {
left:0;
position: absolute;
top:41px;
}
#gnavi li li {
display: none;
float: none;
_filter: alpha(opacity=90);
height: 20px;
overflow: hidden;
}
#gnavi li.open li {
display: block;
}
#gnavi li li.gnavi02d, #gnavi li li.gnavi03f {
height: 22px;
}
#gnavi li li a {
background:url(../image/gnavi02a_on.gif) no-repeat 0 22px;
}
#gnavi li li a:hover {
background-position: 0 0;
}
#gnavi li.gnavi02a a {
background-image:url(../image/gnavi02a_on.gif);
}
#gnavi li.gnavi02b a {
background-image:url(../image/gnavi02b_on.gif);
}
#gnavi li.gnavi02c a {
background-image:url(../image/gnavi02c_on.gif);
}
#gnavi li.gnavi02d a {
background-image:url(../image/gnavi02d_on.gif);
}
#gnavi li.gnavi03a a {
background-image:url(../image/gnavi03a_on.gif);
}
#gnavi li.gnavi03b a {
background-image:url(../image/gnavi03b_on.gif);
}
#gnavi li.gnavi03c a {
background-image:url(../image/gnavi03c_on.gif);
}
#gnavi li.gnavi03d a {
background-image:url(../image/gnavi03d_on.gif);
}
#gnavi li.gnavi03e a {
background-image:url(../image/gnavi03e_on.gif);
}
#gnavi li.gnavi03f a {
background-image:url(../image/gnavi03f_on.gif);
}

#gnavi li:hover li {
display: block;
}

#header .link {
clear: both;
position:absolute;
right:43px;
top:35px;
}
#header .link li {
background:url(../image/icon_link.gif) no-repeat 0 2px;
float: right;
line-height:1.1;
min-height: 9px;
_height: 9px;
padding-left:12px;
}


/*====================  footer  ====================*/
#footer {
padding-bottom: 40px;
text-align:center;
}
#footer ul {
padding-top: 10px;
}
#footer li {
border-right: 1px solid #727172;
display: inline;
padding: 0 10px 0 6px;
/padding: 0 6px 0 10px;
}
#footer li.first-child {
border-left: 1px solid #727172;
padding-left: 10px;
}
#footer .copyright {
border-top: 1px solid #d3d3d3;
margin: 6px 50px;
padding-top:6px;
}


/*====================  side navi  ====================*/
#sidenavi {
float: left;
padding: 0 0 0 43px;
width: 170px;
}
#sidenavi h2 {
margin-bottom:9px;
}
#sidenavi ul {
margin-bottom:10px;
}
#sidenavi li {
margin-bottom:7px;
}
#sidenavi .banners li {
text-align: right;
}
#sidenavi ul ul {
margin: 2px 0 5px;
}
#sidenavi li li, #sidenavi ul.tree li {
margin-bottom:0;
}


/*====================  bread crumbs  ====================*/
#crumbs ul {
padding: 8px 43px;
text-align: right;
}
#crumbs li {
display: inline;
}
#crumbs li a {
margin: 2px;
text-decoration: underline;
}