@charset "utf-8";
/*==================================
CSS Document : Overview : Profile
==================================*/
.loginGameRN {
	line-height: 21px;
	background: url(../img_contents/nav_icon_mypage_al.gif) no-repeat 6px center;
}
.loginGameRL {
	margin-top: 2px;
	line-height: 21px;
	background: url(../img_contents/nav_icon_mypage_hl.gif) no-repeat 6px center;
}
.partnerDataRN {
	line-height: 21px;
	background: url(../img_contents/nav_icon_mypage_al.gif) no-repeat left center;
}
.partnerDataRL {
	line-height: 21px;
	background: url(../img_contents/nav_icon_mypage_hl.gif) no-repeat left center;
}
.partnerDataRA {
	line-height: 21px;
}
.loginGameRN span, .loginGameRL span, .partnerDataRN span, .partnerDataRL span, .partnerDataRA span {
	color: #a5c9c1;
}

/* cntRevPanel
----------------------------------*/
#cntRevPanel, #cntRevVoidPanel {
	position: relative;
	margin: 0px 5px 15px 5px;
	float: left;
	font-size: 93%;
	text-shadow: 1px 1px 2px #000000;
	-moz-box-shadow: 0px 0px 5px rgba(65,139,137,0.5);
	-webkit-box-shadow: 0px 0px 5px rgba(65,139,137,0.5);
	-o-box-shadow: 0px 0px 5px rgba(65,139,137,0.5);
	-ms-box-shadow: 0px 0px 5px rgba(65,139,137,0.5);
	box-shadow: 0px 0px 5px rgba(65,139,137,0.5);
	border: solid 1px #1f3134;
	background: url(../../rev/pc/img_contents/bg_cntrevpanel.png) repeat-y left top rgb(0,0,0); /* IE6,7 */
	background: url(../../rev/pc/img_contents/bg_cntrevpanel.png) repeat-y left top rgba(0,0,0,0.5);
}
#cntRevPanel {
	padding: 24px;
	width: 690px;
}
#cntRevVoidPanel {
	margin-top: 8px;
	width: 738px;
}

#cntRevPanelTtl, #stageListBoxTtl, #weaponListBoxTtl {
	float: left;
	color: #a5c9c1;
	font-size: 20px;
	font-family: "Montaga", "メイリオ", Meiryo, serif, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-weight: normal;
	text-align: center;
	text-shadow: 1px 1px 2px #000000;
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0.5));
}
#cntRevPanelTtl, #weaponListBoxTtl {
	padding-bottom: 20px;
	width: 750px;
	height: 35px;
	line-height: 35px;
	background: url(../../rev/pc/img_contents/bg_cntrevpanel_ttl.png) no-repeat center top;
}
#stageListBoxTtl {
	margin-bottom: 11px;
	width: 690px;
	height: 40px;
	line-height: 40px;
}
#cntRevPanelTtl span, #stageListBoxTtl span {
	font-size: 24px;
}
#weaponListBoxTtl span {
	color: #f5f5f5;
}

.tRevCCA, li.stageNavCCA span a, li.stageNavCCA span a:hover {
	color: #00a968;
}
.tRevCNO, li.stageNavCNO span a, li.stageNavCNO span a:hover {
	color: #00afcc;
}
.tRevCIN, li.stageNavCIN span a, li.stageNavCIN span a:hover {
	color: #0068b7;
}
.tRevRDA, li.stageNavRDA span a, li.stageNavRDA span a:hover {
	color: #5a4498;
}
.tRevRDE, li.stageNavRDE span a, li.stageNavRDE span a:hover {
	color: #7f1184;
}
.tRevRAB, li.stageNavRAB span a, li.stageNavRAB span a:hover {
	color: #800000;
}
.tRevTGS, li.stageNavTGS span a, li.stageNavTGS span a:hover {
	color: #418b89;
}

.revThickBg {
	background: url(../../rev/pc/img_contents/bg_thickbody.jpg) no-repeat center center;
}

/* Overview Image
----------------------------------*/
#cntRevOverview {
	float: left;
	width: 738px;
	min-height: 1020px;
}

/* Overview Admin
----------------------------------*/
#overviewAdminBox {
	position: absolute;
	top: 24px;
	left: 24px;
	width: 690px;
	height: 70px;
	color: #5d656e;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
}
.ova_icon {
	padding: 10px;
	float: left;
	width: 50px;
	height: 50px;
}
.ova_name {
	padding: 10px 0px 0px 0px;
	float: left;
	width: 620px;
	height: 29px;
	color: #f5f5f5;
	font-size: 18px;
	font-weight: bold;
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	white-space: -pre-wrap;
	white-space: -hp-pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}
.ova_game {
	float: left;
	width: 620px;
	height: 21px;
}
.ova_game p {
	padding: 0px 15px 0px 25px;
	float: left;
	height: 21px;
	font-size: 77%;
}
.ova_game p span {
	padding-left: 2px;
	font-size: 116%;
}

#overviewGameId {
	position: absolute;
	top: 97px;
	left: 24px;
	padding: 2px 10px;
	font-size: 77%;
	font-weight: bold;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	border: solid 1px #0d0d0d;
	background: url(../img_common/bg_dot_black.gif); /* IE6,7 */
	background: url(../img_common/bg_dot_black.gif) rgba(0,0,0,0.5);
}
#overviewGameId span {
	padding-left: 5px;
	color: #858d95;
	font-size: 108%;
}

/* Overview AidBtn
----------------------------------*/
#overviewAidBox {
	z-index: 100;
	position: absolute;
	top: 138px;
	left: 24px;
	width: 345px;
	min-height: 53px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 5px rgba(133,141,149,0.5);
	-webkit-box-shadow: 0px 0px 5px rgba(133,141,149,0.5);
	-o-box-shadow: 0px 0px 5px rgba(133,141,149,0.5);
	-ms-box-shadow: 0px 0px 5px rgba(133,141,149,0.5);
	box-shadow: 0px 0px 5px rgba(133,141,149,0.5);
	background: url(../img_common/bg_dots_white1_line.png) repeat;
}
#overviewAidInBox {
	position: relative;
	margin: 5px;
	float: left;
	width: 335px;
	min-height: 43px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	background-color: #000000;
}
.ova_info {
	padding-left: 45px;
	float: left;
	color: #858d95;
	font-size: 93%;
	font-weight: bold;
	line-height: 43px;
	background: url(../../rev/pc/img_contents/store_icon5.png) no-repeat 5px center;
}
#overviewAidBox input[type="submit"]#overviewAidBtn {
	margin: 0px 5px 5px 5px;
	clear: both;
	width: 325px;
}
#overviewAidBox input[type="submit"].navGleamKeyBtn {
	padding: 3px 0px;
	vertical-align: middle;
	display: inline;
}

/* Overview Log
----------------------------------*/
#overviewLogBox, #overviewLogBasBox {
	position: absolute;
	left: 24px;
	width: 345px;
	height: 220px;
	font-weight: bold;
}
#overviewLogBox {
	top: 200px;
}
#overviewLogBasBox {
	top: 235px;
}
#overviewLogBoxL, #overviewLogBoxR {
	float: left;
	width: 345px;
	height: 31px;
	line-height: 31px;
}
#overviewLogBoxL {
	background: url(../../rev/pc/img_contents/record_log_bg.png) no-repeat top left;
}
#overviewLogBoxR {
	background: url(../../rev/pc/img_contents/record_log_bg.png) no-repeat top right;
}
.ovl_play_NumL, .ovl_play_NumR {
	float: left;
	width: 155px;
	font-size: 18px;
	text-align: center;
}
.ovl_play_NumL {
	padding-right: 30px;
	color: #418b89;
}
.ovl_play_NumR {
	padding-left: 30px;
	color: #a5c9c1;
}
.ovl_play_TtlL, .ovl_play_TtlR {
	float: left;
	width: 160px;
	height: 31px;
	color: #5d656e;
	font-size: 12px;
	line-height: 31px;
}
.ovl_play_TtlL {
	text-align: left;
}
.ovl_play_TtlR {
	text-align: right;
}

#overviewLogBtn {
	margin-bottom: 11px;
	padding: 5px;
	float: left;
	width: 335px;
	height: 38px;
	background: url(../img_common/bg_dots_white1_line.png) repeat;
}

#overviewLogGraph {
	float: left;
	width: 345px;
	height: 100px;
}

