@charset "utf-8";
/*==================================
CSS Document : contentsVoid : TOP
==================================*/
#newsTopPanel {
	width: 100%;
	height: 36px;
	background: url(../img_common/bg_newspanel.png) repeat-x center top;
}
#newsTopBox {
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: 36px;
	overflow: hidden;
}
#newsTopBox article {
	position: relative;
	margin: 14px 170px 4px 30px;
	height: 18px;
	float: left;
	overflow: hidden;
}

#newsTicker {
	position: relative;
	height: 18px;
	overflow: hidden;
}
#newsTicker span {
	padding-left: 70px;
	font-size: 85%;
	cursor: pointer;
}
#newsTicker span a {
	color: #ffffff;
	text-decoration: none;
}
#newsTicker span a:hover {
	color: #719bad;
	text-decoration: none;
}
#newsTicker span em {
	padding-right: 10px;
	font-weight: bold;
	font-style: normal;
}

.newsTopTtl {
	z-index: 10;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 93%;
	text-shadow: 1px 1px 2px #000000;
}
.newsTopTtl h3 {
	padding: 14px 0px 4px 20px;
	width: 70px;
	height: 18px;
	float: left;
	color: #4b4b4b;
	font-weight: bold;
	background: url(../img_common/bg_newspanel_arrow.png) no-repeat right 1px;
}
.newsTopBt {
	z-index: 10;
	position: absolute;
	top: 11px;
	right: 0px;
}
.navMoreBtn{
	width:30%;
	margin: 10px 5px;
}
.infoDeLink{
	display: block;
	padding: 5px 2px;
}
/* HeadCount
----------------------------------*/
#headCountPanel {
	margin: 0 auto;
	clear: both;
	width: 980px;
	height: 50px;
	background: url(../img_common/bg_head-count.png) no-repeat center center;
}
.headCountBoxL, .headCountBoxR {
	float: left;
	width: 490px;
	height: 50px;
}
.headCountBoxL dl, .headCountBoxR dl {
	width: 390px;
	height: 28px;
	text-shadow: 1px 1px 2px #000000;
}
.headCountBoxL dl {
	padding: 11px 0px 11px 100px;
}
.headCountBoxR dl {
	padding: 11px 100px 11px 0px;
}
.headCountBoxL dl dt, .headCountBoxR dl dt {
	float: left;
	width: 155px;
	font-size: 26px;
	font-family: "Book Antiqua", serif, "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	line-height: 28px;
	display: block;
}
.headCountBoxL dl dt {
	color: #719bad;
	text-align: right;
	padding: 0px 35px 0px 15px;
}
.headCountBoxR dl dt {
	color: #c0c0c0;
	padding: 0px 15px 0px 35px;
}
.headCountBoxL dl dd, .headCountBoxR dl dd {
	float: left;
	width: 185px;
	color: #696969;
	font-size: 77%;
	font-weight: bold;
	line-height: 28px;
}
.headCountBoxL dl dd {
	text-align: right;
}
/*------------------
 【bnrArea】 
------------------*/
#bnrArea {
	width:982px;
	margin:0 auto 20px auto;
}
#bnrArea li {
	list-style:none;
}
#bnrArea li.oBnr {
	float:left;
	width:650px;
	margin:0 10px 0 0;
}
#bnrArea li.cBnr {
	float:left;
	width:322px;
}
/*==================================
CSS Document : first
==================================*/
#have_Account {
	clear:both;
	margin:0 0 0 30px;
}
.haveAccount_ja,
.haveAccount_en {
	margin:30px 0 0 0;
}
.haveAccount_ja dt,
.haveAccount_en dt {
	margin:0 0 15px 0;
	text-align:center;
}
.haveAccount_ja dd li.BtnLoginJa,
.haveAccount_ja dd li.BtnAccountJa {
	float:left;
	width:255px;
	margin:0 0 20px 0;
	list-style:none;
}
.haveAccount_en dd li.BtnLoginEn,
.haveAccount_en dd li.BtnAccountEn {
	float:left;
	width:285px;
	margin:0 0 20px 0;
	list-style:none;
}
.haveAccount_ja dd li.BtnAccountJa {
	margin:0 100px 20px 10px;
}
.haveAccount_en dd li.BtnAccountEn {
	margin:0 40px 20px 10px;
}
.haveAccount_en dd li.BtnAccountEn, .haveAccount_en dd li.BtnLoginEn {
	float:left;
	width:285px;
	list-style:none;
}
.BtnAccountJa, .BtnLoginJa, .BtnAccountEn, .BtnLoginEn {
	height: 34px;
}
.BtnAccountJa a, .BtnLoginJa a, .BtnAccountEn a, .BtnLoginEn a{
	text-indent: -9999px;
	display: block;
	height: 34px;
	line-height: 34px;
}
.BtnAccountJa a, .BtnLoginJa a{
	width: 255px;
}
.BtnAccountEn a, .BtnLoginEn a{
	width: 285px;
}
.BtnAccountJa a{
	background: url("../img_common/btn_account_ja.png") no-repeat;
}
.BtnAccountEn a{
	background: url("../img_common/btn_account_en.png") no-repeat;
}
.BtnLoginJa a{
	background: url("../img_common/btn_login_ja.png") no-repeat;
}
.BtnLoginEn a{
	background: url("../img_common/btn_login_en.png") no-repeat;
}
.BtnAccountJa a:hover{
	background: url("../img_common/btn_account_ja_on.png") no-repeat;
}
.BtnAccountEn a:hover{
	background: url("../img_common/btn_account_en_on.png") no-repeat;
}
.BtnLoginJa a:hover{
	background: url("../img_common/btn_login_ja_on.png") no-repeat;
}
.BtnLoginEn a:hover{
	background: url("../img_common/btn_login_en_on.png") no-repeat;
}
.aboutAccount {
	clear:both;
	width:588px;
	margin:30px 0 0 0;
	padding:0 20px 10px 20px;
	border:1px solid #565656;
	background:url("../img_common/bg_dots_black5_line.png") repeat;
}
.aboutAccount dt {
	margin:10px 0 10px 0;
	padding:0 0 0 30px;
	background:url("../img_common/icon_ca.png") no-repeat left center;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	line-height:19px;
}
.aboutAccount a {
	text-decoration:underline;
}
.aboutAccount a:hover {
	text-decoration:none;
}
.point01, .point02, .point03 {
	width:194px;
	height:270px;
	margin:0 20px 0 0;
	padding:20px 10px;
	list-style:none;
}
.point03 {
	margin:0 0 30px 0;
}
.point03 span {
	font-size:80%;
}
.point01 h3 {
	text-align:center;
}
#have_Account p,
#have_Account p a {
	clear:both;
	color:#fff;
	text-align:center;
	text-decoration:underline;
}
#have_Account p:hover,
#have_Account p a:hover {
	text-decoration:none;
}
#flowNav {
	float:left;
	padding:30px 0 0 0;
	background: url(../img_common/bg_cntframe_c.png) repeat-y left top;
}
/*==================================
CSS Document : Mobile
==================================*/
#mobilePanel {
	float: left;
	width: 690px;
	min-height: 390px;
	background: url(../img_common/mobile_app_img.png) no-repeat right top;
}
#mobilePanelLong {
	float: left;
	width: 690px;
	min-height: 426px;
	background: url(../img_common/mobile_app_img_long.png?t=20150318201000) no-repeat right top;
}

.mobileInfoBox {
	margin: 5px;
	width: 490px;
}
.mobileInfoBox p {
	padding: 20px 20px 20px 120px;
	text-shadow: 1px 1px 2px #000000;
	line-height: 1.7em;
	background: url(../img_common/mobile_app_icon.png) no-repeat 10px center;
	background-size: 90px 90px;
	-webkit-background-size: 90px 90px;
	-moz-background-size: 90px 90px;
}
.mobileInfoBox p span {
	color: #c0c0c0;
	font-size: 116%;
	font-weight: bold;
}

.mobileDlBox {
	margin: 30px 5px;
	padding: 10px;
	width: 470px;
}


/*==================================
CSS Document : Event : SelectLanguage
==================================*/
#selectBtLangBox {
	margin: 0px 5px 25px 5px;
	width: 710px;
}
#selectBtLangInBox {
	float: left;
	width: 678px;
}
#selectBtLangInBox.frameBlkPanel {
	padding: 10px 5px 5px 5px;
}
#selectBtLangBox p, #selectBtLangInBox p {
	color: #858d95;
	font-size: 77%;
	line-height: 14px;
	border: solid 1px #0d0d0d;
	background: url(../img_common/bg_dot_black.gif) repeat #0d0d0d;
}

#selectBtLangBox ul, #selectBtLangInBox ul {
	margin: 0 auto;
	width: 268px;
}
#selectBtLangBox ul li, #selectBtLangInBox ul li {
	margin: 0px 8px 10px 7px;
	float: left;
	list-style: none;
}
#selectBtLangBox ul li, #selectBtLangInBox ul li.active {
	border:1px solid #fff;
}
#selectBtLangBox ul li a, #selectBtLangInBox ul li a {
	float: left;
	width: 21px;
	height: 14px;
	text-indent: -9999px;
	border: solid 1px #262626;
	overflow: hidden;
	outline: none;
}
#selectBtLangBox ul li a:hover, #selectBtLangInBox ul li a:hover {
	border: solid 1px #696969;
}
.selectBtLang_jp {
	background: url(../img_common/nav_lang_icon_jp.jpg) no-repeat center center;
}
.selectBtLang_en {
	background: url(../img_common/nav_lang_icon_en_us.jpg) no-repeat center center;
}
.selectBtLang_uk {
	background: url(../img_common/nav_lang_icon_en_uk.jpg) no-repeat center center;
}
.selectBtLang_fr {
	background: url(../img_common/nav_lang_icon_fr.jpg) no-repeat center center;
}
.selectBtLang_de {
	background: url(../img_common/nav_lang_icon_de.jpg) no-repeat center center;
}
.selectBtLang_it {
	background: url(../img_common/nav_lang_icon_it.jpg) no-repeat center center;
}
.selectBtLang_es {
	background: url(../img_common/nav_lang_icon_es.jpg) no-repeat center center;
}


/*==================================
CSS Document : Event
==================================*/
#eventPanelTop {
	position: relative;
	margin: 0px 5px 10px 5px;
	float: left;
	width: 365px;
	height: 360px;
	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;
}
#eventPanelTop:hover {
	-moz-box-shadow: 1px 1px 20px #000000;
	-webkit-box-shadow: 1px 1px 20px #000000;
	-o-box-shadow: 1px 1px 20px #000000;
	-ms-box-shadow: 1px 1px 20px #000000;
	box-shadow: 1px 1px 20px #000000;
}

#eventPanel {
	position: relative;
	margin-bottom: 20px;
	float: left;
	width: 690px;
	height: auto;
	min-height: 360px;
	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;
}

/* EventBox
----------------------------------*/
#eventBoxTop, #eventBoxTop a {
	float: left;
	width: 365px;
	height: 329px;
	display: block;
	overflow: hidden;
}
#eventBoxTop a {
	cursor: pointer;
}

#eventBox, #eventBoxClear, #eventBoxFailed, #eventBoxAnalysis {
	float: left;
	width: 690px;
	min-height: 330px;
	height: auto;
}
#eventBox {
	background: url(../img_common/bg_event_analysis.png) no-repeat left center;
}
#eventBoxClear {
	background: url(../img_common/bg_event_clear.png) no-repeat left center;
}
#eventBoxFailed {
	background: url(../img_common/bg_event_failed.png) no-repeat left center;
}
#eventBoxAnalysis {
	background: url(../img_common/bg_event_analysis.png) no-repeat left center;
}

