@charset "utf-8";
/* CSS Document */
html{
	background-color:#000000;
	margin:0px;
	padding:0px;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image:url(img/bgBody.jpg);
	background-repeat: repeat-y;
	background-position:center top;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #ffffff;
}
.oneColFixCtrHdr #container {
	width:320px;
	background: #000000;
	margin: 0 auto;
	text-align: left;
}
.oneColFixCtrHdr #header {
	/*margin:30px 0px 10px 0px;*/
	margin:30px 0px 125px 0px;	
	padding:px 5px;
	background-image:url(img/bgHeader.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
.oneColFixCtrHdr #header h1 {
	display:block;
	height:90px;
	width:314px;
	margin: 0;
	padding: 0;
}
.oneColFixCtrHdr #header h1 img{
	margin:5px 0px 0px 10px;
	padding:0px;
	border:none;
}
.siteIntro{
	display:block;
	margin:0px;
	padding:0px 10px;
	font-size:0.8em;
	line-height:1.5em;
	letter-spacing:0.1em;
}
.siteIntro span{
	font-weight:bold;
	padding:0px 0px 20px 0px;
}
.siteIntro a{
	color:#84DCEC;
	text-decoration:none;
}
h2 img{
	max-width:300px;
	height:auto;
	margin:0px 0px 0px 5px;
	padding:4px 0px 0px 0px;
}
h2 img{
	max-width:300px;
	height:auto;
	margin:0px 0px 0px 5px;
	padding:4px 0px 0px 0px;
}
h3{
	display:block;
	width:300px;
	height:50px;
	margin:0px 0px 0px 5px;
	background-image:url(img/titleMap-iPhone.gif);
	background-repeat:no-repeat;
	background-position:left;
}
h3 img{
	visibility:hidden
}
.oneColFixCtrHdr #mainContent {
	padding: 0px;
	background: #000000;
}
.oneColFixCtrHdr #footer {
	margin:20px 0px 0px 0px;
	padding: 20px;
	background-image:url(img/bgFooter.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
.oneColFixCtrHdr #footer p {
	margin: 0; 
	padding: 10px 0;
	font-size:0.6em;
	text-align:center;
}
.map{
	display:none;
}
/*----rankingArea------*/

.rankingArea{
	background-image:url(img/bgsortBtnArea.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	margin:200px 0px 80px 0px;
	padding:0px;
}
.rankingArea p{
	font-size:0.7em;
	padding:0px 0px 0px 35px;
	margin:0px;
}

/*--------sortBtn------*/

.sortBtnArea{
	margin:0px 0px 80px 0px;
	padding:0px 0px  0px 0px;
}
#mainContent ul{
	width:320px;
	height:40px;
	list-style:none;
	margin:20px 0px 120px 0px; 
	padding:30px 0px 0px 0px;
}
#mainContent ul li{
	display:block;
	width:110px;
	height:40px;
	margin:10px 0px 10px 20px;
	padding:0px;
	float:left;
}	
#mainContent ul li a{
	display:block;
	width:110px;
	height:40px;
	text-decoration:none;
}
#mainContent ul li span{
	visibility:hidden;
}
ul.per{
	background-image:url(img/bgBtnarea_per.gif);
	background-repeat:no-repeat;
	background-position:-25px top;
}
ul.continuous{
	background-image:url(img/bgBtnarea_con.gif);
	background-repeat:no-repeat;
	background-position:-25px top;		
}
li.cou{
	background-image:url(img/btnCountry.jpg);
	background-repeat:no-repeat;
}
li.tod{
	background-image:url(img/btnToday.jpg);
	background-repeat:no-repeat;
}
li.wee{
	background-image:url(img/btnWeek.jpg);
	background-repeat:no-repeat;
}
li.mon{
	background-image:url(img/btnMonth.jpg);
	background-repeat:no-repeat;
}

/*---------cellArea-----------------*/

.cellArea{
	margin:0px;
	padding:0px 0px 20px 0px;
}

table.ranking_cou{
	width:310px;
	margin:10px 5px 0px 5px;
	padding:0px;
    border-top:1px solid #ffffff;
    border-left:1px solid #ffffff;
    border-collapse:collapse;
	border-spacing:0;
}
.ranking_cou th{
    border-right:1px solid #000000;
    border-bottom:1px solid #ffffff;
	font-size:0.8em;
	background-color:#FFFFFF;
	color:#000000;
	text-align:center;
}
.ranking_cou td{
    border-left:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
	text-align:left;
	font-weight:normal;
	font-size:0.7em;
	padding-left:10px

}
.ranking_cou td img{
	vertical-align:middle;
	margin-right:10px;

}
.ranking_cou tr{
    border-right:1px solid #ffffff;
}

