@charset "utf-8";
/*==================================
CSS Document : Overview : Profile
==================================*/
.loginGameAL {
	line-height: 1.2em;
	background: url(../img_contents/nav_icon_mypage_al.gif) no-repeat 6px center;
}
.loginGameHL {
	margin-top: 2px;
	line-height: 1.2em;
	background: url(../img_contents/nav_icon_mypage_hl.gif) no-repeat 6px center;
}
.partnerDataAL {
	line-height: 21px;
	background: url(../img_contents/nav_icon_mypage_al.gif) no-repeat left center;
}
.partnerDataHL {
	line-height: 21px;
	background: url(../img_contents/nav_icon_mypage_hl.gif) no-repeat left center;
}
.partnerDataA {
	line-height: 21px;
}
.loginGameAL span, .loginGameHL span, .partnerDataAL span, .partnerDataHL span, .partnerDataA span {
	color: #9f9dff;
}


/*==================================
CSS Document : Records : Chapter
==================================*/
#cntFrameBoxChapter {
	float: left;
	width: 750px;
	background: url(../img_common/bg_cntframe_c.png) repeat-y left top;
}

#chapterPanel {
	position: relative;
	padding: 5px;
	float: left;
	width: 740px;
	height: 61px;
	background: url(../img_contents/chapter_bg_line.png) no-repeat;
}
#chapterTtl {
	z-index: 10;
	position: absolute;
	top: 5px;
	left: 5px;
	padding: 13px 27px;
	width: 116px;
	height: 35px;
	background: url(../img_contents/chapter_ttl_bg.png) no-repeat;
}
.chapterTtl1, .chapterTtl2, .chapterTtl3, .chapterTtl4, .chapterTtl5, .chapterTtl6, .chapterTtl7 {
	width: 116px;
	height: 35px;
	text-indent: -9999px;
	display: block;
}
.chapterTtl1 {
	background: url(../img_contents/chapter_ttl1.jpg) no-repeat;
}
.chapterTtl2 {
	background: url(../img_contents/chapter_ttl2.jpg) no-repeat;
}
.chapterTtl3 {
	background: url(../img_contents/chapter_ttl3.jpg) no-repeat;
}
.chapterTtl4 {
	background: url(../img_contents/chapter_ttl4.jpg) no-repeat;
}
.chapterTtl5 {
	background: url(../img_contents/chapter_ttl5.jpg) no-repeat;
}
.chapterTtl6 {
	background: url(../img_contents/chapter_ttl6.jpg) no-repeat;
}
.chapterTtl7 {
	background: url(../img_contents/chapter_ttl7.jpg) no-repeat;
}

/* SliderChapter
----------------------------------*/
#sliderChap1Panel, #sliderChap1PanelNone, #sliderChap2Panel, #sliderChap2PanelNone, #sliderChap3Panel, #sliderChap3PanelNone, #sliderChap4Panel, #sliderChap4PanelNone {
	width: 740px;
	height: 61px;
}

#sliderChap1Panel ul li, #sliderChap2Panel ul li, #sliderChap3Panel ul li, #sliderChap4Panel ul li {
	z-index: 3;
	float: left;
	list-style: none;
	width: 198px;
	height: 61px;
}

#sliderChap1Panel .jcarousel-container-horizontal, #sliderChap1Panel .jcarousel-clip-horizontal, #sliderChap2Panel .jcarousel-container-horizontal, #sliderChap2Panel .jcarousel-clip-horizontal, #sliderChap3Panel .jcarousel-container-horizontal, #sliderChap3Panel .jcarousel-clip-horizontal, #sliderChap4Panel .jcarousel-container-horizontal, #sliderChap4Panel .jcarousel-clip-horizontal {
	margin: 0px 1px 0px 145px;
	width: 594px;
	height: 61px;
}

