@charset "UTF-8";


html,body,h1,h2,h3,h4,h5,h6,div,p,pre,li,dl,dt,dd,table,th,td,form,blockqoute{
	margin:0;
	padding:0;
}
ul{list-style: none;}
ul,ol{margin: 0; padding: 0;}
img{text-decoration: none; border: 0; font-size: 0px;}
hr{display: none;}
table{border-collapse: collapse;}
caption,th{text-align: left;}
em{font-style:normal;}
fieldset{margin:0px;padding:0px;border:none;}
.align_left{text-align: left;}
.align_center{text-align: center;}
.align_right{text-align: right;}
.fl_left{float: left;}
.fl_right{float: right;}
.clear{clear: both; height: 0; _height:1px; overflow: hidden;}

/* ----------------------------------------------------------------------
	margin
---------------------------------------------------------------------- */
.mg1top{
	margin-top:1px;
}

.mg2top{
	margin-top:2px;
}

.mg3top{
	margin-top:3px;
}

.mg4top{
	margin-top:4px;
}

.mg5top{
	margin-top:5px;
}

.mg6top{
	margin-top:6px;
}

.mg7top{
	margin-top:7px;
}

.mg8top{
	margin-top:8px;
}

.mg10top{
	margin-top:10px;
}

.mg15top{
	margin-top:15px;
}

.mg20top{
	margin-top:20px;
}

.mg30top{
	margin-top:30px;
}

.mg40top{
	margin-top:40px;
}

.mg10left{
	margin-left:10px;
}

.mg20left{
	margin-left:20px;
}


/* ----------------------------------------------------------------------
	base layout
---------------------------------------------------------------------- */
body{
	font-family:arial;
	text-align:center;
	background:#120508 url(../images/common/main_bg.jpg) center top no-repeat;
}

div#wrapper{
	width:950px;
	margin:0 auto;
	position:relative;
}

div#mainmenu_area{
	position:absolute;
	left:0px;
	top:0px;
	width:950px;
	height:315px;
	z-index:10;
}

div#content_area{
	position:absolute;
	left:0px;
	top:255px;
	width:950px;
	z-index:5;
}

div#left_content{
	float:left;
	width:185px;
}

div#main_content{
	float:left;
	width:580px;
}

div#right_content{
	float:right;
	width:185px;
}

div#footer{
	float:left;
	padding-top:85px;
	width:950px;
	height:80px !important;
	height /**/: 165px;
	text-align:center;
	background:url(../images/common/footer_bg.jpg) center bottom no-repeat;
}


/* ----------------------------------------------------------------------
	Login Form
---------------------------------------------------------------------- */

div#loginform_area{
	width:185px;
	text-align:left;
}

div#loginform_area div.frame_top{
	width:185px;
	height:80px;
	background:url(../images/common/loginform_frame_top.png) left bottom no-repeat;
}

div#loginform_area div.frame_top_emergency{
	width:185px;
	height:80px;
	background:url(../images/common/loginform_frame_top_emergency.png) left bottom no-repeat;
}

div#loginform_area div.frame_bg{
	padding:0px 15px 5px 20px;
	width:150px !important;
	width /**/: 185px;
	background:url(../images/common/loginform_frame_bg.png) left top repeat-y;
}

div#loginform_area div.frame_bottom{
	width:185px;
	height:29px;
	background:url(../images/common/loginform_frame_bottom.png) left top no-repeat;
}

div#loginform_area div.frame_bg div.left_side{
	float:left;
	width:100px;
}

div#loginform_area div.frame_bg div.right_side{
	float:right;
	width:47px;
}

div#loginform_area div.frame_bg h4{
	float:left;
	width:98px;
	height:8px;
	font-size:0px;
	line-height:0px;
	vertical-align:top;
	text-indent:-9999px;
	overflow:hidden;
}

div#loginform_area div.frame_bg h4#lbl_id{
	background:url(../images/common/lbl_login_id.png) left top no-repeat;
}

div#loginform_area div.frame_bg h4#lbl_pw{
	background:url(../images/common/lbl_login_pw.png) left top no-repeat;
}

div#loginform_area div.frame_bg h4#lbl_nickname{
	background:url(../images/common/lbl_login_nickname.png) left top no-repeat;
}

div#loginform_area div.frame_bg input.form_css{
	float:left;
	margin:0px;
	padding:0px 3px;
	width:90px !important;
	width /**/: 96px;
	height:16px;
	background-color:#1a1917;
	border:1px solid #665d4c;
	color:#f6f5f2;
	font-size:11px;
	line-height:16px;
	vertical-align:middle;
}

