@charset "UTF-8";



/* ===================================

	File Name   : top.css

	Description : Top Page Layout CSS

	Editors     : NS Sakurai

	Create Date : 2012/02/09



	Update Description :

		2012/03/09 Append - Banner Box Styles [Sakurai]

		2012/02/10 Append - Value Styles [Sakurai]

		2012/02/09 File Create

====================================== */



/*========== Style Contents ==========



	1. Contents

	2. Title

	3. keylogo

	4. blkR

	5. BtnDownload_top

	6. Top Information

	7. blkImg 

	

====================================== */



/*===== ■1. Contents =====*/

#Contents {

	margin:20px auto 0;

	width:900px;

	clear:both;

}

#Header {
	padding-bottom:20px
}

#Header dl {
	display:block;
	background:url('../img/overview.gif') no-repeat;
	text-indent:-9999px;
	height:21px;
	margin-top:20px;
}



/*===== ■3. keylogo =====*/

.mainVisual img {
	float:left;
	height:250px;
	width:627px;
}

.mainVisual a {
	display:block;
	float:left;
	height:250px;
	width:273px;
	background:url('../img/bnr_main.jpg');
	text-indent:-9999px;
}

.mainVisual a:hover {
	background-position:0 -250px;
}

/*===== ■4. blkR =====*/

#blkR {

	float:left;

	width:480px;

}



/*===== ■5. BtnDownload_top =====*/

#BtnDownload_top {

	width: 480px;

	margin: 30px auto;

}



#BtnDownload_top li a {

	background-image: url(../common/img/img_btn.jpg);

	height: 138px;

	width: 480px;

	display: block;

	background-position: 0px -350px;

}



#BtnDownload_top li a:hover {

	background-position: 0px -495px;

}



/*===== ■6. Top Information =====*/

#TopInfo {
	width: 900px;
	padding-top:20px;
	clear:both;
	position:relative;
}

#TopInfo h3 {
	background: url(../img/whatsnew.gif) no-repeat;
	margin:0;
	width: 900px;
	height: 36px;
	text-indent: -9999px;
}

#TopInfo a:link {
	color:#0754a6;
}
#TopInfo a:visited {
	color:#0754a6;
}
#TopInfo a:action {
	color:#0754a6;
}

#TopInfo > a {
	display:block;
	background: url(../img/more.gif) no-repeat;
	width: 96px;
	height: 36px;
	text-indent: -9999px;
	position:absolute;
	top:20px;right:0px;
}

#TopInfo > a:hover {
	background-position:0 -36px;
}

#TopInfo > a.open {
	background-position:0 -108px;
}

#TopInfo > a.open:hover {
	background-position:0 -72px;
}

#TopInfo ul {
	background:#f8f8f8;
	padding: 0px 10px;
	overflow: auto;
}

#TopInfo ul li {
	padding: 10px;
	overflow: auto;
}

#TopInfo ul li span {
	display: block;
	float: left;
	width: 70px;
	color:#333333;
	margin-right: 20px;
}

#TopInfo ul li p {
	color:#333333;
	width: 89%;
	float: right;
}

#TopInfo ul li p:after {
	content: "";
	display: block;
	clear: both;
}

.hyde { display:none;}

.hyde li {
	overflow: auto;
	border-top:1px solid #dedede;
}




/*===== ■7. blkImg  =====*/

#blkImg {

	clear:both;

	padding-top:20px;

}

#ttlImg {

	margin-bottom:4px;

}

#idWrap{

	margin-bottom:14px;

}

div.scrollWrapper {

	position:relative;

	overflow:hidden;

	width:100%;

	height:100%;

}

div.scrollableArea {

	position:relative;

	width:auto; height:100%;

}

.clSum {

	width:100%;

	height:143px;

	position:relative;

}

.clSum * {

	position:relative;

	float:left;

	margin:0; padding:0;

}

div.scrollableArea img{

	padding:6px !important;

}

.tilemenu {
	max-width:920px;
	margin:0 auto;
	position:relative;
	left:10px;
}

.tilemenu:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .tilemenu { zoom: 1; } /* IE6 */
*:first-child+html .tilemenu { zoom: 1; } /* IE7 */

.tilemenu > li {
	float:left;
	margin-right:20px;
	margin-top:20px;
	background:#ffffff;
}

.tilemenu > li.tile2 {
	width:440px;
}

.tilemenu > li.tile1 {
	width:210px;
}

.tilemenu > li a {
	display:block;
	height:184px;
	line-height:190px;
	text-align:center;
	text-decoration:none;
	border:3px solid #dd994e;
	text-indent:-9999px;
}

.tilemenu > li.tile2 a {
	width:434px;
}

.tilemenu > li.tile1 a {
	width:204px;
}

.tilemenu > li a:hover {
	opacity:0.5;
}

.tilemenu > li a.cate2 {
	border:3px solid #678fd2;
}

.tilemenu > li a.cate3 {
	border:3px solid #993faf;
}

.tilemenu > li a.cate4 {
	border:3px solid #8e8c51;
}

.tilemenu > li a.cate5 {
	border:3px solid #77A549;
}

.exhibit {
	background:url('../img/menu_exhibit.jpg');
}
.area {
	background:url('../img/menu_area.jpg');
}
.indie_games {
	background:url('../img/menu_indie_games.jpg');
}
.sponsor {
	background:url('../img/menu_sponsor.jpg');
}
.rule {
	background:url('../img/menu_rule.jpg');
}
.support {
	background:url('../img/menu_support.jpg');
}
.download {
	background:url('../img/menu_download.jpg');
}
.report {
	background:url('../img/menu_report.jpg');
}
.press {
	background:url('../img/menu_press_02.jpg');
}
.preview {
	background:url('../img/menu_preview.jpg');
}
.contact {
	background:url('../img/menu_contact.jpg');
}
.cate4 {
	background:url('../img/menu_cesa.jpg');
}

.sown {
	background:url('../img/menu_sown.jpg');
}