/* Overview Chara
----------------------------------*/
#overviewCharaBox {
	position: absolute;
	top: 399px;
	left: 24px;
	width: 690px;
	height: 55px;
	background: url(../../rev/pc/img_contents/overview_chara_bg.png) no-repeat left top;
}
.ovc_chara_ttl {
	padding: 1px 5px 0px 405px;
	float: left;
	width: 280px;
	height: 14px;
	color: #5d656e;
	font-size: 77%;
	font-weight: bold;
	line-height: 13px;
}
.ovc_chara_name {
	padding: 0px 0px 4px 405px;
	float: left;
	width: 225px;
	height: 37px;
	color: #ffffff;
	font-size: 16px;
	line-height: 37px;
	text-shadow: 0px 0px 25px #418b89, 0px 0px 20px #418b89, 0px 0px 0.40px #418b89;
}
.ovc_chara_level {
	padding: 0px 10px 4px 0px;
	float: left;
	width: 50px;
	height: 37px;
	color: #a5c9c1;
	font-weight: bold;
	text-align: right;
	line-height: 37px;
}

/* Overview Weapon
----------------------------------*/
#overviewWeaponBox {
	position: absolute;
	top: 450px;
	left: 24px;
	width: 690px;
	height: 250px;
	background: url(../../rev/pc/img_contents/overview_weapon_bg.png) no-repeat left top;
}

.ovw_weapon_ttl {
	padding-top: 1px;
	float: left;
	width: 690px;
	height: 13px;
	color: #5d656e;
	font-size: 77%;
	font-weight: bold;
	line-height: 13px;
}
.ovw_weapon_ttl span {
	padding: 0px 25px 0px 15px;
	color: #418b89;
	text-align: center;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.8);
}

#overviewWeaponRank {
	margin-top: 12px;
	float: left;
	width: 690px;
	height: 185px;
	display: block;
}

#overviewWeaponRankBox {
	position: relative;
	margin-left: 9px;
	float: left;
	width: 218px;
	height: 170px;
	background: url(../../rev/pc/img_contents/overview_weapon_rank_bg.png) no-repeat 0px 0px;
}
.ovw_weapon_img {
	padding: 2px 86px 2px 2px;
	float: left;
	width: 135px;
	height: 135px;
}
.ovw_weapon_category {
	position: absolute;
	top: 7px;
	right: 6px;
	width: 34px;
	height: 24px;
}
.ovw_weapon_use, .ovw_weapon_kill {
	position: absolute;
	color: #5d656e;
	font-size: 77%;
	font-weight: bold;
}
.ovw_weapon_use {
	top: 60px;
	right: 6px;
}
.ovw_weapon_kill {
	top: 90px;
	right: 6px;
}
.ovw_weapon_use span, .ovw_weapon_kill span {
	margin-left: 3px;
	padding: 1px 3px;
	font-size: 12px;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.8);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	background-color: rgb(57,63,76); /* IE6,7 */
	background: rgba(57,63,76,0.5);
}
.ovw_weapon_use span {
	color: #daa520;
}
.ovw_weapon_kill span {
	color: #418b89;
}
.ovw_weapon_name {
	padding: 0px 9px;
	float: left;
	width: 200px;
	font-size: 93%;
	line-height: 30px;
	color: #a5c9c1;
	font-weight: bold;
}
.ovw_weapon_name span {
	font-size: 10px;
}

#overviewWeaponBtn {
	z-index: 0;
	position: absolute;
	top: 451px;
	right: 26px;
	width: 197px;
	height: 35px;
}
#overviewWeaponBtn span {
	margin: 4px 6px 0px 0px;
	float: right;
}

#overviewWeaponGraphL, #overviewWeaponGraphR {
	position: absolute;
	top: 655px;
	width: 332px;
	height: 25px;
}
#overviewWeaponGraphL {
	left: 33px;
}
#overviewWeaponGraphR {
	right: 33px;
}

/* Overview Mode
----------------------------------*/
#overviewModeLBox, #overviewModeRBox, #overviewModeCBox {
	position: absolute;
	height: 250px;
}
#overviewModeLBox {
	top: 677px;
	left: 4px;
	width: 230px;
}
#overviewModeRBox {
	top: 677px;
	right: 4px;
	width: 230px;
}
#overviewModeCBox {
	top: 717px;
	left: 224px;
	width: 290px;
}

.ovm_mode_detail, .ovm_camp_detail, .ovm_raid_detail {
	padding: 1px;
	float: left;
	width: 288px;
	font-weight: bold;
	background: url(../img_common/bg_dots_white1_line.png) repeat;
}
.ovm_mode_detail dl, .ovm_camp_detail dl, .ovm_raid_detail dl {
	margin-top: 1px;
	float: left;
	width: 288px;
	background-color: #000000;
}
.ovm_mode_detail dl dt, .ovm_camp_detail dl dt, .ovm_raid_detail dl dt {
	padding: 3px 5px;
	float: left;
	width: 65px;
}
.ovm_mode_detail dl dd, .ovm_camp_detail dl dd, .ovm_raid_detail dl dd {
	padding: 3px 0px;
	float: left;
	width: 213px;
}
.ovm_mode_detail dl dd p, .ovm_camp_detail dl dd p, .ovm_raid_detail dl dd p {
	float: right;
	width: 70px;
	text-align: center;
	border-left: solid 1px #1a1a1a;
}

.ovm_camp_detail, .ovm_raid_detail {
	font-size: 85%;
}
.ovm_mode_detail dl dt, .ovm_mode_detail dl dd {
	font-size: 77%;
	color: #5d656e;
}
.ovm_mode_detail p {
	margin-bottom: 2px;
	float: left;
	width: 144px;
}
.ovm_mode_detail p span.fR {
	float: right;
}

/* Overview Count
----------------------------------*/
#overviewCountBox {
	position: absolute;
	top: 905px;
	left: 13px;
	width: 712px;
}

#overviewCountGraph {
	padding: 8px 12px 0px 12px;
	float: left;
	width: 332px;
}
#overviewCountLongGraph {
	padding: 8px 12px 0px 12px;
	float: left;
	width: 688px;
}

/* Overview Sitebuddy
----------------------------------*/
#overviewBuddyBox {
	position: absolute;
	top: 126px;
	left: -52px;
	width: 345px;
	height: 35px;
}
#overviewBuddyBox p {
	float: left;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
}
.ovb_l {
	padding: 4px 20px 0px 45px;
	color: #858d95;
	font-size: 10px;
	background: url(../img_common/nav_arrow.png) no-repeat right center;
}
.ovb_r {
	padding: 0px 5px;
	color: #a5c9c1;
	font-size: 12px;
	line-height: 35px;
}
#overviewBuddyBtn {
	margin: 6px 6px 0px 0px;
	float: right;
}

/* Overview Synchronism
----------------------------------*/
#overviewSyncBox {
	z-index: 80;
	position: absolute;
	top: 138px;
	left: 24px;
	width: 345px;
	height: 35px;
}
#overviewSyncBox p {
	padding: 4px 3px 0px 42px;
	float: left;
	height: 31px;
	width: 140px;
	color: #858d95;
	font-size: 10px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
}
#overviewSyncBox p strong {
	color: #a5c9c1;
	font-size: 12px;
}

#overviewSyncBox input[type="button"] {
	/*margin: 4px 27px 0px 0px;*/
	margin: 4px 15px 0px 0px;
	padding: 0px 5px;
	float: left;
	font-size: 10px;
	font-weight: bold;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.8);
	line-height: 20px;
	-moz-box-shadow: 1px 1px 1px #000000;
	-webkit-box-shadow: 1px 1px 1px #000000;
	-o-box-shadow: 1px 1px 1px #000000;
	-ms-box-shadow: 1px 1px 1px #000000;
	box-shadow: 1px 1px 1px #000000;
	display: block;
}

#overviewSyncAbout {
	position: relative;
	position: absolute;
	top: 6px;
	right: 3px;
}
#overviewSyncAbout span {
	z-index: 80;
	position: absolute;
	top: 30px;
	right: -4px;
	width: 150px;
	display: none;
}
#overviewSyncAbout:hover span {
	display: block;
}

/* Synchronism
----------------------------------*/
#syncRevBox {
	z-index: 80;
	position: absolute;
	top: 5px;
	left: -6px;
	width: 750px;
	height: 47px;
	background: url(../../rev/pc/img_contents/syncbox_bg.png) no-repeat;
}

