@charset "utf-8";

/*--------------------------
　レイアウト
---------------------------*/
@media screen and (max-width:649px){


/*--------------------------
　ヘッダー
---------------------------*/

/*#sub{*/
#NAV{
	display:none;
}

/*--------------------------
　サイドメニュー
---------------------------*/

/*#sidebar{*/
#sidemenu{
	display:none;
}

/*--------------------------
　メイン
---------------------------*/

#displaynon,.dispnon{
	display:none;
}

/*--------------------------
　フッター
---------------------------*/

#footer li.dispnon{
	display:none;
}


#footer{
	display: block;
}

#footer ul{
	text-align:center;
	padding:3px 10px;
	border-top: 1px solid;
	border-bottom: 1px solid;
}

#footer li{
	font-size: 0.9em;
	display:inline;
	padding:0 10px;
}

#footerright{
	margin-top:10px;
	float:right;
}

#footerleft{
	margin-top:10px;
	float:right;
}

#footer img{
	width:100px;
}

#footer p{
	margin:0;
	font-size:0.8em;
	text-align:left;
	color: #000000;
	padding: 5px;
}

#footer li a:link{
	color:#0000ff;/*未訪問のリンク色*/
	text-decoration:none;
}
#footer  li a:visited{
	color:#666666;/*訪問済みのリンク色*/
	text-decoration:none;
}
#footer  li a:hover{
	color:#FF0000;/*マウスが乗った時のリンク色*/
	text-decoration:underline;
}
#footer li a:active{
	color:#99FF00;/*クリックした瞬間のリンク色*/
	text-decoration:underline;
}
/*--------------------------
 clearfixの定義
---------------------------*/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
} 
.clearfix:before {
  content: "";
  display: block;
  clear: both;
} 
.clearfix {
  display: block;
}

}