#sliderChap1Panel .jcarousel-next-horizontal, #sliderChap1Panel .jcarousel-prev-horizontal, #sliderChap2Panel .jcarousel-next-horizontal, #sliderChap2Panel .jcarousel-prev-horizontal, #sliderChap3Panel .jcarousel-next-horizontal, #sliderChap3Panel .jcarousel-prev-horizontal, #sliderChap4Panel .jcarousel-next-horizontal, #sliderChap4Panel .jcarousel-prev-horizontal {
	z-index: 20;
	position: absolute;
	top: 0px;
	cursor: pointer;
}
#sliderChap1Panel .jcarousel-next-horizontal, #sliderChap2Panel .jcarousel-next-horizontal, #sliderChap3Panel .jcarousel-next-horizontal, #sliderChap4Panel .jcarousel-next-horizontal {
	width: 71px;
	height: 60px;
}
#sliderChap1Panel .jcarousel-prev-horizontal, #sliderChap2Panel .jcarousel-prev-horizontal, #sliderChap3Panel .jcarousel-prev-horizontal, #sliderChap4Panel .jcarousel-prev-horizontal {
	width: 71px;
	height: 60px;
}
#sliderChap1Panel .jcarousel-next-horizontal, #sliderChap2Panel .jcarousel-next-horizontal, #sliderChap3Panel .jcarousel-next-horizontal, #sliderChap4Panel .jcarousel-next-horizontal {
	right: -33px;
	background: url(../img_contents/slider_nav_chap_next.png) no-repeat 0px 0px;
}
#sliderChap1Panel .jcarousel-prev-horizontal, #sliderChap2Panel .jcarousel-prev-horizontal, #sliderChap3Panel .jcarousel-prev-horizontal, #sliderChap4Panel .jcarousel-prev-horizontal {
	left: 109px;
	background: url(../img_contents/slider_nav_chap_prev.png) no-repeat 0px 0px;
}
#sliderChap1Panel .jcarousel-next-horizontal:hover, #sliderChap2Panel .jcarousel-next-horizontal:hover, #sliderChap3Panel .jcarousel-next-horizontal:hover, #sliderChap4Panel .jcarousel-next-horizontal:hover {
	right: -34px;
	background: url(../img_contents/slider_nav_chap_next.png) no-repeat 0px -60px;
}
#sliderChap1Panel .jcarousel-prev-horizontal:hover, #sliderChap2Panel .jcarousel-prev-horizontal:hover, #sliderChap3Panel .jcarousel-prev-horizontal:hover, #sliderChap4Panel .jcarousel-prev-horizontal:hover {
	left: 108px;
	background: url(../img_contents/slider_nav_chap_prev.png) no-repeat 0px -60px;
}
#sliderChap1Panel .jcarousel-next-disabled-horizontal, #sliderChap1Panel .jcarousel-next-disabled-horizontal:hover, #sliderChap2Panel .jcarousel-next-disabled-horizontal, #sliderChap2Panel .jcarousel-next-disabled-horizontal:hover, #sliderChap3Panel .jcarousel-next-disabled-horizontal, #sliderChap3Panel .jcarousel-next-disabled-horizontal:hover, #sliderChap4Panel .jcarousel-next-disabled-horizontal, #sliderChap4Panel .jcarousel-next-disabled-horizontal:hover {
	background: url(../img_contents/slider_nav_chap_next.png) no-repeat -71px -180px;
}
#sliderChap1Panel .jcarousel-prev-disabled-horizontal, #sliderChap1Panel .jcarousel-prev-disabled-horizontal:hover, #sliderChap2Panel .jcarousel-prev-disabled-horizontal, #sliderChap2Panel .jcarousel-prev-disabled-horizontal:hover, #sliderChap3Panel .jcarousel-prev-disabled-horizontal, #sliderChap3Panel .jcarousel-prev-disabled-horizontal:hover, #sliderChap4Panel .jcarousel-prev-disabled-horizontal, #sliderChap4Panel .jcarousel-prev-disabled-horizontal:hover {
	background: url(../img_contents/slider_nav_chap_prev.png) no-repeat -71px -180px;
}

/* SliderChapBox
----------------------------------*/
#sliderChap1Box0, #sliderChap1Box1, #sliderChap1Box2, #sliderChap1Box3, #sliderChap1Box4, #sliderChap1Box5, #sliderChap2Box0, #sliderChap2Box1, #sliderChap2Box2, #sliderChap2Box3, #sliderChap2Box4, #sliderChap2Box5, #sliderChap3Box0, #sliderChap3Box1, #sliderChap3Box2, #sliderChap3Box3, #sliderChap3Box4, #sliderChap3Box5, #sliderChap4Box0, #sliderChap4Box1, #sliderChap4Box2, #sliderChap4Box3, #sliderChap4Box4, #sliderChap4Box5 {
	margin: 0px 33px 0px 30px;
	padding: 13px 27px;
	width: 81px;
	height: 35px;
	background: url(../../image/chapter/cs_navi/chapter_nav_bg.png) no-repeat;
}
#sliderChap1Box0:hover, #sliderChap1Box1:hover, #sliderChap1Box2:hover, #sliderChap1Box3:hover, #sliderChap1Box4:hover, #sliderChap1Box5:hover, #sliderChap2Box0:hover, #sliderChap2Box1:hover, #sliderChap2Box2:hover, #sliderChap2Box3:hover, #sliderChap2Box4:hover, #sliderChap2Box5:hover, #sliderChap3Box0:hover, #sliderChap3Box1:hover, #sliderChap3Box2:hover, #sliderChap3Box3:hover, #sliderChap3Box4:hover, #sliderChap3Box5:hover, #sliderChap4Box0:hover, #sliderChap4Box1:hover, #sliderChap4Box2:hover, #sliderChap4Box3:hover, #sliderChap4Box4:hover, #sliderChap4Box5:hover {
	background: url(../../image/chapter/cs_navi/chapter_nav_bg_r.png) no-repeat;
}

