@charset "utf-8"; 


#chaos_wpap {
	width:800px;
	margin:0px auto;
	padding:20px;
	background-image:url(/Content/images/arc/chaosbreaker_bk.gif)
}

#chaos_index,#chaos_system,#chaos_item,#chaos_dl,#chaos_chara {
	width:760px;
	margin:10px auto;
	background-color:#000000;
	background-image:url(/Content/images/arc/chaosbreaker_r18_c1.gif);
	background-repeat:repeat-y;
}

#cd_top img {
	margin:0px;
	padding:0px;
	display:block;
	float:left;
}

#cd_nav {
	clear:both;
	width:190px;
	height:600px;
	float:left;
}

#cd_nav ul {
	text-decoration: none;
	list-style-type: none;
	margin:0px;
	padding:0px;
}

#cd_nav li {
	display: block;
	padding:11px;
	margin:0px;
}

#n_top a,#n_world a,#n_system a,#n_chara a,#n_item a,#n_dl a,#n_nesica a {
	width:168px;
	height:35px;
	text-indent:-9999px;
	display:block;
}

#n_top a {	background-image:url(/Content/images/arc/chaosbreaker_top.gif);}
#n_world a {	background-image:url(/Content/images/arc/chaosbreaker_world.gif);}
#n_system a {	background-image:url(/Content/images/arc/chaosbreaker_system.gif);}
#n_chara a {	background-image:url(/Content/images/arc/chaosbreaker_character.gif);}
#n_item a {	background-image:url(/Content/images/arc/chaosbreaker_item.gif);}
#n_dl a {	background-image:url(/Content/images/arc/chaosbreaker_download.gif);}
#n_nesica a {	background-image:url(/Content/images/arc/chaosbreaker_nesica_menu.gif);}

#n_top a:hover {	background-image:url(/Content/images/arc/chaosbreaker_top_f2.gif);}
#n_world a:hover {	background-image:url(/Content/images/arc/chaosbreaker_world_f2.gif);}
#n_system a:hover {	background-image:url(/Content/images/arc/chaosbreaker_system_f2.gif);}
#n_chara a:hover {	background-image:url(/Content/images/arc/chaosbreaker_character_f2.gif);}
#n_item a:hover {	background-image:url(/Content/images/arc/chaosbreaker_item_f2.gif);}
#n_dl a:hover {	background-image:url(/Content/images/arc/chaosbreaker_download_f2.gif);}
#n_nesica a:hover {	background-image:url(/Content/images/arc/chaosbreaker_nesica_menu_over.gif);}

#cd_content {
	width:570px;
	float:right;
}

#chaos_system #cd_content {
	color:#FFFF00;
}

#chaos_system #cd_content ul {
	text-decoration: none;
	list-style-type: none;
	margin:0px 0px 25px;
	padding:0px;
}

#chaos_system #cd_content li {
	margin:0px 0px 25px;
}

#chaos_system #cd_content li a {
	font-size:1.5em;
	color:#FF0000;
}

#chaos_system #cd_content h4 {
	font-size:1.5em;
	margin:50px 0px 15px;
}

#chaos_system #ct002_img,#chaos_system ct002_txt {
	display:block;
	float:left;
}

#chaos_system #ct002_img {
	width:290px;
	height:auto;
	display:block;
	float: left;
}

#chaos_system #ct002_txt {
	width:260px;
	height:auto;
	display:block;
	padding:0px 10px;
	float: right;
}

#ct002 {
	overflow:hidden;
}

#ct003 {
	clear:both;
	padding-bottom:15px;
}

#chaos_item #cd_content table {
	width: 46%;
	margin: 0px 2% 15px;
	float: left;
	border: 1px solid #FFF000;
	color: #FFF000;
}

#chaos_item #cd_content th,#chaos_item #cd_content td {
	border: 1px solid #FFF000;
}

#chaos_dl #cd_content {
	text-align:center;
	color:#FFFFFF;
}

#chaos_dl #cd_content p {
	margin:25px 0px;
}

#chaos_dl #cd_content a {
	color:#FF0000;
}

#chaos_chara #cd_content {
	overflow:hidden;
}

#chara_L {
	float:left;
}

#chara_R {
	float:right;
	margin-left:4px;
}

.cd_cc {
	width:283px;
	height:165px;
	background-image:url(/Content/images/arc/chaosbreaker_chara_02.gif);
	color:#FFF000;
	margin-bottom:20px;
}

