@charset "utf-8";
/*==================================
CSS Document : Overview
==================================*/
#float {
	margin: 0 auto;
	padding: 0px;
	clear: both;
	width: 100%;
}
#float:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
#float {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html #float {
	height: 1%;
}
#float {
	display: block;
	zoom: 1;
}
/* End hide from IE-mac */

#bar_graph {
	margin: 0px;
	width: 100%;
}
#bar_graph p {
	color: #5d656e;
	font-size: 77%;
	font-weight: bold;
}
#bar_graph_bg {
	margin: 3px 0px;
	margin-top: 0px\9;
	height: 30px;
	min-height: 30px;
	border: solid 1px #1a1a1a;
	background: url(../img_common/bg_dot_gray.gif) repeat;
}


/*==================================
CSS Document : Profile
==================================*/
#chart_record_log_daily {
	width: 100%;
	height: 100px;
	background: url(../img_common/bg_dots_black3.png) repeat;
}

#record_log_daily, #record_log_weekly, #record_log_monthly {
	width: 100%; /* table */
	display: none;
}

/* PlayTime
----------------------------------*/
.TotalPlayTime, .TotalPlayNum, .TotalPoint {
	padding: 10px 5px;
	color: #c0c0c0;
	font-size: 100%;
	font-family: "Book Antiqua", serif, "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: center;
	background: url(../img_common/bg_dots_black3.png) repeat;
}
.TotalPlayTime {
	text-shadow: 0px 0px 25px #a5c9c1, 0px 0px 20px #a5c9c1, 0px 0px 0.40px #a5c9c1;
}
.TotalPlayNum {
	text-shadow: 0px 0px 25px #418b89, 0px 0px 20px #418b89, 0px 0px 0.40px #418b89;
}
.TotalPoint {
	text-shadow: 0px 0px 25px #719bad, 0px 0px 20px #719bad, 0px 0px 0.40px #719bad;
}
.TotalPlayTime em, .TotalPlayNum em, .TotalPoint em {
	padding: 0px 5px;
	color: #ffffff;
	font-size: 182%;
	font-style: normal;
}

.PlayTime, .PlayNum {
	margin-bottom: 10px;
	padding: 3px 5px;
	color: #5d656e;
	font-weight: bold;
	text-align: center;
	-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);
}
.PlayTime em, .PlayNum em {
	padding: 0px 5px;
	color: #a9a9a9;
	font-size: 131%;
	font-style: normal;
}


/*==================================
CSS Document : Overview : CAMPAIGN MODE - RAID MODE
==================================*/
#chart_record_camp, #chart_record_raid {
	position: relative;
	width: 100%;
	height: 250px;
}
#chart_record_camp_ttl, #chart_record_raid_ttl {
	z-index: 1;
	position: absolute;
	top: 90px;
	width: 100%;
	color: #c0c0c0;
	font-size: 30px;
	font-weight: normal;
	font-family: "Book Antiqua", serif, "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: center;
}
#chart_record_camp_ttl {
	text-shadow: 0px 0px 25px #00a968, 0px 0px 20px #00a968, 0px 0px 0.40px #00a968;
}
#chart_record_raid_ttl {
	text-shadow: 0px 0px 25px #5a4498, 0px 0px 20px #5a4498, 0px 0px 0.40px #5a4498;
}

#record_camp, #record_raid {
	width: 100%; /* table */
	display: none;
}

