@charset "UTF-8";
/*------------------------------------------------*/
ul.navi {
	width: 608px;
	height: 60px;
	padding: 0px;
	margin: 0px;
	z-index:10;
	clear: both;
	display: inline-block;
	text-align: right;
}
#btmnavi ul.navi {
	text-align: center;
}
ul.navi li {
	display: inline-block;
	font-size: 10px;
	overflow: hidden;
    *display: inline;  
    *zoom: 1;  
}
ul.navi li.nav1 {
	width: 148px;
	height: 60px;
	background-image: url(../img/navi1b.png);
	background-position: center top;
	background-repeat: no-repeat;
    background-size: 148px;
	margin-right: 0px;
    background-color: #cc3300;
}
ul.navi li.nav2 {
	width: 148px;
	height: 60px;
	background-image: url(../img/navi2b.png?ver2);
	background-position: center top;
	background-repeat: no-repeat;
    background-size: 148px;
	margin-right: 0px;
    background-color: #cc3300;
}
ul.navi li.nav3 {
	width: 148px;
	height: 60px;
	background-image: url(../img/navi3b.png);
	background-position: center top;
	background-repeat: no-repeat;
    background-size: 148px;
	margin-right: 0px;
    background-color: #cc3300;
}
ul.navi li.nav4 {
	width: 148px;
	height: 60px;
	background-image: url(../img/navi4b.png);
	background-position: center top;
	background-repeat: no-repeat;
    background-size: 148px;
    background-color: #cc3300;
}
ul.navi a {
	display: block;
	padding-top: 60px;
	overflow: hidden;
	height: 0px;
}
ul.navi li:hover {
    background-color: #fe8926;
}
ul.navi li.nav1b {
	width: 148px;
	height: 60px;
	background-image: url(../img/navi1.png);
	background-position: center top;
	background-repeat: no-repeat;
    background-size: 148px;
	margin-right: 0px;
    background-color: #374457;
}
ul.navi li.nav2b {
	width: 148px;
	height: 60px;
	background-image: url(../img/navi2.png?ver2);
	background-position: center top;
	background-repeat: no-repeat;
    background-size: 148px;
	margin-right: 0px;
    background-color: #374457;
}
ul.navi li.nav3b {
	width: 148px;
	height: 60px;
	background-image: url(../img/navi3.png);
	background-position: center top;
	background-repeat: no-repeat;
    background-size: 148px;
	margin-right: 0px;
    background-color: #374457;
}
ul.navi li.nav4b {
	width: 148px;
	height: 60px;
	background-image: url(../img/navi4.png);
	background-position: center top;
	background-repeat: no-repeat;
    background-size: 148px;
    background-color: #374457;
}
ul.navi li.nav1b:hover {
    background-color: #fe8926;
}
ul.navi li.nav2b:hover {
    background-color: #fe8926;
}
ul.navi li.nav3b:hover {
    background-color: #fe8926;
}
ul.navi li.nav4b:hover {
    background-color: #fe8926;
}
/*------------------------------------------------*/
p.cap_w {
	font-size: 10px;
	line-height: 140%;
	color: #FFFFFF;
}
p.cap_b {
	font-size: 10px;
	line-height: 140%;
	color: #666666;
}

/*------------------------------------------------*/

@media screen and (max-width: 959px) { /* sp */
ul.navi {
	width: auto;
	height: 60px;
	padding: 0px;
	margin: 0px;
	z-index:10;
	clear: both;
	display: inline-block;
	text-align: right;
}
ul.navi li.nav1 {
	width: 108px;
	height: 60px;
	background-image: url(../img/navi1cb.png);
	background-position: center top;
	background-repeat: no-repeat;
    background-size: 108px;
	margin-right: 0px;
    background-color: #cc3300;
}
ul.navi li.nav2 {
	width: 108px;
	height: 60px;
	background-image: url(../img/navi2cb.png?ver2);
	background-position: center top;
	background-repeat: no-repeat;
    background-size: 108px;
	margin-right: 0px;
    background-color: #cc3300;
}
ul.navi li.nav3 {
	width: 108px;
	height: 60px;
	background-image: url(../img/navi3cb.png);
	background-position: center top;
	background-repeat: no-repeat;
    background-size: 108px;
	margin-right: 0px;
    background-color: #cc3300;
}
ul.navi li.nav4 {
	width: 108px;
	height: 60px;
	background-image: url(../img/navi4cb.png);
	background-position: center top;
	background-repeat: no-repeat;
    background-size: 108px;
    background-color: #cc3300;
}
ul.navi a {
	display: block;
	padding-top: 60px;
	overflow: hidden;
	height: 0px;
}
ul.navi li:hover {
    background-color: #fe8926;
}
ul.navi li.nav1b {
	width: 108px;
	height: 60px;
	background-image: url(../img/navi1c.png);
	background-position: center top;
	background-repeat: no-repeat;
    background-size: 108px;
	margin-right: 0px;
    background-color: #374457;
}
ul.navi li.nav2b {
	width: 148px;
	height: 60px;
	background-image: url(../img/navi2c.png?ver2);
	background-position: center top;
	background-repeat: no-repeat;
    background-size: 108px;
	margin-right: 0px;
    background-color: #374457;
}
ul.navi li.nav3b {
	width: 108px;
	height: 60px;
	background-image: url(../img/navi3c.png);
	background-position: center top;
	background-repeat: no-repeat;
    background-size: 108px;
	margin-right: 0px;
    background-color: #374457;
}
ul.navi li.nav4b {
	width: 108px;
	height: 60px;
	background-image: url(../img/navi4c.png);
	background-position: center top;
	background-repeat: no-repeat;
    background-size: 108px;
    background-color: #374457;
}
ul.navi li.nav1b:hover {
    background-color: #fe8926;
}
ul.navi li.nav2b:hover {
    background-color: #fe8926;
}
ul.navi li.nav3b:hover {
    background-color: #fe8926;
}
ul.navi li.nav4b:hover {
    background-color: #fe8926;
}
}
@media screen and (max-width: 768px) { /* sp */
ul.navi {
	width: auto;
	padding: 0px;
	z-index:10;
	clear: both;
	display: inline-block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
ul.navi {
	width: auto;
	margin: 0px;
	padding: 0px;
}

#btmnavi ul.navi {
	width: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
}