.eventBoxTtlClear, .eventBoxTtlFailed {
	position: absolute;
	top: 55px;
	left: 20px;
	width: 310px;
	color: #ffffff;
	font-size: 28px;
	font-family: "Book Antiqua", serif, "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
.eventBoxTtlClear {
	text-shadow: 0px 0px 25px #719bad, 0px 0px 20px #719bad, 0px 0px 0.40px #719bad;
}
.eventBoxTtlFailed {
	text-shadow: 0px 0px 25px #8b0000, 0px 0px 20px #8b0000, 0px 0px 0.40px #8b0000;
}
.eventBoxTtlClear span, .eventBoxTtlFailed span {
	font-size: 50px;
	line-height: 50px;
}

/* EventBox - GameTitle
----------------------------------*/
#eventBoxTop.eventBoxSix, #eventBox.eventBoxSix, #eventBoxClear.eventBoxSix, #eventBoxFailed.eventBoxSix, #eventBoxAnalysis.eventBoxSix {
	border-top: solid 2px #5b58c4;
}
#eventBoxTop.eventBoxSix:hover {
	border-top: solid 2px #9f9dff;
}
#eventBoxTop.eventBoxRev, #eventBox.eventBoxRev, #eventBoxClear.eventBoxRev, #eventBoxFailed.eventBoxRev, #eventBoxAnalysis.eventBoxRev {
	border-top: solid 2px #418b89;
}
#eventBoxTop.eventBoxRev:hover {
	border-top: solid 2px #a5c9c1;
}
#eventBoxTop.eventBoxRev2, #eventBox.eventBoxRev2, #eventBoxClear.eventBoxRev2, #eventBoxFailed.eventBoxRev2, #eventBoxAnalysis.eventBoxRev2 {
	border-top: solid 2px #b46f2c;
}
#eventBoxTop.eventBoxRev2:hover {
	border-top: solid 2px #ffc194;
}
#eventBoxTop.eventBoxSix {
	background: url(../img_common/bg_dots_key_six.png) repeat rgb(0,0,0); /* IE6,7 */
	background: url(../img_common/bg_dots_key_six.png) repeat rgba(0,0,0,0.5);
}
#eventBoxTop.eventBoxRev {
	background: url(../img_common/bg_dots_key_rev.png) repeat rgb(0,0,0); /* IE6,7 */
	background: url(../img_common/bg_dots_key_rev.png) repeat rgba(0,0,0,0.5);
}
#eventBoxTop.eventBoxRev2 {
	background: url(../img_common/bg_dots_key_rev2.png) repeat rgb(0,0,0); /* IE6,7 */
	background: url(../img_common/bg_dots_key_rev2.png) repeat rgba(0,0,0,0.5);
}
#eventBoxTop.eventBoxSix a:hover, #eventBoxTop.eventBoxRev a:hover, #eventBoxTop.eventBoxRev2 a:hover {
	background: url(../img_common/bg_dots_white1_line.png) repeat;
}
.eventBoxSix h4 {
	color: #5b58c4;
}
.eventBoxRev h4 {
	color: #418b89;
}
.eventBoxRev2 h4 {
	color: #b46f2c;
}
.eventBoxSix .evAnStart, #rankPanelSix .evAnStart {
	border: solid 1px #9f9dff;
	background: rgb(91,88,196); /* IE6,7 */
	background: rgba(91,88,196,0.7);
}
.eventBoxSix .evAnFini, #rankPanelSix .evAnFini {
	color: #9f9dff;
	border: solid 1px #39367a;
}
.eventBoxRev .evAnStart, #rankPanelRev .evAnStart {
	border: solid 1px #a5c9c1;
	background: rgb(65,139,137); /* IE6,7 */
	background: rgba(65,139,137,0.7);
}
.eventBoxRev .evAnFini, #rankPanelRev .evAnFini {
	color: #a5c9c1;
	border: solid 1px #2c4f54;
}

.evAnStart, .evAnFini {
	margin-right: 8px;
	padding: 1px 8px;
	float: left;
	font-weight: bold;
	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;
	-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;
}
.evAnStart {
	color: #ffffff;
	font-size: 14px;
}
.evAnFini {
	font-size: 12px;
	background: #0d0d0d;
}

/* EventBox - Contents
----------------------------------*/
#eventInfoTop {
	position: relative;
	float: left;
	width: 365px;
	height: 190px;
}
#eventInfoTop img {
	width: 365px;
	height: 190px;
}
#eventInfoTop .lstLogo {
	position:absolute;
	caption-side:1px;
	left:1px;
	z-index:2;
}
#eventInfoTop .lstLogo img {
	width:67px;
	height:auto;
}
.eventCategory {
	position: absolute;
	top: 8px;
	left: 19px;
	padding: 0px 10px 0px 20px;
	height: 22px;
	font-size: 85%;
	font-weight: bold;
	line-height: 22px;
	background: url(../img_common/bg_dots_black5.png) repeat;
}
.eventCategory.eventLogo {
	top:1px;
	height:35px;
	padding:0 10px 0 60px;
	line-height:35px;
}
#eventInfoTop .eventIcon {
	position:absolute;
	top:8px;
	right:10px;
	width:30px;
	height:30px;
}
#eventInfoTop .eventIcon img {
	width:100%;
	height:auto;
}
.eventAnnounceTop, .eventAnnounce {
	padding: 8px 10px;
	background: url(../img_common/bg_dots_black7.png) repeat;
	display: block;
}
.eventAnnounceTop {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 345px;
}
.eventAnnounce {
	margin: 15px 15px 5px 330px;
	float: left;
	width: 325px;
}
.eventAnnounceTop p, .eventAnnounce p {
	float: left;
	color: #858d95;
	font-size: 10px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
	line-height: 2.0em;
}
.eventAnnounceTop p span, .eventAnnounce p span {
	padding: 0px 3px;
	color: #f5f5f5;
	font-size: 14px;
}

#eventDescTop, #eventDesc {
	float: left;
}
#eventDescTop {
	margin: 10px;
	width: 345px;
}
#eventCanpaign {
	padding: 10px 0;
	width: 100%;
	background: url(../img_common/bg_dots_black5_line.png) repeat;
	line-height: 1.7em;
}

#eventCanpaign h3{
	color: #719bad;
	margin-left: 15px;
}
#eventCanpaign h4,#eventCanpaign p{
	margin-left: 25px;
}
.campaignHead{
	color:#719bad;
	font-size: 120%;
}
.wallLink{
	clear: both;
	width: 80%;
	margin: 10px auto;
}
.wallDlList{
	width: 45%;
	margin: 0px 0 10px 10px;
	float: left;
}
.wallDlList h3{
	color: #719bad!important;
}
.wallDlList ul{
	line-height: 1.7em;
	list-style: none;
}
.wallDlList ul li{
	margin-top: 10px;
}
.wallAtt{
	margin: 5px 10px;
}
#eventDesc {
	margin: 0px 15px 0px 330px;
	width: 345px;
	background: url(../img_common/bg_dots_black5_line.png) repeat;
}
#eventDescTop h3, #eventDesc h3 {
	clear: both;
	color: #f5f5f5;
	font-size: 16px;
}
#eventDescTop h3 {
	padding: 10px 10px 5px 10px;
}
#eventDesc h3 {
	padding: 15px 15px 10px 15px;
}
#eventDescTop h4, #eventDesc h4 {
	padding: 3px 0px;
	clear: both;
	width: 345px;
	font-size: 12px;
	text-align: center;
	background: url(../img_common/bg_dots_black7.png) repeat;
}
#eventDescTop p, #eventDesc p {
	clear: both;
	font-weight: bold;
}
#eventDescTop p {
	padding: 0px 10px;
	font-size: 85%;
	line-height: 1.4em;
}
#eventDesc p {
	padding: 0px 15px 20px 15px;
	font-size: 93%;
	line-height: 1.5em;
}
#eventDesc .navGleamBlkBtn {
	margin: 0px 15px 15px 15px;
}
#eventDesc .navGleamBlkBtn a {
	border: none;
}

#eventShareTop, #eventShare {
	padding: 4px;
	float: right;
	height: 22px;
	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.8);
}
#eventShareTop {
	width: 357px;
}
#eventShare {
	width: 682px;
}
#eventShareTop p, #eventShare p {
	padding: 0px 2px 0px 22px;
	float: right;
	color: #808080;
	font-size: 77%;
	font-weight: bold;
	line-height: 22px;
	background: url(../img_common/nav_icon_share.png) no-repeat left center;
}

#eventPanelTopNav {
	position: absolute;
	top: 7px;
	right: 0px;
}
#eventPanelTopNav input[type="submit"].navApplyKeyBtn {
	margin: 0px 5px;
	padding: 3px 0px;
	float: left;
	min-width: 140px;
	font-size: 12px;
}
#eventPanelTopBtn {
	position: absolute;
	bottom: 5px;
	left: 5px;
}
#eventPanelTopAbout {
	position: absolute;
	top: 165px;
	right: 10px;
}

/* EventInfoDetail
----------------------------------*/
#eventInfoBox {
	margin-top: 5px;
	padding: 2px 2px 2px 2px;
	float: left;
	width: 686px;
	font-size: 93%;
	font-weight: bold;
	background: url(../img_common/bg_dots_white1_line.png) repeat;
}
#eventInfoBox dt {
	margin-bottom: 1px;
	padding: 4px 10px;
	color: #5d656e;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.8);
	background: url(../img_common/bg_dots_black7.png) repeat;
}
#eventInfoBox dd {
	padding: 8px 10px;
	line-height: 1.5em;
	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);
}
#eventInfoBox dd span {
	margin-top: 3px;
	padding: 2px 5px;
	color: #c0c0c0;
	font-size: 10px;
	background-color: #000000;
}

#eventInfoDetail {
	margin: 20px 0px 10px 0px;
	padding: 10px;
	float: left;
	width: 668px;
	-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_key.gif) repeat rgb(26,26,26); /* IE6,7 */
	background: url(../img_common/bg_dot_key.gif) repeat rgba(26,26,26,0.5);
}

.eventInfoDetailTtl {
	margin: 0px 5px 7px 5px;
	color: #808080;
	font-size: 14px;
	background: url(../img_common/bg_dots_black3.png) repeat;
}
.eventInfoDetailBox {
	margin: 7px 5px 0px 5px;
	color: #858d95;
	line-height: 1.8em;
	background: url(../img_common/bg_dots_black7.png) repeat;
}
.eventInfoDetailTtl, .eventInfoDetailBox {
	padding: 7px;
	float: left;
	width: 642px;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 2px #000000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border: solid 1px #0d0d0d;
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0.5));
}

.eventInfoDetailBox span {
	color: #ffffff;
	font-size: 14px;
	text-shadow: 0px 0px 25px #719bad, 0px 0px 20px #719bad, 0px 0px 0.40px #719bad;
}

.eventDetailList {
	margin: 0px 4px 5px 4px;
	float: left;
	width: 660px;
	color: #808080;
	font-size: 85%;
	font-weight: bold;
	line-height: 1.3em;
	text-shadow: 1px 1px 2px #000000;
}
.eventDetailList li {
	margin-left: 20px;
	padding: 1px 3px;
	clear: both;
	list-style: disc;
}
.eventDetailList li span {
	color: #808080;
	font-size: 116%;
}

