@charset "UTF-8";

body  {
	background-color: #eee;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333;
	font-size:80%;
	line-height:150%;
}
div#stage {
	width: 816px;
	background: url("../img/site-bg.gif") 0 0 repeat-y;
	margin: 0 auto;
	text-align: left;
}
div#container { 
	width: 800px;
	background: #FFF;
	margin: 0 8px;
	border-bottom:1px solid #CCC;
} 

#header { 
	padding: 0;
	margin: 0;
}


/* メイン */
#mainarea {
	padding-top:10px;
}



/* リンク */

  a{
    text-decoration: none;
    color: #33F;
    outline: none;
  }
  
  a:hover{
    color: #F60;
    text-decoration: underline;
  }

/* IMAGE */
img
{
  border-style: none 
}

/* P */
p
{
  margin:0;
  padding:0;
}
/* BR */
br
{
  margin:0;
  padding:0;
}

.clearfloat
{
  height:0;
  font-size: 1px;
  line-height: 0px;
  margin:0;
  padding:0;
  clear:both;
}

/* DL */
dl,dd,dt
{
  margin:0;
  padding:0;
}


/* =========================================================
Clear Fix
========================================================= */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac ¥*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */