@charset "UTF-8";

* { margin:0; padding:0; }

html, body {
	height: 100%;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size:12px;
	background: #AAA;
}

#header_area {
	background: url("banner.jpg") no-repeat;
	height:200px;
	margin-left: -25px;
}

#container {
	min-height: 100%;
	height: auto !important;
	height: 95%;
	margin: 0 auto -50px 0; /* the bottom margin is the negative value of the footer's height */
	overflow:hidden;
	width:755px;
	color:#DDD;
	background: #111;
}

#main_area {
	padding: 40px 0 100px 25px;
	background: #333;
}

#footer_area {
	width:715px;
	height:40px;
	margin-left: -25px;
	padding:20px 20px 20px 45px;
	background: #A81;
	float: left;
	color: #EEE;
	font-size:14px;
}

h1 {
	margin: 40px 0;
	font-weight:normal;
	line-height: 2em;
	font-size: 28px;
	color: #FFF;
	letter-spacing:2px;
}

h2 {
	font-weight:normal;
	line-height: 2em;
	font-size: 24px;
	color: #DDD;
	letter-spacing:2px;
}

p {
	font-size:18px;
	font-weight:normal;
	color: #BBB;
	line-height: 2em;
}