.eventDetailList1st, .eventDetailList3rd {
	float: left;
}
.eventDetailList1st li, .eventDetailList3rd li {
	margin: 3px 5px;
	padding: 0px 10px;
	float: left;
	list-style: none;
	font-size: 85%;
	font-weight: bold;
	line-height: 22px;
	background: url(../img_common/bg_dots_black5.png) repeat;
	display: inline-block;
	vertical-align: top;
}
.eventDetailList1st li {
	width: 638px;
}
.eventDetailList3rd li {
	width: 192px;
}
.eventDetailList1st li span, .eventDetailList3rd li span {
	padding: 0px 5px;
	color: #f5f5f5;
	font-size: 131%;
}
.eventDetailList1st li em {
	padding: 0px 15px;
	line-height: 22px;
	text-indent: -9999px;
	background: url(../img_common/nav_arrow_a.png) no-repeat center center;
}

#eventRankBox {
	margin-bottom: 15px;
	padding: 6px 6px;
	float: left;
	width: 678px;
	background: url(../img_common/bg_dots_black5_line.png) repeat;
}
#eventRankBox h3 {
	padding: 5px 0px;
	float: left;
	width: 678px;
	text-align: center;
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0.5));
	background: url(../img_common/bg_dots_black7.png) repeat;
}

/* EventInfoDetail - Contents
----------------------------------*/
#eventHeadCount {
	position: absolute;
	top: 230px;
	left: -10px;
	width: 200px;
	height: 180px;
	text-align: center;
	background: url(../img_common/event_bg_hexagon.png) no-repeat center center;
}
#eventHeadCount h4 {
	padding-top: 35px;
	clear: both;
	color: #696969;
	font-size: 10px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
}
#eventHeadCount h3 {
	margin: -5px 0px -10px 0px;
	clear: both;
	color: #696969;
	font-size: 10px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
}
#eventHeadCount h3 span {
	padding-left: 2px;
	color: #719bad;
	font-size: 14px;
}
#eventHeadCount p {
	padding-top: 18px;
	clear: both;
	width: 200px;
	color: #a9a9a9;
	font-size: 20px;
	font-family: "Book Antiqua", serif, "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-shadow: 1px 1px 2px #000000;
}
#eventHeadCount p span {
	color: #ffffff;
	font-size: 40px;
	text-shadow: 0px 0px 25px #858d95, 0px 0px 20px #858d95, 0px 0px 0.40px #858d95;
}

#eventCurrent {
	position: relative;
	margin-top: 25px;
	padding: 0px 10px 10px 10px;
	float: left;
	width: 670px;
	-moz-box-shadow: 0px 0px 5px rgba(57,63,76,0.7);
	-webkit-box-shadow: 0px 0px 5px rgba(57,63,76,0.7);
	-o-box-shadow: 0px 0px 5px rgba(57,63,76,0.7);
	-ms-box-shadow: 0px 0px 5px rgba(57,63,76,0.7);
	box-shadow: 0px 0px 5px rgba(57,63,76,0.7);
	background: url(../img_common/bg_dots_black5_line.png) repeat;
}
#eventCurrent h3 {
	padding: 15px 0px;
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0.5));
	background: url(../img_common/ttl_headline_bg.png) no-repeat center center;
}
#eventCurrentBtn {
	position: absolute;
	top: 15px;
	right: 15px;
}


/*==================================
CSS Document : DownloadContents
==================================*/
#dlcBox {
	margin: 15px 0px 10px 0px;
	padding: 1px 1px 0px 1px;
	float: left;
	width: 688px;
	font-weight: bold;
	-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;
	background: url(../img_common/bg_dots_white1.png) repeat;
}
.dlcBoxSix {
	border-top: solid 2px #5b58c4;
	border-bottom: solid 1px #39367a;
}
.dlcBoxRev {
	border-top: solid 2px #418b89;
	border-bottom: solid 1px #2c4f54;
}
.dlcBoxSix .dlcInfo em {
	color: #9f9dff;
}
.dlcBoxRev .dlcInfo em {
	color: #a5c9c1;
}

.dlcTtl {
	padding: 8px 14px;
	float: left;
	width: 660px;
	color: #c0c0c0;
	font-size: 116%;
	background: url(../img_common/bg_dot_black.gif) repeat;
}
.dlcTtl strong {
	padding: 0px 10px;
	color: #ffffff;
	font-size: 116%;
}

.dlcInfo {
	margin-top: 1px;
	float: left;
	width: 688px;
	background-color: #000000;
}
.dlcInfo p {
	padding: 8px 10px;
	float: left;
	border-right: solid 1px #262626;
}
.dlcInfo p span {
	margin: 0px 5px 0px 0px;
}
.dlcInfo p em {
	font-size: 116%;
	font-style: normal;
	line-height: 22px;
}

.dlcDesc {
	margin-top: 1px;
	padding: 8px 10px;
	float: left;
	width: 668px;
	background-color: #000000;
}
.dlcDesc p {
	padding: 5px 0px;
	clear: both;
	font-size: 93%;
	line-height: 1.5em;
}
.dlcDesc img {
	margin-right: 10px;
	padding: 1px;
	float: left;
	border: solid 1px #1a1a1a;
}
.dlcDesc span {
	padding: 0px 5px;
	font-size: 116%;
}
.dlcDesc em {
	font-size: 85%;
	font-style: normal;
}
.dlcDesc strong {
	color: #f5f5f5;
	font-size: 116%;
}

.dlcDescL {
	float: left;
	width: 344px;
}
.dlcDescR {
	float: left;
	width: 324px;
}


/*==================================
CSS Document : Worldrecord
==================================*/
#rankPanel {
	margin: 25px 5px 5px 5px;
	float: left;
	width: 740px;
	-moz-box-shadow: 0px 0px 5px rgba(255,255,255,0.3);
	-webkit-box-shadow: 0px 0px 5px rgba(255,255,255,0.3);
	-o-box-shadow: 0px 0px 5px rgba(255,255,255,0.3);
	-ms-box-shadow: 0px 0px 5px rgba(255,255,255,0.3);
	box-shadow: 0px 0px 5px rgba(255,255,255,0.3);
	background: url(../img_common/bg_dots_black5.png) repeat;
}
#rankPanelSix, #rankPanelRev {
	float: left;
	width: 740px;
}
#rankPanelSix {
	border-top: solid 2px #5b58c4;
	border-bottom: solid 1px #39367a;
}
#rankPanelRev {
	border-top: solid 2px #418b89;
	border-bottom: solid 1px #2c4f54;
}
#rankPanelSix .rankBoxIcon {
	border-left: solid 2px #5b58c4;
}
#rankPanelRev .rankBoxIcon {
	border-left: solid 2px #418b89;
}

#rankPanelTtl {
	position: relative;
	float: left;
	width: 740px;
	height: 360px;
}
#rankPanelTtl h3 {
	padding: 130px 15px;
	float: left;
	width: 710px;
	height: 100px;
	color: #ffffff;
	font-size: 26px;
	font-weight: normal;
	text-align: center;
	text-shadow: 0px 0px 25px #5d656e, 0px 0px 20px #5d656e, 0px 0px 0.40px #5d656e;
	line-height: 50px;
	background: url(../img_common/rankpanel_ttl.png) no-repeat center center;
}
#rankPanelTtl h3 span {
	font-size: 18px;
}
#rankPanelTtl h3 em {
	font-size: 20px;
	font-style: normal;
}
#rankPanelSix #rankPanelTtl h3 span {
	color: #9f9dff;
}
#rankPanelRev #rankPanelTtl h3 span {
	color: #a5c9c1;
}

.rankPanelAnnounce {
	position: absolute;
	bottom: 0px;
	left: 25px;
	padding: 8px 10px;
	width: 670px;
	background: url(../img_common/bg_dots_black7.png) repeat;
}
.rankPanelAnnounce p {
	color: #858d95;
	font-size: 10px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
	line-height: 2.0em;
}
.rankPanelAnnounce p span {
	padding: 0px 3px;
	color: #f5f5f5;
	font-size: 14px;
}

#ownRankBox {
	margin-bottom: 15px;
	padding: 10px 0px;
	float: left;
	width: 740px;
	background: url(../img_common/bg_dots_black5_line.png) repeat;
}
#ownRankBox h3 {
	padding: 5px 10px;
	float: left;
	width: 720px;
	text-align: center;
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0.5));
	background: url(../img_common/bg_dots_black7.png) repeat;
}

/* RankPanelNav
----------------------------------*/
#rankPanelNav {
	margin: 5px;
	float: left;
	width: 740px;
	-moz-box-shadow: 0px 0px 5px rgba(255,255,255,0.3);
	-webkit-box-shadow: 0px 0px 5px rgba(255,255,255,0.3);
	-o-box-shadow: 0px 0px 5px rgba(255,255,255,0.3);
	-ms-box-shadow: 0px 0px 5px rgba(255,255,255,0.3);
	box-shadow: 0px 0px 5px rgba(255,255,255,0.3);
	background: url(../img_common/bg_dots_black5.png) repeat;
}
#rankPanelNav input[type="submit"].navGleamBlkBtn {
	margin: 10px 20px 20px 20px;
	width: 700px;
}

#rankFramePanelNav {
	margin: 25px 0px 5px -5px;
	float: left;
	width: 750px;
	height: 58px;
	background: url(../img_common/bg_cntframepanel_nav.png) no-repeat left top;
}

.rankPanelNavBox {
	margin: 5px 20px 0px 20px;
	padding-bottom: 12px;
	padding-bottom: 24px\9;
	float: left;
	width: 700px;
	background: url(../img_common/rankpanel_nav_bg.png) no-repeat bottom center;
}
.rankPanelNavBox p {
	margin: 10px 0px 10px 10px;
	padding: 3px 8px;
	float: left;
	height: 20px;
	text-shadow: 1px 1px 2px #000000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border: solid 1px #262626;
	background: url(../img_common/bg_dot_black.gif) repeat #262626;
}
.rankPanelNavBox p span {
	padding-right: 12px;
	color: #808080;
	font-size: 85%;
	font-weight: bold;
	line-height: 20px;
	background: url(../img_common/arrow_key_r.png) no-repeat right center;
}
.rankPanelNavBox p select {
	margin-left: 3px;
	height: 20px;
	color: #c0c0c0;
	font-size: 93%;
	font-weight: bold;
	border: none;
	background-color: #000000;
}

