/* top */
/* ////////////////////////////////////////////////////// */

#top {
background : url("../img/bg_top.jpg") top left no-repeat;
}

#top div.sectionbox {
	padding-top : 0px;
}

#top img.catche {
	display    : block;
	text-align : center;
	margin     : 0 auto;
	padding    : 30px 0 0 0;
}

#top h1 img {
	display    : block;
	text-align : center;
	margin     : 0 auto;
	padding    : 50px 0;
}

/* movie */

#movie {
	width      : 100%;
	margin     : 0 auto;
	padding-bottom : 20px;
}

#movie div.op,
#movie div.trailer {
	padding-bottom : 20px;
}

#movie a,
#movie span {
	width      : 440px;
	height     : 74px;
	display    : block;
	text-align : center;
	margin     : 0 auto;
}

/* whatsnew */

#whatsnew {
	width      : 600px;
	margin     : 0 auto 30px auto;
}

#whatsnew h2 {
	width         : 150px;
	height        : 28px;
	margin-bottom : 20px;
	position: static;
	_position: static;
}

#whatsnew dl {
	padding-left : 20px;
	margin-bottom : 0.5em;
}

#whatsnew dt {
	color         : #aaaaaa;
	width         : 90px;
}



/* story */
/* ////////////////////////////////////////////////////// */

#story .sectionbox {
	padding-top       : 120px;
}

#story {
	height : 770px;
background : url("../img/bg_story.jpg") 0px 0px no-repeat;
}

#story div.sectionbox {
}

#story p {
	padding-bottom : 2em;
}

#story h2 {
	background-image : url("../img/title_story.png");
}




/* character */
/* ////////////////////////////////////////////////////// */

#character {
	width    : 1300px;
	height   : 920px;
	background : url("../img/bg_character.jpg") 95px 0 no-repeat;
}

#character div.sectionbox {
	padding-top : 0px;
}

#character h2 {
	background-image : url("../img/title_character.png");
}

#character div.charabox {
	width    : 1205px;
	height   : 920px;
}

#character ul {
	width    : 1205px;
}

#character ul li {
	display               : inline;
}

#character ul li a,
#character ul li span {
	text-indent           : -99999px;
	display               : block;
	float                 : left;
	position              : absolute;
}

#character ul li a {
}

#character ul li.chara01 a {
	width                 : 300px;
	height                : 280px;
	top                   : 240px;
	left                  : 160px;
}

#character ul li.chara02 a {
	width                 : 220px;
	height                : 280px;
	top                   : 300px;
	left                  : 430px;
}

#character ul li.chara03 a {
	width                 : 290px;
	height                : 290px;
	top                   : 130px;
	left                  : 600px;
}

#character ul li.chara04 a {
	width                 : 280px;
	height                : 290px;
	top                   : 100px;
	left                  : 900px;
}

#character ul li.chara05 a {
	width                 : 280px;
	height                : 240px;
	top                   : 420px;
	left                  : 660px;
}

#character ul li.chara06 a {
	width                 : 290px;
	height                : 270px;
	top                   : 390px;
	left                  : 960px;
}

.charabox       { width : 800px;}
.charabox .img  { width : 450px; height : 600px; padding-left : 30px;}
.charabox .text { width : 240px; text-align : left; padding-top : 50px; padding-right : 50px;}



/* casefile */
/* ////////////////////////////////////////////////////// */


#casefile .sectionbox {
	padding-top       : 70px;
}

#casefile h2 {
	background-image : url("../img/title_casefile.png");
}

#casefile h3 {
	font-weight      : bold;
	font-size        : 140%;
	border-bottom    : solid 1px #007f7e;
	margin-bottom    : 10px;
}

#casefile h3.gray {
	color            : #666666;
}

#casefile li {
	padding-bottom : 2em;
}

div.casefilebox {
	width          : 100%;
}

div.casefilebox div.text {	width          : 370px;}
div.casefilebox div.img  {	width          : 400px;}

div.casefilebox div.text {
	padding        : 10px;
}

#casefile p.andmore {
	text-align     : right;
}


/* screenshot */
/* ////////////////////////////////////////////////////// */

#screenshot .sectionbox {
	padding-top       : 70px;
}

#screenshot h2 {
	background-image : url("../img/title_screenshot.png");
}

#screenshot ul {
}

#screenshot ul li {
	padding          : 5px;
}

div.screenshotbox {
	text-align : center;
}

div.screenshotbox img {
	display    : block;
	text-align : center;
	margin     : 0 auto;
}


/* system */
/* ////////////////////////////////////////////////////// */

#system .sectionbox {
	padding-top       : 70px;
}

