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

@import "common/base.css";
@import "common/footer.css";


/*-------------------------------------------------------------------------
	INDEX
/*-----------------------------------------------------------------------*/

#all {
	background:#fff url(../img/index/background.jpg) no-repeat right bottom;
	position:relative;
}

#container {
	padding-bottom:800px;
}

h1 {
	width:100%;
	height:32px;
	background:#000;
	border-bottom:3px solid #9b0000;
	position:relative;
	z-index:100;
}

h1 img {
	position:absolute;
	left:30px;
	top:8px;
}

#flash {
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	zoom:1;
}

#news {
	width:100%;
	height:218px;
	background:url(../img/index/back.jpg) repeat-x center bottom;
	text-indent:-9999px;
	position:absolute;
	left:0;
	bottom:453px;
}
	
#main {
	width:800px;
	height:450px;
	float:right;
	position:relative;
	margin-top:-450px;
	z-index:10;
	zoom:1;
}

	#main:after {
		content:".";
		display: block;
		height:0px;
		clear:both;
		visibility:hidden;
	}
	
	#main #navi {
		width:800px;
		height:340px;
		position:absolute;
		right:30px;
		top:0;
	}
	
		#navi dl {
			position:relative;
			padding-top:30px;
			z-index:20;
		}
		
		#navi dl dt,
		#navi dl dd {
			float:right;
			display:inline;
		}
		
		#navi dl dt {
			margin-left:20px;
		}
		
		#navi dl dd {
			background:url(../img/common/navi/menu/line.gif) repeat-y right top;
			margin-top:44px;
		}
		
		#navi dl dd a {
			width:46px;
			height:200px;
			background-image:url(../img/common/navi/menu/arrow.gif);
			background-position:center top;
			background-repeat:no-repeat;
			display:block;
			text-align:center;
			padding-top:25px;
		}
		
		#navi dl dd a:hover {
			background-image:url(../img/common/navi/menu/arrow_on.gif);
		}
		
		#navi dl dt.special {
			background:none;
			margin-left:40px;
		}
		
		
		#navi dl dt.s_title {
			margin-left:20px;
		}

#footer {
	margin-top:-72px;
	z-index:90;
}

	#footer #footer-title {
		height:40px;
	}
	
		#footer #footer-title ul,
		#footer #footer-copy ul {
			border-left:2px solid #e8e8ea;
			position:absolute;
			left:32px;
			top:0;
			padding-left:15px;
		}
		
		#footer #footer-title h2,
		#footer #footer-copy p#copyright {
			border-right:2px solid #e8e8ea;
			position:absolute;
			right:32px;
			top:0;
			padding-right:15px;
		}
		
		#footer #footer-title h2 {
			top:6px;
		}
	
	#footer #footer-copy {
		height:30px;
		position:relative;
	}
	
		#footer #footer-copy ul,
		#footer #footer-copy p#copyright {
			border-color:#49494c;
		}