/* RankBox
----------------------------------*/
#rankBox, #rankBoxOwn, #rankBox1, #rankBox2, #rankBox3, #rankBoxChampion, #rankBoxLow, #rankBoxLowOwn {
	position: relative;
	float: left;
	width: 720px;
}
#rankBox, #rankBoxOwn {
	margin-bottom: 10px;
	padding: 10px;
	height: 80px;
}
#rankBox1 {
	margin: 15px 0px 5px 0px;
	padding: 10px;
	height: 150px;
}
#rankBox2, #rankBoxChampion {
	margin-bottom: 5px;
	padding: 10px;
	height: 150px;
}
#rankBox3 {
	margin-bottom: 20px;
	padding: 10px;
	height: 150px;
}
#rankBoxLow, #rankBoxLowOwn {
	padding: 5px 10px;
	height: 50px;
}
#rankBox {
	background: url(../img_common/rankbox_bg.png) no-repeat center center;
}
#rankBoxOwn {
	color: #719bad;
	background: url(../img_common/rankbox_bg_own.png) no-repeat center center;
}
#rankBox1 {
	background: url(../img_common/rankbox_bg1.png) no-repeat center center;
}
#rankBox2 {
	background: url(../img_common/rankbox_bg2.png) no-repeat center center;
}
#rankBox3 {
	background: url(../img_common/rankbox_bg3.png) no-repeat center center;
}
#rankBoxChampion {
	/*background: url(../img_common/rankbox_bg_champion.png) no-repeat center center;*/
}
.rankBoxChampionGuard {
    position:  absolute;
    width: 720px;
    height: 170px;
    top: 0;
    padding: 0!important;
   	background: url(../img_common/bg_campaignpanel_guard.png) no-repeat center center;
   	/*background: url(../img_common/rankbox_bg_champion.png) no-repeat center center;*/
}
#rankBoxLow {
	background: url(../img_common/rankbox_bg_low.png) no-repeat center center;
}
#rankBoxLowOwn {
	color: #719bad;
	background: url(../img_common/rankbox_bg_own_low.png) no-repeat center center;
}

#rankBox p, #rankBoxOwn p {
	line-height: 80px;
}
#rankBox1 p, #rankBox2 p, #rankBox3 p, #rankBoxChampion p {
	line-height: 150px;
}
#rankBoxLow p, #rankBoxLowOwn p {
	line-height: 50px;
}

#rankBox img, #rankBoxOwn img {
	width: 80px;
	height: 80px;
}
#rankBox1 img, #rankBox2 img, #rankBox3 img, #rankBoxChampion img {
	width: 150px;
	height: 150px;
}
#rankBoxLow img, #rankBoxLowOwn img {
	width: 50px;
	height: 50px;
}

.rankBoxNum, .rankBoxNumM, .rankBoxNumS {
	float: left;
	text-align: center;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.8);
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,0.8), rgba(0,0,0,0.1));
}
.rankBoxNumM {
	width: 100px;
	font-size: 70px;
}
.rankBoxNumM {
	width: 100px;
	font-size: 60px;
}
.rankBoxNumS {
	width: 80px;
	font-size: 50px;
}

.rankBoxIcon {
	float: left;
	border: solid 1px #333a42;
	-moz-box-shadow: 0px 0px 5px rgba(255,255,255,0.3);
	-webkit-box-shadow: 0px 0px 5px rgba(255,255,255,0.3);
	-o-box-shadow: 0px 0px 5px rgba(255,255,255,0.3);
	-ms-box-shadow: 0px 0px 5px rgba(255,255,255,0.3);
	box-shadow: 0px 0px 5px rgba(255,255,255,0.3);
}
.rankBoxChampionGuard .rankBoxIcon {
    margin-top: 12px;
}
.rankBoxIcon:hover {
	float: left;
	border: solid 1px #858d95;
	-moz-box-shadow: 0px 0px 5px rgba(255,255,255,1);
	-webkit-box-shadow: 0px 0px 5px rgba(255,255,255,1);
	-o-box-shadow: 0px 0px 5px rgba(255,255,255,1);
	-ms-box-shadow: 0px 0px 5px rgba(255,255,255,1);
	box-shadow: 0px 0px 5px rgba(255,255,255,1);
}

.rankBoxName {
	padding-left: 15px;
	float: left;
	font-size: 24px;
	text-shadow: 0px 0px 25px #5d656e, 0px 0px 20px #5d656e, 0px 0px 0.40px #5d656e;
}
.rankBoxName a {
	color: #ffffff;
}
.rankBoxName a:hover {
	text-shadow: 0px 0px 25px #ffffff, 0px 0px 20px #ffffff, 0px 0px 0.40px #ffffff;
}

.rankBoxTtl {
	position: absolute;
	top: 40px;
	left: 175px;
	width: 530px;
	color: #858d95;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
}
.rankBoxChampionGuard .rankBoxTtl {
    top: 12px!important;
    left: 154px;
}
.champTtl{
    padding:8px 0 8px 60px;
    display: block;
    background: url(../img_common/icon_champ.gif) no-repeat left top;
}
.rankBoxTtl a{
    display: block;
	padding: 5px 10px;
	background: url(../img_common/bg_dots_black5.png) repeat;
}
.rankBoxTtl a:hover{
	background: url(../img_common/bg_dots_black5.png) repeat #364444;
}
.rankBoxChampionGuard .rankBoxTtl a:hover {
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.rankBoxValue, .rankBoxValueTop, .rankBoxValueChampion, .rankBoxValueLow {
	position: absolute;
	width: 200px;
	color: #c0c0c0;
	font-size: 24px;
	text-align: center;
	text-shadow: 0px 0px 25px #5d656e, 0px 0px 20px #5d656e, 0px 0px 0.40px #5d656e;
	line-height: 20px;
}
.rankBoxValueChampion {
    top: 0px!important;
}
.rankBoxValue {
	top: 1px;
	right: -22px;
	padding-top: 40px;
	height: 58px;
	background: url(../img_common/event_bg_hexagon.png) no-repeat right center;
}
.rankBoxValueTop {
	top: -5px;
	right: -22px;
	padding-top: 80px;
	height: 100px;
	background: url(../img_common/event_bg_hexagon.png) no-repeat right center;
}
.rankBoxValueChampion {
	top: -5px;
	right: -22px;
	padding-top: 80px;
	height: 100px;
	background: url(../img_common/event_bg_champion.png) no-repeat right center;
}
.rankBoxValueLow {
	top: 1px;
	right: 0px;
	padding-top: 15px;
	height: 43px;
	background: url(../img_common/event_bg_hexagon.png) no-repeat right center;
}
.rankBoxValue span, .rankBoxValueTop span, .rankBoxValueChampion span, .rankBoxValueLow span {
	color: #5d656e;
	font-size: 10px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
}
.rankBoxValueMore, .rankBoxValueMoreTop {
	position: absolute;
	padding: 3px 10px;
	color: #5d656e;
	font-size: 10px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
	background: url(../img_common/bg_dots_black5.png) repeat;
}
.rankBoxValueMore {
	top: 10px;
	left: 205px;
	width: 500px;
}
.rankBoxValueMoreTop {
	top: 40px;
	left: 275px;
	width: 430px;
}
.rankBoxValueMore strong, .rankBoxValueMoreTop strong {
	padding-left: 5px;
	color: #c0c0c0;
	font-size: 12px;
}

.rankMedal1, .rankMedal2, .rankMedal3 {
	position: absolute;
	top: 10px;
	left: 210px;
	width: 70px;
	height: 105px;
	text-indent: -9999px;
}
.rankMedal1 {
	background: url(../img_common/rank_icon1.png) no-repeat;
}
.rankMedal2 {
	background: url(../img_common/rank_icon2.png) no-repeat;
}
.rankMedal3 {
	background: url(../img_common/rank_icon3.png) no-repeat;
}
.rankMedalS1, .rankMedalS2, .rankMedalS3 {
	position: absolute;
	top: 6px;
	left: 110px;
	width: 35px;
	height: 40px;
	text-indent: -9999px;
}
.rankMedalS1 {
	background: url(../img_common/rank_icon1_s.png) no-repeat;
}
.rankMedalS2 {
	background: url(../img_common/rank_icon2_s.png) no-repeat;
}
.rankMedalS3 {
	background: url(../img_common/rank_icon3_s.png) no-repeat;
}
.rankChampion {
	position: absolute;
	top: 100px;
	left: 6px;
	width: 160px;
	height: 80px;
	text-indent: -9999px;
	background: url(../img_common/rank_icon_champion.png) no-repeat;
}

.pntTeam {
	height:53px;
	padding-top:5px;
}
.pntTeam span {
	display: block;
	width: 140px;
	margin: 0px 0px 8px 30px;
	padding: 0px 0px 2px 0;
	border-bottom: 1px solid #c0c0c0;
	color: #c0c0c0;
	font-size: 20px;
	font-weight:normal;
}


/* BuddyRankBox
----------------------------------*/
#buddyRankBox, #buddyRankBoxOwn, #buddyRankBox1, #buddyRankBox2, #buddyRankBox3 {
	position: relative;
	padding: 5px 0px;
	float: left;
	/* width: 676px; */
  width: 672px;
	height: 50px;
}
#buddyRankBox {
	border: solid 1px #1a1a1a;
	background: url(../img_common/rankbox_bg.png) no-repeat center center;
}
#buddyRankBoxOwn {
	color: #719bad;
	border: solid 1px #393f4c;
	background: url(../img_common/rankbox_bg_own.png) no-repeat center center;
}
#buddyRankBox1 {
	border: solid 1px #1a1a1a;
	background: url(../img_common/rankbox_bg1.png) no-repeat center center;
}
#buddyRankBox2 {
	border: solid 1px #1a1a1a;
	background: url(../img_common/rankbox_bg2.png) no-repeat center center;
}
#buddyRankBox3 {
	border: solid 1px #1a1a1a;
	background: url(../img_common/rankbox_bg3.png) no-repeat center center;
}
#buddyRankBox p, #buddyRankBoxOwn p, #buddyRankBox1 p, #buddyRankBox2 p, #buddyRankBox3 p {
	line-height: 50px;
}
#buddyRankBox img, #buddyRankBoxOwn img, #buddyRankBox1 img, #buddyRankBox2 img, #buddyRankBox3 img {
	width: 50px;
	height: 50px;
}

#buddyRankBoxSix, #buddyRankBoxRev {
	float: left;
}
#buddyRankBoxSix .rankBoxIcon {
	border-left: solid 2px #5b58c4;
}
#buddyRankBoxRev .rankBoxIcon {
	border-left: solid 2px #418b89;
}

.rankBoxNum {
	float: left;
	width: 100px;
	font-size: 70px;
	text-align: center;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.8);
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,0.8), rgba(0,0,0,0.1));
}
.rankBoxNum em {
	font-size: 60px;
	font-style: normal;
}

.buddyRankBoxValue {
	position: absolute;
	top: 0px;
	right: 0px;
	padding-top: 15px;
	width: 200px;
	height: 45px;
	color: #c0c0c0;
	font-size: 24px;
	text-align: center;
	text-shadow: 0px 0px 25px #5d656e, 0px 0px 20px #5d656e, 0px 0px 0.40px #5d656e;
	line-height: 16px;
	background: url(../img_common/event_bg_hexagon.png) no-repeat right center;
}
.buddyRankBoxValue span {
	color: #5d656e;
	font-size: 10px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
}


/*==================================
CSS Document : FAQ
==================================*/
#faqBox {
	margin: 10px 0px;
	padding: 5px 10px;
	clear: both;
	border: solid 1px #1a1a1a;
	background: url(../img_common/bg_dot_key.gif) repeat #000000;
}
#faqBox:hover {
	border: solid 1px #262626;
	background: url(../img_common/bg_dot_key.gif) repeat #393f4c;
}

.faqBt a {
	padding: 5px 10px 5px 20px;
	background: url(../img_common/nav_arrow.png) no-repeat left center;
	display: block;
	cursor: pointer;
}
.faqBt a:hover {
	color: #ffffff;
	background: url(../img_common/nav_arrow_r.png) no-repeat left center;
}

.hideBox {
	padding: 5px 20px;
	color: #858d95;
	display: none;
}