#syncRevBox p {
	margin-left: 45px;
	padding-left: 35px;
	float: left;
	color: #c0c0c0;
	font-size: 93%;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
	line-height: 47px;
	background: url(../img_common/nav_icon_renet.png) no-repeat left center;
}
#syncRevBox p strong {
	padding: 0px 5px;
	color: #858d95;
	font-size: 116%;
}

#syncRevBox input[type="button"] {
	margin: 11px 0px 0px 15px;
	padding: 0px 15px;
	float: left;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.8);
	line-height: 20px;
	-moz-box-shadow: 1px 1px 1px #000000;
	-webkit-box-shadow: 1px 1px 1px #000000;
	-o-box-shadow: 1px 1px 1px #000000;
	-ms-box-shadow: 1px 1px 1px #000000;
	box-shadow: 1px 1px 1px #000000;
	display: block;
}
.syncRevBtn {
	color: #a9a9a9;
	border: double #5d656e;
	background: url(../img_common/nav_btn_gleam_key.jpg) repeat-x left center;
	cursor: pointer;
}
.syncRevBtn:hover {
	color: #ffffff;
	text-decoration: none;
	border: double #858d95;
	background: url(../img_common/nav_btn_gleam_key_r.jpg) repeat-x left center;
}
.syncRevBtnAtv {
	color: #719bad;
	border: double #1a1a1a;
	background: url(../img_common/nav_btn.jpg) no-repeat -20px center #000000;
	cursor: default;
}

#syncRevBtnAbout {
	position: relative;
	position: absolute;
	top: 9px;
	right: 45px;
}
#syncRevBtnAbout span {
	z-index: 80;
	position: absolute;
	top: 31px;
	right: -10px;
	width: 150px;
	display: none;
}
#syncRevBtnAbout:hover span {
	display: block;
}


/*==================================
CSS Document : Records : Stage
==================================*/
#stageNav {
	margin-bottom: 25px;
	float: left;
	width: 750px;
	height: 85px;
	background: url(../../rev/pc/img_contents/stagelist_nav_bg.png) no-repeat center bottom;
}
#stageNav ul {
	padding: 0px 15px 22px 15px;
	width: 720px;
	min-height: 48px;
}

.stageNavCCA {
	margin-left: -5px;
}
.stageNavCNO {
	margin-left: 0px;
}
.stageNavCIN {
	margin-left: 0px;
}
.stageNavRDA {
	margin-left: 10px;
}
.stageNavRDE {
	margin-left: 0px;
}
.stageNavRAB {
	margin-right: -5px;
}
.stageNavTGS {
	margin: -15px 0px 15px 425px;
	margin: -30px 0px 15px 425px\9;
	background: url(../../rev/pc/img_contents/stagelist_tgs_nav_bg.png) no-repeat center top;
}

.stageNavTtl {
	padding-top: 5px;
	float: left;
	width: 375px;
	height: 10px;
	color: #2c4f54;
	font-size: 85%;
	font-weight: bold;
	text-align: center;
	text-shadow: 0px 0px 15px #ffffff, 0px 0px 10px #ffffff, 0px 0px 0.20px #ffffff;
}

#stageList, #stageRaidList {
	width: 750px;
}

.stageListTtl {
	position: absolute;
	top: 10px;
	left: 0px;
	padding: 0px 25px;
	width: 700px;
	height: 40px;
	color: #f5f5f5;
	font-size: 16px;
	font-family: "Montaga", "メイリオ", Meiryo, serif, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-weight: normal;
	text-shadow: 1px 1px 2px #000000;
	line-height: 40px;
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0.5));
}
.stageListTtl span {
	padding-right: 15px;
	color: #858d95;
	font-size: 12px;
}

#stageList ul {
	position: relative;
	padding: 45px 171px 20px 18px;
	float: left;
	width: 561px;
	background: url(../../rev/pc/img_contents/stagelist_shelf_bg.png) no-repeat left top;
}
#stageRaidList ul {
	padding-right: 2px;
	float: left;
	width: 748px;
}

#stageList ul li, #stageRaidList ul li {
	position: relative;
	padding: 17px 17px 17px 16px;
	float: left;
	list-style: none;
	width: 154px;
	display: block;
}
#stageList ul li {
	height: 144px;
	background: url(../../rev/pc/img_contents/stagelist_bg.png) no-repeat 0px 0px;
}
#stageRaidList ul li {
	height: 184px;
	background: url(../../rev/pc/img_contents/stageraidlist_bg.png) no-repeat 0px 0px;
}

#stageList ul li a, #stageRaidList ul li a {
	margin: -17px -17px -17px -16px;
	padding: 17px 17px 17px 16px;
	float: left;
	list-style: none;
	width: 154px;
}
#stageList ul li a {
	height: 178px;
}
#stageRaidList ul li a {
	height: 218px;
}

#stageList ul li a:hover {
	background: url(../../rev/pc/img_contents/stagelist_bg.png) no-repeat -187px 0px;
}
#stageRaidList ul li a:hover {
	background: url(../../rev/pc/img_contents/stageraidlist_bg.png) no-repeat -187px 0px;
}

#stageList ul li p, #stageRaidList ul li p {
	padding-bottom: 2px;
	float: left;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
}

/* StageListBox
----------------------------------*/
#stageListBox {
	float: left;
	width: 690px;
	min-height: 176px;
	background: url(../../rev/pc/img_contents/stagelistbox_bg.png) no-repeat center top;
}

#stageListBoxNav {
	position: relative;
	float: left;
	width: 690px;
}
#stageListBoxNav a {
	margin: 30px 0px 10px 0px;
	padding: 15px 0px;
	float: left;
	width: 690px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	background: url(../img_common/bg_dots_black5_line.png) repeat;
}
#stageListBoxNav a:hover {
	background: url(../img_common/bg_dots_white1_line.png) repeat;
}
#stageListBoxNav a .navRadiusClearBtn {
	position: absolute;
	top: 42px;
	right: -10px;
	margin: 8px 13px 0px 0px;
	border: solid 1px #1a1a1a;
	background: url(../img_common/nav_arrow_r.png) no-repeat 3px center rgb(44,79,84); /* IE6,7 */
	background: url(../img_common/nav_arrow_r.png) no-repeat 3px center rgba(44,79,84,0.5);
}
#stageListBoxNav a:hover .navRadiusClearBtn {
	color: #418b89;
	border: solid 1px #2c4f54;
	background: url(../img_common/nav_arrow_r.png) no-repeat 3px center #000000;
}

#stageListBoxC {
	position: relative;
	margin: 0px 19px;
	float: left;
	width: 202px;
}
#stageListBoxC img {
	padding: 0px 5px;
	width: 192px;
	height: 108px;
}
#stageListBoxL, #stageListBoxR {
	float: left;
	width: 225px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
}

#stageListBoxDate {
	margin-bottom: 16px;
	padding: 0px 15px;
	float: left;
	width: 660px;
	height: 35px;
	line-height: 35px;
	background: url(../img_common/bg_dots_black5.png) repeat;
}
.slb_ttl {
	float: left;
	width: 330px;
	color: #a5c9c1;
	font-size: 18px;
	font-family: "Montaga", "メイリオ", Meiryo, serif, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-weight: normal;
	text-shadow: 1px 1px 2px #000000;
	line-height: 35px;
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0.5));
}
.slb_ttl span {
	font-size: 24px;
}
.slb_date {
	float: right;
	width: 330px;
}
.slb_dateL {
	padding-right: 35px;
	float: left;
	width: 115px;
	color: #418b89;
	font-size: 10px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
	text-align: right;
}
.slb_dateR {
	float: left;
	width: 180px;
	color: #ffffff;
	font-size: 14px;
	text-align: left;
	text-shadow: 0px 0px 25px #418b89, 0px 0px 20px #418b89, 0px 0px 0.40px #418b89;
}

/* StageListBox - Contents
----------------------------------*/
.stal_img {
	padding: 2px;
	width: 150px;
	height: 84px;
}

.stal_name {
	margin: 8px 0px 5px 0px;
	padding: 2px 5px 5px 5px;
	width: 144px;
	font-size: 93%;
	line-height: 15px;
	background: url(../img_common/bg_dots_black3.png) repeat;
}
.stal_name span {
	color: #858d95;
	font-size: 85%;
}
.stalb_name {
	margin-bottom: 10px;
	padding: 7px 15px;
	width: 195px;
	font-size: 125%;
	background: url(../img_common/bg_dots_black5.png) repeat;
}
.stalb_name span {
	color: #858d95;
	font-size: 77%;
}