.cd_cc h5 {
	width:283px;
	height:35px;
	background-image:url(/Content/images/arc/chaosbreaker_chara_01.gif);
	background-repeat:no-repeat;
	color:#FFF000;
	text-align:center;
	padding-top:8px;
}

.cd_cc ul {
	text-decoration: none;
	list-style-type: none;
	margin:0px;
	padding:0px 5px 0px 7px;
	overflow:hidden;
}

.cd_cc li {
	display: block;
	padding:0px;
	margin:0px;
	float:left;
	text-align:center;
    width: calc(100% / 3);
    font-size: 0.8em;
}

.cd_cc li img {
	width:90px;
	height:90px;
}

/*#chara00 a,#chara01 a,#chara02 a,#chara03 a,#chara04 a,#chara05 a,#chara06 a {
	width:90px;
	height:90px;
	display:block;
}
*/
#chara00 img {	background-image:url(/Content/images/arc/chaosbreaker_hu03.gif);}
#chara01 img {	background-image:url(/Content/images/arc/chaosbreaker_hu02.gif);}
#chara02 img {	background-image:url(/Content/images/arc/chaosbreaker_hu01.gif);}
#chara03 img {	background-image:url(/Content/images/arc/chaosbreaker_el03.gif);}
#chara04 img {	background-image:url(/Content/images/arc/chaosbreaker_el02.gif);}
#chara05 img {	background-image:url(/Content/images/arc/chaosbreaker_el01.gif);}
#chara06 img {	background-image:url(/Content/images/arc/chaosbreaker_dw03.gif);}
#chara07 img {	background-image:url(/Content/images/arc/chaosbreaker_dw02.gif);}
#chara08 img {	background-image:url(/Content/images/arc/chaosbreaker_dw01.gif);}
#chara09 img {	background-image:url(/Content/images/arc/chaosbreaker_de01.gif);}
#chara10 img {	background-image:url(/Content/images/arc/chaosbreaker_de02.gif);}
#chara11 img {	background-image:url(/Content/images/arc/chaosbreaker_de03.gif);}
#chara12 img {	background-image:url(/Content/images/arc/chaosbreaker_or01.gif);}
#chara13 img {	background-image:url(/Content/images/arc/chaosbreaker_or02.gif);}
#chara14 img {	background-image:url(/Content/images/arc/chaosbreaker_or03.gif);}
#chara15 img {	background-image:url(/Content/images/arc/chaosbreaker_un01.gif);}
#chara16 img {	background-image:url(/Content/images/arc/chaosbreaker_un03.gif);}
#chara17 img {	background-image:url(/Content/images/arc/chaosbreaker_un02.gif);}

#chara00 img:hover {	background-image:url(/Content/images/arc/chaosbreaker_hu031.gif);}
#chara01 img:hover {	background-image:url(/Content/images/arc/chaosbreaker_hu021.gif);}
#chara02 img:hover {	background-image:url(/Content/images/arc/chaosbreaker_hu011.gif);}
#chara03 img:hover {	background-image:url(/Content/images/arc/chaosbreaker_el031.gif);}
#chara04 img:hover {	background-image:url(/Content/images/arc/chaosbreaker_el021.gif);}
#chara05 img:hover {	background-image:url(/Content/images/arc/chaosbreaker_el011.gif);}
#chara06 img:hover {	background-image:url(/Content/images/arc/chaosbreaker_dw031.gif);}
#chara07 img:hover {	background-image:url(/Content/images/arc/chaosbreaker_dw021.gif);}
#chara08 img:hover {	background-image:url(/Content/images/arc/chaosbreaker_dw011.gif);}
#chara09 img:hover {	background-image:url(/Content/images/arc/chaosbreaker_de011.gif);}
#chara10 img:hover {	background-image:url(/Content/images/arc/chaosbreaker_de021.gif);}
#chara11 img:hover {	background-image:url(/Content/images/arc/chaosbreaker_de031.gif);}
#chara12 img:hover {	background-image:url(/Content/images/arc/chaosbreaker_or011.gif);}
#chara13 img:hover {	background-image:url(/Content/images/arc/chaosbreaker_or021.gif);}
#chara14 img:hover {	background-image:url(/Content/images/arc/chaosbreaker_or031.gif);}
#chara15 img:hover {	background-image:url(/Content/images/arc/chaosbreaker_un011.gif);}
#chara16 img:hover {	background-image:url(/Content/images/arc/chaosbreaker_un031.gif);}
#chara17 img:hover {	background-image:url(/Content/images/arc/chaosbreaker_un021.gif);}


#charaEXP_L {
	float:left;
	width:270px;
	color:#FFF000;
}