/*==================================
CSS Document : Inquiry
==================================*/
#inquiryBox {
	margin: 10px 0px;
	float: left;
	width: 660px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
}

#inquiryBox input[type="submit"] {
	margin: 10px 0px 0px 10px;
	float: right;
	color: #a9a9a9;
}
#inquiryBox input[type="text"] {
	width: 250px;
	height: 20px;
	color: #c0c0c0;
	font-size: 12px;
	border: solid 1px #262626;
	background: url(../img_common/bg_dot_black.gif) repeat #0d0d0d;
}
#inquiryBox textarea {
	margin: 0px 0px;
	width: 480px;
	height: 100px;
	color: #c0c0c0;
	font-size: 12px;
	resize: vertical;
	border: solid 1px #262626;
	background: url(../img_common/bg_dot_black.gif) repeat #0d0d0d;
}


/*==================================
CSS Document : PrivacyPolicy
==================================*/
.policyBox {
	line-height: 1.7em;
	overflow: hidden;
}

.policyBox h4 {
	margin: 5px 0px;
	font-size: 130%;
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0.5));
}
.policyBox a {
	color: #5b58c4;
}
.policyBox b {
	color: #858d95;
	font-size: 110%;
	line-height: 1.8em;
}
.policyBox p {
	margin: 10px 0px;
	clear: both;
}
.policyBox span {
	font-size: 90%;
}

.policyBox ul {
	margin: 10px 0px 0px 40px;
}
.policyBox ul li {
	margin-bottom: 10px;
	list-style: none;
	text-indent: -1em;
}
.policyBox ul li a, .pbBlock a {
	padding-left: 20px;
	color: #719bad;
	text-decoration: none;
	background: url(../img_common/nav_arrow.png) no-repeat left center;
}
.policyBox ul li a:hover, .pbBlock a:hover {
	color: #ffffff;
	background: url(../img_common/nav_arrow_r.png) no-repeat left center;
}

.signature {
	float: right;
	margin-top: -20px;
	padding: 0px 15px 0px 0px;
}
.pL10 {
	padding: 0px 6px;
}
.pbBlock {
	margin-bottom: 10px;
	padding: 6px;
	float: left;
	width: 48%;
	min-height: 70px;
	-moz-box-shadow: 0px 0px 5px rgba(57,63,76,0.7);
	-webkit-box-shadow: 0px 0px 5px rgba(57,63,76,0.7);
	-o-box-shadow: 0px 0px 5px rgba(57,63,76,0.7);
	-ms-box-shadow: 0px 0px 5px rgba(57,63,76,0.7);
	box-shadow: 0px 0px 5px rgba(57,63,76,0.7);
	background: url(../img_common/bg_dots_black5_line.png) repeat;
}


/*==================================
CSS Document : Overview : Caption
==================================*/
#captionPanel {
	position: relative;
	margin: 0px 5px 20px 5px;
	padding: 10px 25px;
	float: left;
	width: 690px;
	-moz-box-shadow: 0px 0px 5px rgba(57,63,76,0.7);
	-webkit-box-shadow: 0px 0px 5px rgba(57,63,76,0.7);
	-o-box-shadow: 0px 0px 5px rgba(57,63,76,0.7);
	-ms-box-shadow: 0px 0px 5px rgba(57,63,76,0.7);
	box-shadow: 0px 0px 5px rgba(57,63,76,0.7);
	background: url(../img_common/bg_dots_black5_line.png) repeat;
}
#captionPanel ul li {
	padding: 5px 0px 5px 25px;
	clear: both;
	list-style: none;
	color: #858d95;
	font-size: 85%;
	font-weight: bold;
	line-height: 1.5em;
	text-align: left;
	text-shadow: 1px 1px 2px #000000;
	background: url(../img_common/nav_icon_info.png) no-repeat left center;
}

#captionPanel.acc h3 a {
	padding-right: 16px;
	background: url(../img_common/icon_arrow_r_s.png) right no-repeat;
	background-size: 9px 13px;
	-webkit-background-size: 9px 13px;
	-moz-background-size: 9px 13px;
	outline: none;
}
#captionPanel.acc h3.selected a {
	padding-right: 16px;
	background: url(../img_common/icon_arrow_bottom_s.png) right no-repeat;
	background-size: 13px 9px;
	-webkit-background-size: 13px 9px;
	-moz-background-size: 13px 9px;
	outline: none;
}

.accContent {
	display: none;
}
.accContent ul {
	margin-top: 5px;
}

#captionPanel.acc li {
	background: url("../img_common/nav_icon_question.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	background-position: 0 2px;
	height: 12px;
	font-weight: normal;
}

#captionPanel.acc li:hover {
	background: url("../img_common/nav_icon_question.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	background-position: 0 -20px;
	height: 12px;
	font-weight: normal;
}


/*==================================
CSS Document : Overview : Updates
==================================*/
.updatesNav2nd, .updatesNav3rd, .updatesNav4th {
	margin-top: 5px;
	float: left;
	width: 690px;
}

.updatesNav2nd li, .updatesNav3rd li, .updatesNav4th li {
	margin: 5px 5px 0px 5px;
	padding: 5px 0px;
	float: left;
	list-style: none;
	font-size: 93%;
	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;
	-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;
	border: solid 1px #1a1a1a;
	background: #0d0d0d;
}
.updatesNav2nd li, .updatesNav2nd li a {
	width: 333px;
}
.updatesNav3rd li, .updatesNav3rd li a {
	width: 218px;
}
.updatesNav4th li, .updatesNav4th li a {
	width: 160px;
}

.updatesNav2nd li a, .updatesNav3rd li a, .updatesNav4th 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: #262626;
	display: block;
}
.updatesNav2nd li a:hover, .updatesNav3rd li a:hover, .updatesNav4th li a:hover {
	color: #ffffff;
	text-decoration: none;
	border: solid 1px #262626;
	background: #333333;
}

.updatesNav2nd li span, .updatesNav3rd li span, .updatesNav4th li span {
	margin-left: 5px;
	padding: 0px 6px;
	font-size: 116%;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
	border-radius: 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;
	border: solid 1px #262626;
	background-color: #000000;
}
.updatesNav2nd li a span, .updatesNav3rd li a span, .updatesNav4th li a span {
	color: #ffffff;
	border: solid 1px #c0c0c0;
	background-color: #8b0000;
}


/*==================================
CSS Document : Overview : Synchronism
==================================*/
#syncBox {
	position: relative;
	margin: 10px 5px 5px 5px;
	padding: 5px 25px;
	float: left;
	width: 690px;
}

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

#syncBox input[type="button"] {
	margin-left: 15px;
	padding: 0px 25px;
	float: left;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.8);
	line-height: 24px;
	-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;
}
.syncBtn {
	color: #a9a9a9;
	border: double #5d656e;
	background: url(../img_common/nav_btn_gleam_key.jpg) repeat-x left center;
	cursor: pointer;
}
.syncBtn:hover {
	color: #ffffff;
	text-decoration: none;
	border: double #858d95;
	background: url(../img_common/nav_btn_gleam_key_r.jpg) repeat-x left center;
}
.syncBtnNot{
	color: #e6e6e6;
	border: double #3e1e12;
	background: url(../img_common/nav_syncbtn_red.jpg) repeat-x left center;
	cursor: default;
}
.syncBtnExecution{
	color: #d0d0d0;
	border: double #1a1a1a;
	background: url(../img_common/nav_syncbtn_lgreen.jpg) repeat-x left center;
	cursor: default;
}
.syncBtnProgress{
	color: #d0d0d0;
	border: double #1a1a1a;
	background: url(../img_common/nav_syncbtn_yellow.jpg) repeat-x left center;
	cursor: default;
}
.syncBtnSettled{
	color: #d0d0d0;
	border: double #1a1a1a;
	background: url(../img_common/nav_syncbtn_green.jpg) repeat-x left center;
	cursor: default;
}
.syncBtnAtv {
	color: #719bad;
	border: double #1a1a1a;
	background: url(../img_common/nav_btn.jpg) no-repeat -20px center #000000;
	cursor: default;
}
#syncBtnAbout {
	position: relative;
	position: absolute;
	top: 5px;
	right: 10px;
}
#syncBtnAbout span {
	z-index: 90;
	position: absolute;
	top: 31px;
	right: -10px;
	width: 150px;
	display: none;
}
#syncBtnAbout:hover span {
	display: block;
}
.caseSyncArert{
	margin-top: 25px!important;
}

/*==================================
CSS Document : Collection Lists - Unlockable Items
==================================*/
.cl_img, .cl_img_bg, .chapl_img, .file_img {
	position: relative;
	margin: 1px;
	padding: 1px;
}
.cl_img {
	width: 150px;
	height: 150px;
	background: url(../img_common/bg_img_s.jpg) no-repeat left top;
}
.cl_img_bg {
	width: 150px;
	height: 100px;
	background: url(../img_common/bg_img_bg_s.jpg) no-repeat left top;
}
.chapl_img {
	width: 114px;
	height: 64px;
	background: url(../img_contents/file_chap_img_s.jpg) no-repeat left top;
}
.file_img {
	width: 150px;
	height: 150px;
	background: url(../img_common/bg_img_s.png) no-repeat left top;
}

.cl_new, .cl_lock {
	z-index: 2;
	position: absolute;
	bottom: 3px;
	font-weight: bold;
}
.cl_new {
	left: 6px;
	color: #8b0000;
	font-size: 77%;
}
.cl_lock {
	left: 6px;
	color: #808080;
	font-size: 77%;
}

.cl_level, .cl_slot {
	z-index: 2;
	position: absolute;
	bottom: 5px;
	padding: 2px 5px;
	font-weight: bold;
	font-size: 100%;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}
.cl_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 {
	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);
}
.globalTopNav {
	float:left;
}
.globalTopNav img {
	border:1px solid #141414;
}
.navBtTtlGame {
	float: left;
	width: 35px;
	height: 35px;
	text-indent: -9999px;
}
.nav_ttl_renet, .nav_ttl_bh_six, .nav_ttl_re_six, .nav_ttl_bh_rev, .nav_ttl_re_rev, .nav_ttl_bh_one, .nav_ttl_re_one, .nav_ttl_bh_rev2, .nav_ttl_re_rev2, .nav_ttl_bh_uc, .nav_ttl_re_uc, .nav_ttl_mainte {
	z-index: 2;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 35px;
	height: 35px;
	text-indent: -9999px;
}
.cl_ttl_re_uc, .cl_ttl_re_rev2, .cl_ttl_re_one, .cl_ttl_re_rev, .cl_ttl_bh_six, .cl_ttl_re_six, .cl_ttl_bh_rev, .cl_ttl_bh_one, .cl_ttl_bh_rev2, .cl_ttl_bh_uc, .cl_ttl_renet {
	z-index: 2;
	position: absolute;
	top: 1px;
	left: 1px;
	width: 35px;
	height: 35px;
	text-indent: -9999px;
}
.ttl_renet, .nav_ttl_renet {
	background: url(../img_common/logo_icon_renet.png) no-repeat center top;
}
.ttl_bh_six, .nav_ttl_bh_six, .cl_ttl_bh_six {
	background: url(../img_common/logo_icon_bh_six.png) no-repeat center top;
}
.ttl_re_six, .nav_ttl_re_six, .cl_ttl_re_six {
	background: url(../img_common/logo_icon_re_six.png) no-repeat center top;
}
.ttl_bh_rev, .nav_ttl_bh_rev, .cl_ttl_bh_rev {
	background: url(../img_common/logo_icon_bh_rev.png) no-repeat center top;
}
.ttl_re_rev, .nav_ttl_re_rev, .cl_ttl_re_rev {
	background: url(../img_common/logo_icon_re_rev.png) no-repeat center top;
}
.ttl_bh_one, .nav_ttl_bh_one, .cl_ttl_bh_one {
	background: url(../img_common/logo_icon_bh_one.png) no-repeat center top;
}
.ttl_re_one, .nav_ttl_re_one, .cl_ttl_re_one {
	background: url(../img_common/logo_icon_re_one.png) no-repeat center top;
}
.ttl_bh_rev2, .nav_ttl_bh_rev2, .cl_ttl_bh_rev2 {
	background: url(../img_common/logo_icon_bh_rev2.png) no-repeat center top;
}
.ttl_re_rev2, .nav_ttl_re_rev2, .cl_ttl_re_rev2 {
	background: url(../img_common/logo_icon_re_rev2.png) no-repeat center top;
}
.ttl_bh_uc, .nav_ttl_bh_uc, .cl_ttl_bh_uc {
	background: url(../img_common/logo_icon_bh_uc.png) no-repeat center top;
}
.ttl_re_uc, .nav_ttl_re_uc, .cl_ttl_re_uc {
	background: url(../img_common/logo_icon_re_uc.png) no-repeat center top;
}
.nav_ttl_mainte {
	background: url(../img_common/logo_icon_mainte.png) no-repeat center top;
}