.stal_time, .stalb_time {
	color: #a5c9c1;
	background-color: #000000;
}
.stal_time em, .stalb_time em {
	padding-right: 10px;
	color: #5d656e;
	font-style: normal;
}
.stal_time {
	margin-top: 2px;
	padding: 2px 5px;
	width: 144px;
	font-size: 85%;
}
.stal_time em {
	font-size: 70%;
}
.stalb_time {
	margin-bottom: 5px;
	padding: 3px 15px;
	width: 195px;
	font-size: 100%;
}
.stalb_time em {
	font-size: 85%;
}

.stal_lank, .stalb_lank {
	position: absolute;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	text-shadow: 0px 0px 25px #418b89, 0px 0px 20px #418b89, 0px 0px 0.40px #418b89;
}
.stal_lank {
	top: 7px;
	right: 7px;
	width: 50px;
	height: 50px;
	font-size: 24px;
	line-height: 50px;
	background: url(../../rev/pc/img_contents/stage_lank_s.png) no-repeat 0px 0px;
}
.stalb_lank {
	top: -15px;
	right: -15px;
	width: 60px;
	height: 60px;
	font-size: 30px;
	line-height: 60px;
	background: url(../../rev/pc/img_contents/stage_lank_l.png) no-repeat 0px 0px;
}

.stalb_des {
	margin-top: 30px;
	float: left;
	width: 345px;
	font-weight: bold;
}

.stalb_bonus1_lock, .stalb_bonus2_lock, .stalb_bonus3_lock, .stalb_bonus4_lock, 
.stalb_bonus1, .stalb_bonus2, .stalb_bonus3, .stalb_bonus4 {
	position: relative;
	margin: 20px 5px -20px 5px;
	float: left;
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.stalb_bonus1_lock {
	background: url(../../rev/pc/img_contents/stage_raid_icon1.png) no-repeat 0px 0px;
}
.stalb_bonus2_lock {
	background: url(../../rev/pc/img_contents/stage_raid_icon2.png) no-repeat 0px 0px;
}
.stalb_bonus3_lock {
	background: url(../../rev/pc/img_contents/stage_raid_icon3.png) no-repeat 0px 0px;
}
.stalb_bonus4_lock {
	background: url(../../rev/pc/img_contents/stage_raid_icon4.png) no-repeat 0px 0px;
}
.stalb_bonus1 {
	background: url(../../rev/pc/img_contents/stage_raid_icon1.png) no-repeat 0px -40px;
}
.stalb_bonus2 {
	background: url(../../rev/pc/img_contents/stage_raid_icon2.png) no-repeat 0px -40px;
}
.stalb_bonus3 {
	background: url(../../rev/pc/img_contents/stage_raid_icon3.png) no-repeat 0px -40px;
}
.stalb_bonus4 {
	background: url(../../rev/pc/img_contents/stage_raid_icon4.png) no-repeat 0px -40px;
}
.stalb_bonus1:hover {
	background: url(../../rev/pc/img_contents/stage_raid_icon1.png) no-repeat 0px -80px;
}
.stalb_bonus2:hover {
	background: url(../../rev/pc/img_contents/stage_raid_icon2.png) no-repeat 0px -80px;
}
.stalb_bonus3:hover {
	background: url(../../rev/pc/img_contents/stage_raid_icon3.png) no-repeat 0px -80px;
}
.stalb_bonus4:hover {
	background: url(../../rev/pc/img_contents/stage_raid_icon4.png) no-repeat 0px -80px;
}
.stalb_bonus1_lock span, .stalb_bonus2_lock span, .stalb_bonus3_lock span, .stalb_bonus4_lock span, 
.stalb_bonus1 span, .stalb_bonus2 span, .stalb_bonus3 span, .stalb_bonus4 span {
	z-index: 90;
	position: absolute;
	top: 40px;
	left: -56px;
	width: 120px;
	text-align: center;
	display: none;
}
.stalb_bonus1_lock:hover span, .stalb_bonus2_lock:hover span, .stalb_bonus3_lock:hover span, .stalb_bonus4_lock:hover span, 
.stalb_bonus1:hover span, .stalb_bonus2:hover span, .stalb_bonus3:hover span, .stalb_bonus4:hover span {
	display: block;
}

#stalb_chara {
	margin-top: 12px;
	width: 225px;
	height: 56px;
	background: url(../../rev/pc/img_contents/stage_raid_chara.png) no-repeat;
}
.stalb_chara_name {
	padding: 13px 5px 0px 0px;
	float: left;
	width: 120px;
	height: 38px;
	color: #418b89;
	font-size: 10px;
	line-height: 1.1em;
}
.stalb_chara_name span {
	color: #a5c9c1;
	font-size: 12px;
	line-height: 2.0em;
}
.stalb_chara_lv {
	padding: 30px 0px 6px 0px;
	float: left;
	width: 44px;
	height: 20px;
	color: #418b89;
	font-size: 10px;
}
.stalb_chara_lv span {
	padding-left: 3px;
	color: #a5c9c1;
	font-size: 12px;
}
.stalb_chara_icon {
	padding: 3px;
	float: left;
	width: 50px;
	height: 50px;
}

/* StageListBox - CreatureListBox - Detail
----------------------------------*/
.stalb_detail, .crelb_detail {
	margin-top: 5px;
	padding: 1px;
	float: left;
	font-size: 77%;
	background: url(../img_common/bg_dots_white1_line.png) repeat;
}
.stalb_detail {
	width: 223px;
}
.crelb_detail {
	width: 265px;
}

.stalb_detail span, .crelb_detail span {
	float: left;
	color: #5d656e;
	text-align: center;
}
.stalb_detail span {
	width: 223px;
}
.crelb_detail span {
	width: 265px;
}

.stalb_detail dl, .crelb_detail dl {
	margin-top: 1px;
	float: left;
	background-color: #000000;
}
.stalb_detail dl {
	width: 223px;
}
.crelb_detail dl {
	width: 265px;
}

.stalb_detail dl dt, .crelb_detail dl dt {
	padding: 3px 5px;
	float: left;
	color: #5d656e;
}
.stalb_detail dl dt {
	width: 93px;
}
.crelb_detail dl dt {
	width: 135px;
}

.stalb_detail dl dd, .crelb_detail dl dd {
	padding: 3px 0px;
	float: left;
	width: 120px;
}
.stalb_detail dl dd p, .crelb_detail dl dd p {
	float: right;
	width: 59px;
	text-align: center;
	border-left: solid 1px #1a1a1a;
}

/* StageThickBody
----------------------------------*/
#stageThickBody {
	margin: 0 auto;
	width: 750px;
	height: 320px;
	color: #a9a9a9;
}
#stageThickBox {
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 750px;
	height: 305px;
	background: url(../../rev/pc/img_contents/bg_thickbody.jpg) no-repeat center center;
}


/*==================================
CSS Document : Records : Character
==================================*/
#charaList {
	position: relative;
	width: 738px;
	height: 680px;
	background: url(../../rev/pc/img_contents/chara_costume_bg.png) no-repeat center bottom;
}

#charaListNav {
	margin-top: 20px;
	float: left;
	width: 173px;
}
#charaListNav li {
	position: relative;
	padding: 3px 0px 3px 10px;
	float: left;
	list-style: none;
	width: 163px;
	font-size: 85%;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
	background: url(../../rev/pc/img_contents/record_line_bg.png) repeat-x left center;
}
#charaListNav li a {
	padding-left: 20px;
	float: left;
	list-style: none;
	width: 141px;
	height: 28px;
	line-height: 28px;
	-moz-box-shadow: 0px 0px 5px rgba(65,139,137,0.5);
	-webkit-box-shadow: 0px 0px 5px rgba(65,139,137,0.5);
	-o-box-shadow: 0px 0px 5px rgba(65,139,137,0.5);
	-ms-box-shadow: 0px 0px 5px rgba(65,139,137,0.5);
	box-shadow: 0px 0px 5px rgba(65,139,137,0.5);
	border: solid 1px #1a1a1a;
	background: url(../img_common/nav_arrow_a.png) no-repeat 2px center rgb(0,0,0); /* IE6,7 */
	background: url(../img_common/nav_arrow_a.png) no-repeat 2px center rgba(0,0,0,0.7);
	display: ;
}
#charaListNav li a:hover {
	border: solid 1px #418b89;
	background: url(../img_common/nav_arrow.png) no-repeat 2px center rgb(44,79,84); /* IE6,7 */
	background: url(../img_common/nav_arrow.png) no-repeat 2px center rgba(44,79,84,0.7);
}
#charaListNav li span a, #charaListNav li span a:hover {
	color: #418b89;
	border: solid 1px #2c4f54;
	background: url(../img_common/nav_arrow_r.png) no-repeat 2px center rgb(0,0,0); /* IE6,7 */
	background: url(../img_common/nav_arrow_r.png) no-repeat 2px center rgba(0,0,0,0.7);
}