#sliderChapLockBox {
	margin: 0px 33px 0px 30px;
	width: 135px;
	height: 61px;
	text-indent: -9999px;
	background: url(../img_contents/chapter_nav_lock.png) no-repeat;
}

/* ThickBody - Chapter
----------------------------------*/
#chapterBox {
	position: relative;
	width: 660px;
	height: 380px;
	overflow: hidden;
}

#chapterBoxChanger {
	z-index: 2;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
}

#chapterBoxText {
	padding: 15px 0px 55px 0px;
	min-height: 760px;
	cursor: url(../img_common/nav_icon_renet.png), default;
	display: block;
}
#chapterBoxText p {
	padding: 10px;
	clear: both;
	color: #a9a9a9;
	font-size: 93%;
	text-shadow: 1px 1px 2px #000000;
	line-height: 1.5em;
}
.chapBoxMaskTop, .chapBoxMaskBott {
	z-index: 3;
	position: absolute;
	left: 0px;
	width: 640px;
	height: 20px;
	text-indent: -9999px;
}
.chapBoxMaskTop {
	top: 0px;
	background: url(../img_contents/chapter_mask_top.png) no-repeat;
}
.chapBoxMaskBott {
	bottom: 0px;
	background: url(../img_contents/chapter_mask_bott.png) no-repeat;
}

#chapterBoxImg, #chapterBox0 {
	z-index: 1;
	position: relative;
	width: 660px;
	height: 380px;
	overflow: hidden;
}
#chapterBoxImg li {
	position: absolute;
	list-style: none;
	width: 660px;
	height: 380px;
}


/*==================================
CSS Document : Records : Enemy list
==================================*/
#enemyList {
	width: 750px;
}

#enemyList ul {
	padding: 0px 1px;
	float: left;
	width: 748px;
}
#enemyList ul li {
	padding: 17px 17px 17px 16px;
	float: left;
	list-style: none;
	width: 154px;
	height: 194px;
	background: url(../img_contents/enemylist_bg.png) no-repeat 0px 0px;
	display: block;
}
#enemyList ul li a {
	margin: -17px -17px -17px -16px;
	padding: 17px 17px 17px 16px;
	float: left;
	list-style: none;
	width: 154px;
	height: 224px;
}
#enemyList ul li a:hover {
	background: url(../img_contents/enemylist_bg.png) no-repeat -187px 0px;
}

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

.el_img {
	position: relative;
	margin: 1px;
	padding: 1px;
	width: 150px;
	height: 90px;
	background: url(../img_contents/enemy_img_s_bg.jpg) no-repeat left top;
}
.el_new {
	position: absolute;
	top: 5px;
	right: 10px;
	color: #8b0000;
	font-size: 77%;
}
.el_name {
	margin: 8px 0px;
	padding: 5px;
	width: 144px;
	height: 35px;
	font-size: 93%;
	background: url(../img_common/bg_dots_black3.png) repeat;
}
.el_win, .el_lose {
	padding: 2px;
	width: 71px;
	font-size: 85%;
	text-align: center;
	line-height: 1.0em;
	background-color: #000000;
}
.el_win {
	margin-right: 2px;
	color: #5b58c4;
}
.el_lose {
	margin-left: 2px;
	color: #858d95;
}
.el_win em, .el_lose em {
	padding-right: 3px;
	color: #5d656e;
	font-size: 70%;
	font-style: normal;
}

#enemyListBox {
	float: left;
	list-style: none;
	width: 690px;
}
#enemyListBoxL {
	float: left;
	width: 402px;
}
#enemyListBoxL img {
	padding: 1px;
	width: 400px;
	height: 240px;
	background: url(../img_contents/enemy_img_l_bg.jpg) no-repeat left top;
}
#enemyListBoxR {
	margin-left: 21px;
	float: left;
	width: 267px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
}

