@charset "utf-8";


/* structure
---------------------------------------------------- */
html {
	min-width: 840px;
}

body {
	margin: 0;
	padding: 0;
	position: relative;
	min-width: 780px;  /*中央配置するボックスの横幅*/
	min-height: 410px;  /*中央配置するボックス縦幅*/
}

#wrapper {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #999999;
}

#caution {
	width: 750px;
	margin: 1em auto;
	border: 1px solid #CCC;
	padding: 1em 20px;
}

#caution p {
	font-size: 1.4em;
	margin: 0;
}


/* container
---------------------------------------------------- */
#container {
	margin: -205px 0 0 -390px;  /*縦横の半分をネガティブマージンでずらす*/
	position: absolute;  /*body要素に対して絶対配置*/
	top: 50%;  /*上端を中央に*/
	left: 50%;  /*左端を中央に*/
	width: 780px;  /*横幅*/
	height: 410px;  /*縦幅*/
}
#container h1 {
	padding: 0;
	margin: 0 0 72px 0;
	text-align: left;
}


/* navi
---------------------------------------------------- */
#navi {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
}
#navi ul {
	list-style-type: none;
	float: left;
	overflow: hidden;
	position: relative;
	padding: 0;
	margin: 0;
	width: 776px;
	text-align: left;
}
#navi li,
#navi a {
	float: left;
	display: block;
	height: 53px;
	overflow: hidden;
}
.end {
	padding-right: 178px;
}


/* footer
---------------------------------------------------- */
#footer {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 88px 0 0 0;
}
#footmenu {
	width: 100%;
	margin: 0;
	padding: 0;
	clear: both;
	position: relative;
}
#footmenu h2 {
	left: 0px;
	margin: 0;
	padding: 8px 0 0 0;
}
#footmenu ul {
	list-style-type: none;
	float: left;
	position: absolute;
	height: 16px;
	margin: 0;
	padding: 0;
	left: 200px;
	top: 0px;
}
#footmenu li,
#footmenu a {
	float: left;
	display: block;
	padding-right: 5px;
}