@charset "UTF-8";



body{

	background:url(image/bg.jpg);

}





/*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.headBtns li a.headBtnCharacter{

	background:url(image/headbtn2.png) no-repeat;

}



#contentHead ul.headBtns li a.headBtnCharacter{background-position:right top;}

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



/*modal

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

#modalIndex,

#modalProfile{

	background-color:#f4efea;

}



/*character page

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

.characterWrap{

	width:1020px;

	height:660px;

	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;

			}