/*------------------------ メイン ----------------------------*/
* {
	background-repeat:no-repeat; background-position:top center; background-attachment:scroll;
}
#ccs {
	position:relative;
	margin:0 auto 0 auto; padding:0;
	width:512px; height:454px;
	text-align:left;
	line-height:12px;
	font-size:10px; font-weight:normal;
	font-family:'ＭＳ Ｐゴシック','ＭＳＰゴシック','MSPゴシック','MS Pゴシック','MS ゴシック','MS UI Gothic';
	color:#181d4f;
	background-image:url(images/ccs/main_bg.gif);
}
#ccs * {
	text-decoration:none;
	list-style-type:none;
	border-width:0;
}


#ccs_title {
	position:absolute;
	top:0px; left:0px;
	width:220px; height:16px;
}

.panel {
	position:absolute;
	display:none;
	top:16px; left:2px;
	width:508px; height:436px;
	overflow:hidden;
}

.mtab {
	position:relative;
	float:right;
	margin:2px 2px 0px 0;
	width:50px; height:14px;
	text-align:center;
	font-weight:bold;
	background-image:url(images/ccs/mtab.gif);
}



/*--------------------------- sp -----------------------------*/
#sp {
	padding:2px 7px;
}

.sp_slot {
	position:relative;
	float:left;
	margin:0px 6px 3px 0px;
	width:94px; height:142px;
	background-image:url(images/ccs/sp_slot.gif);
}

.sp_slot div {
	position:relative;
	left:2px; top:17px;
	width:90px; height:120px;
	background-position:bottom center;
}
.sp_slot div div {
	position:static;
	width:90px; height:120px;
	background-position:bottom center;
}
.sp_slot .sp_no_lab {
	position:absolute;
	left:6px; top:1px;
	width:82px; height:15px;
	line-height:15px;
	font-size:12px;
	font-weight:bold;
	color:#ffe6ba;
	text-align:center;
}
.sp_slot .sp_lv_lab {
	position:absolute;
	left:4px;top:16px;
	width:40px; height:15px;
	line-height:15px;
	text-align:left;
}
.sp_slot .sp_name_input {
	position:absolute;
	left:4px;top:126px;
	border:0px;
	width:86px;height:14px;
	background-color:#ffeecc;
	text-align:center;
}




/*--------------------------- cp -----------------------------*/

/*--	ei	--*/
#ei {
	position:absolute;
	top:288px; left:4px;
	width:136px; height:144px;
	font-size:10px;
	background-image:url(images/ccs/ei_bg.gif);
}
#ei_name_lab,	#ei_lv_lab,	#ei_desc_lab {
	position:absolute;
	margin:0 4px;
	text-align:left;
	overflow:hidden;
}
#ei_name_lab {
	left:2px; top:13px;
	width:124px; height:26px;
}
#ei_lv_lab {
	left:2px; top:82px;
	width:124px; height:14px;
}
#ei_desc_lab {
	left:2px; top:97px;
	width:124px; height:45px;
}
#ei_ad_lab,	#ei_opt1_lab,	#ei_opt2_lab,	#ei_opt3_lab,	#ei_opt4_lab {
	position:absolute;
	width:40px; height:13px;
	text-align:center;
	overflow:hidden;
	color:#ffe6ba;
	background-image:url(images/ccs/ei_option_bg.gif);
}
#ei_ad_lab {
	left:49px; top:40px;
	width:81px;
	background-image:url(images/ccs/ei_atkdef_bg.gif);
}
#ei_opt1_lab	{ left:49px; top:54px;	}
#ei_opt2_lab	{ left:90px; top:54px;	}
#ei_opt3_lab	{ left:49px; top:68px;	}
#ei_opt4_lab	{ left:90px; top:68px;	}

#ei_dock {
	position:absolute;
	top:40px; left:6px;
	width:40px; height:40px;
	background-image:url(images/ccs/idock.gif);
}
#ei_dock .equip_layer {
	width:40px; height:40px;
}