#charaListPanel {
	float: left;
	width: 565px;
	height: 650px;
	overflow: hidden;
	display: block;
}
#charaListPanel1, #charaListPanel2, #charaListPanel3 {
	width: 565px;
	height: 650px;
	display: block;
}
#charaListPanel2, #charaListPanel3 {
	display: none;
}

#charaListBox {
	width: 565px;
	height: 650px;
	display: block;
}

#charaListDetail {
	position: absolute;
	top: 22px;
	right: 12px;
	width: 213px;
}
#charaListBoxNav {
	padding-right: 10px;
	clear: both;
	font-size: 85%;
	font-weight: bold;
	line-height: 60px;
}
#charaListBoxNav li {
	margin: 5px 0px;
	position: relative;
	float: left;
	list-style: none;
	width: 225px;
	height: 60px;
	background: url(../../rev/pc/img_contents/record_line_bg.png) repeat-x left center;
}
#charaListBoxNav li a, #charaListBoxNav li span {
	margin: 15px 10px 15px 0px;
	padding-left: 20px;
	float: left;
	list-style: none;
	width: 195px;
	height: 28px;
	line-height: 28px;
	-moz-box-shadow: 0px 0px 5px rgba(65,139,137,0.5);
	-webkit-box-shadow: 0px 0px 5px rgba(65,139,137,0.5);
	-o-box-shadow: 0px 0px 5px rgba(65,139,137,0.5);
	-ms-box-shadow: 0px 0px 5px rgba(65,139,137,0.5);
	box-shadow: 0px 0px 5px rgba(65,139,137,0.5);
	border: solid 1px #2c4f54;
	background: url(../img_common/nav_arrow_a.png) no-repeat 2px center rgb(0,0,0); /* IE6,7 */
	background: url(../img_common/nav_arrow_a.png) no-repeat 2px center rgba(0,0,0,0.7);
	display: ;
}
#charaListBoxNav li a:hover {
	border: solid 1px #418b89;
	background: url(../img_common/nav_arrow.png) no-repeat 2px center rgb(44,79,84); /* IE6,7 */
	background: url(../img_common/nav_arrow.png) no-repeat 2px center rgba(44,79,84,0.7);
}
#charaListBoxNav li a.active, #charaListBoxNav li span {
	color: #418b89;
	border: solid 1px #2c4f54;
	background: url(../img_common/nav_arrow_r.png) no-repeat 2px center rgb(0,0,0); /* IE6,7 */
	background: url(../img_common/nav_arrow_r.png) no-repeat 2px center rgba(0,0,0,0.7);
}
.charaListNum {
	position: absolute;
	top: 0px;
	right: 8px;
	width: 60px;
	height: 60px;
	font-size: 116%;
	text-align: center;
	line-height: 60px;
	background: url(../../rev/pc/img_contents/chara_num_bg.png) no-repeat center center;
}

#charaListGraph {
	position: absolute;
	top: 230px;
	right: -60px;
	width: 345px;
	height: 200px;
}


/*==================================
CSS Document : Records : Creature
==================================*/
#creatureList {
	width: 750px;
}

#creatureList ul {
	padding: 0px 1px;
	float: left;
	width: 748px;
}
#creatureList ul li {
	padding: 17px 17px 17px 16px;
	float: left;
	list-style: none;
	width: 154px;
	height: 254px;
	background: url(../../rev/pc/img_contents/creaturelist_bg.png) no-repeat 0px 0px;
	display: block;
}
#creatureList ul li a {
	margin: -17px -17px -17px -16px;
	padding: 17px 17px 17px 16px;
	float: left;
	list-style: none;
	width: 154px;
	height: 288px;
}
#creatureList ul li a:hover {
	background: url(../../rev/pc/img_contents/creaturelist_bg.png) no-repeat -187px 0px;
}

#creatureList ul li p {
	padding-bottom: 2px;
	float: left;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
}

/* CreatureListBox
----------------------------------*/
#creatureListBox {
	float: left;
	list-style: none;
	width: 690px;
}
#creatureListBoxL {
	float: left;
	width: 402px;
}
#creatureListBoxL img {
	padding: 1px;
	width: 400px;
	height: 600px;
	background: url(../../rev/pc/img_contents/creature_img_l_bg.jpg) no-repeat left top;
}
#creatureListBoxR {
	margin-left: 21px;
	float: left;
	width: 267px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
}

/* CreatureListBox - Contents
----------------------------------*/
.crel_img {
	position: relative;
	margin: 1px;
	padding: 1px;
	width: 150px;
	height: 150px;
	background: url(../../rev/pc/img_contents/creature_img_s_bg.jpg) no-repeat left top;
}
.crel_new {
	position: absolute;
	top: 5px;
	right: 10px;
	color: #8b0000;
	font-size: 77%;
}

.crel_name {
	margin: 8px 0px;
	padding: 5px;
	width: 144px;
	height: 35px;
	font-size: 93%;
	background: url(../img_common/bg_dots_black3.png) repeat;
}
.crelb_name {
	margin-bottom: 15px;
	padding: 7px 15px;
	width: 237px;
	font-size: 125%;
	background: url(../img_common/bg_dots_black5.png) repeat;
}

.crel_win, .crel_lose {
	padding: 2px;
	width: 71px;
	font-size: 85%;
	text-align: center;
	line-height: 1.0em;
	background-color: #000000;
}
.crelb_win, .crelb_lose {
	margin-bottom: 10px;
	padding: 4px;
	float: left;
	width: 120px;
	font-size: 100%;
	text-align: center;
	border: solid 1px #0d0d0d;
	background-color: #000000;
}
.crel_win {
	margin-right: 2px;
}
.crel_lose {
	margin-left: 2px;
}
.crelb_win {
	margin-right: 4px;
}
.crelb_lose {
	margin-left: 3px;
}
.crel_win, .crelb_win {
	color: #418b89;
}
.crel_lose, .crelb_lose {
	color: #858d95;
}
.crel_win em, .crel_lose em, .crelb_win em, .crelb_lose em {
	color: #5d656e;
	font-style: normal;
}
.crel_win em, .crel_lose em {
	padding-right: 3px;
	font-size: 70%;
}
.crelb_win em, .crelb_lose em {
	padding-right: 5px;
	font-size: 77%;
}

.crelb_des {
	margin-top: 15px;
	padding: 10px 15px;
	float: left;
	width: 237px;
	font-size: 85%;
	line-height: 1.8em;
	background: url(../img_common/bg_dots_black5.png) repeat;
}
.crelb_des em {
	color: #a9a9a9;
	font-size: 116%;
	font-style: normal;
}

.crelb_graph {
	margin: -25px 0px -15px 0px;
	float: left;
	width: 267px;
}


/*==================================
CSS Document : Records : Weapon
==================================*/
#weaponNav {
	width: 750px;
	height: 70px;
	background: url(../../rev/pc/img_contents/weaponlist_nav_bg.png) no-repeat center top;
}
#weaponNav ul {
	padding: 0px 15px 22px 15px;
	width: 720px;
	height: 48px;
}

#weaponList, #weaponPartList {
	margin-top: -15px;
	float: left;
	width: 750px;
}
#weaponList {
	background: url(../../rev/pc/img_contents/weaponlist_shelf_bg.png) no-repeat center top;
}
#weaponPartList {
	background: url(../../rev/pc/img_contents/weaponpartlist_shelf_bg.png) no-repeat center top;
}

#weaponListGraph, #weaponPartListGraph {
	float: left;
	width: 720px;
}
#weaponListGraph {
	margin: 15px 15px 20px 15px;
}
#weaponPartListGraph {
	margin: 20px 15px 25px 15px;
}

