@charset "utf-8";
/* CSS Document */
@import "board.css";

/* core	================================================	*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

textarea { font-size: 12px; }



body {
	margin:0px;
	padding:0px;
	background:#fff;
	background:url(../img/main/head_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

html,body { height:100%; }

ol, ul {
	list-style: none;
}

br{
	letter-spacing:0;
}

.btnBack {
	position:absolute;
	z-index:1;
}

.wrapper {
	width:100%;
	overflow:hidden;
}

.mainContainer {
	width:983px;
	margin:0px auto;
}

.header {
	width:970px;
	padding-left:10px;
}

.information {
	width:970px;
	padding-left:10px;
}

.brackBoard {
	width:983px;
	height:2360px;
	margin:0px auto;
	margin-top:-50px;
	position:relative;
	background:url(../img/main/board_bg.png);
	background-position:top center;
	background-repeat:no-repeat;
}

.boardTitle {
	width:612px;
	height:56px;
	position:absolute;
	left:207px;
	top:42px;
}

.brackBoard p {
	position:absolute;
	left:0px;
	top:0px;
}

#situation {
	left:102px;
	top:168px;
}

#wear {
	left:478px;
	top:168px;
}

#captionCharacter {
	left:86px;
	top:523px;
}

#character1 {
	left:102px;
	top:587px;
}

#character2 {
	left:359px;
	top:587px;
}

#character3 {
	left:603px;
	top:587px;
}

#character4 {
	left:227px;
	top:968px;
}

#character5 {
	left:489px;
	top:968px;
}

#captionIllust {
	left:155px;
	top:1362px;
}

#illust {
	left:135px;
	top:1442px;
}

#txtIllustInfo {
	left:195px;
	top:2134px;
}

#txtThanks {
	left:195px;
	top:2220px;
}

.chooseCharacter {
	width:729px;
	height:131px;
	position:absolute;
	left:108px;
	top:104px;
}

.characters {
	width:737px;
	position:absolute;
	left:115px;
	top:248px;
}

.char1Visual {
	position:absolute;
	left:0px;
	top:70px;
}

.char1Choose {
	position:absolute;
	left:57px;
	top:370px;
	cursor:pointer;
}

.char2Visual {
	position:absolute;
	left:252px;
	top:70px;
}

.char2Choose {
	position:absolute;
	left:309px;
	top:370px;
	cursor:pointer;
}

.char3Visual {
	position:absolute;
	left:499px;
	top:70px;
}

.char3Choose {
	position:absolute;
	left:556px;
	top:370px;
	cursor:pointer;
}

.char4Visual {
	position:absolute;
	left:122px;
	top:419px;
}

.char4Choose {
	position:absolute;
	left:181px;
	top:720px;
	cursor:pointer;
}

.char5Visual {
	position:absolute;
	left:383px;
	top:419px;
}

.char5Choose {
	position:absolute;
	left:437px;
	top:720px;
	cursor:pointer;
}

.howtoContainer {
	width:1003px;
	height:407px;
	margin:0px auto;
	background:url(../img/main/howto_bg.png);
	position:relative;
}

.howto {
	position:absolute;
	left:35px;
	top:50px;
}

/* footer */
div#main_bottom {
	width: 960px;
	text-align: right;
	margin: 0 auto;
	font-size: 12px;
}

div#main_bottom a.bn_anx {
	display: block;
	width: 200px;
	height: 40px;
	background: url(../../common/anx.gif);
	float: right;
}

div#main_bottom a.bn_gfan {
	display: block;
	width: 135px;
	height: 40px;
	background: url(../../common/gf.gif);
	float: right;
	margin-right: 2px;
}

.hdn{
	font-size: 0px;
	display: block;
	position: absolute;
	left: -9999px;
	top: -9999px;
	text-indent: -9999px;
	}

div#main_footer {
	width: 960px;
	font-size: 10px;
	text-align: center;
	margin: auto;
	padding: 5px 0;
}