.cl_name, .chapl_name {
	margin: 6px 0px 5px 0px;
	padding: 5px;
	height: 35px;
	font-size: 93%;
	background: url(../img_common/bg_dots_black3.png) repeat;
}
.cl_name {
	width: 142px;
}
.chapl_name {
	width: 106px;
}
.filel_name {
	z-index: 1;
	position: absolute;
	top: 1px;
	left: 1px;
	padding: 70px 10px 10px 10px;
	width: 130px;
	height: 70px;
	font-size: 93%;
	line-height: 1.5em;
	text-align: center;
	text-shadow: 0px 0px 25px #000000, 0px 0px 20px #000000, 0px 0px 0.40px #000000;
	background: url(../img_common/bg_dots_black3.png) repeat;
}
.filel_name:hover {
	text-shadow: 0px 0px 25px #5b58c4, 0px 0px 20px #5b58c4, 0px 0px 0.40px #5b58c4;
	background: url(../img_common/bg_dot_clear.gif) repeat;
}

.cl_point {
	float: left;
	width: 87px;
	color: #719bad;
	font-size: 100%;
	line-height: 20px;
}
.cl_eke {
	float: right;
	width: 60px;
	color: #858d95;
	font-size: 85%;
	text-align: right;
	line-height: 20px;
}
.cl_eke_l {
	width: 152px;
	color: #858d95;
	font-size: 85%;
	text-align: right;
}
.cl_point em, .cl_eke em, .cl_eke_l em {
	padding-left: 3px;
	color: #5d656e;
	font-size: 85%;
	font-style: normal;
}

/* CollectionBox
----------------------------------*/
#collectionBox {
	margin: 10px;
	float: left;
	width: 687px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
	background: url(../img_common/bg_dots_black3.png) repeat;
}
#collectionBox p {
	margin-bottom: 15px;
	padding: 0px 10px;
}

.collectionBoxInfo {
	margin: 0px 10px 10px 10px;
	float: left;
	width: 657px;
}

.cb_name {
	margin: 0px 10px 5px 10px;
	padding: 0px 15px;
	width: 637px;
	font-size: 116%;
	line-height: 24px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	background: url(../img_common/bg_dots_black5.png) repeat;
}

.cb_des, .cb_file_des {
	padding: 20px 10px 5px 10px;
	float: left;
	width: 647px;
	font-size: 85%;
	line-height: 1.5em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	background: url(../img_common/bg_dots_black5.png) repeat;
	cursor: url(../img_common/nav_icon_renet.png), default;
}
.cb_des {
	margin: 5px 10px 10px 10px;
}
.cb_file_des {
	margin: 15px 10px 10px 10px;
}
.cb_des em, .cb_file_des em {
	color: #808080;
	font-size: 116%;
	font-style: normal;
}
.cb_des strong, .cb_file_des strong {
	color: #f5f5f5;
	font-size: 116%;
	line-height: 1.5em;
}

#cb_imgBox {
	position: relative;
	margin: 9px;
	padding: 1px;
	float: left;
	width: 667px;
	height: 375px;
	background: url(../img_contents/file_chap_img_l.jpg) no-repeat left top;
	overflow: hidden;
}
#cb_imgBox1, #cb_imgBox2, #cb_imgBox3, #cb_imgBox4, #cb_imgBox5 {
	width: 667px;
	height: 375px;
	display: block;
}

#cb_imgNav {
	z-index: 10;
	position: absolute;
	bottom: 12px;
	right: 12px;
	float: left;
}
.cb_imgNavBt {
	float: left;
}
.cb_imgNavBt a {
	margin-left: 5px;
	width: 21px;
	height: 21px;
	font-size: 85%;
	font-weight: bold;
	text-align: center;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.8);
	line-height: 21px;
	-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/nav_btn.jpg) no-repeat -20px center;
	display: block;
}
.cb_imgNavBt a:hover {
	color: #ffffff;
	text-decoration: none;
	border: solid 1px #262626;
	background: url(../img_common/nav_btn.jpg) no-repeat -520px center;
}
.cb_imgNavBt a.active {
	color: #ffffff;
	border: solid 1px #333333;
	background: url(../img_common/nav_btn.jpg) no-repeat -1040px center #000000;
}

/* CollectionBoxL - CollectionBoxR
----------------------------------*/
#collectionBoxL {
	position: relative;
	float: left;
	width: 370px;
}
.clb_img, .clb_img_bg {
	position: relative;
	margin: 9px;
	padding: 1px;
	width: 350px;
}
.clb_img {
	height: 350px;
	background: url(../img_common/bg_img_l.jpg) no-repeat left top;
}
.clb_img_bg {
	height: 233px;
	background: url(../img_common/bg_img_bg_l.jpg) no-repeat left top;
}

#collectionBoxR {
	margin: 10px;
	float: left;
	width: 317px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
}
#collectionBoxR p {
	margin-bottom: 15px;
	padding: 0px 10px;
}

#collectionBox.lock, #collectionBoxR.lock {
	background: url(../img_common/nav_icon_lock.png) no-repeat scroll right top transparent;
}
#collectionBox.unlock, #collectionBoxR.unlock {
	background: url(../img_common/nav_icon_unlock.png) no-repeat scroll right top transparent;
}

.clb_new {
	position: absolute;
	top: 15px;
	right: 15px;
	color: #8b0000;
	font-size: 77%;
	font-weight: bold;
}

.clb_name {
	margin: 0px 10px 20px 10px;
	width: 297px;
	font-size: 125%;
}
.clb_point {
	margin: 0px 0px 10px 10px;
	float: left;
	width: 190px;
	color: #719bad;
	font-size: 125%;
}
.clb_eke {
	margin: 0px 10px 15px 0px;
	float: right;
	width: 107px;
	color: #858d95;
	font-size: 100%;
	text-align: right;
}
.clb_point em, .clb_eke em {
	padding-left: 5px;
	color: #5d656e;
	font-size: 85%;
	font-style: normal;
}

.clb_pointL, .clb_pointR, .clb_pointC {
	padding: 0px 4px;
	float: left;
	height: 50px;
	font-size: 18px;
	text-align: center;
	border: solid 1px #0d0d0d;
	background: url(../img_common/bg_dots_black7.png) repeat;
}
.clb_pointL {
	margin: 0px 4px 10px 0px;
	color: #858d95;
	width: 145px;
}
.clb_pointR {
	margin: 0px 0px 10px 3px;
	color: #f5f5f5;
	width: 145px;
}
.clb_pointC {
	margin: 0px 0px 15px 0px;
	color: #f5f5f5;
	width: 307px;
}
.clb_pointL em, .clb_pointR em, .clb_pointC em {
	padding-right: 5px;
	color: #808080;
	font-size: 10px;
	font-style: normal;
}
.clb_pointL span, .clb_pointR span, .clb_pointC span {
	color: #8b0000;
}

.clb_des {
	padding: 10px 15px;
	float: left;
	width: 287px;
	font-size: 85%;
	line-height: 1.5em;
	background: url(../img_common/bg_dots_black5.png) repeat;
}
.clb_des em {
	color: #808080;
	font-size: 116%;
	font-style: normal;
}
.clb_des strong {
	color: #f5f5f5;
	font-size: 116%;
	line-height: 1.5em;
}

.clb_detail {
	margin-bottom: 10px;
	padding: 1px;
	float: left;
	width: 315px;
	background: url(../img_common/bg_dots_black5.png) repeat;
}
.clb_detail dl {
	margin-top: 1px;
	float: left;
	width: 315px;
	font-size: 85%;
	background: url(../img_common/bg_dot_key.gif) repeat;
}
.clb_detail dl dt {
	padding: 0px 10px;
	float: left;
	width: 150px;
	height: 20px;
	color: #5d656e;
	line-height: 20px;
}
.clb_detail dl dd {
	margin: 1px 1px 1px 0px;
	padding: 0px 10px;
	float: left;
	width: 124px;
	height: 18px;
	color: #858d95;
	text-align: right;
	line-height: 16px;
	background-color: #000000;
}

.clb_detail_box {
	margin-bottom: 10px;
	padding: 1px;
	float: left;
	width: 315px;
	background: url(../img_common/bg_dots_white1_line.png) repeat;
}
.clb_detail_ttl {
	padding: 3px 10px;
	float: left;
	width: 295px;
	color: #c0c0c0;
	font-size: 93%;
	line-height: 18px;
}
.clb_detail_ttl img {
	padding-right: 7px;
}
.clb_detail_info {
	padding: 5px 10px;
	float: left;
	width: 295px;
	color: #858d95;
	font-size: 85%;
	background-color: #000000;
}

.clb_text {
	padding: 15px;
}
.clb_text p {
	padding-bottom: 10px;
	color: #808080;
	font-size: 93%;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
}
.clb_text p span {
	padding: 0px 5px;
	color: #858d95;
	font-size: 131%;
	font-weight: bold;
}
.clb_text p strong {
	padding-right: 5px;
	color: #a9a9a9;
	font-size: 116%;
}

.collectionPoint {
	margin: 15px;
	padding: 10px 15px;
	float: left;
	width: 645px;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border: solid 1px #1a1a1a;
	background-color: #000000;
}
.collectionPoint em {
	padding-right: 5px;
	color: #858d95;
	font-style: normal;
}
.collectionPoint span {
	padding: 0px 5px;
	color: #719bad;
	font-size: 167%;
}
.collectionPoint strong {
	padding-right: 5px;
}

#collectionList h4, #fileList h4, #viewerList h4 {
	margin: 10px;
	padding: 5px 10px;
	clear: both;
	color: #c0c0c0;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #1a1a1a;
	background: url(../img_common/bg_dot_black.gif) repeat #1a1a1a;
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0.75));
}

#collectionListBoxNav {
	position: absolute;
	bottom: 9px;
	right: 9px;
}