/* WeaponListBox - WeaponPartListBox
----------------------------------*/
#weaponListBox, #weaponPartListBox {
	position: relative;
	height: 60px\9;
	padding: 5px;
	float: left;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 5px rgba(65,139,137,0.5);
	-webkit-box-shadow: 0px 0px 5px rgba(65,139,137,0.5);
	-o-box-shadow: 0px 0px 5px rgba(65,139,137,0.5);
	-ms-box-shadow: 0px 0px 5px rgba(65,139,137,0.5);
	box-shadow: 0px 0px 5px rgba(65,139,137,0.5);
	border: solid 1px #1f3134;
	background: url(../../rev/pc/img_contents/bg_cntrevpanel.png) repeat-y left top rgb(0,0,0); /* IE6,7 */
	background: url(../../rev/pc/img_contents/bg_cntrevpanel.png) repeat-y left top rgba(0,0,0,0.5);
}
#weaponListBox {
	margin: 9px 14px 0px 14px;
	width: 710px;
}
#weaponPartListBox {
	margin: 9px 0px 0px 14px;
	width: 342px;
}
#weaponListBox a, #weaponPartListBox a {
	margin: -6px -4px -6px -6px;
	padding: 5px;
	float: left;
	height: 60px\9;
	border: solid 1px #1a1a1a;
	display: block;
}
#weaponListBox a {
	width: 710px;
}
#weaponPartListBox a {
	width: 342px;
}
#weaponListBox a:hover, #weaponPartListBox a:hover {
	height: 60px\9;
	color: #ffffff;
	border: solid 1px #262626;
	background: url(../img_common/bg_dots_white3.png) repeat;
}

/* WeaponListBox - Contents
----------------------------------*/
.weaponItemImg {
	margin-right: 8px;
	float: left;
}
.weaponItemImg img {
	width: 50px;
	height: 50px;
	border: solid 1px #1a1a1a;
}

.weaponNameLbl {
	float: left;
	line-height: 50px;
}
.weaponNameLbl img {
	margin-right: 5px;
	vertical-align: middle;
}

.weal_detail {
	position: absolute;
	top: 18px;
	right: 5px;
	padding: 1px;
	float: right;
	width: 120px\9;
	font-size: 77%;
	background: url(../img_common/bg_dots_white1_line.png) repeat;
}
.weal_detail dl {
	margin: 1px;
	float: left;
	height: 20px;
	line-height: 20px;
	background-color: #000000;
}
.weal_detail dl dt {
	padding: 0px 5px;
	float: left;
	color: #5d656e;
	font-weight: bold;
}
.weal_detail dl dd {
	float: left;
}
.weal_detail dl dd p {
	float: right;
	width: 59px;
	text-align: center;
	border-left: solid 1px #1a1a1a;
}
.weal_use {
	color: #daa520;
}


/*==================================
CSS Document : Records : Medal
==================================*/
#medalList {
	margin: 20px 0px 5px 0px;
	float: left;
	width: 690px;
}

#medalListBox, #medalListLock {
	padding: 19px;
	float: left;
	width: 100px;
	height: 100px;
	display: block;
}
#medalListBox {
	background: url(../../rev/pc/img_contents/medal_nav.png) no-repeat 0px 0px;
	cursor: pointer;
}
#medalListBox:hover {
	padding: 19px;
	float: left;
	width: 100px;
	background: url(../../rev/pc/img_contents/medal_nav.png) no-repeat 0px -138px;
	display: block;
}
#medalListLock {
	text-indent: -9999px;
	background: url(../../rev/pc/img_contents/medal_nav_lock.png) no-repeat 0px 0px;
}
#medalListPtBox {
	margin-bottom: -10px;
	padding-left: 276px;
	float: left;
	width: 414px;
	background: url(../../rev/pc/img_contents/bg_cntrevpanel_ttl.png) no-repeat center center;
}

#medalListAbout {
	position: relative;
	float: left;
	width: 100px;
	height: 100px;
}
#medalListAbout span {
	z-index: 100;
	position: absolute;
	top: 100px;
	left: -109px;
	width: 289px;
	display: none;
}
#medalListAbout:hover, #medalListAbout:hover span {
	z-index: 100;
	display: block;
}

.medalNameTtl {
	margin: 5px 0px;
	padding: 5px 10px;
	color: #a5c9c1;
	font-size: 14px;
	background: #000000;
}
.medalNameInfo {
	padding: 5px 10px 10px 10px;
	font-size: 12px;
	line-height: 18px;
}
.medalNameInfo em {
	color: #5d656e;
	font-size: 77%;
	font-style: normal;
}
.medalNameDes {
	padding: 5px 10px;
	color: #5d656e;
	font-size: 85%;
	line-height: 20px;
	background: #0d0d0d;
}
.medalNameDes em {
	padding: 0px 5px;
	font-size: 12px;
	font-style: normal;
}


/*==================================
CSS Document : Collection Lists - Unlockable Items
==================================*/
#viewerRevBox, #collectionRevBox {
	position: relative;
	margin: 9px 9px 0px 9px;
	padding: 5px;
	float: left;
	width: 710px;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.8);
	-moz-box-shadow: 1px 1px 5px #000000;
	-webkit-box-shadow: 1px 1px 5px #000000;
	-o-box-shadow: 1px 1px 5px #000000;
	-ms-box-shadow: 1px 1px 5px #000000;
	box-shadow: 1px 1px 5px #000000;
	border: solid 1px #1a1a1a;
}
#viewerRevBox {
	background: url(../../rev/pc/img_contents/bg_cntrevpanel.png) repeat-y left top rgb(51,58,66); /* IE6,7 */
	background: url(../../rev/pc/img_contents/bg_cntrevpanel.png) repeat-y left top rgba(51,58,66,0.5);
}
#collectionRevBox {
	background: url(../img_common/itemcatalog_list_bg.jpg) repeat-x center center;
}
#viewerRevBox a, #collectionRevBox a {
	margin: -6px -4px -6px -6px;
	padding: 5px;
	float: left;
	width: 710px;
	border: solid 1px #1a1a1a;
	display: block;
}
#viewerRevBox a:hover {
	color: #ffffff;
	border: solid 1px #333333;
	background: url(../img_common/bg_dots_white3.png) repeat;
}
#collectionRevBox a:hover {
	color: #ffffff;
	border: solid 1px #262626;
	background: url(../img_common/itemcatalog_list_bg_r.jpg) repeat-x center center;
}

.clRevItemImg {
	margin-right: 8px;
	float: left;
}
.clRevItemImg img {
	width: 50px;
	height: 50px;
	border: solid 1px #1a1a1a;
}

.clRevNameLbl {
	float: left;
	width: 600px;
	line-height: 50px;
}
.clRevNameLbl img {
	margin-right: 5px;
	vertical-align: middle;
}

.cl_category, .cl_category_rev1, .cl_category_rev2, .cl_category_rev3, .cl_category_rev4 {
	z-index: 2;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 34px;
	height: 24px;
}
.cl_category_rev1, .cl_category_rev2, .cl_category_rev3, .cl_category_rev4 {
	text-indent: -9999px;
}
.cl_category_rev1 {
	background: url(../../rev/pc/img_contents/store_icon1.png) no-repeat center top;
}
.cl_category_rev2 {
	background: url(../../rev/pc/img_contents/store_icon2.png) no-repeat center top;
}
.cl_category_rev3 {
	background: url(../../rev/pc/img_contents/store_icon3.png) no-repeat center top;
}
.cl_category_rev4 {
	background: url(../../rev/pc/img_contents/store_icon4.png) no-repeat center top;
}

.cl_level, .cl_slot {
	z-index: 2;
	position: absolute;
	bottom: 5px;
	padding: 2px 5px;
	font-weight: bold;
	font-size: 85%;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}
.cl_re_level, .cl_re_slot, .cl_re_aid {
	margin-right: 5px;
	padding: 0px 5px;
	font-weight: bold;
	font-size: 85%;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}