#system h1 {
	background-image : url("../img/title_system.png");
	text-indent         : -9999px;
	width               : 410px;
	height              : 110px;
	background-position : 0 0;
	background-repeat   : none;
	margin-bottom       : 30px;
	position: absolute;
	left: 260px;
	top: 30px;
	border              : none;
}

#system div.systembox {
	width            : 100%;
	margin-bottom       : 60px;
}

#system div.pagetop {
	text-align       : right;
}

#system #pagelink {
	width            : 100%;
	height           : 100px;
}

#system #pagelink a {
	font-weight      : bold;
	color            : #fff;
	text-align       : center;
	display          : block;
	border           : solid 1px #00ffde;
	background       : url("../img/system_box.png") 0 0 repeat;
	padding          : 10px 20px;
	margin-right     : 2px;
}

#system #pagelink a:hover {
	background       : #004443;
}

#system h2 {
	text-indent      : 0;
	font-weight      : bold;
	font-size        : 160%;
	width               : auto;
	height              : auto;
	border-top    : solid 1px #007f7e;
	border-bottom    : dotted 1px #007f7e;
	margin-bottom    : 20px;
	position: relative;
	padding-left     : 10px;
	left             : 0;
	top              : 0;
}

#system h3 {
	font-weight      : bold;
	font-size        : 140%;
	border-bottom    : solid 1px #000000;
	margin-bottom    : 10px;
}

#system div.kinect {
	text-indent      : -99999px;
	width            : 690px;
	height           : 490px;
	margin           : 0 auto;
	background       : url("../img/system_kinect.jpg") 0 0 repeat;
	margin-bottom    : 20px;
}

#system div.omake {
	width            : 390px;
	text-align       : center;
	margin           : 0 auto;
}

#system div.kinect h3 {
	text-indent      : -99999px;
	border           : none;
}

#system div.controler {
	text-align       : center;
	margin           : 0 auto;
	text-indent      : -99999px;
	width            : 486px;
	height           : 526px;
	background       : url("../img/system_controler.jpg") 0 0 repeat;
}

#system p.description {
	margin-bottom    : 20px;
}

#system div.box {
	width            : 95%;
	background       : url("../img/system_box.png") 0 0 repeat;
	padding          : 20px;
	margin-bottom    : 10px;
}

#system div.box div.left {
	width            : 370px;
}

#system div.box div.right {
	width            : 370px;
}

#system div.box div.img p.img {
	text-indent      : -9999px;
	width            : 356px;
	height           : 200px;
	background-position : 0 0;
	background-repeat   : no-repeat;
}

#system div.box div.img p.img01 {
	background-image    : url("../img/system_part1.jpg");
}

#system div.box div.img p.img02_01 {
	background-image    : url("../img/system_part2-1.jpg");
}

#system div.box div.img p.img02_02 {
	background-image    : url("../img/system_part2-2.jpg");
}

#system div.box div.img p.img02_03 {
	background-image    : url("../img/system_part2-3.jpg");
}

#system div.box div.img p.img03 {
	background-image    : url("../img/system_part3.jpg");
}

#system div.box div.img span.caption {
	font-size           : 10px;
	display             : block;
}



/* message */
/* ////////////////////////////////////////////////////// */

#message .sectionbox {
	padding-top       : 120px;
}

#message {
	height   : 800px;
	background : url("../img/bg_message.jpg") 95px 0 no-repeat;
}

#message h2 {
	background-image : url("../img/title_message.png");
}

#message div.sectionbox p {
	margin-bottom : 1em;
}



/* product */
/* ////////////////////////////////////////////////////// */

#product .sectionbox {
	padding-top       : 70px;
}

#product h2 {
	background-image : url("../img/title_product.png");
}

#product h3 {
	font-weight      : bold;
	font-size        : 140%;
	border-bottom    : solid 1px #007f7e;
	margin-bottom    : 10px;
}

#product div.sectionbox p {
	margin-bottom : 1em;
}

#product table {
	width         : 750px;
	margin-bottom : 50px;
}

#product table th,
#product table td {
	padding       : 0.2em 1em;
	border-bottom : solid 1px #333;
}

#product table th {
	color         : #777;
}



/* enq_chara */
/* ////////////////////////////////////////////////////// */

#enq_chara {
	width: 100%;
	text-align:center;
}

#enq_chara .sectionbox {
	text-align:left;
	width: 800px;
	margin  : 0 auto !important;
	padding: 130px 0px 30px 30px;
	position : relative;
	margin-left : 0px;
	line-height: 1.6;
	color: #FFFFFF;
}

#enq_chara h2 {
	background-image : url("../img/title_enq_chara.png");
	left: 0px;
	top: 0px;
}