table.ranking{
	width:310px;
	margin:10px 5px 0px 5px;
	padding:0px;
    border-top:1px solid #ffffff;
    border-left:1px solid #ffffff;
    border-collapse:collapse;
	border-spacing:0;
}
.ranking th{
    border-right:1px solid #000000;
    border-bottom:1px solid #ffffff;
	font-size:0.8em;
	background-color:#FFFFFF;
	color:#000000;
	text-align:center;
}
.ranking td{
    border-left:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
	text-align:center;
	font-weight:normal;
	font-size:0.7em;
	padding-left:10px

}
.ranking tr{
    border-right:1px solid  #FFFFFF;
}
/*----的中回数国別　表サイズ---*/

.per_cou1{
	width:40px;
}
.per_cou2{
	width:200px;
}
.per_cou3{
	width:60px;
}
.per_cou4{
	width:370px;
}
/*----的中回数個人　表サイズ---*/
.per_per1{
	width:40px;
}
.per_per2{
	width:406px;
}
.per_per3{
	width:50px;
}
.per_per4{
	width:60px;
}
.per_per5{
	width:100px;
}
/*----連続的中回数国別　表サイズ---*/
.con_cou1{
	width:40px;
}
.con_cou2{
	width:200px;
}
.con_cou3{
	width:90px;
}
.con_cou4{
	width:340px;
}

/*----連続的中回数個人　表サイズ---*/
.con_per1{
	width:40px;
}
.con_per2{
	width:406px;
}
.con_per3{
	width:50px;
}
.con_per4{
	width:90px;
}
.con_per5{
	width:70px;
}


/*----------世界の超能力者数（0309に追加したCSS） ------*/

.psychicsArea{
	margin:0px;
	padding:0px;
}

table.Entries{
	width:310px;
	margin:10px 0px 0px 5px;
	padding:0px;
}

.Entries td{
	text-align:center;
	font-weight:normal;
	font-size:0.7em;
	height:50px;
	width:87px;
	vertical-align:middle;
}
.countText{
	font-size:0.4em;
}
.Entries tr{
}

/*---------------世界の超能力者数（0309に追加したCSS）ここまで--------*/

.iPhone_br_ctrl
{
	display:normal;
}

/*---------------20100423追加-------------------*/

.award{
	background-image:url(img/award.gif);
	background-position:left;
	background-repeat: no-repeat;
	width:320px;
	height:75px;
	display:block;
	position:absolute;
	z-index:5;
	top:260px;
	left:0px;
}
.award p{
	font-size:13px;
	color:#FFFFFF;
	margin:3px 0px 0px 55px;
}
.award p a{
	color:#84DCEC;
	text-decoration:none;
}
.award p a:hover{
	color: #DEF5FE;
	border-bottom:solid 1px #DEF5FE;
}
.awardTitle{
	font-weight:bold;
}
/*--------20100427追加 キャプチャサポート---------*/


.howto{
	width:320px;
/*	height:550px;*/
	margin:0px;
	}

.howto ul{
	display:block;
	width:320px;
	height:260px;
	margin:0px;
	list-style:none;
	margin:0px;
	padding:0px
	}

.picture{
	display:block;
	width:120px;
	height:260px;
	float:left;
	margin:10px 0px 0px 0px;
	padding:0px;
	list-style:none;	
}
.picture img{
	max-width:120px;
	height:auto;
}
.text{
	display:block;
	width:180px;
	height:260px;
	margin:10px 0px  0px 0px;
	padding:0px;
	font-size:14px;
	float:right;
	list-style:none;	
}

.text span{
	font-size:22px;
}
/*-------------超能力者の謎にせまるへのリンク-----------*/

.esperReport{
	width:235px;
	height:70px;
	display:block;
	position:absolute;
	z-index:6;
	top:380px;
	left:40px;
}
.esperReport a img{
	border:none;
}

/*--------20100514追加 超能力者の謎にせまる！ページ（上野）---------*/


/*----qaArea------*/

