@charset "utf-8";
/* CSS Document */


html,body{
	padding:0px;
	margin:0px;

}


#main{
	margin:0px;
	padding:0px;

}


#fb-root{
	margin:0;
	padding:0;
	
}


#waku{
	width:800px;
	margin:0px auto;
	font-family:Helvetica, Arial,
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
padding:1px 0px 0px 0px;
	background-color: #FFFFFF;
	overflow:hidden;
	clear:both;
	
}

a:link,a:visited,a:hover{
	color:#006600;
}




/*------------------------------------------------------------- img */
.img_l{ float:left;
margin:0 10px 10px 0;
}
.img_r{ float:right;
margin:0 10px 10px 0;
}


.img_b{
	border:1px solid #666;
}


/*------------------------------------------------------------- color */

.red{ color:#FF0000; }
.green{ color:#006600; }
.dblue{ color:#003366; }
.gblue{ color:#009999; }
.zblue{ color:#3366FF; }
.blue{ color:#4342f6; }
.lblue{ color:#658bf8; }
.kon{ color: #006699; }
.purple{ color:#5b3fef; }
.lgreen{ color:#3cbb6a; }
.orange{ color:#e17e59; }
.orange2{ color: #F60; }
.lpink{ color: #CC6699; }
.pink{ color: #990066; }
.gray{ color: #CCCCCC; }
.yellow{ color: #FFCC33; }

.bg_ccc{ background:#CCCCCC;}
.bg_blu{ background:#7dcff9;}
.bg_ora{ background:#f7d396; }
.bg_pink{ background:#ffcccc; }
.bg_gre{ background:#e1fbc6; }
.bg_yel{ background:#FFC;}

/*------------------------------------------------------------- 余白調整 */

.t20{
	padding:20px 0 0 0;
}
.b20{
	padding:0 0 20px 0;
}

.t30{
	margin:30px 0 0 0;
}
.b30{
	margin:0 0 30px 0;
}


.clear{
	clear:both;
}

.clear0{
	clear:both;
margin:0;
padding:0;
}

/*------------------------------------------------------------- fontsize */
.boxset2{
	margin:0;
	padding:0;
	overflow:hidden;
	clear:both;}
/*------------------------------------------------------------- fontsize */

.f10{
	font-size:10px;
}
.f12{
	font-size:12px;
}

.f13{
	font-size:13px;
}

.f14{
	font-size:14px;
}
.f15{
	font-size:14px;
}
.f16{
	font-size:16px;
}
.f18{
	font-size:18px;
}
.f20{
	font-size:20px;
}
.f22{
	font-size:22px;
}
.f24{
	font-size:24px;
}
.f26{
	font-size:26px;
}
.f28{
	font-size:28px;
}
.f30{
	font-size:30px;
}
.f32{
	font-size:32px;
}
.f34{
	font-size:34px;
}
.f36{
	font-size:36px;
}
.f38{
	font-size:38px;
}
.f40{
	font-size:40px;
}
.f42{
	font-size:42px;
}
.f44{
	font-size:44px;
}
.f46{
	font-size:46px;
}
.f48{
	font-size:48px;
}
.f50{
	font-size:50px;
}
.f60{
	font-size:60px;
}
.f72{
	font-size:72px;
}


/*--------------------------------------------------------------ロールオーバー*/
a:hover img   {
	opacity: 0.8;
	filter: alpha(opacity=80);
}


/*--------------------------------------------------------------ページの上に-*/


p.page_top{
	width:545px;
	float:right;
	text-align:right;
	display:block;
	margin:0px 20px 0 0;
	background:url(imgs/icon_play_upper.png) no-repeat right;
	padding:0 20px 0 0;
	clear:both;
}
p.page_top a{
	color: #006666;
	text-decoration:none;
	font-weight:normal;

}


p.page_down{
	width:545px;
	text-align:right;
	display:block;
	margin:0px;
	background:url(imgs/icon_play_under.png) no-repeat right;
	padding:0 20px 0 0;
	clear:both;
}
p.page_down a{
	color: #006666;
	text-decoration:none;
	font-weight:normal;

}


/*--------------------------------------------------------------ページの上にロング-*/


p.page_top_long{
	width:780px;
	text-align:right;
	display:block;
	margin:20px 0 0 0;
	background:url(imgs/icon_play_upper.png) no-repeat right 0;
	padding:0 20px 0 0;
	clear:both;
}
p.page_top_long a{
	color: #006666;
	text-decoration:none;
	font-weight:normal;

}

div.page_top_long2{
	width:780px;
	text-align:right;
	display:block;
	margin:20px 0 0 0;
	background:url(imgs/icon_play_upper.png) no-repeat right 0;
	padding:0 20px 0 0;
	clear:both;
}
div.page_top_long2 a{
	color: #006666;
	text-decoration:none;
	font-weight:normal;

}

/*--------------------------------------------------------------入力*/
p.title{
	text-align:center;
	font-size:30px;
	padding:0;
	margin:0;
	width:100%;
}
p.at{
	text-align:center;
	font-size:18px;
	color:#990000;
	padding:0;
	margin:0;
}
ul{
	width:93%;
	margin:0 auto;
	padding:0;
}

li span{
	font-size:30px;
	color:#003399;
}
ul li{
  background-color: #fff;
  list-style: none;
  border:1px solid #CCC;
  padding:10px;
}

ul li:nth-child(odd){
  background-color: #CCC;
  color: #000;
}
table.result{
	padding:0;
	margin:0 auto;
}
thead,tbody{
	padding:10px;
	margin:0 auto;
}

td{
	padding:10px;
	margin:0;}
tr{
  background-color: #d0d3e9;
  list-style: none;
  border:1px solid #CCC;
  padding:10px;
  margin:0;
}

tr:nth-child(odd){
  background-color: #e6e9f5;
  color: #000;
  padding:10px;
  margin:0;
}

th{
	background:#4571c4;
	color:#FFF;
	text-align:center;
	padding:0px;
  margin:0;
}