@charset "UTF-8";

/* 大枠 */
.main{
	background-color: #ccffcc;
	background-image: url("mainback.gif");
	width: 700px;
	padding: 20px;
}

.main div {
	width: 100%;
	margin: 0 auto;
}

body {
	text-align: center;
	background-color: #ccffcc;
	background-image: url("mainback.gif");
}

div#wrapper {
	width: 700px;
	margin: 0 auto;
	text-align: left;
}

/* タイトル */
.h1{
	color: #000080;
	text-align: center;
}

/* 項目 */
.h2{
	color: #000080;
}

/* 項目 */
.h3{
	color: #000080;
}

/* 項目内容 */
.body2{
	margin: 20px;
	line-height: 1.5em;
}

/* 箇条書き */
.ul1{
	list-style-position: outside;
	line-height: 1.5em;
}

/* テーブルフォーマット */
table.fm1{
	table-layout: auto;
	width: 100%;
}

table.fm2{
	table-layout: auto;
	width: 80%;
}

table,th,td{
	border: 1px solid #000080;
	border-collapse: collapse;
	line-height: 1.5em;
}

th.item1{
	width: 150px;
}

td.item05{
	width: 5%;
	text-align: center;
}

td.item10{
	width: 10%;
	text-align: center;
}

td.item20{
	width: 20%;
}

td.item30{
	width: 30%;
}

td.item50{
	width: 50%;
}

td.item60{
	width: 60%;
}

td.item70{
	width: 70%;
}

td.item80{
	width: 80%;
}

td.item90{
	width: 90%;
}

div.item1{
	background-color: #aaffaa;
	line-height: 2em;
}
div.item2{
	line-height: 2em;
}

/* ボタン */
input[type="submit"]{
	background-color: green;
	color: white;
	width: 100px;
	height: 50px;
}
input[type="reset"]{
	background-color: white;
	color: green;
	width: 100px;
	height: 50px;
}
input[type="button"]{
	background-color: green;
	color: white;
	width: 200px;
	height: 50px;
}