@charset "utf-8";

img.bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width:100%;
}
@media screen and (min-width: 1200px) {
img.bg {
	  clip: rect(auto auto 1200px auto);
	}
div#footer{
	margin-top:400px;
}

div#footer_l_br
{
	width:850px;
}
}
@media screen and (max-width: 1199px) {
	div#footer_l_br
	{
		width:440px;
	}
}


body {
	height: 100%;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.font12{
	font-size:12px;

}

*{
	margin:0;
	padding:0;
	border:0;
}
#wap {
}
div.section {
	margin-top:20px;
	margin-bottom:20px;
	clear: both;
}
ul {
	list-style: none;
}

ul#nav2{
	/*width: 400px; */
	margin-left: 15px;
}
ul#nav2 li {
	margin-left: -1px;
	width: 230px;
	height: 30px;
	overflow: hidden;
	margin-bottom:15px;
}
div#container {
	margin: 0 auto;
	width:100%;
	height: 100%;
	position: relative;
	min-height: 100%; 
}

div#side_left
{
	width:100%;
	clear : both;
}




div#side_sns
{
		width:100%;
	margin-top:30px;
	margin-left:5px;
	margin-bottom:50px;

  clear : both;

}

div#side_l
{

width:300px;
float:left;
}

.twt{
	width:250px;
	margin-left:10px;
}




div#side_r
{
  width:360px;
  float:right;

}

.day926{
	margin-bottom:10px;
	margin-right:10px;
}


div#topics{
	background-image: url(images/ARIA_topics.png);
	background-repeat:no-repeat;
	width:251px;
	height:217px;
	padding-top:8px;
	margin:10px;
	margin-left: 15px;

}
iframe{
	margin-top:10px;
	width:245px;
	height:200px;
	margin-left: 5px;	
	
}

/* フッターの背景 */
div#footer
{
	bottom: 0px;                /* フッターが下に来るようにする */
	width: 100%;
	padding-top:50px;
	background-image:url(images/footer.png);
	clear : both;
}
div#footer_cont
{
	padding:5px;
	width:95%;
   margin: 0 auto;

}
div#footer_l
{
	width:300px;
	float: left;
	margin-right:10px;
}
div#footer_l_br
{
	float: left;
	margin-top:20px;
}

ul.aria_br li{
	display:inline;
	padding-right:5px;
}

div#footer_r
{
 width:300px;
  float:right;

}
div#footer_text
{
	clear : both;
	text-align:center;
	padding:15px;
	
}
.left{
    text-align: left;
}
.center{
    text-align: center;
}
.right{
    text-align: right;
}