/*--	ce	--*/
#ce {
	position:absolute;
	top:4px; left:4px;
	width:500px; height:300px;
	background-image:url(images/ccs/ce_bg.gif);
	font-size:10px;
}
#ce_fg {
	width:500px; height:300px;
	background-image:url(images/ccs/ce_fg.gif);
}
#ce_lv_lab,		#ce_bonus_lab,
#ce_cpow_lab,	#ce_cint_lab,	#ce_cspd_lab,	#ce_cvit_lab,	#ce_cluk_lab,	#ce_chp_lab,	#ce_csp_lab,
#ce_apow_lab,	#ce_aint_lab,	#ce_aspd_lab,	#ce_avit_lab,	#ce_aluk_lab,	#ce_ahp_lab,	#ce_asp_lab,	#ce_adrn_lab,
#ce_epow_lab,	#ce_eint_lab,	#ce_espd_lab,	#ce_evit_lab,	#ce_eluk_lab,	#ce_ehp_lab,	#ce_esp_lab,	#ce_edrn_lab,
#ce_gpow_lab,	#ce_gint_lab,	#ce_gspd_lab,	#ce_gvit_lab,	#ce_gluk_lab,	#ce_ghp_lab,	#ce_gsp_lab,	#ce_gdrn_lab,
#ce_pow_lab,	#ce_int_lab,	#ce_spd_lab,	#ce_vit_lab,	#ce_luk_lab,	#ce_hp_lab,		#ce_sp_lab,		#ce_drn_lab {
	position:absolute;
	width:35px; height:12px;
	text-align:right;
	overflow:hidden;
}
#ce_lv_lab		{ left:220px; top:19px;		}
#ce_bonus_lab	{ left:413px; top:19px;		}

#ce_cpow_lab	{ left:220px; top:60px;		}
#ce_cint_lab	{ left:220px; top:85px;		}
#ce_cspd_lab	{ left:220px; top:110px;	}
#ce_cvit_lab	{ left:220px; top:135px;	}
#ce_cluk_lab	{ left:220px; top:160px;	}
#ce_chp_lab		{ left:220px; top:185px;	}
#ce_csp_lab		{ left:220px; top:210px;	}

#ce_apow_lab	{ left:294px; top:60px;		}
#ce_aint_lab	{ left:294px; top:85px;		}
#ce_aspd_lab	{ left:294px; top:110px;	}
#ce_avit_lab	{ left:294px; top:135px;	}
#ce_aluk_lab	{ left:294px; top:160px;	}
#ce_ahp_lab		{ left:294px; top:185px;	}
#ce_asp_lab		{ left:294px; top:210px;	}
#ce_adrn_lab	{ left:294px; top:235px;	}

#ce_epow_lab	{ left:368px; top:60px;		}
#ce_eint_lab	{ left:368px; top:85px;		}
#ce_espd_lab	{ left:368px; top:110px;	}
#ce_evit_lab	{ left:368px; top:135px;	}
#ce_eluk_lab	{ left:368px; top:160px;	}
#ce_ehp_lab		{ left:368px; top:185px;	}
#ce_esp_lab		{ left:368px; top:210px;	}
#ce_edrn_lab	{ left:368px; top:235px;	}

#ce_gpow_lab	{ left:415px; top:60px;		}
#ce_gint_lab	{ left:415px; top:85px;		}
#ce_gspd_lab	{ left:415px; top:110px;	}
#ce_gvit_lab	{ left:415px; top:135px;	}
#ce_gluk_lab	{ left:415px; top:160px;	}
#ce_ghp_lab		{ left:415px; top:185px;	}
#ce_gsp_lab		{ left:415px; top:210px;	}
#ce_gdrn_lab	{ left:415px; top:235px;	}

#ce_pow_lab		{ left:462px; top:60px;		}
#ce_int_lab		{ left:462px; top:85px;		}
#ce_spd_lab		{ left:462px; top:110px;	}
#ce_vit_lab		{ left:462px; top:135px;	}
#ce_luk_lab		{ left:462px; top:160px;	}
#ce_hp_lab		{ left:462px; top:185px;	}
#ce_sp_lab		{ left:462px; top:210px;	}
#ce_drn_lab		{ left:462px; top:235px;	}

