@charset "utf-8";

/* ----------------------------------------------

	CSS information
	file name  :	layout.css
	infomation :	ジェネレーション
	
 ---------------------------------------------- */
/* トップページ */
#playArea {
	width: 266px;
	float: left;
	margin:0 0 0 35px;
	padding:0 0 0 0px;
	background: url(../images/play_bk.gif) no-repeat;
	background-position: bottom;
}
#playArea p{
	font-size: 110%;
	padding:12px 12px 12px 12px;
}
#playArea p span{
	color: #ffe105;
}
#formArea02{
	width:550px;
	height:340px;
	float: right;
	margin:0 24px 0 0;
	background: url(../images/hyou.png) no-repeat;
	background-position: top;
	position: relative;
}
#team01 {
	width:185px;
	text-align: center;
	color: #000000;
	background: #FFFFFF;
	position: absolute;
	top:110px;
	left:180px;
}
#team02 {
	width:185px;
	text-align: center;
	color: #000000;
	background: #FFFFFF;
	position: absolute;
	top:324px;
	left:36px;
}
#team03 {
	width:185px;
	text-align: center;
	color: #000000;
	background: #FFFFFF;
	position: absolute;
	top:324px;
	left:330px;
}
/* トップページ */
#spTopwrp {
 	margin:0 0 28px 48px;
	padding:0 0 0 0;
	}
#geneWrp{
	width: 936px;
	height: 380px;
	background:url(../images/sp_wrp_bk.png) no-repeat;
	background-position: center;
	position:relative;
	}
/* one */
.one{}
.one .icon{
	width: 140px;
	position: absolute;
	top:40px;
	left:430px;
	}
.one .icon p img {
	width: 100px;
	margin: 0 auto 0 auto;
	display:block;
	}
.one .icon p.iconText{
	width: 132px;
	background: url(../images/sp_bk.gif) repeat;
	margin:6px 0 0 0;
	padding:4px 4px 4px 4px;
	text-align: center;
}
.one .resultArea {
	width: 262px;
	position: absolute;
	top:-20px;
	left:613px;
	zoom:1;
} 


.one .resultArea p.resultText {
	padding:6px 6px 26px 6px;
	background: url(../images/foot02.png) no-repeat;
	background-position: bottom;
	text-align: center;
	color: #000000;
	font-size: 110%;
	}
/* two */
.two{}
.two .icon{
	width: 140px;
	position: absolute;
	top:160px;
	left:688px;
	}
.two .icon p img {
	width: 100px;
	margin: 0 auto 0 auto;
	display:block;
	}
.two .icon p.iconText{
	width: 132px;
	background: url(../images/sp_bk.gif) repeat;
	margin:6px 0 0 0;
	padding:4px 4px 4px 4px;
	text-align: center;
}
.two .resultArea {
	width: 262px;
	position: absolute;
	top:220px;
	left:360px;
} 
.two .resultArea p.resultText {
	padding:6px 6px 6px 6px;
	background: url(../images/foot03.png) no-repeat;
	background-position: bottom;
	text-align: center;
	color: #000000;
	font-size: 110%;
	}
/* three */
.three{}
.three .icon{
	width: 140px;
	position: absolute;
	top:170px;
	left:184px;
	}
.three .icon p img {
	width: 100px;
	margin: 0 auto 0 auto;
	display:block;
	}
.three .icon p.iconText{
	width: 132px;
	background: url(../images/sp_bk.gif) repeat;
	margin:6px 0 0 0;
	padding:4px 4px 4px 4px;
	text-align: center;
}
.three .resultArea {
	width: 262px;
	position: absolute;
	top:-20px;
	left:90px;
} 
.three .resultArea p.resultText {
	padding:6px 6px 26px 6px;
	background: url(../images/foot01.png) no-repeat;
	background-position: bottom;
	text-align: center;
	color: #000000;
	font-size: 110%;
	}
p#y_one {
	position: absolute;
	top: 90px;
	left: 560px;
}
p#y_two {
	position: absolute;
	top: 200px;
	left: 310px;
}
p#y_three {
	position: absolute;
	top: 90px;
	left: 254px;
}
/* results */
#results {
	width: 800px;
	margin:0 auto 0 auto;
	background: #ffe105; 
} 
#resultTitle {
	width: 110px;
	float: left;
}
#resultTitle img{
	width: 75px;
	height: 14px;
	display: block;
	padding:20px 0 0 0;
	margin: auto;
}
#tweetArea {
	width: 664px;
	background: url(../images/sp_bk.gif) repeat;
	border: 1px solid #ffe105;
	padding: 12px 12px 12px 12px;
	float: right;
	}
p#tweetBtn {
	float: right;
	padding:4px 66px 0 0;
	}
p#sharetBtn {
	float: right;
	padding:4px 66px 0 0;
	}
p#teamBtn {
	float: right;
	padding:4px 66px 0 0;
	}
p#playBtn {
	float: right;
	padding:4px 66px 0 0;
	}