@media screen and (max-width: 480px){
	.spNone { display: none;}
	.spImg100 { max-width: 100%; height: auto;}
	.spImg90 { max-width: 90%; height: auto;}
	.spImg80 { max-width: 80%; height: auto;}
	.spImg60 { max-width: 60%; height: auto;}
	.spImg50 { max-width: 50%; height: auto;}
	.spImg40 { max-width: 40%; height: auto;}
	.spImg30 { max-width: 30%; height: auto;}
	.spImg20 { max-width: 20%; height: auto;}
	.spFont { font-size : medium;}
	.spFontS { font-size : small;}
	.spFontSS { font-size : x-small;}
	.spLeft { text-align : left;}
	.spimg50px { height:50px; width: auto;}
	.spBlock {display: block;}
	.main { padding: 5px;}
	.spLeftpad{ padding-left: 1em;}
	.maincont{ padding:5px;}

}
@media screen and (min-width: 480px){
	.pcNone { display: none;}
	.main { padding: 10px; width: 700px;}
	.maincont{padding: 0.5em;}

}
@media screen and (max-width: 1100px){
	.sdNone { display: none;}
}

BODY{margin:0px; padding:0px; text-align:center;}


#leftside a:link{
  /*アクセスしたことのないリンク*/
  color:#000000;
}
#leftside a:visited{
  /*アクセスしたことのあるリンク*/
  color:#555555;
}
#leftside a:hover{
  /*マウスが上に乗っている状態*/
  color:#444444;
}
#leftside a:active{
  /*クリック中*/
  color:#666666;
}
.bana{
  display: inline-block;
  padding: 2px;
}
#main{
  display:inline-block;
  text-align : center;
  vertical-align:top;
  white-space: normal;
}
#leftside{
  display:inline-block;
  white-space: nowrap;
  vertical-align:top;
  padding:0.2em;
  margin:0;
  display:inline-block;
}
#rightside{
  text-align:left;
  display:inline-block;
  vertical-align:top;
  white-space: normal;
}
#mainp{
  display:inline-block;
  width:100%;
  background-color:#fffafa;
}