#ce_drn_rec_lab, #ce_ap_lab {
	position:absolute;
	height:12px;
	text-align:right;
	overflow:hidden;
}
#ce_drn_rec_lab { left:220px; top:235px; width:78px; }
#ce_ap_lab		{ left:419px; top:260px; width:78px; }

#ce_atk_lab, #ce_def_lab, #ce_aatk_lab, #ce_adef_lab {
	position:absolute;
	width:47px; height:12px;
	text-align:right;
	overflow:hidden;
}
#ce_atk_lab { left:40px; top:233px;	}
#ce_def_lab { left:40px; top:260px;	}
#ce_aatk_lab { left:87px; top:233px;	}
#ce_adef_lab { left:87px; top:260px;	}

#ce_lv_btn		{ left:255px; top:11px;		}
#ce_cpow_btn	{ left:255px; top:52px;		}
#ce_cint_btn	{ left:255px; top:77px;		}
#ce_cspd_btn	{ left:255px; top:102px;	}
#ce_cvit_btn	{ left:255px; top:127px;	}
#ce_cluk_btn	{ left:255px; top:152px;	}
#ce_apow_btn	{ left:329px; top:52px;		}
#ce_aint_btn	{ left:329px; top:77px;		}
#ce_aspd_btn	{ left:329px; top:102px;	}
#ce_avit_btn	{ left:329px; top:127px;	}
#ce_aluk_btn	{ left:329px; top:152px;	}
#ce_ahp_btn		{ left:329px; top:177px;	}
#ce_asp_btn		{ left:329px; top:202px;	}
#ce_adrn_btn	{ left:329px; top:227px;	}
#ce_aatk_btn	{ left:134px; top:225px;	}
#ce_adef_btn	{ left:134px; top:252px;	}

#ce_bg_btn,
#ce_sex_btn,	#ce_zok_btn,	#ce_face_btn,
#ce_eye_btn,	#ce_hair_btn,	#ce_color_btn {
	position:absolute;
	width:40px; height:13px;
	line-height:13px;
	text-align:center;
	color:#ffeecc;
	background-color:#ffeecc;
	background-image:url(images/ccs/tglbtn.gif);
}
#ce_sex_btn,	#ce_zok_btn,
#ce_hair_btn,	#ce_color_btn	{ left:130px;	}
#ce_bg_btn,		#ce_face_btn,
#ce_eye_btn						{ left:0px;	}
#ce_sex_btn						{ top:0px;		}
#ce_bg_btn,		#ce_zok_btn		{ top:19px;		}
#ce_face_btn,	#ce_hair_btn	{ top:184px;	}
#ce_eye_btn,	#ce_color_btn	{ top:203px;	}

#ce_arms_dock,
#ce_shield_dock,
#ce_head_dock,
#ce_back_dock,
#ce_hand_dock,
#ce_neck_dock,
#ce_clothes_dock,
#ce_boots_dock {
	position:absolute;
	width:40px; height:51px;
}
#ce_arms_dock		{ left:0px; top:110px;		}
#ce_shield_dock		{ left:130px; top:110px;	}
#ce_head_dock		{ left:43px; top:0px;		}
#ce_back_dock		{ left:87px; top:0px;		}
#ce_hand_dock		{ left:0px; top:55px;		}
#ce_neck_dock		{ left:130px; top:55px;		}
#ce_clothes_dock	{ left:43px; top:165px;		}
#ce_boots_dock		{ left:87px; top:165px;		}

#ce_arms_dock .equip_layer,
#ce_shield_dock .equip_layer,
#ce_head_dock .equip_layer,
#ce_back_dock .equip_layer,
#ce_hand_dock .equip_layer,
#ce_neck_dock .equip_layer,
#ce_clothes_dock .equip_layer,
#ce_boots_dock .equip_layer {
	position:absolute;
	top:13px; left:0px;
	width:40px; height:40px;
}

