@charset "utf-8";


/* feature */

#main.feature h2 {
	margin: 35px 0 0 0;
}

#main.feature div.topCopy {
	float: left;
	width: 310px;
	margin: 15px 0 0 5px;
	padding: 0 0 15px 0;
	display: inline;
}

#main.feature div.topCopy p {
	margin: 0 0 20px 0;
	font-size: 78%;
	line-height: 1.65em;
}

#main.feature div.topImg {
	float: right;
	width: 245px;
	margin: 10px 5px 0 0;
	padding: 0 0 15px 0;
	display: inline;
}

#main.feature dl.linkArea {
	clear: both;
}

#main.feature dl.linkArea dd.copy {
	width: 570px;
	margin: 12px 0 0 5px;
	font-size: 78%;
	line-height: 1.65em;
}

#main.feature dl.linkArea dd.btn {
	width: 570px;
	margin: 16px 0 0 5px;
	position: relative;
	height: 270px;
}

#main.feature dl.linkArea dd.btn a {
	position: absolute;
}

#main.feature dl.linkArea dd.btn a.btn01 {
	left: 0;
	top: 0;
}

#main.feature dl.linkArea dd.btn a.btn02 {
	left: 95px ;
	top: 108px;
}

#main.feature dl.linkArea dd.btn a.btn03 {
	left: 195px ;
	top: 0;
}

#main.feature dl.linkArea dd.btn a.btn04 {
	left: 290px ;
	top: 108px;
}

#main.feature dl.linkArea dd.btn a.btn05 {
	left: 390px ;
	top: 0;
}

#main.feature dl.feature {
	width: 580px;
}

#main.feature dl.feature dt {
	float: left;
	display: inline;
	width: 265px;
	margin: 0 0 0 5px;
}

#main.feature dl.feature dd.copy {
	float: left;
	display: inline;
	width: 250px;
	margin: 5px 0 35px 7px;
	font-size: 78%;
	line-height: 1.65em;
}

#main.feature dl.feature dd.img {
	float: right;
	display: inline;
	width: 306px;
	margin: 0 2px 35px 0;
}

#main.feature div.card {
	display: table;
	width: 485px;
	margin: 0 0 0 60px;
}

#main.feature div.card div.img {
	display: table-cell;
	width: 158px;
	vertical-align: middle;
	/display: inline;
	/zoom: 1;
}

#main.feature div.card p {
	display: table-cell;
	width: 327px;
	vertical-align: middle;
	font-size: 78%;
	line-height: 1.65em;
	/display: inline;
	/zoom: 1;
}

#main.feature div.card p span {
	font-weight: bold;
}




/* report */

#main.report h2 {
	margin: 35px 0 0 0;
}

#main.report a {
	color: #009E41;
}

#main.report p.copy {
	width: 570px;
	margin: 12px 0 -15px 5px;
	font-size: 78%;
	line-height: 1.65em;
}

#main.report p.archiveTtl {
	width: 570px;
	margin: 20px 0 -30px 5px;
	font-size: 100%;
	line-height: 1.65em;
	font-weight: bold;
}

#main.report dl.entryList {
	margin: 35px 0 0 0;
}

#main.report dl.entryList dt {
	padding: 7px 10px 4px 10px;
	background: url(../feature/images/report_ttl_bg01.jpg) no-repeat top;
	color: #FFFFFF;
	font-size: 100%;
	line-height: 1.2em;
	font-weight: bold;
}

#main.report dl.entryList dt span {
	margin: 0 0 0 12px;
}

#main.report dl.entryList dd.ttlBottom img {
	vertical-align: top;
}

#main.report dl.entryList dd.img {
	float: left;
	display: inline;
	width: 282px;
	margin: 0 0 0 5px;
	padding: 0 0 3px 0;
	background: url(../feature/images/report_img_bg02.jpg) no-repeat bottom;
}

#main.report dl.entryList dd.img a {
	display: block;
	background: url(../feature/images/report_img_bg01.jpg) no-repeat top;
}

#main.report dl.entryList dd.img a img {
	border: solid 4px #FFFFFF;
}

#main.report dl.entryList dd.txt {
	float: right;
	display: inline;
	width: 270px;
	margin: 0 5px 0 0;
	font-size: 78%;
	line-height: 1.65em;
}

#main.report dl.entryList dd.txtNoImg {
	width: 570px;
	margin: -4px 5px 0 5px;
	font-size: 78%;
	line-height: 1.65em;
}

#main.report dl.entryList dd.txt span.more,
#main.report dl.entryList dd.txtNoImg span.more {
	display: block;
	margin: 12px 0 0 0;
	text-align: right;
}

#main.report dl.entryList dd.txt span.more a,
#main.report dl.entryList dd.txtNoImg span.more a {
	padding: 0 14px 0 0;
	background: url(../common/arw01.gif) no-repeat right center;
}






#main.report p.link {
	margin: -22px 7px 22px 0;
	text-align: right;
	font-size: 70%;
	line-height: 1.2em;
}

#main.report p.link a {
	padding: 0 0 0 9px;
	background: url(../common/arw04.gif) no-repeat left center;
}












#main.report dl.entry {
	margin: 15px 0 0 0;
	padding: 0 0 35px 0;
	background: url(../feature/images/report_line.jpg) no-repeat bottom;
}

#main.report dl.entry dt {
	padding: 7px 10px 4px 10px;
	background: url(../feature/images/report_ttl_bg01.jpg) no-repeat top;
	color: #FFFFFF;
	font-size: 100%;
	line-height: 1.2em;
	font-weight: bold;
}

#main.report dl.entry dt span {
	margin: 0 0 0 12px;
}


#main.report dl.entry dd.ttlBottom img {
	vertical-align: top;
}

#main.report dl.entry dd.free {
	margin: 0 5px 0 5px;
	font-size: 78%;
	line-height: 1.65em;
}

#main.report dl.entry dd.free p {
	margin-bottom: 35px; 
}


#main.report div.pageNav {
	clear: both;
	width: 580px;
	margin: 12px 0 0 0;
	font-size: 78%;
	line-height: 1.2em;
}

#main.report div.pageNav p.before {
	float: left;
	width: 165px;
}

#main.report div.pageNav p.next {
	float: right;
	width: 160px;
	text-align: right;
}

#main.report div.pageNav p.top {
	float: left;
	width: 245px;
	text-align: center;
}

#main.report div.pageNav p.before a {
	padding: 0 0 0 14px;
	background: url(../common/arw02.gif) no-repeat left center;
}

#main.report div.pageNav p.next a {
	padding: 0 14px 0 0;
	background: url(../common/arw01.gif) no-repeat right center;
}

#main.report div.pageNav p.top a {
	padding: 0 0 0 17px;
	background: url(../common/arw03.gif) no-repeat left center;
}


/* game */

#main.game h2 {
	margin: 35px 0 0 0;
}

#main.game p.topCopy {
	margin: 15px 0 10px 5px;
}

#main.game #gameFlash {
	margin: 0 0 0 5px;
}

#main.game #gameFlash p {
	margin: 30px 20px 0 5px;
	font-size: 90%;
	line-height: 1.65em;
}

#main.game p.copy {
	margin: 5px 20px 0 5px;
	font-size: 70%;
	line-height: 1.65em;
}