@charset "utf-8";
/* CSS Document */

.storyArea {
	width: 600px;
	margin: 30px auto;
	border-bottom: 5px solid #900;
	position: relative;
	}
div.clockman {
	background: url(../img/ds/bg_green.gif) repeat-y center left;
	border-bottom: 5px solid #217e4c;}
	
div.crossover {
	background: url(../img/ds/bg_blue.gif) repeat-y center left;
	border-bottom: 5px solid #009;}
	
div.crossover .blackBox {
	clear: both;
	margin: 0 5px;
	padding-bottom: 20px;
	background: url(../img/ds/bg_black_blue.gif) center left;}
div.clockman .blackBox {
	clear: both;
	margin: 0 5px;
	padding-bottom: 20px;
	background: url(../img/ds/bg_black_green.gif) center left;}
div.clockman .clockbg {
	width: 588px;
	margin: 0 auto;
	height: 347px;
	background: url(../img/ds/bg_clockman.gif) no-repeat center right;}
.blackBox dl {
	width: 540px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	}
.blackBox dl.co-star {
	margin: 20px auto;
	padding-bottom: 15px;
	background: url(../img/ds/bg_frame_blue.gif) no-repeat bottom center;}
.blackBox dl.co-star dd {
	text-align: left;
	margin: -30px 0 0 25px;}
	
.blackBox dl.firsttime {
	margin: 10px auto 0;
	padding-bottom: 15px;
	background: url(../img/ds/bg_frame_green_btm.gif) no-repeat bottom center;}
.blackBox dl.firsttime dd {
	text-align: left;
	margin: -30px 0 0 25px;}
	
.blackBox dl.op {
	height: 70px;
	text-align: left;
	background: url(../img/ds/bg_frame_green.gif) no-repeat top center;}
.blackBox dl.op dt {
	position: absolute;
	top: 20px;
	left: 12px;}
.blackBox dl.op dd {
	padding: 20px 0 0 290px;}
	
.blackBox dl.field {
	height: 405px;
	background: url(../img/ds/bg_frame_blue.gif) no-repeat bottom center;}
	
.blackBox dl.field dt {
	padding-right: 10px;
	text-align: right;}
.blackBox dl.field dd {
	position: absolute;
	bottom: 20px;
	right: 280px;}
	
	

	
.storyArea h4 {
	text-align: center;}
.storyArea p {
	line-height: 150%;
	padding: 20px 25px 0;}
		
ul.chara {
	width: 560px;
	height: 234px;
	margin: 20px auto 20px;
	}
ul.chara li {
	width: 280px;
	float: left;}
	
dl.world {
	position: relative;
	margin: 25px 0 0 47px;
	width: 375px;
	height: 170px;}
dl.world dt {
	position: absolute;
	right: 0;
	top: 98px;}
dl.battle {
	width: 576px;
	margin: 0 auto;
	height: 200px;
	position: relative;}
dl.battle dt {
	position: absolute;
	right: 10px;
	top: 10px;}
dl.battle dd.no1 {
	position: absolute;
	left: 37px;
	top: 32px;}
dl.battle dd.no2 {
	position: absolute;
	right: 37px;
	top: 32px;}
	
	
/* info ----------------*/
.storyArea .meijin {
	width: 590px;
	margin: 0 auto;
	padding: 25px 0;
	background: url(../img/info/bg_meijin.gif) no-repeat top right;}
.storyArea .meijin p {
	height: 80px;
	padding: 0 25px;}
.storyArea .meijin p strong {
	font-size: 150%;
	line-height: 150%;
	color: #f00;}
table.jacketTable {
	margin: 0 auto;
	width: 540px;
	font-size: 85%;
	border-left: 1px solid  #666;
	border-top: 1px solid  #666;}
table.jacketTable th {
	padding: 5px;
	border-right: 1px solid  #666;
	border-bottom: 1px solid  #666;
	text-align: center;
	color: #fff;
	background-color: #0000A2;}
table.jacketTable td {
	padding: 5px;
	width: 270px;
	border-right: 1px solid  #666;
	border-bottom: 1px solid  #666;
	}
table.ocw {
	margin: 0 auto 30px;}
table.ocw td {
	padding-left: 10px;
	width: auto;}
p.ocw1 {
	width: 540px;
	margin: 20px auto;
	padding: 0;
	text-align: right;
	background: url(../img/info/pic_ocw_info1.jpg) no-repeat top left;}
p.ocw2 {
	width: 540px;
	height: 480px;
	margin: 0 auto 20px;
	padding: 0;
	text-align: right;
	background: url(../img/info/pic_ocw_detail.jpg) no-repeat bottom center;}
	
p.orgJacket1 {
	width: 540px;
	margin: 20px auto;
	padding: 0;
	text-align: left;
	background: url(../img/info/cap_org_jacket1.gif) no-repeat top right;}
p.orgJacket2 {
	width: 540px;
	margin: 0 auto 20px;
	padding: 0;
	text-align: right;
	background: url(../img/info/cap_org_jacket2.gif) no-repeat top left;}

#Backnumber {
	margin-top: 20px;
	border-top: 1px dotted #6CBBD3;}
#Backnumber li {
	height: 70px;
	padding-top: 10px;
	position: relative;
	border-bottom: 1px dotted #6CBBD3;}
#Backnumber li img {
	position: absolute;
	top: 10px;
	left: 10px;}
#Backnumber dl {
	margin-left: 105px;}
#Backnumber dl dt {
	font-weight: bold;
	padding-bottom: 2px;}
	
#mainBox .jumpgame {
		text-align: center;
		padding: 0;
		background-color: #000;}
		
/* comic 
-------------------------*/
body#comic {
	margin: 0 ;
	padding: 0;
	text-align: center;
	background-color: #fff;
	background-image: none;}
body#comic p {
	padding-top: 20px;}
