@charset "UTF-8";
/* ---------------------------------- */
/* layout.css                         */
/* ---------------------------------- */
/* =================================
  @BASE
================================= */
#contents {
	background: url(../images/about/bg.jpg) no-repeat top center #FF2B01;
	padding: 0 0 30px;
}
header {
	position: relative;
}
h1 {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -170px;
	z-index: 10;
}
.inner {
	margin: 0 auto;
	position: relative;
	width: 1000px;
}
nav {
	height: 53px;
	margin: 0 auto 116px;
	padding: 153px 0 0;
	width: 947px;
}
#contents .sns {
	position: absolute;
	right: 34px;
	top: 323px;
}
#pagetop {
	bottom: 100px;
	position: fixed;
	right: 0;
}
#contents .title {
	position: absolute;
	top: 250px;
	left: 40px;
}
/* =================================
  @CHARACTER
================================= */
#sNavi {
	position: relative;
	background: url(../images/character/bg_sNavi.png) no-repeat center top;
	height: 200px;
	margin-top: 158px;
}
#sNavi .nail_left {
	position: absolute;
	top: 4px;
	left: -15px;
}
#sNavi .nail_left img {
	z-index: 0;
}
#sNavi .nail_right {
	position: absolute;
	top: 4px;
	right: -16px;
}
#sNavi p {
	z-index: 9999;
}
#sNavi .sNavi_top {
	position: absolute;
	top: 26px;
	left: 130px;
}
#sNavi .sNavi_middle {
	position: absolute;
	top: 76px;
	left: 55px;
}
#sNavi .sNavi_bottom {
	position: absolute;
	top: 126px;
	left: 130px;
}
#sNavi .sNavi_game {
	position: absolute;
	top: 35px;
	right: 54px;
}
/* =================================
  @MOVIE
================================= */
body#movie {
}
body#movie .bg_bottom {
	background: url(../images/movie/bg_bottom.jpg) no-repeat center bottom;
	padding-bottom: 45px;
}
body#movie .bg_repeat {
	background: url(../images/movie/bg_repeat.jpg) repeat-y center top;
}
body#movie .bg_01 {
	background: url(../images/movie/bg_movie_01.jpg) no-repeat center top;
}
body#movie .movieList {
	overflow: hidden;
	padding: 10px 36px 50px;
}
body#movie .movieList li {
	float: left;
	padding: 10px 25px;
	position: relative;
}
body#movie .movieList li span {
	position: absolute;
  top: 60px;
  right: 17px;
}


/* =================================
  @trial
================================= */
.bg_btn {
	background: url(../images/trial/bg_btn.jpg) no-repeat center top;
	height: 210px;
}
.bg_btn ul {
	text-align: center;
	padding-top: 126px;
}
.bg_btn ul li {
	display: inline-block;
	padding: 0 45px;
}