@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	line-height: 1.5;
	color: #333;
	font-size: 75%;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


/* Reset
---------------------------------------- */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, address, option {
	margin: 0; 
	padding: 0; 
	font-size: 100%; 
	font-weight: normal;
}
 
ol, ul {
	list-style: none;
}

fieldset, img, abbr {
	border: 0;
}

table {
	border-collapse: collapse; 
	border-spacing: 0;
}

caption, th {
	text-align: left;
}

address, caption, em, strong, th ,cite ,optgroup {
	font-style: normal; 
	font-weight: normal;
}


/* Anchors
---------------------------------------- */
a {
	text-decoration: none;
}

a:link {
	color: #fff;
}

a:visited {
	color: #fff;
}

a:hover,
a:active {
}


/* contents
---------------------------------------- */
#container {
	width: 858px;
	border-left: 1px solid #636363;
	border-right: 1px solid #636363;
	margin: 0 auto;
}

#container .link {
	position: relative;
}

#container .link .pagetop {
	position: absolute;
	top: 50px;
	right: 50px;
}

#footer {
	width: 858px;
	height:274px;
	background: url(../img/bg_footer.jpg) no-repeat;
	position: relative;
}

#footer .name {
	margin-bottom: 12px;
}

#footer .name div {
	float: left;
}

#footer .pagetop {
	text-align: right;
	margin: 0 50px 0 0;
}

#footer .class_footer {
	width: 858px;
	color: #fff;
	text-align: center;
	font-size: 10px;
	line-height: 1.2;
	position: absolute;
	bottom: 15px;
}


/* clearfix
---------------------------------------- */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	font-size: 0;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/* Mac版IEのみに適用 \*//*/
	height: auto;
	overflow: hidden;
	/**/
}