#charaEXP_R {
	float: right;
	width:300px;
	color:#FFF000;
}

#charaEXP_L table {
	width:100%;
}

#charaEXP_L th {
	width:40%;
	text-align:right;
}

#charaEXP_L td {
	width:60%;
	text-align:left;
}

#charaEXP_L h5 {
	text-align:center;
	font-size:1.4em;
	margin-bottom:20px;
}

#charaEXP_L p {
	padding:10px;
	margin-bottom:10px;
}




#cd_footer {
	clear:both;
	width:760;
}


.j09{font-Size:9px; line-height: 11px}
.j10{font-Size:10px;line-height: 12px;}
.j10white{font-Size:10px;line-height: 12px;	color: #dddddd;}
.j12{font-Size:12px; line-height: 18px}
.j14{font-Size:14px; line-height: 18px}
.j16{font-Size:16px; line-height: 20px}
.j18{font-Size:18px; line-height: 22px}
.h12{font-Size:12px; line-height: 14px;	font-weight: bold;letter-spacing: 1px;}
.j12green {font-Size:12px;	line-height: 18px;letter-spacing: 1px;	color: #00FF00;}
.j12yellow {font-Size:12px;	line-height: 18px;	letter-spacing: 1px;	color: #FFFF00;}
.j12red {font-Size:12px;	line-height: 18px;	letter-spacing: 1px;	color: #FF0000;}
.j12orange {font-Size:12px;	line-height: 18px;	letter-spacing: 1px;	color: #FF9900;}
.j12white {font-Size:12px;	line-height: 18px;	color: #dddddd;}
.j12green_bold {font-Size:12px;	line-height: 18px;	letter-spacing: 1px;	color: #00FF00;	font-weight: bold;}
.j12yellow_bold {font-Size:12px;	line-height: 18px;	letter-spacing: 1px;	color: #FFFF00;	font-weight: bold;}
.h14{font-Size:14px; line-height: 16px;	font-weight: bold;letter-spacing: 1px;}
.h16{font-Size:16px; line-height: 18px; font-weight: bold;letter-spacing: 1px;}
.h18{font-Size:18px; line-height: 20px;	font-weight: bold;letter-spacing: 1px;}

form{margin:0 0}

table a:link{color:#ff0000;text-decoration: none;}
table a:vlink{color:#ff0000;text-decoration: none;}
table a:visited{	color:#ff0000;text-decoration: none;}
table a:hover{color:#ff0000;text-decoration: none;}
 
table a.link:hover{	position: relative;	top: 1px;	left: 1px;}

	
body {
	font-family: "lr oSVbN", Osaka;
}
.h18green_bold {	font-Size:18px;	line-height: 22px;	letter-spacing: 1px;	color: #00FF00;	font-weight: bold;}
.h18yellow_bold {	font-Size:18px;	line-height: 22px;	letter-spacing: 1px;	color: #FFFF00;	font-weight: bold;}

.h24green_bold {	font-Size:24px;	line-height: 26px;	color: #00FF00;	font-weight: bold;}

.greendotbox{	border-top-color: #00FF00;	border-top-style: dashed;	border-top-width: 1px;
	border-right-color: #00FF00;	border-right-style: dashed;	border-right-width: 1px;
	border-bottom-color: #00FF00;	border-bottom-style: dashed;	border-bottom-width: 1px;
	border-left-color: #00FF00;	border-left-style: dashed;	border-left-width: 1px;}
	
	.graysideline{	border-left-color: #333333;border-left-style: solid;border-left-width: 4px;
	border-right-color: #333333;	border-right-style: solid;	border-right-width: 4px;}

input.return {
	font-size: 12px;
	border-width:2px;
	border-color: rgb(202, 202, 202) rgb(200,200,200) rgb(199,199,199) rgb(201,201,201);
	background-color: #101010;
	color: #FF9900;
	font-weight: bold;
	height: 24px;
	width: 200px;
}

input.button {
	font-size: 12px;
	border-width:2px;
	border-color: rgb(202, 202, 202) rgb(200,200,200) rgb(199,199,199) rgb(201,201,201);
	background-color: #101010;
	color: #FF9900;
	font-weight: bold;
}
.j10green {
font-Size:12px;	line-height: 18px;letter-spacing: 1px;	color: #00FF00;
}


/*キャラクターページ追加css*/

#chara_content {
	display:none;
}

.chara_content {
	display:block;
	width:570px;
	background-color:#000000;
	margin:0px auto 200px;
	overflow:hidden;
}