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

.clearfix {zoom:1;}
.clearfix:after {content: "";  display: block; clear: both;}

a:link { color: #000;}
a:visited { color: #000; }
a:hover { color: #000; text-decoration: none;}
a:active { color: #000; }
p{ color:#585858;}

header{background: #006b5b url(../images/bg-repeat.png) repeat; height:114px;}
header .inner{ width:960px; margin:0 auto; position:relative; padding:0 20px;}
header .inner h1{ position:absolute; top:17px; left:20px;}
header .inner ul{ position:absolute; top:67px; right:0; list-style-image: url(../images/arrow.png);}
header ul li{ float:left; margin:0 10px;  font-size:13px; color:#FFF; padding-right:10px;}
header ul li a:link{color:#FFF; text-decoration: none;}
header ul li a:visited { color: #FFF; }

.navi{background:url(../images/navi-bg.jpg) repeat-x; height:64px; position:relative;}
.navi ul{  width:960px; margin:0 auto; padding:0 20px;}
.navi ul li{ float:left;}
.navi ul li.navi01 a.btn { width: 192px; height: 64px; background: url("../images/navi01.jpg") no-repeat; display: block; text-indent: -9999px;}
.navi ul li.navi01 a.btn:hover { background-image: url("../images/navi01_on.jpg");}
.navi ul li.navi02 a.btn { width: 192px; height: 64px; background: url("../images/navi02.jpg") no-repeat; display: block; text-indent: -9999px;}
.navi ul li.navi02 a.btn:hover { background-image: url("../images/navi02_on.jpg");}
.navi ul li.navi03 a.btn { width: 192px; height: 64px; background: url("../images/navi03.jpg") no-repeat; display: block; text-indent: -9999px;}
.navi ul li.navi03 a.btn:hover { background-image: url("../images/navi03_on.jpg");}
.navi ul li.navi04 a.btn { width: 192px; height: 64px; background: url("../images/navi04.jpg") no-repeat; display: block; text-indent: -9999px;}
.navi ul li.navi04 a.btn:hover { background-image: url("../images/navi04_on.jpg");}
.navi ul li.navi05 a.btn { width: 192px; height: 64px; background: url("../images/navi05.jpg") no-repeat; display: block; text-indent: -9999px;}
.navi ul li.navi05 a.btn:hover { background-image: url("../images/navi05_on.jpg");}

.navi ul li ul.snavi {background: #858484; padding: 50px 0; position: absolute; left: 0; top:60px; width:100%; z-index:100; display: none; text-align: center; }
.navi ul li ul.snavi li { display: inline; float: none;}
.navi ul li ul.snavi li img{ padding-right:5px;}
.navi ul li ul.snavi li a { color: #FFF; border:solid 1px #FFF; padding:10px 15px; margin-right:15px; text-decoration: none;}
.navi ul li ul.snavi li:hover { }



#menu01 .navi ul li.navi01 a.btn {background: url("../images/navi01_on.jpg") no-repeat; }
#menu02 .navi ul li.navi02 a.btn {background: url("../images/navi02_on.jpg") no-repeat; }
#menu03 .navi ul li.navi03 a.btn {background: url("../images/navi03_on.jpg") no-repeat; }
#menu04 .navi ul li.navi04 a.btn {background: url("../images/navi04_on.jpg") no-repeat; }
#menu05 .navi ul li.navi05 a.btn {background: url("../images/navi05_on.jpg") no-repeat; }

footer{background: #006b5b url(../images/bg-repeat.png) repeat; height:110px; min-width:1000px; margin-top:50px; padding:0 auto;}
footer p{ text-align:center; padding:20px 0; font-size:11px; color:#FFF;}
footer .footer_navi{background: #dddddd; padding:20px 0; font-size:13px;}
footer ul { width:580px; margin:0 auto;}
footer ul li{ float:left; border-right:1px solid #939393; padding:0 10px;}
footer ul li.last{ float:left; border-right:none;}