html,body{
 margin:0;
 background: #303030;
}

canvas{
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
}

#pc{
	height:40px;
	text-align:center;
	background-image: url("../image/bgss.png");
	background-repeat: repeat
}
.pcIcon{
	height:40px;
	display: inline-block ;
	text-align:center;
	line-height:40px;
	margin: 0px 0px 0px 10px;
}
.pcIcon a{
	color:#c0c0c0;
	font-size:80%;
}
.icPC{
    vertical-align:middle;
	width:24px;
	height:24px;
    display: inline-block;       
}
#all{
	color:#ffffff;
}
a{
	text-decoration: none;
}
#recentBanner{
	background: #303030;
	border-bottom:solid 1px #505050;
}
#recentTitle{
	color:#66cccc;
	height:38px;
	line-height:38px;
	margin-left:10px;
	font-size:80%;
	font-family: 'Roboto', sans-serif;
}
#nekoneko{
	height:38px;
	background-image: url("../image/nekoneko.png");
	background-repeat: repeat
}

#update{
	vertical-align: bottom;
}
#faqBanner{
	width:160px;
	height:40px;
	text-align:center;
	line-height:40px;
	margin: 0 auto;
	

	border-radius: 20px;  /* 角丸半径を50%にする(=円形にする) */
    background-position: left top;  /* 横長画像の左上を基準に表示 */
	background-size: 160px;
	background-image: url("../image/faqBg.png");
}
#faqTitle{
	color:#ffffff;
	height:40px;
	line-height:40px;
	font-size:80%;
	margin: 0 auto;
	font-family: 'Roboto', sans-serif;
	display: inline-block ;
	
}

#links a{
	color:#c0c0c0;
	margin-left:10px;
	
}
#links{
	margin-bottom:10px;
	background-image: url("../image/sogoLink.png");
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size:200px;
}
.link{
	border-bottom:dotted 1px #404040;
	
}

/* ソーシャルボタン*/
.sns{
   margin:20px 0px 10px 20px;
   padding:0;
	overflow: hidden;
	list-style: none;
}
  
.sns > li {
   float: left;
	margin:0 10px 0 0;
	overflow: hidden;
}
  
#line {
   //width:90px;
}
#twitter{
	//width:90px;
}
#facebook{
	line-height: 0;
}

  
.sns iframe {
    margin: 0 !important;
}
 
#tanosi{
	height:40px;
	background-image: url("../image/tanosi.png");
	background-repeat: repeat;
	background-size:320px;
}
 
#madewith{
	text-align:center;
	color:#808080;
}