/* CAMPAIGN MODE - RAID MODE : bar_graph
----------------------------------*/
#record_CCA, #record_CNO, #record_CIN, #record_RDA, #record_RDE, #record_RAB {
	position: relative;
}
#record_CCA h3, #record_CNO h3, #record_CIN h3, #record_RDA h3, #record_RDE h3, #record_RAB h3 {
	top: 7px;
	right: 10px;
	color: #858d95;
	font-size: 10px;
	text-align: right;
}
#record_CCA h3 span, #record_CNO h3 span, #record_CIN h3 span, #record_RDA h3 span, #record_RDE h3 span, #record_RAB h3 span {
	font-size: 14px;
	color: #ffffff;
}
#record_CCA h3, #record_CNO h3, #record_CIN h3, #record_RDA h3, #record_RDE h3, #record_RAB h3, 
.value_CCA, .value_CNO, .value_CIN, .value_RDA, .value_RDE, .value_RAB {
	z-index: 10;
	position: absolute;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
	white-space: nowrap;
}
.value_CCA, .value_CNO, .value_CIN, .value_RDA, .value_RDE, .value_RAB {
	top: 3px;
	left: 10px;
	color: #c0c0c0;
	font-size: 20px;
}
.total_CCA, .total_CNO, .total_CIN, .total_RDA, .total_RDE, .total_RAB {
	display: none;
}
.bar_graph_CCA, .bar_graph_CNO, .bar_graph_CIN, .bar_graph_RDA, .bar_graph_RDE, .bar_graph_RAB {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 0px;
	height: 30px;
	display: inline-block;
}
.bar_graph_CCA {
	background: rgb(0,84,52); /* IE6,7 */
	background: rgba(0,169,104,0.5);
}
.bar_graph_CNO {
	background: rgb(0,87,102); /* IE6,7 */
	background: rgba(0,175,204,0.5);
}
.bar_graph_CIN {
	background: rgb(0,87,102); /* IE6,7 */
	background: rgba(0,104,183,0.5);
}
.bar_graph_RDA {
	background: rgb(45,34,76); /* IE6,7 */
	background: rgba(90,68,152,0.5);
}
.bar_graph_RDE {
	background: rgb(45,34,76); /* IE6,7 */
	background: rgba(127,17,132,0.5);
}
.bar_graph_RAB {
	background: rgb(64,0,0); /* IE6,7 */
	background: rgba(128,0,0,0.5);
}


/*==================================
CSS Document : Records : Character
==================================*/
#chart_record_chara {
	position: relative;
	width: 100%;
	height: 200px;
}

#record_chara {
	width: 100%; /* table */
	display: none;
}


/*==================================
CSS Document : Records : Creature
==================================*/
#chart_record_creature {
	position: relative;
	width: 100%;
	height: 250px;
}
#chart_record_creature_ttl {
	z-index: 1;
	position: absolute;
	top: 0px;
	width: 267px;
	color: #c0c0c0;
	font-size: 30px;
	font-weight: normal;
	font-family: "Book Antiqua", serif, "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: center;
	line-height: 250px;
	text-shadow: 0px 0px 25px #418b89, 0px 0px 20px #418b89, 0px 0px 0.40px #418b89;
}

#record_creature {
	width: 100%; /* table */
	display: none;
}


/*==================================
CSS Document : Records : Weapon
==================================*/
#chart_record_weaponlist, #chart_record_weaponlist_tag, #chart_record_weaponlist_sub {
	width: 100%;
	height: 197px;
	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.25);
}

#record_weaponlist, #record_weaponlist_tag, #record_weaponlist_sub {
	width: 100%; /* table */
	display: none;
}

/* Weapon : bar_graph
----------------------------------*/
#record_weaponpart {
	position: relative;
}
#record_weaponpart h3 {
	top: 10px;
	right: 10px;
	color: #858d95;
	font-size: 10px;
	text-align: right;
}
#record_weaponpart h3 span {
	font-size: 14px;
	color: #ffffff;
}
#record_weaponpart h3, .value_weaponpart {
	z-index: 10;
	position: absolute;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
	white-space: nowrap;
}
.value_weaponpart {
	top: 3px;
	left: 10px;
	color: #c0c0c0;
	font-size: 20px;
}
.total_weaponpart {
	display: none;
}
.bar_graph_weaponpart {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 0px;
	height: 30px;
	display: inline-block;
}
.bar_graph_weaponpart {
	background: rgb(127,107,0); /* IE6,7 */
	background: rgba(255,215,0,0.5);
}

/* Overview Weapon : bar_graph
----------------------------------*/
#bar_graph_ovw {
	margin: 0px;
	width: 100%;
}
#bar_graph_ovw p {
	color: #5d656e;
	font-size: 77%;
	font-weight: bold;
}
#bar_graph_ovw_bg {
	height: 23px;
	min-height: 23px;
	border: solid 1px #1a1a1a;
	background: url(../img_common/bg_dot_gray.gif) repeat;
}