/* fileNav - viewerNav - collectionListNav
----------------------------------*/
#fileNav, #viewerNav {
	padding: 0px 10px 22px 10px;
	width: 720px;
	height: 48px;
}
#fileNav {
	background: url(../img_contents/filelist_nav_bg.png) no-repeat center top;
}
#viewerNav {
	background: url(../img_contents/viewerlist_nav_bg.png) no-repeat center top;
}

#collectionListNav {
	margin-bottom: 10px;
	padding: 0px 9px;
	width: 720px;
	height: 48px;
	-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/nav_btn_gleam_blk.jpg) repeat-x left center;
}

.cntClNav2nd, .cntClNav3rd, .cntClNav4th, .cntClNav5th, .cntClNav6th {
	width: 720px;
	height: 48px;
}
.cntClNav2nd li, .cntClNav3rd li, .cntClNav4th li, .cntClNav5th li, .cntClNav6th li {
	float: left;
	list-style: none;
	font-size: 85%;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 2px #000000;
	line-height: 22px;
}
.cntClNav2nd li a, .cntClNav3rd li a, .cntClNav4th li a, .cntClNav5th li a, .cntClNav6th li a, 
.cntClNav2nd li span a, .cntClNav3rd li span a, .cntClNav4th li span a, .cntClNav5th li span a, .cntClNav6th li span a {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border: solid 1px #1a1a1a;
	display: block;
}
.cntClNav2nd li a, .cntClNav2nd li span a {
	margin: 12px 29px;
	width: 300px;
}
.cntClNav3rd li a, .cntClNav3rd li span a {
	margin: 12px 19px;
	width: 200px;
}
.cntClNav4th li a, .cntClNav4th li span a {
	margin: 12px 9px;
	width: 160px;
}
.cntClNav5th li a, .cntClNav5th li span a {
	margin: 12px 3px;
	width: 136px;
}
.cntClNav6th li a, .cntClNav6th li span a {
	margin: 12px 3px;
	width: 112px;
}
.cntClNav2nd li a, .cntClNav3rd li a, .cntClNav4th li a, .cntClNav5th li a, .cntClNav6th li a {
	text-decoration: none;
	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);
}
.cntClNav2nd li a:hover, .cntClNav3rd li a:hover, .cntClNav4th li a:hover, .cntClNav5th li a:hover, .cntClNav6th li a:hover {
	color: #ffffff;
	text-decoration: none;
	border: solid 1px #262626;
	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);
}
.cntClNav2nd li span a, .cntClNav3rd li span a, .cntClNav4th li span a, .cntClNav5th li span a, .cntClNav6th li span a, 
.cntClNav2nd li span a:hover, .cntClNav3rd li span a:hover, .cntClNav4th li span a:hover, .cntClNav5th li span a:hover, .cntClNav6th li span a:hover {
	color: #719bad;
	text-decoration: none;
	background-color: #000000;
}

#navBtCl2nd_1, #navBtCl2nd_2, 
#navBtCl3rd_1, #navBtCl3rd_2, #navBtCl3rd_3, 
#navBtCl4th_1, #navBtCl4th_2, #navBtCl4th_3, #navBtCl4th_4, 
#navBtCl5th_1, #navBtCl5th_2, #navBtCl5th_3, #navBtCl5th_4, #navBtCl5th_5, 
#navBtCl6th_1, #navBtCl6th_2, #navBtCl6th_3, #navBtCl6th_4, #navBtCl6th_5, #navBtCl6th_6 {
	z-index: 100;
	position: relative;
}

#navBtCl2ndBox, #navBtCl3rdBox, #navBtCl4thBox, #navBtCl5thBox, #navBtCl6thBox {
	z-index: 100;
	position: absolute;
	top: 36px;
	padding-top: 25px;
	-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;
	background: url(../img_common/nav_arrow_bott_a.png) no-repeat center 3px rgb(0,0,0); /* IE6,7 */
	background: url(../img_common/nav_arrow_bott_a.png) no-repeat center 3px rgba(0,0,0,0.7);
	display: none;
}
#navBtCl2ndBox {
	left: 30px;
	width: 300px;
}
#navBtCl3rdBox {
	left: 20px;
	width: 200px;
}
#navBtCl4thBox {
	left: 10px;
	width: 160px;
}
#navBtCl5thBox {
	left: 4px;
	width: 136px;
}
#navBtCl6thBox {
	left: 4px;
	width: 112px;
}

#navBtCl2ndBox p a, #navBtCl3rdBox p a, #navBtCl4thBox p a, #navBtCl5thBox p a, #navBtCl6thBox p a {
	margin: -4px 9px 9px 9px;
}
#navBtCl2ndBox p a {
	width: 280px;
}
#navBtCl3rdBox p a {
	width: 180px;
}
#navBtCl4thBox p a {
	width: 140px;
}
#navBtCl5thBox p a {
	width: 116px;
}
#navBtCl6thBox p a {
	width: 92px;
}

.navBtClInfo {
	margin-top: -7px;
	padding: 12px 0px 2px 0px;
	font-size: 77%;
	color: #5d656e;
	background: url(../img_common/nav_arrow_bott_a.png) no-repeat center top;
}


/*==================================
CSS Document : Collection Lists : File
==================================*/
#fileList, #fileChapList {
	width: 740px;
}

#fileList ul {
	padding: 0px 14px;
	float: left;
	width: 712px;
}
#fileChapList ul {
	padding: 0px 15px;
	float: left;
	width: 710px;
}
#fileList ul {
	background: url(../img_contents/filelist_shelf_bg.png) repeat-y center top;
}
#fileChapList ul {
	background: url(../img_contents/filechaplist_shelf_bg.png) repeat-y center top;
}
*:first-child+html #fileList ul, *:first-child+html #fileChapList ul {
	padding-bottom: 35px;
}
#fileList ul li, #fileChapList ul li {
	position: relative;
	margin: 9px 5px 40px 5px;
	padding: 7px;
	float: left;
	list-style: none;
	-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)));
}
#fileList ul li {
	width: 152px;
	height: 155px;
}
#fileChapList ul li {
	width: 116px;
	height: 120px;
}
#fileList ul li a, #fileChapList ul li a {
	margin: -8px -8px -39px -8px;
	padding: 7px;
	float: left;
	list-style: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #1a1a1a;
	display: block;
}
#fileList ul li a {
	width: 152px;
	height: 155px;
}
#fileChapList ul li a {
	width: 116px;
	height: 120px;
}
#fileList ul li a:hover, #fileChapList ul li a:hover, .fileChapterListBox:hover {
	color: #ffffff;
	border: solid 1px #333333;
	background: url(../img_common/bg_dots_black5_line.png) repeat;
}

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

#fileChapterList {
	width: 740px;
	height: 171px;
	background: url(../img_contents/filechaplist_shelf_bg.png) no-repeat center bottom;
}
.fileChapterListBox {
	margin: 9px 20px 40px 20px;
	padding: 5px 7px;
	float: left;
	width: 684px;
	height: 110px;
	-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)));
}
.fileChapterListBox p a {
	margin: 4px 11px;
	width: 662px;
	height: 102px;
	background: url(../img_contents/file_chap_img.jpg) no-repeat left top;
	display: block;
}
.fileChapterListBox p a span {
	padding: 40px 20px;
	float: left;
	color: #c0c0c0;
	font-size: 131%;
	font-weight: bold;
}

/* FileListBox
----------------------------------*/
#fileListBox {
	position: relative;
	margin: 9px 9px 9px 8px;
	padding: 7px;
	float: left;
	list-style: none;
	width: 707px;
	-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;
	display: block;
}
.fileListBoxImg {
	float: left;
	min-height: 500px;
	background: url(../img_contents/filelistbox_file_img.png) no-repeat center top;
}


/*==================================
CSS Document : Collection Lists : Viewer
==================================*/
#viewerList {
	width: 740px;
}

#viewerList ul {
	padding: 0px 14px;
	float: left;
	width: 712px;
	background: url(../img_contents/viewerlist_shelf_bg.png) repeat-y center top;
}
*:first-child+html #viewerList ul {
	padding-bottom: 35px;
}
#viewerList ul li {
	position: relative;
	margin: 9px 5px 40px 5px;
	padding: 7px;
	float: left;
	list-style: none;
	width: 152px;
	height: 230px;
	-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_key.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)));
}
#viewerList ul li a {
	margin: -8px -8px -39px -8px;
	padding: 7px;
	float: left;
	list-style: none;
	width: 152px;
	height: 230px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #1a1a1a;
	display: block;
}
#viewerList ul li a:hover {
	color: #ffffff;
	border: solid 1px #333333;
	background: url(../img_common/bg_dots_white1.png) repeat;
}

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

/* ViewerListBox
----------------------------------*/
#viewerListBox {
	position: relative;
	margin: 9px 9px 9px 8px;
	padding: 7px;
	float: left;
	list-style: none;
	width: 707px;
	-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_key.png) repeat;
	display: block;
}


/*==================================
CSS Document : Unlockable Items
==================================*/
#collectionList {
	width: 740px;
}

#collectionList ul {
	float: left;
	width: 740px;
}
#collectionList ul li {
	position: relative;
	margin: 9px 9px 9px 8px;
	padding: 7px;
	float: left;
	list-style: none;
	width: 152px;
	max-height: 240px;
	min-height: 190px;
	-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/itemcatalog_list_bg.jpg) no-repeat center center;
}
#collectionList ul li a {
	margin: -8px -9px -8px -8px;
	padding: 7px;
	float: left;
	list-style: none;
	width: 152px;
	max-height: 240px;
	min-height: 190px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #1a1a1a;
	display: block;
}
#collectionList ul li a:hover {
	color: #ffffff;
	border: solid 1px #262626;
	background: url(../img_common/itemcatalog_list_bg_r.jpg) no-repeat center center;
}

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

#collectionList input[type="submit"] {
	margin: 10px 0px 5px 0px;
	padding: 10px 0px;
	width: 315px;
}

/* CollectionListBox
----------------------------------*/
#collectionListBox {
	position: relative;
	margin: 9px 9px 9px 8px;
	padding: 7px;
	float: left;
	list-style: none;
	width: 707px;
	-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/itemcatalog_bg.jpg) repeat-x center top #0d0d0d;
	display: block;
}


/*==================================
CSS Document : Diorama
==================================*/
#cntFrameBoxDiorama {
	padding: 0px 5px;
	float: left;
	width: 740px;
	background: url(../img_common/bg_cntframe_c.png) repeat-y left top;
}

.diorama {
	position: relative;
	display: none;
}
.dioramaSelectBox {
	text-align: center;
}
.dioramaStageName {
	z-index: 50;
	position: absolute;
	top: 20px;
	left: 30px;
	width: 190px;
	font-weight: bold;
	text-align: center;
}

.dioramaZoom {
	z-index: 100;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -505px 0 0 -740px;
	float: left;
	width: 1480px;
	height: 1010px;
	border: solid 1px #1a1a1a;
	background-color: #000000;
	display: none;
}
.dioramaZoomLink, .dioramaLink {
	z-index: 40;
	position: absolute;
	top: 50px;
	left: 12px;
	width: 713px;
	height: 440px;
}