div#loginform_area div.frame_bg p.subtxt{
	color:#1a1917;
	font-size:11px;
	line-height:13px;
}

div#loginform_area div.frame_bg p.subtxt a:link{
	color:#0066cc;
	text-decoration:underline;
}

div#loginform_area div.frame_bg p.subtxt a:visited{
	color:#0066cc;
	text-decoration:underline;
}

div#loginform_area div.frame_bg p.subtxt a:hover{
	color:#0066cc;
	text-decoration:none;
}

div#loginform_area div.frame_bg p.nicname_txt{
	color:#1a1917;
	font-size:14px;
	line-height:18px;
	font-family:tahoma;
	font-weight:bold;
}

/* ----------------------------------------------------------------------
	Twitter
---------------------------------------------------------------------- */

div#twitter_area{
	width:185px;
	text-align:left;
}

div#twitter_area div.frame_top{
	width:185px;
	height:66px;
	background:url(../images/common/ttl_tweet.png) left bottom no-repeat;
}

div#twitter_area div.frame_bg{
	padding:0px 28px 0px 33px;
	width:124px !important;
	width /**/: 185px;
	background:url(../images/common/tweet_frame_bg.png) left top repeat-y;
}

div#twitter_area div.frame_bg div#twitter_list ul{
	width:124px;
}

div#twitter_area div.frame_bg div#twitter_list li{
	font-size:11px;
	line-height:18px;
	height:18px;
	vertical-align:middle;
	padding-left:9px;
	background:url(../images/common/tweet_list_marker.png) left center no-repeat;
}

div#twitter_area div.frame_bg div#twitter_list li a:link{
	color:#CCCCCC;
	text-decoration:underline;
}

div#twitter_area div.frame_bg div#twitter_list li a:visited{
	color:#CCCCCC;
	text-decoration:underline;
}

div#twitter_area div.frame_bg div#twitter_list li a:hover{
	color:#59c2ff;
	text-decoration:none;
}

div#twitter_area div.frame_bottom{
	width:185px;
	height:7px;
	background:url(../images/common/tweet_frame_bottom.png) left top no-repeat;
}

div#twitter_area div.normal_frame_bg{
	padding:6px 20px 0px 25px;
	width:140px !important;
	width /**/: 185px;
	background:url(../images/common/normal_frame_bg.png) left top repeat-y;
}

div#twitter_area div.normal_frame_bg p.img{
	font-size:0px;
	line-height:0px;
}

div#twitter_area div.normal_frame_joint{
	width:185px;
	height:44px;
	background:url(../images/common/normal_frame_joint.png) left top no-repeat;
}

/* ----------------------------------------------------------------------
	join area
---------------------------------------------------------------------- */

div#join_area{
	width:185px;
	text-align:left;
}

div#join_area div.frame_bg{
	padding:0px 20px 5px 25px;
	width:140px !important;
	width /**/: 185px;
	background:url(../images/common/normal_frame_bg.png) left top repeat-y;
}

div#join_area div.frame_bg p.img{
	font-size:0px;
	line-height:0px;
}

div#join_area div.frame_bottom{
	width:185px;
	height:22px;
	background:url(../images/common/normal_frame_bottom.png) left top no-repeat;
}

/* ----------------------------------------------------------------------
	movie area
---------------------------------------------------------------------- */

div#movie_area{
	width:185px;
	text-align:left;
}

div#movie_area div.frame_top{
	width:185px;
	height:62px;
	background:url(../images/common/movie_frame_top.png) left bottom no-repeat;
}

div#movie_area div.frame_bg{
	font-size:0px;
	line-height:0px;
	padding:0px 20px 0px 15px;
	width:150px !important;
	width /**/: 185px;
	height:112px;
	background:url(../images/common/movie_frame_bg.png) left top repeat-y;
}


div#movie_area div.frame_bg1{
	font-size:0px;
	line-height:0px;
	padding:0px 20px 0px 15px;
	width:150px !important;
	width /**/: 185px;
	height:10px;
	background:url(../images/common/movie_frame_bg1.png) left top repeat-y;
}

/* ----------------------------------------------------------------------
	video tutorials area
---------------------------------------------------------------------- */
div#video_tu_area{
	width:185px;
	text-align:left;
}

div#video_tu_area div.frame_top{
	width:185px;
	height:55px;
	background:url(../images/common/video_tutorials.png)  no-repeat;
}

/* ----------------------------------------------------------------------
	started area
---------------------------------------------------------------------- */

div#started_area{
	width:185px;
	text-align:left;
}

div#started_area div.frame_top{
	width:185px;
	height:68px;
	background:url(../images/common/ttl_started01.png) left top no-repeat;
}