#ce_c_layer {
	position:absolute;
	left:40px; top:45px;
	width:90px; height:120px;
	background-position:bottom center;
}
#ce_c_layer div {
	width:90px; height:120px;
	 background-position:bottom center;
}




/*--	es	--*/
#es {
	position:absolute;
	top:288px; left:144px;
	width:360px; height:144px;
	background-image:url(images/ccs/es_bg.gif);
}

#es_page_lab {
	position:absolute;
	left:314px; top:0;
	width:30px; height:12px;
	text-align:right;
	font-weight:bold;
}

#equip_tbl {
	left:2px; top:14px;
	width:342px; height:128px;
}

#equip_tbl .es_dock {
	float:left;
	margin:2px 0 0 2px;
	width:40px; height:40px;
	background-image:url(images/ccs/idock.gif);
}

#equip_tbl .equip_layer {
	width:40px; height:40px;
}

#equip_tbl .edock_mask {
	display:none;
	width:40px; height:40px;
	background-position:center center;
	background-image:url(images/ccs/idock_mask.gif);
}

#es_prev_btn {
	position:absolute;
	left:344px; top:12px;
	width:16px; height:66px;
	background-position:top center;
	background-image:url(images/ccs/arrow_prev.gif);
}

#es_next_btn {
	position:absolute;
	left:344px; top:78px;
	width:16px; height:66px;
	background-position:bottom center;
	background-image:url(images/ccs/arrow_next.gif);
}

.es_tab {
	position:relative;
	float:left;
	margin-left:5px;
	width:32px; height:12px;
	line-height:12px;
	color:#ffeecc;
	text-align:center;
	background-image:url(images/ccs/tab.gif);
}





/*--------------------------- kp -----------------------------*/
#se {
	position:absolute;
	left:4px; top:5px;
	width:500px; height:100px;
	background-image:url(images/ccs/se_bg.gif);
}
#se_atk_lab,	#se_ap_lab,	#se_def_lab {
	position:absolute;
	width:55px; height:12px;
	text-align:right;
	overflow:hidden;
}
#se_atk_lab	{ left:40px; top:28px;	}
#se_ap_lab	{ left:40px; top:57px;	}
#se_def_lab	{ left:40px; top:86px;	}

#se_lv_lab,	#se_pow_lab,	#se_vit_lab {
	position:absolute;
	width:40px; height:12px;
	text-align:right;
	overflow:hidden;
}
#se_lv_lab	{ left:177px; top:28px;	}
#se_pow_lab	{ left:177px; top:57px;	}
#se_vit_lab	{ left:177px; top:86px;	}

#se_ata_lab,	#se_mamo_lab {
	position:absolute;
	width:71px; height:14px;
	text-align:center;
	overflow:hidden;
}
#se_ata_lab		{ left:312px; top:49px;	}
#se_mamo_lab	{ left:312px; top:84px;	}

#se_lv_btn	{ left:223px; top:20px;	}
#se_pow_btn	{ left:223px; top:49px;	}
#se_vit_btn { left:223px; top:78px;	}



#mt {
	position:absolute;
	top:110px; left:4px;
	width:500px; height:368px;
	background-image:url(images/ccs/mt_bg.gif);
}
#mt_page_lab {
	position:absolute;
	left:434px; top:0;
	width:50px; height:12px;
	text-align:right;
	font-weight:bold;
	overflow:hidden;
}
#mt_prev_btn {
	position:absolute;
	left:484px; top:12px;
	width:16px; height:150px;
	background-position:top center;
	background-image:url(images/ccs/arrow_prev.gif);
}
#mt_next_btn {
	position:absolute;
	left:484px; top:160px;
	width:16px; height:150px;
	background-position:bottom center;
	background-image:url(images/ccs/arrow_next.gif);
}
#mt_block {
	left:2px; top:14px;
	width:484px; height:348px;
}

#mt_tabs {}
#mt_tabs li {
	float:left;
	margin-left:3px;
	width:32px; height:12px;
	line-height:12px;
	color:#ffeecc;
	text-align:center;
	background-image:url(images/ccs/tab.gif);
}

