@charset "UTF-8";
/* CSS Document */

body {
background: url(../common_img/back_head.gif) repeat-x top;
}

a {
color: #032E50;
text-decoration: none;
}

a:hover {
color: #479bde;
}

a:active {
color: #479bde;
}

a:visited {
color: #032E50;
}


#wrapper {
background: url(../common_img/back_top.jpg) no-repeat center top;
}

#wrapper h1 {
text-align: center;
}

.main {
width: 824px;
margin: 0px auto 0px auto;
background: url(../common_img/back_main.gif) repeat-y top;
}
.side {
width: 242px;
float: left;
}
.navi {
background: url(../common_img/navi.jpg) no-repeat top;
padding-top: 92px;
}

.navi li {
text-indent: -9999em;
list-style: none;
}

.navi li a {
display: block;
height: 40px;
overflow: hidden;
}

.navi li a.on01 {
background: url(../common_img/navi-on.jpg) 0px -92px; 
}
.navi li a.on02 {
background: url(../common_img/navi-on.jpg) 0px -132px; 
}
.navi li a.on03 {
background: url(../common_img/navi-on.jpg) 0px -172px; 
}
.navi li a.on04 {
background: url(../common_img/navi-on.jpg) 0px -212px; 
}
.navi li a.on05 {
background: url(../common_img/navi-on.jpg) 0px -252px; 
}

.navi li a:hover.bt01 {
background: url(../common_img/navi-on.jpg) 0px -92px; 
}
.navi li a:hover.bt02 {
background: url(../common_img/navi-on.jpg) 0px -132px; 
}
.navi li a:hover.bt03 {
background: url(../common_img/navi-on.jpg) 0px -172px; 
}
.navi li a:hover.bt04 {
background: url(../common_img/navi-on.jpg) 0px -212px; 
}
.navi li a:hover.bt05 {
background: url(../common_img/navi-on.jpg) 0px -252px; 
}



.con {
width: 582px;
float: right;
background: url(../common_img/back_top.jpg) no-repeat -380px -39px;
padding-top: 37px;
}

.foot {
background: url(../common_img/back_foot.gif) repeat-x;
}

.foot p {
width: 570px;
background: url(../common_img/foot.gif) no-repeat top;
margin: 0px auto;
text-align: center;
padding: 21px 127px 10px 127px;
color: #032E50;
}

.foot p span {
color: #999999;
}


.side p {
text-indent: -9999em;
background: url(../topimg/jisseki.jpg) no-repeat left top;
margin-left: 18px;
margin-top: 20px;
width: 216px;
}

.side p a {
display: block;
height: 198px;
overflow: hidden;
width: 216px;
}
.side p a:hover {
background: url(../topimg/jisseki.jpg) no-repeat -229px top;
}