@charset "Shift_JIS";

@import "../../../files/css/common/layout.css";

/*-------------------------------------------------------------------------
	Main
/*-----------------------------------------------------------------------*/
#main {}

	#main .wrap {
		background-image:url(../img/common/bg.jpg);
	}

/*-------------------------------------------------------------------------
	Contents Navi
/*-----------------------------------------------------------------------*/
#contents-navi {
	position:absolute;
	left:700px;
	top:80px;
	width:300px;
	_width:400px;
}

	#contents-navi ul {
		display:inline;
		float:left;
		position:relative;
		width:95px;
	}
	
		#contents-navi ul li {
			overflow:visible;
			width:95px;
			height:86px;
			_overflow:hidden;
		}
		
			#contents-navi ul li a {
				position:relative;
				z-index:0;
			}
			
				#contents-navi ul li a span {
					position:absolute;
					right:-15px;
					bottom:65px;
				}
		
			#contents-navi ul li a.current {
				left:-26px;
				top:-22px;
				width:150px;
				height:140px;
				z-index:1;
			}
	
	#contents-navi ul:first-child {
		top:50px;
	}
	
	#contents-navi ul:last-child {
		top:-50px;
	}

/*-------------------------------------------------------------------------
	Contents Board
/*-----------------------------------------------------------------------*/
#contents-board {
	left:160px;
	top:40px;
	width:527px;
	height:544px;
	background-image:url(../img/common/contents/bg.png);
}

	#contents-board .content {
		left:0;
		top:0;
		width:auto;
	}

		#contents-board .content  h3 {
			position:relative;
			left:40px;
			bottom:40px;
		}
		
		#contents-board .content .movie {
			left:40px;
			bottom:40px;
		}
		
/*-------------------------------------------------------------------------
	Contents Object
/*-----------------------------------------------------------------------*/
#contents-obj {
	left:-200px;
	bottom:-120px;
}