@charset "UTF-8";

/* ***********************************************************
 * Stylesheet : Index
 * 
 * Since:          2010-06-18 > Takanori Murakami
 * Last Modified:  2010-06-18 > Takanori Murakami
 * Guideline:      Ver.1.00
 * ***********************************************************
 */

#nav_area {
	margin-left: 5px;
	/zoom: 1;
}

#nav_area:after {
	content : '';
	display : block;
	clear : both;
	height:0;
}


.nav_block {
	float: left;
	position: relative;
	width: 265px;
	height: 190px;
	background-color: #EBDDDA;
	margin-left: 20px;
	margin-bottom: 12px;
	background-repeat: no-repeat;
	background-position: top right;
	border-bottom: 1px solid #DDC9C0;
	display: inline; // avoid IE6 box model bug
}

div#topic01 { background-image: url(/img/general/top_topic01_bg.jpg);}
div#topic02 { background-image: url(/img/general/top_topic02_bg.jpg);}
div#topic03 { background-image: url(/img/general/top_topic03_bg.jpg);}
div#topic04 { background-image: url(/img/general/top_topic04_bg.jpg);}
div#topic05 { background-image: url(/img/general/top_topic05_bg.jpg);}
div#topic07 { background-image: url(/img/general/top_topic07_bg.jpg);}

.nav_block h2 a {
	display: block;
	background-image: url(/img/general/top_nav_h2.jpg);
	background-repeat: no-repeat;
	width: 265px;
	height: 30px;
	text-indent: -1000px;
	overflow: hidden;
	outline: 0;
}

div#topic01 h2 a { background-position: 0px 0px;}
div#topic02 h2 a { background-position: 0px -30px;}
div#topic03 h2 a { background-position: 0px -60px;}
div#topic04 h2 a { background-position: 0px -90px;}
div#topic05 h2 a { background-position: 0px -120px;}
div#topic06 h2 a { background-position: 0px -150px;}
div#topic07 h2 a { background-position: 0px -180px;}

div#topic01 h2 a:hover { background-position: -265px 0px;}
div#topic02 h2 a:hover { background-position: -265px -30px;}
div#topic03 h2 a:hover { background-position: -265px -60px;}
div#topic04 h2 a:hover { background-position: -265px -90px;}
div#topic05 h2 a:hover { background-position: -265px -120px;}
div#topic06 h2 a:hover { background-position: -265px -150px;}
div#topic07 h2 a:hover { background-position: -265px -180px;}




.nav_block p {
	font-size: 13px;
	line-height: 1.6;
	color: #404040;
	padding: 10px 90px 0 15px;
}

#topic06 p { 
	padding-right: 15px;
}


.nav_block p.button {
	position: absolute;
	top: 160px;
	left: 60px;
	height: 25px;
	width: 150px;
	margin: 0 auto;
	padding: 0;
	background: url(/img/general/top_nav_button.gif) top left no-repeat;
	line-height: 0;
	text-indent: -1000px;
	outline: 0;
	overflow: hidden;
}

.nav_block p.button a {
	display: block;
	height: 25px;
	width: 150px;
	background: url(/img/general/top_nav_button.gif) top left no-repeat;
	line-height: 0;
	text-indent: -1000px;
	outline: 0;
	overflow: hidden;
}

.nav_block p.button a:hover {
	background-position: bottom left;
}


.nav_block ul {
	padding-top: 10px; 
}

.nav_block li {
	list-style-type: none;
	font-size: 12px;
	line-height: 1.4;
	color: #404040;
	padding: 0 60px 5px 6px;
	margin-left: 12px; 
}


#nav_block_end {
	float: left;
	position: relative;
	width: 550px;
	height: 190px;
	background-image: url(/img/general/top_block_end_bg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	margin-left: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #EEEEEE;
}

#nav_block_end h2 {
	visibility: hidden;
}

#nav_block_end p.facilities {
	position: absolute;
	top: 100px;
	left: 20px;
}

#nav_block_end p.result {
	position: absolute;
	top: 100px;
	left: 380px;
}



#nav_block_end p a {
	display: block;
	height: 75px;
	width: 154px;
	line-height: 0;
	text-indent: -1000px;
	outline: 0;
	overflow: hidden;
}

#nav_block_end p.facilities a {
	background: url(/img/general/top_facilities_button.jpg) top left no-repeat;
}

#nav_block_end p.result a {
	background: url(/img/general/top_result_button.jpg) top left no-repeat;
}

#nav_block_end p.facilities a:hover,
#nav_block_end p.result a:hover {
	background-position: bottom left;
}