@charset "utf-8";

/*--------------------------------------------------------------------
HTML5
--------------------------------------------------------------------*/

article,aside,details,footer,header,hgroup,menu,nav,section,summary {
	display: block;
}

/*--------------------------------------------------------------------
Wrapper
--------------------------------------------------------------------*/

#wrapper {
	width: 100%;
}

/*--------------------------------------------------------------------
Wrap-top
--------------------------------------------------------------------*/

#wrap-top {
	width: 100%;
	text-align: center;
}

header {
	height: 100px;
	/* background-color: #9fb7d4; */
	text-align: left;
	margin: 0 auto;
}

#content {
	text-align: left;
	margin: 0 auto;
}

/*--------------------------------------------------------------------
Wrap-btm
--------------------------------------------------------------------*/

#wrap-btm {
	width: 100%;
	height: 166px;
	text-align: center;
}

footer {
	height: 166px;
	/*background-color: #d49fc2;*/
	text-align: left;
	margin: 0 auto;
}

/*--------------------------------------------------------------------
センター固定 or リキッドレイアウトの変更
（リキッドレイアウトにする場合はwidthを100%に変更）
--------------------------------------------------------------------*/

header,
#content,
footer {
	width: 100%;
}

/*--------------------------------------------------------------------
Footer固定（Footerを画面下部に固定しない場合は以下コメントアウト）
--------------------------------------------------------------------*/

#wrapper {
	position: relative;
	min-height: 100%;
}

* html #wrapper {/*IE6*/
	height: 100%;
}

#wrap-top {
	height: 100%;
	padding-bottom: 166px;/*フッターの高さ分*/
}

#content {
	overflow:;/*内容によって調整要*//*生々流転は指定しない*/
}

#wrap-btm {
	position: absolute;
	bottom: 0;
}

/*--------------------------------------------------------------------

--------------------------------------------------------------------*/

* html #top {/*IE6*/
}

*:first-child + html #top {/*IE7*/
}