@charset "UTF-8";

body {
	margin: 30px 0 30px 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color: #444;
	font-size: 0.8em;
	background: url("../images/base/background.gif");
	}

h1, h2, h3, h4, h5, p, blockquote, dl, dd, form, ul
{
	margin: 0;
	padding: 0;
}

img
{
	border: none;
}

.clears
{
	clear: both;
}

#container
{
	width: 824px;
	height: auto;
	background: url("../images/base/main_bg.jpg");
	margin: 0 auto 0 auto;
}

#container .header
{
	width: 824px;
	height: auto;
	text-align: center;
}

#container .top_menu,
#container .top_menu2
{
	width: 824px;
	height: auto;
}

#container .top_menu ul
{
	margin: 0 0 0 52px;
	padding: 0;
	width: 720px;
	height: auto;
	list-style-type: none;
	font-size: 1px;
}

#container .top_menu2 ul
{
	margin: 0 0 0 52px;
	padding: 0;
	width: 720px;
	height: auto;
	list-style-type: none;
	font-size: 1px;
}

#container .top_menu ul li
{
	float: left;
}

#container .top_menu2 ul li
{
	float: left;
}

#container .contents
{
	width: 824px;
	height: auto;
}

#footer
{
	width: 824px;
	height: auto;
	text-align: center;
	margin: 0 auto 0 auto;
}

#footer p
{
	font-size: 0.9em;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */