/* COMMON CSS */
@import url(./common/style.css);
@import url(./common/navi.css);

/*BODYの設定*/
#title-nexthero	{ 
	background-image: url(../nexthero/image/title-nexthero.gif);
	width: 800px;
	height: 30px;
	}

td {
	vertical-align: top;
}
/*CONTENTSの設定*/
.box {
	width: 500px;
	padding-left: 12px;
	vertical-align: top;
	line-height: 1.6;
	text-align: justify;
	text-justify: inter-ideograph;
}

.midashi {
	color: #325096;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	padding-bottom: 0.25em;
	}

.pagelink {
	text-align: right;
	}

p {
	margin: 0px;
}

.hero01 {
	background-image: url(../nexthero/image/01_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero02 {
	text-align: left;
	background-image: url(../nexthero/image/02_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero03 {
	background-image: url(../nexthero/image/03_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero04 {
	background-image: url(../nexthero/image/04_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero05 {
	background-image: url(../nexthero/image/05_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero06 {
	background-image: url(../nexthero/image/06_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero07 {
	background-image: url(../nexthero/image/07_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero08 {
	background-image: url(../nexthero/image/08_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero09 {
	background-image: url(../nexthero/image/09_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero10 {
	background-image: url(../nexthero/image/10_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero11 {
	background-image: url(../nexthero/image/11_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero12 {
	background-image: url(../nexthero/image/12_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero13 {
	background-image: url(../nexthero/image/13_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero14 {
	background-image: url(../nexthero/image/14_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero15 {
	background-image: url(../nexthero/image/15_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero16 {
	background-image: url(../nexthero/image/16_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero17 {
	background-image: url(../nexthero/image/17_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 5px 0 15px;
	}

.hero18 {
	background-image: url(../nexthero/image/18_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero19 {
	background-image: url(../nexthero/image/19_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero20 {
	background-image: url(../nexthero/image/20_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero21 {
	background-image: url(../nexthero/image/21_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero22 {
	background-image: url(../nexthero/image/22_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero23 {
	background-image: url(../nexthero/image/23_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero24 {
	background-image: url(../nexthero/image/24_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero25 {
	background-image: url(../nexthero/image/25_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero26 {
	background-image: url(../nexthero/image/26_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero27 {
	background-image: url(../nexthero/image/27_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero28 {
	background-image: url(../nexthero/image/28_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero29 {
	background-image: url(../nexthero/image/29_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero30 {
	background-image: url(../nexthero/image/30_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero31 {
	background-image: url(../nexthero/image/31_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero32 {
	background-image: url(../nexthero/image/32_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero33 {
	background-image: url(../nexthero/image/33_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero34 {
	background-image: url(../nexthero/image/34_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero35 {
	background-image: url(../nexthero/image/35_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero36 {
	background-image: url(../nexthero/image/36_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero37 {
	background-image: url(../nexthero/image/37_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero38 {
	background-image: url(../nexthero/image/38_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero39 {
	background-image: url(../nexthero/image/39_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero40 {
	background-image: url(../nexthero/image/40_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero41 {
	background-image: url(../nexthero/image/41_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}
	
.hero42 {
	background-image: url(../nexthero/image/42_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero43 {
	background-image: url(../nexthero/image/43_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero44 {
	background-image: url(../nexthero/image/44_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero45 {
	background-image: url(../nexthero/image/45_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}	

.hero46 {
	background-image: url(../nexthero/image/46_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}
	
.hero47 {
	background-image: url(../nexthero/image/47_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero48 {
	background-image: url(../nexthero/image/48_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	vertical-align: middle;
	}

.hero49 {
	background-image: url(../nexthero/image/49_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 20px 0 0 15px;
	vertical-align: middle;
	}

.hero50 {
	background-image: url(../nexthero/image/50_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 30px 0 0 15px;
	vertical-align: middle;
	}

.hero51 {
	background-image: url(../nexthero/image/51_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 25px 0 0 15px;
	vertical-align: middle;
	}

.hero52 {
	background-image: url(../nexthero/image/52_03.gif);
	font-size: 10px;
	line-height: 14px;
	padding: 20px 0 0 15px;
	vertical-align: middle;
	}
	
.heroprof {
	background-color: #ffdc00;
	position: relative;
	vertical-align: top;
}
.heroprof .name {
	font-size: 48px;
	line-height: 1;
	font-weight: bold;
	color: #000000;
	padding: 15px 0 15px 15px;
}
.heroprof .career {
	font-size: 10px;
	line-height: 1.6;
	color: #000000;
	padding: 0 10px 0 15px;
}
.heroprof .volnum {
	font-size: 56px;
	line-height: 1;
	font-weight: bold;
	width: 1em;
	text-align: center;
	color: #ffffff;
	position: absolute;
	right: 15px;
	bottom: 15px;
}

.participate {
	text-align: right;
	padding-right: 45px;
	}
	
#heroes-list {
	width: 800px;
	margin: 0 auto;
}
#heroes-list ul, #heroes-list li {
	margin: 0;
	padding: 0;
}
#heroes-list li {
	list-style: none;
	display: block;
	float: left;
	width: 179px;
	margin: 0 28px 28px 0;
}
#heroes-list li:nth-child(4n) {
	margin-right: 0;
}
#heroes-list li a {
	display: block;
	width: 179px;
	height: 120px;
	overflow: hidden;
	position: relative;
	background-color: #ffdc00;
}
#heroes-list li a p.name {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 108px;
	margin: auto;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
	width: 71px;
	height: 20px;
}
#heroes-list li a p.doubleline {
	height: 40px;
}
#heroes-list li img {
	width: 100px;
	height: 120px;
}
#heroes-list li a:hover {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}