@charset "UTF-8";

/******************* contents *******************/
.hidetxt {
	text-indent: -9999px; overflow: hidden;
}

h2 {
	background:url("../images/h2_title.gif") no-repeat top left;
	width:960px;
	height:81px;
	margin:0 0 1px 0px;
	padding:0;
	text-align:left;
	}

h2 a{
	width:320px;
	height:81px;
	display:block;
	}

h2.secondTitle{
	margin-bottom:10px;
}

.leadCopy{
	background:url("../images/txt_lead.gif") no-repeat top left;
	text-indent:-9999px;
	width:960px;
	height:85px;
	margin:0 0 1px 0px;
	padding:0;
	}

#contentsArea{
	width:960px;
	margin:0 auto;
	}

.framSet{
	margin-bottom:10px;
	}

.framSet li{
	float:left;
	width:240px;
	}
	
.framSet li.fram01{
	background-color:#f22115;
	}
	
.framSet li.fram02{
	background-color:#ffa100;
	}
	
.framSet li.fram03{
	background-color:#017dff;
	}
	
.framSet li.fram04{
	background-color:#d53efd;
	}

.bnSp{
	background-color:#e5e5e5;
	padding:20px 0 20px 100px;
	margin-bottom:15px;
	}

.bnSp li{
	float:left;
	margin-right:20px;
	}

body#game01{
	background-color:#f22115;
	padding:0 0 0 7px;
	margin:0;
	text-align:left;
	}

body#game02{
	background-color:#ffa100;
	padding:0 0 0 7px;
	margin:0;
	text-align:left;
	}

body#game03{
	background-color:#017dff;
	padding:0 0 0 7px;
	margin:0;
	text-align:left;
	}

body#game04{
	background-color:#d53efd;
	padding:0 0 0 7px;
	margin:0;
	text-align:left;
	}
	
.gameArea{
	background-color:#fff;
	width:226px;
	text-align:center;
	padding-top:15px;
	}

.arrow{width:226px;
	padding:3px 0 4px 0;
	margin-left:7px;
	text-align:center;
	}

/******************* second *******************/
.secondNavi li{
	float:left;
	}

.secondNavi li a{
	display:block;
	width:240px;
	height:56px;
	}

.secondNavi li.n01 a{
	background:url(../images/sec_n01.gif) no-repeat left top;
	}

.secondNavi li.n02 a{
	background:url(../images/sec_n02.gif) no-repeat left top;
	}

.secondNavi li.n03 a{
	background:url(../images/sec_n03.gif) no-repeat left top;
	}

.secondNavi li.n04 a{
	background:url(../images/sec_n04.gif) no-repeat left top;
	}

.secondNavi li a.on,
.secondNavi li a:hover{
	background-position:left bottom!important;
	}

.ClassicGameArea{
	border:6px solid #f22115;
	padding:20px 31px 0 31px;
	text-align:left;
	margin-bottom:47px;
}

.ClassicGameArea h3{
	background:url(../images/sec_tit01.gif) no-repeat left top;
	width:476px;
	height:56px;
	float:left;
}

.timeLimitGameArea{
	border:6px solid #ffa100;
	padding:20px 31px 0 31px;
	text-align:left;
	margin-bottom:47px;
}

.timeLimitGameArea h3{
	background:url(../images/sec_tit02.gif) no-repeat left top;
	width:721px;
	height:80px;
	float:left;
}

.shockwaveGameArea{
	border:6px solid #017dff;
	padding:20px 31px 0 31px;
	text-align:left;
	margin-bottom:47px;
}

.shockwaveGameArea h3{
	background:url(../images/sec_tit03.gif) no-repeat left top;
	width:476px;
	height:56px;
	float:left;
}

.creatorsGameArea{
	border:6px solid #d53efd;
	padding:20px 31px 0 31px;
	text-align:left;
	margin-bottom:47px;
}

.creatorsGameArea h3{
	background:url(../images/sec_tit04.gif) no-repeat left top;
	width:627px;
	height:56px;
	float:left;
}

.back{
	padding-top:14px;
	float:right;
}

.newGame{margin-top:5px;}
.newGame li{
	float:left;
	margin-right:14px;
	text-align:left;
	width:166px;
	font-size:1px;
	line-height:0;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	
.newGame li.end{
	margin-right:0;
	}

.gameList li{
	float:left;
	width:166px;
	background:url(../images/game_bg.gif) repeat-y left top;
	margin-right:14px;
	margin-bottom:14px;
}

.gameList li.end{
	margin-right:0;
}

.game{
	background:url(../images/game_bg_bottom.gif) no-repeat left bottom;
	padding-bottom:14px;	display:block;
}

.gameList a{
	display:block;
	text-decoration:none;
}

.gameData{
	width:140px;
	margin:10px 0 0 14px;
}

.txt{
	margin-top:10px;
	height:auto!important;
	height:70px;
	min-height:70px;
	overflow:hidden;
}


.cautionBoxBottom{
	background:url(../images/flow_bg_bottom.gif) no-repeat left bottom;
	padding-bottom:25px;
	
}

.cautionBox{
	background:url(../images/flow_bg.gif) repeat-y left top;
	margin-top:30px;
	}

.cautionBox h4{
	margin-bottom:19px;
}
.noMember{
	margin-left:44px;
}

.underarrow{
	padding-left:16px;
	background:url(../images/ico_arrrow02.gif) no-repeat 3px center;
	margin:7px 0;
}
.stepFlow li{
	float:left;
	padding-right:29px;
	background:url(../images/flow_arrow.gif) no-repeat 187px center;
}

.stepFlow li.end{
	padding-right:0;
	background-image:none;
}

.cautionTxt{
	margin:20px auto 5px 170px;
	width:334px;
}
.stepend{
	padding-right:29px;
	background-image:none!important;
}
.spacingtop{
	margin-top:15px;
}

.linkarrow{
	background:url(../images/ico_arrrow01.gif) no-repeat left center;
	padding-left:30px;

}
.caution{
	color:#f11d19;
	font-weight:bold;
	margin-bottom:5px;
}

.pagetop{
	text-align:right;
	margin-top:30px;
}
