@charset "utf-8";

/*- Table Of Contents -------------------
	1.#header .navigation
	2.#contents .navigation
	3.#footer .navigation
---------------------------------------/

/*--------------------------------------
	#header .navigation
--------------------------------------*/

/*--------------------------------------
	#contents .navigation
--------------------------------------*/
#contents .navigation {
	display: inline;
	float: left;
	width: 190px;
	padding-top: 19px;
	background: url("/img/bg_navigation1.jpg") no-repeat;
}

#contents .navigation ul {
	list-style: none;
	margin-left: 5px;
	padding-bottom: 31px;
	background: url("/img/bg_navigation3.jpg") bottom no-repeat;
}

#contents .navigation li a {
	display: block;
	height: 29px;
	padding: 9px 3px 1px 45px;
	background: url("/img/bg_navigation2.jpg") no-repeat;
	color: #03c;
	font-size: 116%;
	font-weight: bold;
	text-decoration: none;
}

#contents .navigation li.index a {
	background-position: left 1px;
}
#contents .navigation li.about a {
	background-position: left -38px;
}
#contents .navigation li.katuyo a {
	background-position: left -77px;
}
#contents .navigation li.sousa a {
	background-position: left -116px;
}
#contents .navigation li.ryokin a {
	background-position: left -155px;
}
#contents .navigation li.reg a {
	background-position: left -194px;
}
#contents .navigation li.faq a {
	background-position: left -233px;
}
#contents .navigation li.jirei a {
	background-position: left -272px;
}
#contents .navigation li.inquiry a {
	background-position: left -311px;
}

#contents .navigation li a:hover,
#contents .navigation li a:focus {
	background-image: url("/img/bg_navigation2_hover.jpg");
}

#contents .navigation li#now a {
	background-image: url("/img/bg_navigation2_now.jpg");
}

#contents .navigation li#now a:hover {
	cursor: default;
}


/* second */
#contents .navigation li.second a {
	height: 20px;
	padding: 0 0 0 21px;
	background-image: url("/img/bg_navigation_second.jpg");
	color: #fff;
	font-size: 98%;
	font-weight: normal;
}

#contents .navigation li.second a:hover,
#contents .navigation li.second a:focus {
	background-image: url("/img/bg_navigation_second_hover.jpg");
}

#contents .navigation li#now.second a {
	background-image: url("/img/bg_navigation_second_now.jpg");
	color: #f72;
	color: #00f;
}

#contents .navigation .category1 a,
#contents .navigation .category2 a,
#contents .navigation .category3 a {
	padding-top: 1px;
	font-size: 80%;
	letter-spacing: -1px;
}


/*--------------------------------------
	#footer .navigation
--------------------------------------*/
#footer .navigation {
	display: inline;
	float: right;
}
#footer .navigation li {
	display: inline;
}

#footer .navigation li a {
	padding: 0 7px;
}