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

/***************************************************************
outline
***************************************************************/
body {
color: #333333;
margin: 15px 0 0 0;
}
#wrapper {
width: 980px;
margin: auto;
}
h1 {
background: url(../images/common/head.jpg) no-repeat left top;
height: 87px;
position: relative;
}
h1 a {
text-indent: -9999em;
overflow: hidden;
display: block;
width: 444px;
height: 36px;
position: absolute;
top: 28px;
left: 34px;
}

/***************************************************************
foot
***************************************************************/
address {
clear: both;
text-align: center;
padding: 3px 0 15px 0;
}

/***************************************************************
navi
***************************************************************/
.navi {
background: url(../images/index/navi.jpg) no-repeat left top;
height: 34px;
list-style: none;
padding-left: 470px;
}
.navi li {
float: left;
}
.navi li a {
text-indent: -9999em;
overflow: hidden;
display: block;
height: 34px;
}
.navi li a.navi1 {
width: 116px;
}
.navi li a.navi2 {
width: 181px;
}
.navi li a.navi3 {
width: 106px;
}
.navi li a.navi4 {
width: 96px;
}
/**************************************************************/
.navi li a.navi1:hover {
background: url(../images/index/navi.jpg) no-repeat -470px -43px;
}
.navi li a.navi2:hover {
background: url(../images/index/navi.jpg) no-repeat -586px -43px;
}
.navi li a.navi3:hover {
background: url(../images/index/navi.jpg) no-repeat -767px -43px;
}
.navi li a.navi4:hover {
background: url(../images/index/navi.jpg) no-repeat -873px -43px;
}
/**************************************************************/
.navi li a.navi1on {
background: url(../images/index/navi.jpg) no-repeat -470px -43px;
}
.navi li a.navi2on {
background: url(../images/index/navi.jpg) no-repeat -586px -43px;
}
.navi li a.navi3on {
background: url(../images/index/navi.jpg) no-repeat -767px -43px;
}
.navi li a.navi4on {
background: url(../images/index/navi.jpg) no-repeat -873px -43px;
}

/***************************************************************
color
***************************************************************/
.green {
color: #3EB58A;
}
.red {
color: #FF0000;
}
.pink {
color: #F44A9B;
}
.blue {
color: #4874FF;
}