#comic address {
	font-size: 10px;
	font-style: normal;}
#comic button {
	border: 1px;
	margin: 20px auto;}
h4.comicNews {
	color: #FF0;
	line-height: 30px;
	height: 30px;
	margin: 0 auto;
	padding-top: 20px;
	background: url(../img/comic/bg_new_alert.gif) no-repeat bottom center;}
h4.comicNews a {
	color: #FF0;}
ul.comicList {
	width: 520px;
	margin: 0 auto 20px;}
ul.comicList li {
	color: #fff;
	width: 520px;
	height: 80px;
	background: url(../img/comic/bg_comic_coming.gif) no-repeat top center;}
ul.comicList li.active {
	color: #ff0;
	position: relative;
	background: url(../img/comic/bg_comic_active.gif) no-repeat top center;}
ul.comicList li.active .thumb {
	position: absolute;
	left: 8px;
	top: 8px;}
ul.comicList li dl {
	padding: 20px 0 0 140px;
}
ul.comicList li dl dt {
	height: 17px;
	font-size: 85%;}
ul.comicList li dl dd {
	font-weight: bold;}
ul.comicList li.active a img {
	position: absolute;
	right: 10px;
	top: 10px;}
	
/* WHF
-------------------------*/
#whfPickup {
	width: 574px;
	margin: 0 auto 7px;
	padding-bottom: 15px;
	background: url(../img/info/bg_whf_pickup_btm.gif) no-repeat bottom left;}
#whfPickup p {
	padding: 0;
	margin: 0;}
#whfPickup dl {
	width: 574px;
	padding: 20px 0 0;
	margin: 0;
	color: #fff;
	line-height: 140%;
	background: url(../img/info/bg_whf_pickup_all.gif) repeat-y top left;}
#whfPickup dt {
	width: 566px;
	margin: 0 auto;
	height: 46px;
	position: relative;
	background: url(../img/info/bg_whf_pickup_ttl.gif) no-repeat top center;}
#whfPickup dt img {
	margin: 11px 0 0 23px;}
#whfPickup dt a img {
	position: absolute;
	margin: 0;
	right: 0;
	top: 0;}
#whfPickup dd {
	margin: 0 4px;
	padding-bottom: 30px;}
#whfPickup dd.takeshi {
	height: 184px;
	padding: 10px 270px 0 20px;
	background: url(../img/info/pic_whf_pickup4.jpg) no-repeat top right;}

#whfPickup dd.junior1 {
	margin-top: 5px;
	height: 297px;
	padding-bottom:10px;
	background: url(../img/info/bg_whf_neo_junior_1.gif) no-repeat top center;}
#whfPickup dd.senior1 {
	height: 297px;
	padding-bottom:10px;
	background: url(../img/info/bg_whf_neo_senior_1.gif) no-repeat top center;}
#whfPickup dd.senior1 p#kinakoMovie, 
#whfPickup dd.junior1 p#kinakoMovie {
	padding: 26px 0 0 51px;}
	
#whfPickup dd.junior2 {
	margin-top: 5px;
	height: 312px;
	padding-bottom:10px;
	position: relative;
	background: url(../img/info/bg_whf_neo_junior_2.gif) no-repeat top center;}
#whfPickup dd.senior2 {
	height: 312px;
	padding-bottom:10px;
	position: relative;
	background: url(../img/info/bg_whf_neo_senior_2.gif) no-repeat top center;}
#whfPickup dd.senior2 p#kinakoMovie, 
#whfPickup dd.junior2 p#kinakoMovie {
	padding: 28px 0 0 47px;}
#whfPickup dd.junior2 .name , 
#whfPickup dd.senior2 .name {
	position: absolute;
	top: 76px;
	right: 33px;}
#whfPickup dd.junior2 .movie , 
#whfPickup dd.senior2 .movie {
	position: absolute;
	top: 277px;
	left: 45px;}
	
#whfPickup dd.result {
	padding: 0;
	margin: 0;}
#whfPickup .result dl {
	padding: 0;
	background-image: none;}
#whfPickup .result dt {
	margin-top: 10px;
	text-align: center;
	line-height: 32px;
	height: 30px;
	font-weight: bold;
	font-size: 12px;}
#whfPickup .result dd {
	margin: 0;}
#whfPickup .result dt.resJuni {
	background: url(../img/info/btn_neo_dt_junior.gif) no-repeat top center;}
#whfPickup .result dt.resSeni {
	background: url(../img/info/btn_neo_dt_senior.gif) no-repeat top center;}