.cl_level, .cl_re_level {
	left: 5px;
	color: #a5c9c1;
	text-shadow: 0px 0px 25px #418b89, 0px 0px 20px #418b89, 0px 0px 0.40px #418b89;
	-moz-box-shadow: 0px 0px 5px rgba(65,139,137,0.7);
	-webkit-box-shadow: 0px 0px 5px rgba(65,139,137,0.7);
	-o-box-shadow: 0px 0px 5px rgba(65,139,137,0.7);
	-ms-box-shadow: 0px 0px 5px rgba(65,139,137,0.7);
	box-shadow: 0px 0px 5px rgba(65,139,137,0.7);
	border: solid 1px #418b89;
	background: rgb(65,139,137); /* IE6,7 */
	background: rgba(65,139,137,0.5);
}
.cl_slot, .cl_re_slot {
	right: 5px;
	color: #418b89;
	text-shadow: 0px 0px 25px #2c4f54, 0px 0px 20px #2c4f54, 0px 0px 0.40px #2c4f54;
	-moz-box-shadow: 0px 0px 5px rgba(44,79,84,0.7);
	-webkit-box-shadow: 0px 0px 5px rgba(44,79,84,0.7);
	-o-box-shadow: 0px 0px 5px rgba(44,79,84,0.7);
	-ms-box-shadow: 0px 0px 5px rgba(44,79,84,0.7);
	box-shadow: 0px 0px 5px rgba(44,79,84,0.7);
	border: solid 1px #2c4f54;
	background: rgb(44,79,84); /* IE6,7 */
	background: rgba(44,79,84,0.5);
}
.cl_re_aid {
	right: 5px;
	color: #2c4f54;
	text-shadow: 0px 0px 25px #a5c9c1, 0px 0px 20px #a5c9c1, 0px 0px 0.40px #a5c9c1;
	-moz-box-shadow: 0px 0px 5px rgba(44,79,84,0.7);
	-webkit-box-shadow: 0px 0px 5px rgba(44,79,84,0.7);
	-o-box-shadow: 0px 0px 5px rgba(44,79,84,0.7);
	-ms-box-shadow: 0px 0px 5px rgba(44,79,84,0.7);
	box-shadow: 0px 0px 5px rgba(44,79,84,0.7);
	border: solid 1px #a5c9c1;
	background: rgb(165,201,193); /* IE6,7 */
	background: rgba(165,201,193,0.5);
}

.cl_re_item {
	padding: 0px 1px;
}

.cl_re_point {
	position: absolute;
	top: 10px;
	right: 50px;
	padding-right: 15px;
	width: 110px;
	height: 40px;
	color: #719bad;
	font-size: 100%;
	text-align: right;
	line-height: 40px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	border: solid 1px #1a1a1a;
	background: rgb(0,0,0); /* IE6,7 */
	background: rgba(0,0,0,0.5);
}
.cl_re_eke {
	position: absolute;
	right: 10px;
	width: 60px;
	color: #858d95;
	font-size: 85%;
	text-align: right;
}
.cl_re_point em, .cl_re_eke em {
	padding-left: 3px;
	color: #5d656e;
	font-size: 85%;
	font-style: normal;
}


/*==================================
CSS Document : Item rewards
==================================*/
#rewardPanel, #rewardPanelSend {
	margin-bottom: 10px;
	float: left;
	width: 750px;
	-moz-box-shadow: 1px 1px 10px #000000;
	-webkit-box-shadow: 1px 1px 10px #000000;
	-o-box-shadow: 1px 1px 10px #000000;
	-ms-box-shadow: 1px 1px 10px #000000;
	box-shadow: 1px 1px 10px #000000;
	background: url(../img_common/bg_dots_white1_line.png) repeat;
}

#rewardBoxTtl {
	padding: 10px 14px;
	float: left;
	width: 720px;
	color: #858d95;
	font-size: 93%;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 2px #000000;
	-moz-box-shadow: 1px 1px 5px #000000;
	-webkit-box-shadow: 1px 1px 5px #000000;
	-o-box-shadow: 1px 1px 5px #000000;
	-ms-box-shadow: 1px 1px 5px #000000;
	box-shadow: 1px 1px 5px #000000;
	border: solid 1px #1a1a1a;
	background: url(../img_common/bg_dot_black.gif) repeat rgb(26,26,26); /* IE6,7 */
	background: url(../img_common/bg_dot_black.gif) repeat rgba(26,26,26,0.7);
}
#rewardBoxTtl p {
	clear: both;
}
#rewardBoxTtl p span {
	color: #418b89;
	font-size: 116%;
}
#rewardBoxTtl input[type="submit"] {
	margin: 5px 0px;
	width: 460px;
}
.rewardTtlHeadline {
	margin-bottom: 8px;
	clear: both;
	color: #f5f5f5;
	font-size: 14px;
	line-height: 33px;
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0.5));
	border: solid 1px #1a1a1a;
	background-color: #000000;
}

.rwBox{
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#rewardBox, #rewardBoxSend, #rewardBoxAid, #rewardBoxTicket, #rewardBoxAidThick {
	position: relative;
	margin: 5px 9px 0px 9px;
	padding: 5px;
	float: left;
	width: 710px;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.8);
	-moz-box-shadow: 1px 1px 5px #000000;
	-webkit-box-shadow: 1px 1px 5px #000000;
	-o-box-shadow: 1px 1px 5px #000000;
	-ms-box-shadow: 1px 1px 5px #000000;
	box-shadow: 1px 1px 5px #000000;
	border: solid 1px #1a1a1a;
}

#rewardBoxAidThick {
	width: 640px;
}

#rewardBox {
	background: url(../img_common/bg_dot_black.gif) repeat rgb(57,63,76); /* IE6,7 */
	background: url(../img_common/bg_dot_black.gif) repeat rgba(57,63,76,0.8);
}
#rewardBoxSend {
	background: url(../img_common/bg_dots_black7.png) repeat;
}
#rewardBoxAid, #rewardBoxAidThick {
	background: url(../img_common/bg_dot_black.gif) repeat rgb(44,79,84); /* IE6,7 */
	background: url(../img_common/bg_dot_black.gif) repeat rgba(44,79,84,0.8);
}
#rewardBoxTicket {
	background: url(../img_common/bg_dot_black.gif) repeat rgb(106,93,33); /* IE6,7 */
	background: url(../img_common/bg_dot_black.gif) repeat rgba(106,93,33,0.8);
}

.rewardItemImg {
	margin-right: 16px;
	float: left;
}
.rewardItemImg img {
	width: 30px;
	height: 30px;
	border: solid 1px #1a1a1a;
}

.rewardNameLbl, .rewardNameLblThick {
	margin-top: 9px;
	float: left;
	width: 660px;
}

.rewardNameLblThick {
        width: 500px;
}

.rewardNameLbl img, .rewardNameLblThck img {
	margin-right: 5px;
	float: left;
	vertical-align: middle;
}

.rewardItemNav {
	position: absolute;
	top: 9px;
	right: 9px;
	font-size: 77%;
}

.rewardItemFini {
	position: absolute;
	top: 7px;
	right: 6px;
	width: 180px;
	height: 28px;
	font-size: 10px;
	color: #5d656e;
	text-align: center;
	line-height: 28px;
	background: url(../img_common/bg_dot_key.gif) repeat;
}
.rewardItemFini span {
	padding-left: 5px;
}

/* rewardNav
----------------------------------*/
#rewardNav {
	padding: 0px 15px 22px 15px;
	float: left;
	width: 720px;
	height: 48px;
	background: url(../img_contents/viewerlist_nav_bg.png) no-repeat center top;
}

.rewardNav2nd, .rewardNav3rd {
	margin: 5px 15px 8px 15px;
	float: left;
	width: 690px;
}
.rewardNav2nd li, .rewardNav3rd li {
	margin: 5px 5px 0px 5px;
	padding: 5px 0px;
	float: left;
	list-style: none;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.8);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border: solid 1px #1a1a1a;
}
.rewardNav2nd li, .rewardNav2nd li a {
	width: 333px;
}
.rewardNav3rd li, .rewardNav3rd li a {
	width: 218px;
}
.rewardNav2nd li a, .rewardNav3rd li a{
	margin: -6px -1px;
	padding: 5px 0px;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border: solid 1px #1a1a1a;
	background: url(../img_common/bg_dot_black.gif) repeat rgb(26,26,26); /* IE6,7 */
	background: url(../img_common/bg_dot_black.gif) repeat rgba(26,26,26,0.7);
	display: block;
}
.rewardNav2nd li a:hover, .rewardNav3rd li a:hover {
	color: #ffffff;
	text-decoration: none;
	border: solid 1px #333333;
	background: url(../img_common/bg_dot_black.gif) repeat rgb(38,38,38); /* IE6,7 */
	background: url(../img_common/bg_dot_black.gif) repeat rgba(38,38,38,0.7);
}
.rewardNav2nd li a.navSelected, .rewardNav3rd li a.navSelected {
	color: #418b89;
	border: solid 1px #2c4f54;
	background-color: #000000;
}