.elb_name {
	margin-bottom: 15px;
	padding: 7px 15px;
	width: 237px;
	font-size: 125%;
	background: url(../img_common/bg_dots_black5.png) repeat;
}
.elb_win, .elb_lose {
	margin-bottom: 15px;
	padding: 4px;
	float: left;
	width: 120px;
	font-size: 100%;
	text-align: center;
	border: solid 1px #0d0d0d;
	background-color: #000000;
}
.elb_win {
	margin-right: 4px;
	color: #5b58c4;
}
.elb_lose {
	margin-left: 3px;
	color: #858d95;
}
.elb_win em, .elb_lose em {
	padding-right: 5px;
	color: #5d656e;
	font-size: 77%;
	font-style: normal;
}
.elb_des {
	margin-bottom: 15px;
	padding: 10px 15px;
	float: left;
	width: 237px;
	font-size: 85%;
	line-height: 1.8em;
	background: url(../img_common/bg_dots_black5.png) repeat;
}
.elb_des em {
	color: #a9a9a9;
	font-size: 116%;
	font-style: normal;
}


/*==================================
CSS Document : Records : Weapon
==================================*/
#weaponDetail {
	z-index: 100;
	position: absolute;
	padding: 10px 10px 10px 10px;
	float: left;
	width: 300px;
	font-weight: bold;
	text-shadow: 1px 1px 0px #000000;
	-webkit-border-radius: 5px;
	-moz-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: rgb(0,0,0); /* IE6,7 */
	background: rgba(0,0,0,0.8);
	word-wrap: break-word;
	display: none;
}
.weaponTtlBox {
	margin: 0px 5px;
	padding: 3px 7px;
	font-size: 14px;
	background: url(../img_common/bg_dot_key.gif) repeat;
}
.weaponImgBox {
	margin: 5px 0px;
	padding: 6px;
	width: 288px;
	height: 98px;
	background: url(../img_contents/weapon_img_bg.jpg) no-repeat center center;
}
.weaponDesBox {
	padding: 0px 6px 4px 6px;
	width: 288px;
	color: #808080;
	font-size: 85%;
}

#cntFrameWeaponBox table th.weaponDetailNav {
	padding-left: 25px;
	color: #808080;
	border: solid 1px #000000;
	background: url(../img_common/nav_arrow.png) no-repeat 5px center #0d0d0d;
}
#cntFrameWeaponBox table th.weaponDetailNav:hover {
	color: #ffffff;
	border: solid 1px #1a1a1a;
	background: url(../img_common/nav_arrow_r.png) no-repeat 5px center #0d0d0d;
}
.weaponTitle {
	width: 271px;
	text-align: left;
	word-wrap: break-word;
	display: block;
	cursor: pointer;
}
.weaponImage {
	display: none;
}
.weaponDescription {
	display: none;
	word-wrap: break-word;
}


/*==================================
CSS Document : Records : Medals
==================================*/
#medalPanel {
	width: 690px;
	height: 100%;
	overflow: hidden;
}
#medalPanel1, #medalPanel2, #medalPanel3, #medalPanel4, #medalPanel5, #medalPanel6, #medalPanel7, #medalPanel8 {
	width: 690px;
	height: 100%;
	display: block;
}
#medalPanel2, #medalPanel3, #medalPanel4, #medalPanel5, #medalPanel6, #medalPanel7, #medalPanel8 {
	display: none;
}

#medalPanel table td.cl_title {
	width: 470px;
}
#medalPanel table td.medal1, #medalPanel table td.medal2, #medalPanel table td.medal3, #medalPanel table td.medal4, #medalPanel table td.medal5 {
	width: 50px;
	height: 35px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
}
#medalPanel table td.medal1 {
	background: url(../img_contents/medal_rank_s.png) no-repeat center center rgba(0,0,0); /* IE6,7 */
	background: url(../img_contents/medal_rank_s.png) no-repeat center center rgba(0,0,0,0.1);
}
#medalPanel table td.medal2 {
	background: url(../img_contents/medal_rank_a.png) no-repeat center center rgba(0,0,0); /* IE6,7 */
	background: url(../img_contents/medal_rank_a.png) no-repeat center center rgba(0,0,0,0.1);
}
#medalPanel table td.medal3 {
	background: url(../img_contents/medal_rank_b.png) no-repeat center center rgba(0,0,0); /* IE6,7 */
	background: url(../img_contents/medal_rank_b.png) no-repeat center center rgba(0,0,0,0.1);
}
#medalPanel table td.medal4 {
	background: url(../img_contents/medal_rank_c.png) no-repeat center center rgba(0,0,0); /* IE6,7 */
	background: url(../img_contents/medal_rank_c.png) no-repeat center center rgba(0,0,0,0.1);
}
#medalPanel table td.medal5 {
	background: url(../img_contents/medal_rank_d.png) no-repeat center center rgba(0,0,0); /* IE6,7 */
	background: url(../img_contents/medal_rank_d.png) no-repeat center center rgba(0,0,0,0.1);
}