#record_ovw_weapon, #record_ovw_weaponpart {
	position: relative;
}
#record_ovw_weapon h3, #record_ovw_weaponpart h3 {
	top: 7px;
	right: 10px;
	color: #858d95;
	font-size: 10px;
	text-align: right;
}
#record_ovw_weapon h3 span, #record_ovw_weaponpart h3 span {
	font-size: 14px;
	color: #ffffff;
}
#record_ovw_weapon h3, .value_ovw_weapon, 
#record_ovw_weaponpart h3, .value_ovw_weaponpart {
	z-index: 10;
	position: absolute;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
	white-space: nowrap;
}
.value_ovw_weapon, .value_ovw_weaponpart {
	top: 3px;
	left: 10px;
	color: #c0c0c0;
	font-size: 16px;
}
.total_ovw_weapon, .total_ovw_weaponpart {
	display: none;
}
.bar_graph_ovw_weapon, .bar_graph_ovw_weaponpart {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 0px;
	height: 23px;
	display: inline-block;
}
.bar_graph_ovw_weapon {
	background: rgb(16,89,85); /* IE6,7 */
	background: rgba(32,178,170,0.5);
}
.bar_graph_ovw_weaponpart {
	background: rgb(127,107,0); /* IE6,7 */
	background: rgba(255,215,0,0.5);
}


/*==================================
CSS Document : Records : Medals - Name
==================================*/
#record_medal, #record_name {
	position: relative;
}
#record_medal h3, #record_name h3 {
	top: 10px;
	right: 10px;
	color: #858d95;
	font-size: 10px;
	text-align: right;
}
#record_medal h3 span, #record_name h3 span {
	font-size: 14px;
	color: #ffffff;
}
#record_medal h3, .value_medal, 
#record_name h3, .value_name {
	z-index: 10;
	position: absolute;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
	white-space: nowrap;
}
.value_medal, .value_name {
	top: 3px;
	left: 10px;
	color: #c0c0c0;
	font-size: 20px;
}
.total_medal, .total_name {
	display: none;
}

.bar_graph_medal, .bar_graph_name {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 0px;
	height: 30px;
	display: inline-block;
}
.bar_graph_medal {
	background: rgb(0,127,127); /* IE6,7 */
	background: rgba(0,255,255,0.5);
}
.bar_graph_name {
	background: rgb(63,127,106); /* IE6,7 */
	background: rgba(127,255,212,0.5);
}


/*==================================
CSS Document : Records : Webbadge - Webmedal
==================================*/
#record_webbadge, #record_webmedal {
	position: relative;
}
#record_webbadge h3, #record_webmedal h3 {
	top: 10px;
	right: 10px;
	color: #858d95;
	font-size: 10px;
	text-align: right;
}
#record_webbadge h3 span, #record_webmedal h3 span {
	font-size: 14px;
	color: #ffffff;
}
#record_webbadge h3, .value_webbadge, 
#record_webmedal h3, .value_webmedal {
	z-index: 10;
	position: absolute;
	padding-left: 35px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
	white-space: nowrap;
}
.value_webbadge, .value_webmedal {
	top: 3px;
	left: 1px;
	color: #c0c0c0;
	font-size: 20px;
}
.value_webbadge {
	background: url(../img_contents/icon_web_badge.png) no-repeat 5px center;
}
.value_webmedal {
	background: url(../img_contents/icon_web_medal.png) no-repeat 5px center;
}
.total_webbadge, .total_webmedal {
	display: none;
}
.bar_graph_webbadge, .bar_graph_webmedal {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 0px;
	height: 30px;
	display: inline-block;
}
.bar_graph_webbadge {
	background: rgb(91,91,127); /* IE6,7 */
	background: rgba(183,183,255,0.5);
}
.bar_graph_webmedal {
	background: rgb(80,108,119); /* IE6,7 */
	background: rgba(160,216,239,0.5);
}