@charset "utf-8";



#main #content {
	padding: 0 0 16px 0;
}

#mask {
	display: none;
	position: absolute;
	z-index: 500;
}



/* sidebar */
/* -------------------------------------------- */

#main #sidebar {
	background: url("../../common/bg_sidebar.jpg") 0 0 no-repeat;
}
#sidebar h2 {
	margin: 36px 0 0 25px;
}
#sidebar h2 img {
	display: block;
}



/* stage */
/* -------------------------------------------- */

#content #stageArea {
	overflow: hidden;
	width: 720px;
}
#content #stage {
/*	width: 2160px;	*/
	height: 505px;
	z-index: 100;
}
#content #stage li {
	float: left;
	width: 720px;
	height: 505px;
}

body#index #content #stage li#chapter1 {
	visibility: hidden;
	background: url("../image/index/bg_chapter1.jpg") 0 0 no-repeat;
}
body#index #content #stage li#chapter2 {
	background: url("../image/index/bg_chapter2.jpg") 0 0 no-repeat;
}
body#index #content #stage li#chapter3 {
	background: url("../image/index/bg_chapter3.jpg") 0 0 no-repeat;
}
body#index #content #stage li#chapter4 {
	background: url("../image/index/bg_chapter4.jpg") 0 0 no-repeat;
}

#content #stage li .body img.head {
	display: block;
}
#content #stage li .body p {
	font-size: 75%;
	line-height: 1.6;
}
#content #stage li .body2 {
	width: 660px;
	margin: 24px 0 0 22px;
}
#content #stage li .body p.left {
	float: left;
	width: 320px;
}
#content #stage li .body p.right {
	float: right;
	width: 320px;
}

#content #stage ul.bNav {
	margin: 16px 0 0 10px;
}
#content #stage ul.bNav li {
	float: left;
	display: inline;
	width: 124px;
	margin: 0 2px 0 0;
}



/* index */

#dataBox #dataContent {
	width: 594px;
	height: 300px;
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
}
#dataBox #btnClose {
	float: right;
	margin: -33px 7px 0 0;
}

body#index #stage li#chapter1 .body {
	padding: 18px 0 0 431px;
}
body#index #stage li#chapter1 .body p {
	margin: 60px 30px 0 16px;
}

body#index #stage li#chapter2 .body {
	padding: 250px 0 0 13px;
}

body#index #stage li#chapter3 .body {
	padding: 18px 0 0 15px;
}

body#index #stage li#chapter4 .body {
	padding: 18px 0 0 15px;
}
body#index #stage li#chapter4 p.first {
	margin: 8px 0 0 15px;
}
body#index #stage li#chapter4 p.last {
	margin: 382px 0 0 15px;
}

body#index #stage li .bNav {
	float: none;
	display: block;
	width: 254px;
	margin: 10px 0 0 0;
}
body#index #stage li#chapter1 .bNav {
	margin: 10px 0 0 10px;
}
body#index #stage li#chapter2 .bNav {
	float: right;
	margin: 14px 0 0 0;
}
body#index #stage li#chapter3 .bNav {
	float: right;
	margin: 14px 0 0 0;
}