@charset "UTF-8";

/* *****************************************************
 *	template color : #E8CC9A
 * *****************************************************/

/* *****************************************************
 *	link
 * *****************************************************/
a:link {
	color: #336699;
	text-decoration: none;
}

a:visited {
	color: #99CCFF;
	text-decoration: none;
}

a:hover {
	color: #6699CC;
	text-decoration: none;
}

a:active {
	color: #6699CC;
	text-decoration: none;
}

/* *****************************************************
 *	base
 * *****************************************************/
body {
	height: 100%;
	color: #333333;
}

* html div#canvas {
	height: 100%;
}

div#canvas {
	position: relative;
	width: 100%;
	min-height: 100%;
	margin: 0px auto;
	background: #E3DABF;
	background: -moz-linear-gradient(top, #E3DABF, #9C8E64);												/* for firefox */
	background: -webkit-gradient(linear, left top, left bottom, from(#E3DABF), to(#9C8E64));				/* for webkit */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E3DABF, endColorstr=#9C8E64);			/* for IE5.5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E3DABF, endColorstr=#9C8E64)";	/* for IE8 */
}

body > #canvas {
	height: auto;
}

* html div#wrap {
	height: 100%;
}

div#wrap {
	position: relative;
	width: 600px;
	min-height: 100%;
	margin: 0px auto;
	background: #FFFFFF;
	background: -moz-linear-gradient(top, #FFFFFF, #CFCFCF);												/* for firefox */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CFCFCF));				/* for webkit */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#CFCFCF);			/* for IE5.5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#CFCFCF)";	/* for IE8 */
	text-align: left;
}

body > #wrap {
	height: auto;
}

/* *****************************************************
 *	header
 * *****************************************************/
div#header {
	position: relative;
	width: 600px;
	height: 50px;
	margin: 0px auto;
	background: #333333;
	background: -moz-linear-gradient(top, #999999, #333333);												/* for firefox */
	background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#333333));				/* for webkit */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#999999, endColorstr=#333333);			/* for IE5.5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#999999, endColorstr=#333333)";	/* for IE8 */
}

	div#header h1 {
		position: absolute;
		top: 15px;
		right: 15px;
		width: 150px;
		height: 20px;
		color: #FFF;
		text-align: right;
		line-height: 1.5;
	}

		div#header h1 a {
			display: block;
			width: 150px;
			height: 20px;
			color: #FFFFFF;
		}

			div#header h1 a:visited,
			div#header h1 a:hover {
				color: #FFFFFF;
			}

	div#header h2 {
		width: 570px;
		height: 30px;
		margin: 0px auto;
		padding: 10px 15px;
		color: #FFFFFF;
		font-size: 131%;
		font-weight: bold;
		line-height: 1.7;
	}


/* *****************************************************
 *	footer
 * *****************************************************/
div#footer {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 570px;
	height: 20px;
	margin-left: -300px;
	padding: 0px 15px;
	background: #333333;
	color: #FFFFFF;
	text-align: right;
	line-height: 1.5;
}

/* *****************************************************
 *	contents
 * *****************************************************/
div#container {
	width: 580px;
	margin: 0px auto;
	padding: 15px 10px 40px;
}

	#container:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
	}

	/*\*/
	* html #container {
		height: 1em;
		overflow: visible;
	}
	/**/

	div#container h3 {
		width: 560px;
		height: 20px;
		margin: 15px auto;
		padding: 0px 10px;
		background: #333333;
		background: -moz-linear-gradient(top, #999999, #333333);												/* for firefox */
		background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#333333));				/* for webkit */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#999999, endColorstr=#333333);			/* for IE5.5-7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#999999, endColorstr=#333333)";	/* for IE8 */
		color: #FFFFFF;
		line-height: 1.5;
	}


/* *****************************************************
 *	table
 * *****************************************************/
table, th, td { border: 1px #8C7E54 solid; }

table {
	width: 580px;
	margin: 0px auto;
	border-collapse: collapse;
	border-spacing: 0px;
}

th, td {
	padding:5px;
	text-align: left;
	vertical-align: top;
}

th {
	background: #E3DABF;
	background: -moz-linear-gradient(top, #E3DABF, #9C8E64);												/* for firefox */
	background: -webkit-gradient(linear, left top, left bottom, from(#E3DABF), to(#9C8E64));				/* for webkit */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E3DABF, endColorstr=#9C8E64);			/* for IE5.5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E3DABF, endColorstr=#9C8E64)";	/* for IE8 */
	color: #000000;
}

th span {
	color: #990000;
	font-weight: bold;
}

td      { background: #FFFFFF; }
td.err  { background: #FFCCCC; }
td p    { margin-bottom: 3px;}
td p.err{ color: #990000;}

/* *****************************************************
 *	form
 * *****************************************************/
input {
	margin: 10px 0px;
	padding: 5px 10px;
	border: 1px #FFFFFF solid;
	background: #333333;
	color: #FFFFFF;
}

td input, select {
	margin: 0px;
	padding: 3px;
	border: 1px #333333 solid;
	background: #DFDFDF;
	color: #333333;
}

td textarea {
	width: 90%;
	border: 1px #333333 solid;
	padding: 3px;
	background: #DFDFDF;
}


/* *****************************************************
 *	common
 * *****************************************************/
.tcenter	{ text-align: center; }
.tleft		{ text-align: left; }
.tright		{ text-align: right; }