/*reset*/
@charset "utf-8";

 *{padding:0; margin:0;}

 html{
		height:100%;/*
		overflow-x:hidden;*/}
 body{
		height:100%;
		font-size: 14px;
		line-height:180%;
		color:#600;
		font-family: "メイリオ","Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro","ＭＳ Ｐゴシック", sans-serif;
	}

 p{margin:0 0 20px;}
 img{border:0 none;}

 a{color:#b34040;}
 a:hover{color:#ff8080;}
 a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: “alpha( opacity=80 )”;}


/*-------------------- clearfix --------------------*/
	/* For modern browsers */
 .pkg:before,
 .pkg:after {content:""; display:table;}
 .pkg:after {clear:both;}

	/* For IE 6/7 (trigger hasLayout) */
 .pkg {zoom:1;}

	/* win ie チラツキ防止 */
 * html {filter:expression(document.execCommand("BackgroundImageCache", false, true));}

/*-------------------- header --------------------*/
 #menu{
		position:fixed;
		top:0;
		left:0;
		z-index: 70;
		width: 100%;
		height: 80px;
		padding: 0;
		margin:0;
		background:#600;
		border-bottom:solid 3px #fff;
	}
 #menu ul{
		width:95%;
		margin: 0 auto;
		padding-top:7px;}

 #menu ul img{float: left;margin-top:5px;margin-right:20px;}

 #menu li {
	display: inline;
	list-style-type: none;
		float:right;
		padding:20px;
		font-size:20px;
		color:#fff;
	}

 #menu li a{
		padding:20px;
		font-size:20px;
		color:#fff;
		text-decoration: none;
		letter-spacing: 0.4em;
	}
 #menu li.active a:hover,
 #menu li:hover{
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		-khtml-border-radius:10px;
		border-radius:10px;
		padding:20px;
		background: #8e3333;
		text-decoration: none;}
/*-------------------- parallax --------------------*/
 .fp-tableCell {
		display: table-cell;
		vertical-align: middle;
		width: 100%;
		height: 100%;
	}

 #section00{
		background: url(../images/page01.jpg) no-repeat fixed;
		background-size: cover;
		margin: 0;
		height:1000px;
		position:relative;
		top:0;left:0;
		width:100%;
	}
 #section01{
		background: url(../images/page02.jpg) no-repeat fixed;
		background-size: cover;
		margin: 0;
		height:1000px;
		position:relative;
		top:0;left:0;
		width:100%;
	}
 #section02{
		background: url(../images/page03.jpg) no-repeat fixed;
		background-size: cover;
		margin: 0;
		height:1000px;
		position:relative;
		top:0;left:0;
		width:100%;
	}
/*-------------------- contents --------------------*/
 .page_left{
		position:absolute;
		top:150px;left:80px;
		width:auto;
		padding:10px;
		z-index:4;
	}

 .page_right{
		position:absolute;
		top:150px;right:120px;
		width:auto;
		padding:10px;
		z-index:4;
	}

 #record{
		width:500px;height:300px;
		margin-top:50px;/**/
		background:url(../images/contents/news.png) no-repeat left top;}
 #record_in{
		width:455px;height:218px;
		position:absolute;
		z-index:1;
		margin:54px 0px 0px 8px;
		padding:10px;
		overflow: scroll;overflow-x: hidden;
	}

 #record_in li{
		background:url(../images/contents/news_li.png) no-repeat 0px 6px;
		padding:0 0 0 20px;
		margin:5px 0px 5px 0px;
		overflow:hidden;
	}

 #tracklist{
		width:500px;height:500px;
		background:url(../images/contents/track_bg.png) no-repeat left top;
	}

 #tl_in{
		width:430px;height:385px;
		position:absolute;
		z-index:1;
		margin:80px 0px 0px 15px;
		padding:20px;
	}

 #outline{
		width:600px;height:550px;
		background:url(../images/contents/out_bg.png) no-repeat left top;
	}

 #ot_in{
		width:550px;height:435px;
		position:absolute;
		z-index:1;
		margin:80px 0px 0px 15px;
		padding:20px;
	}

 #ot_in img{padding:0px 20px 30px 0px;}

 #ot_left{
		float:left;
		width:180px;height:auto;}

 #ot_right{
		float:left;
		width:350px;height:auto;
		margin-left:20px;}

 #ot_in span{
		display: inline-block;
		width:60px;}

 #footer_wrp {
		position:absolute;
		bottom:0;
		background-color:#fff;
		height:30px;width:100%;
	}
 #copy{
		padding:1px 0 0;
		text-align:center;
		font-size:10px;}

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