body{
	color: #8b4513;
	background-color: #ffebb3;
	margin: 20px auto;
	text-align:center;
	font-size: 16px; 
	font-family: "MS UI Gothic","ＭＳ ゴシック","平成角ゴシック",monospace;
}

#mainbody{
	text-align:left;
	width:640px;
	margin-left:auto;
	margin-right:auto;
}


h1{
	margin: 0px;
	padding: 15px 0px;
	color: #ffedba;
	text-align:center;
	font-size:24px;
	font-weight: bold;
	background-color: #8b4513;
}

h3{
	margin: 0px;
	padding: 2px 4px;
	color: #ffedba;
	font-size: 20px;
	line-height: 24px;
	background-color: #ab6533;
}

table{
	margin:0px;
	padding: 0px;
	font-size: 16px; 
	border-collapse: collapse;
}
td{
	marign: 0px;
	padding: 0px;
}

/* =================== divstyle == */
div{
	margin:0px;
	padding: 0px;
}
/* ==================== imagebox == */
div.imgbox{
	margin:0px;
	padding: 0px;
}
/* ===================== linebox == */
div.linebox{
	border: 1px solid #8b4513;
}
div.linebox p{
	margin: 0px;
	padding: 5px 3px 5px 10px;
}

div.linebox table.center{
	margin: 0px auto;
	text-align:center;
}
div.linebox table.center td{
	text-align: left;
}
div.linebox.notb{
	border-top: 0px;
	border-bottom: 0px;
}
/*  ====================== listbox == */
div.listbox{
	border: 1px solid #8b4513; 
}
div.listbox h2{
	margin: 0px;
	padding: 2px 0px;
	padding-left: 1em;
	color: #ffedba;
	font-size: 20px;
	line-height: 24px;
	background-color: #ab6533;
}
div.listbox ul{
	padding: 0px;
	margin: 0px;
	margin-left: 1em;
	list-style-type: none;
	border-left: 1px solid #ab6533;
}
div.listbox li{
	padding: 2px 4px;
	padding-left: 1em;
	margin: 0px;
	background-color: #ffefc0;
	border-bottom: 1px solid #ab6533;
}
div.listbox li.nobb{
	border-bottom: 0px;
}



/* ============ add margin and padding == */
.pad24{
	padding: 2px 4px;
}
.bm20{
	margin-bottom: 20px;
}
.bm10{
	margin-bottom:10px;
}
.center{
	margin: 0px auto;
	text-align:center;
}









.columnbody{
	margin-top: 20px;
	padding-left: 10px;
	color: #8b4513;
	text-align: left;
	margin-bottom: 50px;
}


a{
	color:#5959fb;
	text-decoration: none;
}
a:hover {
	color:#800080;
	text-decoration:underline;
}

.rettop{
	text-align:center;
	font-size: 20px;
}
.rettop a{
	color: #6aa21d;
}
.rettop a:hover{
	color: #0000ff;
	text-decoration: underline;
}

.imgcenter{
	margin: 0px auto ;
	text-align:center;
}




table.dits{
	width: 100%;
	margin-top: 0px;
	border-collapse: collapse;
}
.dits td{
	padding: 8px 4px;
	border: 1px solid #6b4513;
}
.dits th{
	color: #ffedba;
	text-align: center;
	border: 1px solid #6b4513;
	background-color: #aa8866;
}


table.dits.noblr td , table.dits.noblr th{
	border-right: 0px;
}
table.dits.noblr  th{
	border-left: 0px;
}

table.dits.nobbtm td , table.dits.nobbtm th{
	border-bottom: 0px;
}








.bigfont{
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
}
