@charset "UTF-8";

body.sss{
	background-color:#fffef9;
}
body.bg07{
	
	background : #fffef9 url(image/back6.jpg) left top no-repeat;
}
body.bg06{
	
	background : #fffef9 url(image/back5.jpg) left top no-repeat;
}

body.bg05{
	
	background : #fffef9 url(image/back4.jpg) left top no-repeat;
}

body.bg04{
	
	background : #fffef9 url(image/back3.jpg) left top no-repeat;
}

body.bg03{
	
	background : #fffef9 url(image/back2.jpg) left top no-repeat;
}

body.bg02{
	
	background : #fffef9 url(image/back.jpg) left top no-repeat;
}

body.bg01{
	background : #fffef9 url(image/back.gif) no-repeat;
}

/*
body.bg02{
	background:url(image/back.jpg) left top no-repeat;
}
body.bg01{
	background:url(image/back.gif) no-repeat;
}
*/
/*scrollBtns

--------------------*/

#contentBody ul.scrollBtns li.scrollBtnR a{

		background:url(image/scrollbtn.png) no-repeat top right;

	}

	#contentBody ul.scrollBtns li.scrollBtnL a{

		background:url(image/scrollbtn.png) no-repeat top left;

	}



	

/*scrollbar

--------------------*/

#mainScroll .jspDrag{

	background-color:#FF9B69;

}

#mainScroll .customScrollbarH > div{

	background-color:#FF9B69;

}



/*head menu

--------------------*/

#contentHead ul.headBtns7 li a.headBtnAbout{
	background:url(image/headbtn1.png) no-repeat;
}
#contentHead ul.headBtns7 li a.headBtnAbout{background-position:right top;}

#contentHead ul.headBtns7 li a.headBtnAbout:hover{background-position:right bottom;}


#contentHead ul.headBtns7 li a.headBtnBeginner{
	background:url(image/headbtn2.png) no-repeat;
}
#contentHead ul.headBtns7 li a.headBtnBeginner{background-position:right top;}

#contentHead ul.headBtns7 li a.headBtnBeginner:hover{background-position:right bottom;}


#contentHead ul.headBtns7 li a.headBtnCharacter{
	background:url(image/headbtn3.png) no-repeat;
}
#contentHead ul.headBtns7 li a.headBtnCharacter{background-position:right top;}

#contentHead ul.headBtns7 li a.headBtnCharacter:hover{background-position:right bottom;}


#contentHead ul.headBtns7 li a.headBtnIndex{
	background:url(image/headbtn4.png) no-repeat;
}
#contentHead ul.headBtns7 li a.headBtnIndex{background-position:right top;}

#contentHead ul.headBtns7 li a.headBtnIndex:hover{background-position:right bottom;}


#contentHead ul.headBtns7 li a.headBtnProfile{
	background:url(image/headbtn5.png) no-repeat;
}
#contentHead ul.headBtns7 li a.headBtnProfile{background-position:right top;}

#contentHead ul.headBtns7 li a.headBtnProfile:hover{background-position:right bottom;}

#contentHead ul.headBtns7 li a.headBtnComment{
	background:url(image/headbtn6.png) no-repeat;
}
#contentHead ul.headBtns7 li a.headBtnComment{background-position:right top;}

#contentHead ul.headBtns7 li a.headBtnComment:hover{background-position:right bottom;}

/*modal

--------------------*/

#modalIndex,

#modalProfile{

	background-color:#e1f0f9;

}



/*character page

--------------------*/

.characterWrap{

	width:1020px;

	height:660px;

	padding:42px 0px 0px 0px;

	margin:0px auto 0px auto;

	text-align:center;

}

.beginnerWrap{

	width:933px;

	height:3057px;

	padding:42px 0px 0px 0px;

	margin:0px auto 0px auto;

	text-align:center;

}

.aboutWrap{

	width:933px;

	height:742px;

	padding:42px 0px 0px 0px;

	margin:0px auto 0px auto;

	text-align:center;

}
/*ul.indexList 

------------------------------------------------*/

#modalIndex ul.indexList li a span.date{

				text-align:right;

				position:absolute;

				right:25px;

				font-weight:normal;

			}