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

/*********************************
color
*********************************/
body {
margin: 10px 0px;
background: url(../common_img/back.gif) repeat-x left top;
color: #350500;
font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",'ＭＳ Ｐゴシック',sans-serif;
}
a {
color: #9A3F00;
}
a:hover {
color: #D6854D;
}
.green {
color: #00651E;
}
.blue {
color: #305FAC;
}
.yellow {
color: #FABD00;
}

/*********************************
outline
*********************************/
#wrapper {
width: 910px;
margin: auto;
position: relative;
}


/*********************************
head
*********************************/
.head {
background: url(../common_img/head_navi.jpg) no-repeat left top;
height: 112px;
padding-left: 744px;
}
.head h1 {
display: none;
}

.head ul li {
list-style: none;
float: left;
text-indent: -9999em;
}
.head ul li a {
display: block;
overflow: hidden;
width: 83px;
height: 22px;
}
.navi {
position: absolute;
width: 901px;
height: 48px;
z-index: 1;
top: 64px;
left: 4px;
}
.navi li {
list-style: none;
float: left;
text-indent: -9999em;
}
.navi li a {
display: block;
overflow: hidden;
}

ul.navi li a {
height: 48px;
}
.navi li.navi1 {
width: 114px;
height: 48px;
}
.navi li.navi2 {
width: 101px;
height: 48px;
}
.navi li.navi2 .down5 {
width: 101px;
height: 31px;
}

.navi li.navi3 {
width: 115px;
height: 48px;
}
.navi li.navi4 {
width: 139px;
height: 48px;
}
.navi li.navi5 {
width: 167px;
height: 48px;
}
.navi li.navi6 {
width: 131px;
height: 72px;
}
.navi li.navi7 {
width: 134px;
height: 48px;
}


.navi li.navi1 a {
width: 114px;
}
.navi li.navi2 a {
width: 101px;
}
.navi li.navi3 a {
width: 115px;
}
.navi li.navi4 a {
width: 139px;
}
.navi li.navi5 a {
width: 167px;
}
.navi li.navi6 a {
width: 131px;
}
.navi li.navi7 a {
width: 134px;
}


/*********************************
navi2
*********************************/
.navi li.navi2 ul {
background: url(../common_img/navi_down1.gif) no-repeat left top;
width: 101px;
height: 185px;
}
.down1:hover {
background: url(../common_img/navi_down1.gif) no-repeat -128px top;
}
.down2:hover {
background: url(../common_img/navi_down1.gif) no-repeat -128px -21px;
}
.down3:hover {
background: url(../common_img/navi_down1.gif) no-repeat -128px -42px;
}
.down4:hover {
background: url(../common_img/navi_down1.gif) no-repeat -128px -63px;
}
.down22:hover {
background: url(../common_img/navi_down1.gif) no-repeat -128px -84px;
}
.down5:hover {
background: url(../common_img/navi_down1.gif) no-repeat -128px -105px;
}
.down20:hover {
background: url(../common_img/navi_down1.gif) no-repeat -128px -136px;
}
.down18:hover {
background: url(../common_img/navi_down1.gif) no-repeat -128px -157px;
}


/*********************************
navi3
*********************************/
.navi li.navi3 ul {
background: url(../common_img/navi_down2.gif) no-repeat left top;
width: 115px;
height: 100px;
}
.down6:hover {
background: url(../common_img/navi_down2.gif) no-repeat -140px top;
}
.down7:hover {
background: url(../common_img/navi_down2.gif) no-repeat -140px -21px;
}
.down8:hover {
background: url(../common_img/navi_down2.gif) no-repeat -140px -42px;
}
.down23:hover {
background: url(../common_img/navi_down2.gif) no-repeat -140px -63px;
}


/*********************************
navi5
*********************************/
.navi li.navi5 ul {
background: url(../common_img/navi_down3.gif) no-repeat left top;
width: 167px;
height: 63px;
}
.down9:hover {
background: url(../common_img/navi_down3.gif) no-repeat -188px top;
}
.down21:hover {
background: url(../common_img/navi_down3.gif) no-repeat -188px -21px;
}
.down10:hover {
background: url(../common_img/navi_down3.gif) no-repeat -188px -42px;
}

/*********************************
navi6
*********************************/
.navi li.navi6 ul {
background: url(../common_img/navi_down4.gif) no-repeat left top;
width: 131px;
height: 62px;
}
.down11:hover {
background: url(../common_img/navi_down4.gif) no-repeat -160px top;
}
.down12:hover {
background: url(../common_img/navi_down4.gif) no-repeat -160px -21px;
}
.down19:hover {
background: url(../common_img/navi_down4.gif) no-repeat -160px -42px;
}

/*********************************
navi7
*********************************/
.navi li.navi7 ul {
background: url(../common_img/navi_down5.gif) repeat-x left top;
width: 134px;
height: 105px;
}
.down13:hover {
background: url(../common_img/navi_down5.gif) no-repeat -159px top;
}
.down14:hover {
background: url(../common_img/navi_down5.gif) no-repeat -159px -21px;
}
.down15:hover {
background: url(../common_img/navi_down5.gif) no-repeat -159px -42px;
}
.down17:hover {
background: url(../common_img/navi_down5.gif) no-repeat -159px -63px;
}
.down99:hover {
background: url(../common_img/navi_down5.gif) no-repeat -159px -84px;
}


/*******************************/
ul.navi li ul a {
height: 21px;
}

.navi li ul {
display: none;
}

.navi li:hover ul {
z-index: 100;
display: block;
}
ul.navi li ul a.down23 {
height: 37px;
}



/*********************************
con
*********************************/
.con {
width: 900px;
margin: auto;
background-color: #FFFFFF;
z-index: 0;
clear: both;
}


/*********************************
foot
*********************************/
.foot {
clear: both;
color: #00651E;
border-top: 3px solid #00651E;
padding: 7px 0px 0px 13px;
width: 887px;
margin: auto;
}
.foot a {
color: #00651E;
}
.foot a:hover {
color: #42A05A;
}

/*********************************
count
*********************************/
.count {
position: absolute;
left: 5px;
top: 3px;
}
.count img {
border: 1px solid #FFFFFF;
margin-right: 2px;
}