@charset "utf-8"; 



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td, img {
	margin: 0; 
	padding: 0; 
	border: 0; 
}

body {
	background-color: #2c3930; 
	line-height: 2;	
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"; 
	font-size: 75%; 
	color: #ffffff; 
}

ol, ul {
	list-style: none; 
}

a { 
	color: #ffffff; 
	text-decoration: underline; 
}

a:hover { 
	color: #A8A7A6; 
	text-decoration: none; 
}

.color1 {
	color: #ff3300; 
}



#header {
	position: fixed; 
	left: 10px; 
	top: 10px; 
	height: 200px; 
}

#header h1 {
	margin: 10px 0 0 10px; 
	font-size: 1.2em; 
	font-weight: normal; 
	color: #ffffff; 
}

#logo {
	margin: 10px 0 0 20px; 
}



.content {
	position: absolute; 
	width: 100%; 
	height: 100%; 
	overflow: auto; 
}

.content-body {
	margin: 107px 0 0 150px; 
	line-height: 2em; 
	color: #FFFFFF; 
}

#home {
	top: 0; 
	left: 0; 
}

#news {
	top: 0; 
	left: 100%; 
}

#category1 {
	top: 100%; 
	left: 200%; 
}

#category2 {
	top: 100%; 
	left: 300%; 
}




#menu {
	position: fixed; 
	top: 100px; 
	left: 20px; 
}

#menu li {
	padding: 5px 20px; 
}

#menu a {
	color: #ffffff; 
	font-size: 1em; 
	font-weight: bold; 
	text-transform: uppercase; 
	text-decoration: none; 
}

#menu a:hover {
	color: #c9171e; 
}



#footer {
	position: fixed; 
	bottom: 20px; 
	width: 100%; 
}

#footer p {
	text-align: center; 
	font-size: 0.75em; 
	color: #A8A7A6; 
}



.content h2 {
	color: #f3981d; 
	font-size: 1.5em; 
}

.content p {
	font-size: 1em; 
	margin-left: 10px; 
	line-height: 2em; 
}
.content ul {
 margin-bottom: 15px; 
}

.content ul li {
	padding-left: 15px; 
}

.content img {
	float: left; 
	margin-top: 10px; 
	padding-left: 5px; 
}



.ta {
	width: 600px; 
	border-collapse: collapse; 
	padding-left: 30px; 
}

.ta th {
	border: none; 
	color: #ffffff; 
	padding: 5px 10px; 
	font-size: 1em; 
	text-align: center; 
}

.ta td {
	border: none; 
	color: #ffffff; 
	padding: 5px 10px; 
	font-size: 1em; 
	text-align: left; 
}

.ta a {
	color: #ffffff; 
	text-decoration: underline; 
}

.ta a:hover {
	color: #A8A7A6; 
	text-decoration: none; 
}