.mt_row {
	position:relative;
	margin:4px 2px 4px 4px;
	width:476px; height:54px;
	background-image:url(images/ccs/mt_monster.gif);
}
.mt_row_zok {
	position:absolute;
	left:6px; top:3px;
	width:11px; height:12px;
}
.zok_none	{background-image:url(images/ccs/zok_0.gif);	}
.zok_fire	{background-image:url(images/ccs/zok_1.gif);	}
.zok_water	{background-image:url(images/ccs/zok_2.gif);	}
.zok_dark	{background-image:url(images/ccs/zok_3.gif);	}
.zok_light	{background-image:url(images/ccs/zok_4.gif);	}
.zok_wood	{background-image:url(images/ccs/zok_5.gif);	}

.mt_row_name_lab,	.mt_row_hp_lab,		.mt_row_exp_lab,	.mt_row_atk_lab,	.mt_row_def_lab,
.mt_row_mdef_lab,	.mt_row_dmg_lab,	.mt_row_crt_lab,	.mt_row_kiai_lab,	.mt_row_chou_lab,
.mt_row_ma1_lab,	.mt_row_ma2_lab,	.mt_row_hdmg_lab,	.mt_row_hcrt_lab {
	position:absolute;
	overflow:hidden;
}
.mt_row_name_lab {
	left:20px; top:2px;
	width:144px; height:14px;
	font-weight:bold; font-size:11px;
	text-align:left;
}

.mt_row_hp_lab,	.mt_row_exp_lab,	.mt_row_atk_lab,	.mt_row_def_lab,	.mt_row_mdef_lab {
	width:60px; height:12px;
	color:#ffe6ba;
	text-align:center;
}
.mt_row_hp_lab		{ left:166px; top:3px;	}
.mt_row_exp_lab		{ left:228px; top:3px;	}
.mt_row_atk_lab		{ left:290px; top:3px;	}
.mt_row_def_lab		{ left:352px; top:3px;	}
.mt_row_mdef_lab	{ left:414px; top:3px;	}

.mt_row_dmg_lab,	.mt_row_crt_lab,	.mt_row_kiai_lab,	.mt_row_chou_lab,
.mt_row_ma1_lab,	.mt_row_ma2_lab,	.mt_row_hdmg_lab,	.mt_row_hcrt_lab {
	width:60px; height:12px;
	text-align:center;
}
.mt_row_dmg_lab		{ left:46px; top:20px;	}
.mt_row_crt_lab		{ left:46px; top:36px;	}
.mt_row_kiai_lab	{ left:164px; top:20px;	}
.mt_row_chou_lab	{ left:164px; top:36px;	}
.mt_row_ma1_lab		{ left:281px; top:20px;	}
.mt_row_ma2_lab		{ left:281px; top:36px;	}
.mt_row_hdmg_lab	{ left:400px; top:20px;	}
.mt_row_hcrt_lab	{ left:400px; top:36px;	}

#kill_desc {
	position:absolute;
	left:4px; top:420px;
	height:12px; line-height:12px;
}



/*--------------------------- op -----------------------------*/
#op a {
	text-decoration:underline;
}
#op p {
	text-align:left;
}
#op textarea {
	border:2px solid #181d4f;
	width:488px;
	font-size:12px;
}
#op h4 {
	margin:0 10px;
	font-size:12px;
	font-weight:bold;
}
#op ul {
	margin:0;padding:0;
}
#op li {
	margin:0 4px 0.5em 4px;padding:0 6px 0.5em 6px;
	border-bottom:2px solid #B1A2A6;
}
#ex_data_btn {
	margin:2px 0;
	padding:2px;
	border:2px solid #181d4f;
	background-color:#ccc;
}
#ex_data_btn:active {
	background-color:#0ff;
}



/*------------------------	other	--------------------------*/
.pm_btn {
	position:absolute;
	width:39px; height:20px;
	background-image:url(images/ccs/pm_btn.gif);
}

.scroll_field {
	 position:absolute;
	 overflow:hidden;
}