@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_chapter2.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 */

body#index #stage .body div.text {
	height: 430px;
}

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

body#index #stage li#chapter2 .body {
	padding: 18px 0 0 287px;
}
body#index #stage li#chapter2 .body p {
	margin: 36px 30px 0 20px;
}
body#index #stage li#chapter2 .body .signature {
	height: 90px;
	margin: 22px 30px 0 20px;
	text-align: right;
	background: url("../image/index/signature.gif") right bottom no-repeat;
}
body#index #stage li#chapter2 .body .signature p {
	margin: 0 10px 10px 0;
}
body#index #stage li#chapter2 .body .bNav2 {
	float: right;
	display: inline;
	width: 380px;
	margin: 20px 26px 0 0;
}
body#index #stage li#chapter2 .body .bNav2 a.button {
	float: right;
	width: 128px;
}
body#index #stage li#chapter2 .body .bNav {
	float: right;
	display: inline;
	width: 254px;
	margin: 0 0 0 0;
}

body#index #dataBody {
	margin: 20px 0 0 30px;
}
body#index #dataBody img.title {
	display: block;
	margin: 0 0 30px 0;
}
body#index #dataBody p {
	margin: 0 0 0 25px;
	font-size: 75%;
	line-height: 1.5;
}
body#index #dataBody dl {
	width: 500px;
	margin: 20px 0 20px 25px;
}
body#index #dataBody dl dt {
	float: left;
	width: 60px;
	margin: 6px 0 0 0;
	font-size: 75%;
	line-height: 1.3;
}
body#index #dataBody dl dd {
	float: left;
	width: 440px;
	margin: 6px 0 0 0;
	font-size: 75%;
	line-height: 1.3;
}

.jqmWindow {
	width: 614px;
	height: 330px;
	margin-left: -307px;
	padding: 0;
}

.jqmOverlay { background-color: #333; }

.jqmWindow .bg {
	width: 614px;
	height: 385px;
	padding: 20px 0 0 0;
	background: url(../../common/bg_databox_s.png) 0 0 no-repeat;
}
#dataBox {
	position: absolute;
	top: 120px;
/*	left: 50%;	*/
	width: 614px;
	height: 405px;
/*	background: #fff;	*/
	z-index: 1200;
/*	opacity: 0.5;	*/
}

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

*html #dataBox #btnClose {
	position: absolute;
	right: 0;
	margin: -33px 7px 0 0;
}