/*==================================
CSS Document : Games
==================================*/
#contents.games {
	width:850px;
	margin:0 auto;
}
#contents.games section {
	width:850px;
}
.games #cntPanelTtl {
	float:none;
	width:820px;
	margin:0 0 10px 0;
}
.games #cntPanelTtl ul {
	right:-20px;
}
.games .gameCol {
	margin:0 0 25px 0;
	padding:10px;
	border:1px solid #6d6d6d;
	/*background: url(../img_common/bg_black_40.png) repeat left top;*/
	background:#000;
}
.games .ttlImage {
	float:left;
	width:228px;
	margin:0 10px 0 0;
}
.games .ttlImage li {
	list-style:none;
}
.games .ttlImage li img {
	margin:0 0 2px 0;
	border:1px solid #464646;
}
/*.dlcBtn {
	padding:10px 0;
	border:1px solid #464646;
	background: url(../img_common/icon_dlc.png) no-repeat 10px center #2b2d2e;
	font-size:80%;
	text-align:center;
}*/
.games .ttlContents {
	float:left;
	width:590px;
}
.games .ttlContents dt {
	margin:0 0 15px 0;
	padding:7px 10px;
	background: url(../img_common/bg_white_20.png) repeat left top;
	color:#fff;
	font-size:110%;
	font-weight:bold;
}
.games .ttlContents dt span {
	display:block;
	float:right;
	padding:2px 10px 2px 15px;
	border-radius:4px;
	background:url(../img/common/arrow_btn.png) no-repeat 5px center #444;
	color:#fff;
	font-size:12px;
}
.games .ttlContents dd {
	line-height:1.4;
}
/*rev2*/
.games .gameCol.rev2 {
	/*border:1px solid #71471c;
	background:#190303;*/
}
.games .gameCol.rev2 dd a.attention {
	display:block;
	padding:10px 0 0 0;
	color:#a5161a;
	font-size:110%;
	text-decoration:underline;
}
.games .gameCol.rev2 dd a.attention:hover {
	text-decoration:none;
}
.games .gameCol.rev2 dd span {
	color:#a5161a;
	font-size:90%;
}
.games .gameCol.rev2 dd.ttlPlatform span {
	color:#fff;
	font-size:80%;
}
.games .gameCol.rev2 .schedule {
	clear:both;
	float:left;
	margin:10px 0 0 0;
	padding:10px;
	border:1px solid #3e3e3e;
	background:#131618;
}
.games .gameCol.rev2 .schedule dt {
	padding:5px 0 5px 25px;
	background:url(../img_common/nav_icon_info.png) no-repeat left center;
	color:#fff;
	font-size:110%;
}
.games .gameCol.rev2 .schedule ul {
	padding:0 0 0 25px;
}
.games .gameCol.rev2 .schedule li {
	float:left;
	width:220px;
	margin:0 0 5px 0;
	list-style:none;	
}
.games .gameCol.rev2 .schedule li.attention {
	clear:both;
	width:auto;
	margin:0;
} 
/*Platform*/
.games .ttlPlatform {
	position:relative;
	margin:10px 0 0 0;
	padding:1px;
	border:1px solid #363b3e;
	background: url(../img_common/bg_green_40.png) repeat left top;
}
.games .ttlPlatform h3 {
	padding:7px;
	background:#314655;
	color:#fff;
	font-size:110%;
}
.games .ttlPlatform h3 span {
	font-size:80%;
}
.platformBtn {
	position:absolute;
	top:5px;
	right:10px;
	width:160px;
	height:20px;
	margin:0 0 0 10px;
	border:1px solid #505050;
	background: #2a2a2a; /* Old browsers */
	background: -moz-linear-gradient(top,  #2a2a2a 0%, #1f1f1f 50%, #111111 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a2a2a), color-stop(50%,#1f1f1f), color-stop(100%,#111111)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2a2a2a 0%,#1f1f1f 50%,#111111 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2a2a2a 0%,#1f1f1f 50%,#111111 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2a2a2a 0%,#1f1f1f 50%,#111111 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2a2a2a 0%,#1f1f1f 50%,#111111 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2a2a', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
}
.en .platformBtn {
	width:115px;
}
.platformBtn a {
	display:block;
	position:absolute;
	top:-2px;
	left:-15px;
	width:130px;
	height:17px;
	padding:5px 10px 5px 35px;
	background: url(../img_contents/btn_plus.png) no-repeat left top;
}
.games .ttlPlatform ul {
	padding:5px 0 0 0;
}
.games .ttlPlatform li {
	float:left;
	width:128px;
	height:35px;
	margin:0 0 5px 5px;
	list-style:none;
}
.games .ttlSign {
	margin:15px 0;
	padding:10px 0;
	border:1px solid #363b3e;
	background: url(../img_common/bg_green_40.png) repeat left top;
}
.games .ttlSign p {
	width:100%;
	text-align:center;
	margin:0 auto 10px auto;
	color:#fff;
	font-size:110%;
	font-weight:bold;
}
.games .ttlSign ul {
	width:530px;
	margin:0 auto;
}
.games .ttlSign li {
	float:left;
	width:255px;
}
.games .ttlSign li.BtnLoginJa,
.games .ttlSign li.BtnLoginEn {
	margin:0 20px 0 0;
}
.games .ttlSign .btn {
	width:295px;
	margin:0 auto;
	border-radius:4px;
	border:1px solid #3e3e3e;
	background: #343434; /* Old browsers */
	background: -moz-linear-gradient(top,  #343434 0%, #141414 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#343434), color-stop(100%,#141414)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #343434 0%,#141414 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #343434 0%,#141414 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #343434 0%,#141414 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #343434 0%,#141414 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#141414',GradientType=0 ); /* IE6-9 */
	color:#a9a9a9;
	font-weight:normal;
	text-align:center;
}
.games .ttlSign .btn a {
	display:block;
	width:295px;
	padding:5px 0;
	background: url(../img_common/arrow_btn.png) no-repeat 35px 12px;
}

/*platformSelect*/
.platformSelect #currentTitle img {
	border:1px solid #333;
}
.platformSelect #currentTitle_plat img {
	border:1px solid #000;
}
.platformSelect #currentTitle_plat img:hover {
	border:1px solid #fff;
}


/*==================================
CSS Document : Customize
==================================*/
#customizePanel {
	margin-bottom: 10px;
	float: left;
	width: 690px;
	-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;
}

#customizeTtl {
	position: relative;
	float: left;
	padding: 7px 10px;
	width: 668px;
	font-weight: bold;
	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 #0d0d0d;
	background: url(../img_common/bg_dots_black7.png) repeat;
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0.5));
}
.customizeTtlNav {
	z-index: 10;
	position: absolute;
	top: 5px;
	right: 4px;
}

#customizeTtl input[type="submit"], #customizeTtl input[type="button"] {
	margin: 5px 170px;
	width: 360px;
}
#customizeBox input[type="submit"], #customizeBox input[type="button"] {
	margin: 0px 0px 5px 170px;
	width: 360px;
}

#customizeBox {
	padding: 15px;
	float: left;
	width: 660px;
}

#customizeList {
	padding: 10px 0px 5px 4px;
	float: left;
	width: 670px;
}
#customizeImg {
	padding: 8px 0px 2px 0px;
	float: left;
	width: 670px;
}
#customizeList li, #customizeImg li {
	position: relative;
	margin: 0px 0px 9px 9px;
	float: left;
	list-style: none;
	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_dots_black7.png) repeat;
}
#customizeList li {
	width: 319px;
}
#customizeImg li {
	width: 156px;
}

#customizeSelect {
	padding: 10px 14px;
	float: left;
	width: 660px;
}
#customizeSelect p {
	padding: 10px 15px;
	float: left;
	width: 630px;
	text-align: center;
	-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;
}
#customizeSelect p span {
	margin-right: 5px;
	padding-right: 15px;
	color: #696969;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
	line-height: 18px;
	background: url(../img_common/arrow_key_r.png) no-repeat right center;
}
#customizeSelect p select {
	width: 350px;
	height: 18px;
	color: #c0c0c0;
	font-size: 93%;
	font-weight: bold;
	border: none;
	background-color: #1a1a1a;
}

.customListName, .customListLock, .customImgName {
	float: left;
	font-weight: bold;
	background: url(../img_common/bg_dot_black.gif) repeat #1a1a1a;
}
.customListName {
	padding-left: 5px;
	width: 314px;
	font-size: 93%;
	line-height: 35px;
}
.customListLock {
	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 #0d0d0d;
}
.customListName img {
	padding-right: 5px;
	vertical-align: middle;
}

.customImgName {
	padding: 5px 0px 5px 5px;
	width: 151px;
	font-size: 93%;
}
#customizePanel .customImgName {
	min-height:40px;
}
.customImgName span {
	font-size: 77%;
	line-height: 18px;
}

.customImgIcon, .customImgBg {
	padding: 8px;
	float: left;
	width: 140px;
}
.customImgIcon {
	height: 140px;
	background: url(../img_common/bg_img_frame_icon_l.png) no-repeat center center;
}
.customImgBg {
	height: 93px;
	background: url(../img_common/bg_img_frame_bg.png) no-repeat center center;
}


/*==================================
CSS Document : ThickBody
==================================*/
#thickBody {
	margin: 0 auto;
	padding: 0px 10px 20px 10px;
	width: 660px;
	height: 380px;
	color: #a9a9a9;
}
#thickBox {
	width: 660px;
	height: 380px;
}

#thickBoxText p {
	margin: 10px 0px;
	padding: 10px;
	clear: both;
	font-size: 93%;
	line-height: 1.5em;
	text-shadow: 1px 1px 2px #000000;
	-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 #1a1a1a;
	background-color: #000000;
	display: block;
}

/* ThickBody - Movie
----------------------------------*/
#movieThickBody {
	margin: 0 auto;
	width: 802px;
	height: 540px;
}
#movieThickBox {
	margin: 0 auto;
	width: 802px;
	max-height: 540px;
	min-height: 450px;
}

#commentLinkBtn{
	clear:both;
	width: 98%;
	margin: 0 auto;
	background:#000000!important;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}
#commentLinkBtn span{
	    background: url("../img_common/nav_arrow_r.png") no-repeat left 2px ;
		padding: 0 0 0 20px;
}
#commentLinkBtn a{
	display: block;
	padding: 10px;
	font-size: 110%;
	border: 1px solid #505050;
	background:url(../img_common/bg_dot_gray.gif) repeat #2d3745 !important;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
	font-size:90%;
	font-weight: bold;
	text-shadow: 1px 1px 5px #000000;
	-moz-box-shadow: 1px 1px 4px #000000;
	-webkit-box-shadow: 1px 1px 4px #000000;
	-o-box-shadow: 1px 1px 4px #000000;
	-ms-box-shadow: 1px 1px 4px #000000;
	box-shadow: 1px 1px 4px #000000;
}
#commentLinkBtn a:hover{
	border: 1px solid #858484;
	background: url(../img_common/bg_dot_gray.gif) repeat #404f64 !important;
}

#pageShareTop, #pageShare {
	padding: 4px;
	float: right;
	height: 22px;
	margin-top: 15px;
}
#pageShare {
	width: 682px;
}
#pageShareTop p, #pageShare p {
	padding: 0px 2px 0px 22px;
	float: right;
	color: #808080;
	font-size: 77%;
	font-weight: bold;
	line-height: 22px;
	background: url(../img_common/nav_icon_share.png) no-repeat left center;
}


/*----Lang-----*/

#langModal{
	position: absolute; 
	padding-top:20px; 
	width:100%; 
	height:100%; 
	background: #000000;
	z-index: 1200;
}

#langModalCenter{
	position: fixed ; 
	left:50%; 
	margin-left: -340px;
}