/* 背景イラスト */

body { background:#FFF; visibility:hidden;}
#contentWrapper {width: 1000px; margin: 0 auto; position: relative;}
#loopCard {width: 740px; height: 1160px; background: url(../images/common/bg_loopCard.png) repeat-y; left: 130px; z-index: 5;}
#mainCharacter {top: 40px; left: 165px; z-index: 10;}
	#mainCharacter .character {width: 660px; height: 680px; background: url(../images/top/bg_mainCharacter.png) no-repeat; background-size: 100%; position:relative;}
#subCharacter {top: 580px; left: 105px; z-index: 20;}
	#subCharacter .character {width: 720px; height: 450px; background: url(../images/top/bg_subCharacter.png) no-repeat; background-size: 100%; position:relative;}
#topCharacter {top: 330px; left: 200px; z-index: 15;}
	#topCharacter .character {width: 590px; height: 430px; background: url(../images/top/bg_topCharacter.png) no-repeat; background-size: 100%; position:relative;}

#loopCard,#mainCharacter,#subCharacter,#topCharacter {
	margin-left: 120px;position: absolute;
}

#schedule {top: 100px; left: 0; z-index: 50; position:relative;}

/*Loading*/

#loader {width: 100%;height: 100%;display: table;background: #fff;position: fixed;top: 0;left: 0;z-index: 9999;}
#loader .inner {display: table-cell;text-align: center;vertical-align: middle;}
#loader .inner .image {margin-bottom:1em;}
#loader .inner .text {color: #999999;font-size: 11px;letter-spacing: .1em;}


/* Topページアニメーション用 */
#headerMenu {
	top: 0;
	position: fixed;
}


/* メイン記事左カラム */
#contentsLeft {
	width: 320px;
	text-align: center;
	position: relative;
	z-index: 20;
	float: left;
}

#contentsLeft h1 {
	margin: 140px 0 15px 0;
}

#movieBtn {width:240px; height:125px; margin:0 0 5px 35px;}
#movieBtn a {width: 240px; height: 125px; background: url('../images/top/btn_movie.png') no-repeat; display: block;}
.movieBtnImage {width: 240px; height: 125px; background: url('../images/top/btn_movie_on.png') no-repeat; display: block; opacity:0; position: relative; z-index: 5;}
#contentsLeft .pv {width:240px; height:100px; margin:0 0 25px 35px; font-size: 0; background: url(../images/top/btn_youtube.jpg) no-repeat;}
#contentsLeft .pv a { display: inline-block; width:240px; height:100px;}
#contentsLeft .pv:hover { background-position:0 -100px;}


#newsHeader {
	margin: 20px 20px 5px 20px;
}


#newsHeader h3 {
	float: left;
}

#newsHeader p {
	float: right;
}

.infoList {
	width: 275px;
	color:#FFF;
	margin: 0 20px;
	text-align: left;
}
.infoList a {color:#FFF;}


.date {
	width: 80px;
	height:20px;
	font-size: 10px;
	font-weight: bold;
	line-height: 1;
	display: inline-block;
	float:left;

}

#OutputArea1 li{ padding:5px 0 !important;}
#OutputArea1 .item_title{ font-size:10px !important; line-height:1.8 !important;}
#OutputArea1 .date{ padding-top:4px !important;}


/* メイン記事右カラム */
#contentsRight {
	width: 680px;
	position: relative;
	text-align:right;
	z-index: 20;
	float: left;
}

#contentsRight p:first-child { margin-top: 140px; margin-right: 20px;}

#contentsRight p:nth-child(2) {	/* IE8.css */ margin-top: 0;}



/* メイン記事フッタバナー */
#contentsFooterBanner {
	width: 960px;
	margin: 35px auto 100px;
	position: relative;
	z-index: 25;
	clear: both;
}