@charset "Shift_JIS";

/*  h2
------------------------------------------------------------*/
h2 {
	margin-bottom: 30px;
}

/*  main
------------------------------------------------------------*/
div#main {
	border: 1px #ff321e solid; padding-bottom: 46px; background: url(../img/common/bg_middle.gif) top center repeat-y;
}

div#main h3 {
	margin-bottom: 28px;
}

div#main p#leadcopy {
	margin: 0 auto 40px auto; width: 680px;
}

/*  tunnel
------------------------------------------------------------*/
div#tunnel {
	width: 684px; margin: 0 auto 48px auto;
}

div#tunnel h4 {
	margin-bottom: 20px;
}

div#tunnel p.text {
	float: left; display: inline; width: 361px;
}

div#tunnel div.img {
	float: right; display: inline; width: 234px; padding-right: 15px;
}

/*  allrange
------------------------------------------------------------*/
div#allrange {
	 clear: both; width: 684px; margin: 0 auto 48px auto;
}

div#allrange h4 {
	margin-bottom: 20px;
}

div#allrange p.text {
	float: left; width: 361px; display: inline;
}

div#allrange div.img {
	float: right; display: inline; width: 234px; padding-right: 15px;
}

/*  cockpit
------------------------------------------------------------*/
div#cockpit {
	clear: both; position: relative; width: 680px; height: 414px; margin: 0 auto 30px auto; background: url(../img/play/bg_allrange.gif) top left no-repeat;
}

div#cockpit p {
	padding: 50px 0 0 23px;
}

div#cockpit dl#armer {
	position: absolute; top: 95px; left: 23px;
}

div#cockpit dl dt {
	margin-bottom: 15px;
	line-height: 1.1;
}

div#cockpit dl#hacking {
	position: absolute; top: 210px; left: 23px;
}

div#cockpit dl#rankpoint {
	position: absolute; top: 330px; left: 23px;
}

div#cockpit dl#weapon {
	position: absolute; top: 95px; left: 505px;
}

div#cockpit dl#rader {
	position: absolute; top: 265px; left: 505px;
}

/*  rankup
------------------------------------------------------------*/
div#rankup {
	width: 692px; height: 550px; margin: 0 auto; background: url(../img/play/bg_rankup.gif) top left no-repeat;
}

div#rankup h3 {
	 margin-bottom: 35px; padding-top: 12px; text-align: center;
}

div#rankup div.section1 {
	clear: both;
	width: 605px; margin: 0 auto 32px auto;
}

div#rankup div.section1 p {
	float: left; display: inline; width: 426px;
}

div#rankup div.section1 dl {
	float: right; display: inline; width: 101px;
}

div#rankup div.section1 dl dt {
	line-height: 1.1;
}

div#rankup div.section1 dl dd {
	line-height: 1.1;
	text-align: center;
}


div#rankup div.section2 {
	clear: both; width: 605px; margin: 0 auto;
}

div#rankup div.section2 h4 {
	margin-bottom: 12px;
}

div#rankup div.section2 p {
	margin-bottom: 35px;
}

div#rankup div.section2 ul {
	width: 492px; margin: 0 auto;
}

div#rankup div.section2 ul li.img1 {
	float: left; display: inline; width: 211px;
}

div#rankup div.section2 ul li.img2 {
	float: right; display: inline; width: 211px;
}

div#rankup div.section2 ul li.img1 dl dt,
div#rankup div.section2 ul li.img2 dl dt {
	margin-bottom: 5px; line-height: 1.1;
}

div#rankup div.section2 ul li.img1 dl dd,
div#rankup div.section2 ul li.img2 dl dd {
	text-align: center;
}




/*  clearfix
------------------------------------------------------------*/
	div#tunnel:after,
	div#allrange:after,
	div#rankup div.section1:after,
	div#rankup div.section2 ul:after { 
		content: " "; 
		display: block; 
		clear: both; 
		height: 0; 
	} 
	div#tunnel,
	div#allrange,
	div#rankup div.section1,
	div#rankup div.section2 ul { 
		display: inline-block; 
	} 
	div#tunnel,
	div#allrange,
	div#rankup div.section1,
	div#rankup div.section2 ul { 
		display: block; 
	}