body {
	font-family:		sans-serif;
	margin:				0;
	padding:			0;
}

/*
div {
	font-size:			80%;
}
*/

div.caption {
	font-size:			0%;
	float:				left;
	width:				100%;

/*
	padding-top:		20px;
	padding-bottom:		20px;
*/

	font-weight:		bold;
	border-color:		#6666CC;
	border-width:		0px 0px 1px 0px;
	border-style:		solid;
/*
	background-color:	#6699CC;
*/
	color:				#ffffff;

	height:				80px;
	background-image:	url('../img/caption3.jpg');
	background-repeat:	no-repeat;
	background-position:	left bottom;
	background-color:	#ffffff;
}

div.caption p {
	padding-left:		10px;
}

/* -- Common -- */
a			{ text-decoration: none; }
a:link		{ color: #3333FF; }
a:visited	{ color: #6666FF; }
a:hover		{ color: darkred; }
a:active	{ color: red; }

img {
	border-width:		0px;
}

span.bold {
	font-weight:		bold;
	color:				#000000;
}
/* -- Common -- */

/* -- Mode Link -- */
div.mode_link {
	font-size:			80%;
	float:				left;
	width:				100%;
	border-color:		#6666CC;
	border-width:		0px 0px 1px 0px;
	border-style:		solid;

	background-image:	url('../img/mode_link_bg2.jpg');
	background-repeat:	repeat-x;
	background-position:	left top;
}

div.mode_link ul {
	margin:				0;
	width:				95%;
	clear:				both;
	float:				left;
	padding:			0px 10px 0px 10px;
	list-style-type:	none;
}

div.mode_link li {
	float:				left;
}

div.mode_link li a:link, div.mode_link li a:visited {
	display:			block;
	padding:			5px 10px 5px 10px;
	font-weight:		normal;
	border-right:		1px solid #666666;
}

div.mode_link li a:hover, div.mode_link li a:active {
	color:				#FFFFFF;
	background-color:	#99CC99;
}
/* -- Mode Link -- */

/* -- Content -- */
div.main {
	padding-top:		10px;
	padding-left:		30px;
	padding-bottom:		30px;
	font-size:			80%;
	margin:				0 auto;
	clear:				both;
	background-image:	url('../img/mode_content_bg.jpg');
	background-position:	left top;
	background-repeat:	repeat-x;
}

h1 {
	color:				#333333;
	font-size:			100%;
	font-weight:		normal;
}

h2 {
	color:				#333333;
	width:				600px;
	border-style:		solid;
	border-width:		1px 1px 1px 5px;
	border-color:		#668899;
	padding-left:		5px;
	padding-top:		5px;
	padding-bottom:		5px;
	margin-top:			0;
	font-size:			90%;

/*
	background-color:	#EEEEEE;
*/

	background-image:	url('../img/h2.jpg');
	background-position:	left top;
	background-repeat:	no-repeat;
}

h3 {
	color:				#333333;
	font-size:			100%;
	font-weight:		normal;
}

div.content {
	font-size:			100%;
	width:				600px;
	padding:			10px;
	border-style:		solid;
	border-width:		1px;
	border-color:		#6666FF;
	background-color:	#EEEEFF;
}

div.mode_content {
	line-height:		18px;
	color:				#000000;
}

dl.explain {
}

dl.explain dt {
	color:				#0000ff;
	font-weight:		bold;
	font-size:			100%;
	width:				500px;
	border-style:		solid;
	border-width:		0px 0px 1px 0px;
	border-color:		#666666;
	margin-bottom:		5px;
}

dl.explain dd {
	line-height:		20px;
	margin-left:		20px;
	margin-bottom:		10px;
}

dl.explain dd dl.explain dt {
	color:				#000000;
	font-weight:		bold;
	font-size:			100%;
	width:				400px;
	margin-bottom:		0px;
	border-width:		0px;
}

dl.explain p.example {
	margin-left:		20px;
}

dl.list {
}

dl.list dt {
	color:				#4444FF;
	font-weight:		bold;
	font-size:			100%;
	width:				400px;
	border-style:		solid;
	border-width:		0px 0px 1px 0px;
	border-color:		#666666;
	margin-bottom:		5px;
}

dl.list dd {
	line-height:		15px;
	margin-left:		20px;
	margin-bottom:		20px;
}

div.explain_content_child {
	margin-left:		20px;
	font-size:			100%;
}
/* -- Content -- */

/* -- Footer -- */
div.footer {
	font-size:			80%;
	clear:				both;
	float:				left;
	width:				100%;
	padding-top:		5px;
	padding-bottom:		5px;
	border-color:		#6666CC;
	border-width:		1px 0px 0px 0px;
	border-style:		solid;
	background-color:	#DEE6FF;
}

div.footer p {
	text-align:			right;
	padding-right:		10px;
	color:				#333333;
}
/* -- Footer -- */



div.line_form {
	width:				600px;
	background-color:	#e6e6fa;
	padding:			5px;
	border-width:		1px 0px 1px 0px;
	border-style:		solid;
	border-color:		#8888FF;
}

table.input_form {
/*
	font-size:			80%;
*/
	padding:			1px;
	margin:				1px;
	border-collapse:	collapse;
}

table.input_form th {
	padding:			10px;
	background-color:	#e6e6fa;
	border-color:		#666666;
	border-width:		1px 0px 1px 0px;
	border-style:		solid;
	white-space:		nowrap;
}

table.input_form th.indis {
	color:				#FF0000;
}

table.input_form td {
	border-color:		#666666;
	border-width:		1px 0px 1px 0px;
	border-style:		solid;
	padding:			10px;
	text-align:			left;
	white-space:		nowrap;
}

table.input_form div.caution {
	margin-top:			5px;
}

input.buttonlink {
	width:				60px;
	border:				0px;
	background-color:	#6666CC;
	text-decoration:	none;
	cursor:				hand;
	color:				gray;
}

div.list {
	width:				577px;
	border-style:		solid;
	border-width:		1px 1px 1px 1px;
	border-color:		#999999;
	padding:			15px;
}

div.list ul {
	list-style-type:	none;
	margin-left:		0;
	padding-left:		0;
}

div.list ul li div.title {
	font-size:			120%;
	border-style:		solid;
	border-width:		0px 0px 1px 0px;
	border-color:		#CCCCCC;
}

div.list ul li p {
	margin-left:		20px;
}

/*-- List --*/
span.list_page_next {
	margin-left:		30px;
}

span.not_page_link {
	color:				#CCCCCC;
}

span.cur_page {
	font-weight:		bold;
}

span.list_page_total {
	margin-right:		30px;
}

div.list_page_num {
	margin-top:			30px;
	margin-left:		30px;
	margin-bottom:		250px;
}

table.list {
	font-size:			80%;
	padding:			1px;
	margin:				1px;
	border-collapse:	collapse;
}

table.list tr.header {
	height:				20px;
	background-image:	url('../img/list_bg.png');
	background-repeat:	repeat-x;
}

table.list th {
	border-color:		#888888;
	border-width:		1px 0px 1px 0px;
	border-style:		solid;
	white-space:		nowrap;
}

table.list th.size {
	width:				60px;
}

table.list th.name {
	width:				100px;
}

table.list th.expire, table.list th.date {
	width:				140px;
}

table.list td {
	color:				#333333;
	border-color:		#AAAAAA;
	border-width:		1px 0px 1px 0px;
	border-style:		solid;
	padding:			3px;
	text-align:			center;
}

table.list td.comment {
	text-align:			left;
}

table.list td.size {
	text-align:			right;
}