.oneColFixCtrHdr #header_qa {
	/*margin:30px 0px 10px 0px;*/
	margin:30px 0px 20px 0px;	
	padding:px 5px;
	background-image:url(img/bgHeader.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
.oneColFixCtrHdr #header_qa h1 {
	display:block;
	height:90px;
	width:314px;
	margin: 0;
	padding: 0;
}
.oneColFixCtrHdr #header_qa h1 img{
	margin:5px 0px 0px 10px;
	padding:0px;
	border:none;
}

.qaArea{
	background-image:url(img2/bgsortBtnArea_iphone.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	margin:0px 0px 20px 0px;
	padding:395px 0px 0px 0px;

}
.qaArea h2{
	display:none;
}

.hajime{
	display:none;
	/*display:block;
	height:180px;
	font-size:15px;
	line-height:24.5px;
	padding:10px 45px 0px 170px;
	margin:0px;*/
}

.qaLine{
	max-width:300px;
	height:auto;
	margin:10px 0px 10px 10px;
	padding:0px 0px 0px 0px;
}	

.uenoQ1{
	background-image:url(img2/ueno1_iphone.jpg);
	background-repeat:no-repeat;
	background-position:left;
	font-size:0.9em;
	margin:0px 0px 0px 16px;
	padding:15px 0px 15px 50px;
}

.uenoQ2{
	background-image:url(img2/ueno2_iphone.jpg);
	background-repeat:no-repeat;
	background-position:left;
	font-size:0.9em;
	margin:0px 0px 0px 16px;
	padding:15px 0px 15px 50px;
}

.uenoQ3{
	background-image:url(img2/ueno3_iphone.jpg);
	background-repeat:no-repeat;
	background-position:left;
	font-size:0.9em;
	margin:0px 0px 0px 16px;
	padding:15px 0px 15px 50px;
}

.uenoQ4{
	background-image:url(img2/ueno4_iphone.jpg);
	background-repeat:no-repeat;
	background-position:left;
	font-size:0.9em;
	margin:0px 0px 0px 16px;
	padding:15px 0px 15px 50px;
}

.uenoQ5{
	background-image:url(img2/ueno5_iphone.jpg);
	background-repeat:no-repeat;
	background-position:left;
	font-size:0.9em;
	margin:0px 0px 0px 16px;
	padding:15px 0px 15px 50px;
}

.uenoQ6{
	background-image:url(img2/ueno6_iphone.jpg);
	background-repeat:no-repeat;
	background-position:left;
	font-size:0.9em;
	margin:0px 0px 0px 16px;
	padding:15px 0px 15px 50px;
}

.uenoQ7{
	background-image:url(img2/ueno1_iphone.jpg);
	background-repeat:no-repeat;
	background-position:left;
	font-size:0.9em;
	margin:0px 0px 0px 16px;
	padding:15px 0px 15px 50px;
}

.uenoQ8{
	background-image:url(img2/ueno_end_iphone.jpg);
	background-repeat:no-repeat;
	background-position:left;
	font-size:0.9em;
	/*line-height:1.5em;*/
	margin:0px 0px 0px 16px;
	padding:15px 0px 0px 50px;
}


.answer{
	background-image:url(img2/answer_iphone.jpg);
	background-repeat:no-repeat;
	background-position:left;
	font-size:0.9em;
	margin:0px 0px 0px 16px;
	padding:20px 0px 20px 50px;
}

/*.qaC1{
	background-image:url(img2/qa1.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	width:800px;
	height:305px;
	margin:395px 0px 0px 0px;
	padding:0px;
}

.qaC2-3-6{
	background-image:url(img2/qa2-3-6.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	width:800px;
	height:305px;
	margin:25px 0px 0px 0px;
	padding:0px;
}

.qaC4-8{
	background-image:url(img2/qa4-8.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	width:800px;
	height:305px;
	margin:25px 0px 0px 0px;
	padding:0px;
}

.qaC5{
	background-image:url(img2/qa5.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	width:800px;
	height:305px;
	margin:45px 0px 0px 0px;
	padding:0px;
}

.qaC7{
	background-image:url(img2/qa7.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	width:800px;
	height:305px;
	margin:45px 0px 0px 0px;
	padding:0px;
}

.qaCEnd{
	background-image:url(img2/qaEnd.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	width:800px;
	height:370px;
	margin:40px 0px 0px 0px;
	padding:0px;
}*/