@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
html{height:100%;width:100%;margin:0;padding:0;}
body{font-size:14px;height:100%;width:100%;margin:0;padding:0;}
.waku{width: 640px;margin: 0 auto;padding-bottom:140px;padding:0;}
#haeder{margin:10px 0 10px 0;}
h1{
	font-size:16px;
	font-weight:bold;
	line-height:32px;
  background-image: url("../image/icon.png");
  background-size: 32px;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 36px;
}
h2{width:100%;padding:0;margin:10px 0 10px 0;}
.subtitle{
	color:#566EDF;
	padding:5px 5px 5px 5px;font-size:14px;
	border-left:8px solid #566EDF;
}
header{
	padding-top:5px;
}
h3{margin-top:2px;padding-top:0;margin-bottom:2px;}
.hide{display:none;}
dl#rank{margin:0;padding:0;}
dl#rank dt{line-height:17px;}

footer{
	width:100%;
	margin:10px 0 0 0;
	padding:10px 0 10px 0;
	background:#566EDF;
	text-align:center;
	color:#ffffff;
}
footer a{color:#ffffff;}
p{margin:5px 0 5px 0;padding:0;}
#nav{
	margin:0;
	padding:5px 0 5px 0;
}
ul{
	margin:0;
	padding:0;
}
#nav ul li{
	margin:0;
	padding:0;
	display: inline;
	list-style-type:none;
}
p{line-height:1.75;}
.center{text-align:left;}
.right{text-align:right;}
header .login{
	display:inline-block;
	float:right;
	font-size:12px;
	font-weight:normal;
	line-height:1.5;
}

#tab-menu .tab{
	float:left;
	display:inline-block;
	padding:5px 10px 5px 10px;
	margin-right:2px;
	margin-bottom:0;
	background:#566EDF;
	font-size:12px;
	color:#ffffff;
	border-top:1px solid #263EAF;
	border-right:1px solid #263EAF;
	border-left:1px solid #263EAF;
	border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
}
#tab-menu .tab:hover{
	background:#ffffff;
	color:#566EDF;
}
i.book{
	font-size:16px;
	font-weight:bold;
	line-height:16px;
  background-image: url("../image/book.png");
  background-size: 16px;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 16px;
}
i.hatena{
	font-size:16px;
	font-weight:bold;
	line-height:16px;
  background-image: url("../image/hatena.png");
  background-size: 16px;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 16px;
}
i.light{
	font-size:16px;
	font-weight:bold;
	line-height:16px;
  background-image: url("../image/light.png");
  background-size: 16px;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 16px;
}
i.joy{
	font-size:16px;
	font-weight:bold;
	line-height:16px;
  background-image: url("../image/joysound.png");
  background-size: 16px;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 16px;
}
i.dam{
	font-size:16px;
	font-weight:bold;
	line-height:16px;
  background-image: url("../image/dam.png");
  background-size: 16px;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 16px;
}
i.karatetsu{
	font-size:16px;
	font-weight:bold;
	line-height:16px;
  background-image: url("../image/karatetsu.png");
  background-size: 16px;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 16px;
}

.bold{font-weight:bold;}
hr.bar{width:99%;border-bottom:1px solid #263EAF;padding:0;margin:0;}
.clearboth{clear:both;}
.page_title{margin:5px 0 5px 0;font-size:13px;padding-left:2px;border-left:14px solid #61C5BB;}
input[type=text]{
	padding:2px;
	border:1px solid #909090;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
select{
	padding:1px;
	border:1px solid #909090;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
input[type=button]{
	padding:2px 5px 2px 5px;
	border:1px solid #909090;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}.attention{
	background:#FFDDDD;
	padding:10px;font-size:13px;
	margin:2px 2px 5px 2px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.info{
	background:#DDEEFF;
	padding:10px;font-size:13px;
	margin:2px 2px 5px 2px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
dl.list dt {
  float: left ;
  clear: both ;
  width: 100px ;
	line-height:25px;
}
dl.list dd {
  margin-left: 100px ;
  width: 200px ;
	line-height:25px;
}

.infomation{line-height:1.35;}

.faq_area{ width:100%; }
.faq_block{
	background:#fafafa;
	border:1px solid #dfdfdf;
	font-size:13px;
	padding:2px 5px 2px 5px;
	margin:5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#ranking_block{
	margin:5px 0 0 0;
	border:2px solid #61C5BB;
	height: 235px;
	overflow: auto;
}
.ranking_block_inner{margin:5px;}
@media only screen and (max-width: 640px) {
	.waku{width: 100%;margin: 0 auto;}
}