div#started_area div.frame_bg{
	padding:0px 34px 0px 27px;
	width:124px !important;
	width /**/: 185px;
	background:url(../images/common/started_frame_bg.png) left top repeat-y;
}

div#started_area div.frame_bg div#started_list ul{
	width:124px;
	text-align:left;
}

div#started_area div.frame_bg div#started_list li{
	width:124px;
	float:left;
	font-size:0px;
	line-height:0px;
	vertical-align:top;
	float:left;
}

div#started_list li#chapter01 a:link,div#started_list a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

div#started_list li#chapter01 a:link,div#started_list li#chapter01 a:visited{
	height:21px;
	background:url(../images/common/started_menu.png) 0px 0px no-repeat;
}

div#started_list li#chapter01 a:hover{
	height:21px;
	background:url(../images/common/started_menu.png) -124px 0px no-repeat;
}

div#started_list li#chapter02 a:link,div#started_list li#chapter02 a:visited{
	height:24px;
	background:url(../images/common/started_menu.png) 0px -21px no-repeat;
}

div#started_list li#chapter02 a:hover{
	height:24px;
	background:url(../images/common/started_menu.png) -124px -21px no-repeat;
}

div#started_list li#chapter03 a:link,div#started_list li#chapter03 a:visited{
	height:24px;
	background:url(../images/common/started_menu.png) 0px -45px no-repeat;
}

div#started_list li#chapter03 a:hover{
	height:24px;
	background:url(../images/common/started_menu.png) -124px -45px no-repeat;
}

div#started_list li#chapter04 a:link,div#started_list li#chapter04 a:visited{
	height:24px;
	background:url(../images/common/started_menu.png) 0px -69px no-repeat;
}

div#started_list li#chapter04 a:hover{
	height:24px;
	background:url(../images/common/started_menu.png) -124px -69px no-repeat;
}

div#started_list li#chapter05 a:link,div#started_list li#chapter05 a:visited{
	height:25px;
	background:url(../images/common/started_menu.png) 0px -93px no-repeat;
}

div#started_list li#chapter05 a:hover{
	height:25px;
	background:url(../images/common/started_menu.png) -124px -93px no-repeat;
}

div#started_list li#chapter05a a:link,div#started_list li#chapter05a a:visited{
	height:15px;
	background:url(../images/common/started_menu.png) 0px -118px no-repeat;
}

div#started_list li#chapter05a a:hover{
	height:15px;
	background:url(../images/common/started_menu.png) -124px -118px no-repeat;
}

div#started_list li#chapter05b a:link,div#started_list li#chapter05b a:visited{
	height:15px;
	background:url(../images/common/started_menu.png) 0px -133px no-repeat;
}

div#started_list li#chapter05b a:hover{
	height:15px;
	background:url(../images/common/started_menu.png) -124px -133px no-repeat;
}

div#started_list li#chapter05c a:link,div#started_list li#chapter05c a:visited{
	height:21px;
	background:url(../images/common/started_menu.png) 0px -148px no-repeat;
}

div#started_list li#chapter05c a:hover{
	height:21px;
	background:url(../images/common/started_menu.png) -124px -148px no-repeat;
}

div#started_list li#chapter06 a:link,div#started_list li#chapter06 a:visited{
	height:24px;
	background:url(../images/common/started_menu.png) 0px -169px no-repeat;
}

div#started_list li#chapter06 a:hover{
	height:24px;
	background:url(../images/common/started_menu.png) -124px -169px no-repeat;
}

div#started_area div.frame_bottom{
	width:185px;
	height:31px;
	background:url(../images/common/started_frame_bottom.png) left top no-repeat;
}

/* ----------------------------------------------------------------------
	servertime area
---------------------------------------------------------------------- */

div#servertime_area{
	padding:51px 20px 0px 15px;
	width:150px !important;
	width /**/: 185px;
	height:42px !important;
	height /**/: 93px;
	background:url(../images/common/servertime_frame.png) left top no-repeat;
	text-align:center;
}

div#servertime_area p{
	color:#f6f5f2;
	font-size:12px;
	line-height:15px;
}

/* ----------------------------------------------------------------------
	Center
---------------------------------------------------------------------- */

div#main_content div.site_center_frame_top{
	width:580px;
	height:63px;
	background:url(../images/common/center_top.png) left bottom no-repeat;
}

/* ----------------------------------------------------------------------
	footer
---------------------------------------------------------------------- */

div#footer p.copyright{
	color:#ffffff;
	font-size:11px;
}

div#footer p.copyright img{
	vertical-align:middle;
	padding-bottom:5px;
}

div#footer p.copyright a{
	margin-right:10px;
}