/* rewardThickBody
----------------------------------*/
#rewardThickBody {
	margin: 0 auto;
	width: 740px;
	height: 410px;
	color: #a9a9a9;
}
#rewardThickBox {
	margin-bottom: 5px;
	padding-bottom: 5px;
	width: 740px;
	height: 400px;
	background: url(../../rev/pc/img_contents/bg_thickbody.jpg) no-repeat center center;
}

#rewardAidCount {
	width: 658px;
	height: 60px;
	color: #858d95;
	font-size: 93%;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	text-shadow: 1px 1px 2px #000000;
	-moz-box-shadow: 1px 1px 5px #000000;
	-webkit-box-shadow: 1px 1px 5px #000000;
	-o-box-shadow: 1px 1px 5px #000000;
	-ms-box-shadow: 1px 1px 5px #000000;
	box-shadow: 1px 1px 5px #000000;
	border: solid 1px #1a1a1a;
	background: url(../img_common/bg_dot_black.gif) repeat rgb(26,26,26); /* IE6,7 */
	background: url(../img_common/bg_dot_black.gif) repeat rgba(26,26,26,0.7);
}
#rewardAidCount span {
	color: #418b89;
	font-size: 116%;
}


/*==================================
CSS Document : CustomTitle
==================================*/
#ctRevList {
	padding: 10px 0px 5px 4px;
	float: left;
	width: 670px;
}
#ctRevListBox {
	margin: 0px 0px 9px 12px;
	float: left;
	list-style: none;
	width: 319px;
	color: #a9a9a9;
	text-shadow: 1px 1px 2px #000000;
	-moz-box-shadow: 1px 1px 2px #000000;
	-webkit-box-shadow: 1px 1px 2px #000000;
	-o-box-shadow: 1px 1px 2px #000000;
	-ms-box-shadow: 1px 1px 2px #000000;
	box-shadow: 1px 1px 2px #000000;
	border: solid 1px #1a1a1a;
	background: url(../img_common/bg_dot_black.gif) repeat #1a1a1a;
}

.ctRevListName, .ctRevListLock {
	float: left;
	font-weight: bold;
}
.ctRevListName {
	padding-left: 5px;
	width: 250px;
	font-size: 93%;
	line-height: 35px;
}
.ctRevListLock {
	padding-left: 35px;
	width: 284px;
	color: #696969;
	font-size: 93%;
	line-height: 35px;
	background: url(../img_common/nav_icon_lock.png) no-repeat 5px center;
}
.ctRevListName img {
	padding-right: 5px;
	vertical-align: middle;
}

#ctRevListAbout {
	position: relative;
	margin-top: 8px;
	float: left;
	width: 30px;
}
#ctRevListAbout span {
	z-index: 100;
	position: absolute;
	top: 19px;
	left: -257px;
	width: 289px;
	display: none;
}
#ctRevListAbout:hover, #ctRevListAbout:hover span {
	z-index: 100;
	display: block;
}

.ctRevListInfo {
	margin: 5px 0px;
	padding: 5px 10px;
	font-size: 12px;
	background: #000000;
}
.ctRevListDes {
	padding: 5px 10px;
	color: #5d656e;
	font-size: 85%;
	line-height: 20px;
	background: #0d0d0d;
}
.ctRevListDes em {
	padding: 0px 5px;
	font-size: 12px;
	font-style: normal;
}


/*==================================
CSS Document : Collection Lists : File - Previously
==================================*/
#filePreviouslyList {
	width: 740px;
}

#filePreviouslyList ul {
	padding: 0px 10px;
	float: left;
	width: 720px;
	background: url(../../rev/pc/img_contents/filepreviouslyList_shelf_bg.png) repeat-y center top;
}
*:first-child+html #filePreviouslyList ul {
	padding-bottom: 35px;
}
#filePreviouslyList ul li {
	position: relative;
	margin: 9px 5px 40px 5px;
	padding: 7px;
	float: left;
	list-style: none;
	width: 154px;
	height: 140px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 5px #000000;
	-webkit-box-shadow: 1px 1px 5px #000000;
	-o-box-shadow: 1px 1px 5px #000000;
	-ms-box-shadow: 1px 1px 5px #000000;
	box-shadow: 1px 1px 5px #000000;
	border: solid 1px #1a1a1a;
	background: url(../img_common/bg_dots_white1_line.png) repeat;
	-webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(0.9, rgba(0,0,0,0)),to(rgba(0,0,0,0.5)));
}
#filePreviouslyList ul li a {
	margin: -8px -8px -39px -8px;
	padding: 7px;
	float: left;
	list-style: none;
	width: 154px;
	height: 140px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #1a1a1a;
	display: block;
}
#filePreviouslyList ul li a:hover {
	color: #ffffff;
	border: solid 1px #333333;
	background: url(../img_common/bg_dots_black5_line.png) repeat;
}

#filePreviouslyList ul li p {
	padding-bottom: 2px;
	float: left;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
}

.previously_img {
	position: relative;
	padding: 1px;
	width: 152px;
	height: 86px;
	background: url(../../rev/pc/img_contents/file_img_bg.jpg) no-repeat;
}
.previously_name {
	margin: 6px 0px 5px 0px;
	padding: 5px;
	width: 144px;
	height: 37px;
	font-size: 93%;
	line-height: 1.4em;
	background: url(../img_common/bg_dots_black3.png) repeat;
}
.previously_name span {
	color: #858d95;
	font-size: 10px;
}


/*==================================
CSS Document : Partner - AidBtn
==================================*/
#partnerAidBox {
	position: absolute;
	top: 5px;
	right: 6px;
}

input[type="submit"]#partnerAidBtn,#partnerAidSend {
	padding: 3px 4px 3px 21px;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.8);
	line-height: 16px;
	vertical-align: middle;
	float: right;
	width:155px;
}
#partnerAidBtn, #partnerAidSend {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 1px 1px 5px #000000;
	-webkit-box-shadow: 1px 1px 5px #000000;
	-o-box-shadow: 1px 1px 5px #000000;
	-ms-box-shadow: 1px 1px 5px #000000;
	box-shadow: 1px 1px 5px #000000;
	border: solid 1px #2c4f54;
	background: url(../../rev/pc/img_contents/nav_btn_aid.png) no-repeat 0px 1px rgb(44,79,84); /* IE6,7 */
	background: url(../../rev/pc/img_contents/nav_btn_aid.png) no-repeat 0px 1px rgba(44,79,84,0.5);
	cursor: pointer;
}
#partnerAidBtn:hover {
	text-decoration: none;
	border: solid 1px #418b89;
	background: url(../../rev/pc/img_contents/nav_btn_aid.png) no-repeat 0px -19px rgba(65,139,137); /* IE6,7 */
	background: url(../../rev/pc/img_contents/nav_btn_aid.png) no-repeat 0px -19px rgba(65,139,137,0.5);
}
#partnerAidBtn{
	
}
#partnerAidSend {
	width: 130px!important;
	float: right!important;
	text-align: center;
	border: solid 1px #393f4c;
	background: url(../../rev/pc/img_contents/nav_btn_aid.png) no-repeat 0px -40px rgb(57,63,76); /* IE6,7 */
	background: url(../../rev/pc/img_contents/nav_btn_aid.png) no-repeat 0px -40px rgba(57,63,76,0.5);
	cursor: default;
}

#partnerAidMess {
	z-index: 90;
	position: absolute;
	top: 28px;
	padding: 9px 14px 6px 14px;
	right: 5px!important;
	width: 305px!important;
	height: 100px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 1px 1px 2px #000000;
	-webkit-box-shadow: 1px 1px 2px #000000;
	-o-box-shadow: 1px 1px 2px #000000;
	-ms-box-shadow: 1px 1px 2px #000000;
	box-shadow: 1px 1px 2px #000000;
	border: solid 1px #2c4f54;
	background: url(../img_common/bg_dot_black.gif) repeat rgb(31,49,52); /* IE6,7 */
	background: url(../img_common/bg_dot_black.gif) repeat rgba(31,49,52,0.9);
  	display: none;
}
#partnerAidMess div{
	/*width: 305px;*/
}
#partnerAidMess p {
	margin-bottom: 6px;
	padding: 8px 0px;
	clear: both;
	color: #418b89;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background: #000000;
}

.aidMessBtn {
	margin: 0 auto;
	width: 35px;
	height: 35px;
	text-indent: -9999px;
	border: none;
	background: url(../img_common/tbox_tab_close.png) no-repeat center top;
	display: block;
}
.aidMessBtn:hover {
	background: url(../img_common/tbox_tab_close.png) no-repeat center bottom;
}