@CHARSET "windows-31j";

/***** public *****/

BODY {
	background-color:	#eeeeee;
	background-image:	url(img/back_line.gif);
	color:				#686868;
	font-family:		arial,helvetica,clean,sans-serif;
	font-size:			85%;
	margin:				0px 30px 10px 30px;
}

a:link {
	color:				#686868;
	text-decoration:	underline;
}
a:visited {
	color:				#686868;
	text-decoration:	underline;
}
a:active {
	color:				#686868;
	text-decoration:	none;
}
a:hover {
	color:				#686868;
	text-decoration:	underline;
}


TABLE {
	border-style: none;
	empty-cells: show;
	border-collapse: collapse;
}

TABLE.size_m {
	margin: 0px;
	padding: 0px;
	background-color: white;
	border: 0px none;
	empty-cells: show;
}

TABLE.size_l {
	min-width:		700px;
	max-width:		800px;
	background-color: white;
	border:			0px none;
	empty-cells: show;
}

TH {
	/* font-size: 85%; */
}

TD {
	/* font-size: 85%; */
}

TH.size_s {
	min-width:		100px;
	max-width:		150px;
	vertical-align: top;
	font-weight:	normal;
	text-align:		left;
}

TH.size_m {
	min-width:		200px;
	max-width:		250px;
	vertical-align: top;
	font-weight:	normal;
	text-align:		left;
}

TH.size_l {
	min-width:		300px;
	max-width:		350px;
	vertical-align: top;
	font-weight:	normal;
	text-align:		left;
}

TD.size_s {
	min-width:		100px;	
	max-width:		200px;
	vertical-align: top;
}

TD.size_m {
	min-width:		200px;
	max-width:		300px;
	vertical-align: top;
}

TD.size_l {
	min-width:		300px;
	max-width:		400px;
	vertical-align: top;
}

INPUT {
	vertical-align: middle;
}

.h1 {
	color:				#5c6aa6;
	font:				1.2em arial,helvetica,clean,sans-serif;
	font-weight:		bold;
	font-size:			12pt;
	margin:				3px 0px 0px 0px;
	padding:			0px;
}

.h2 {
	color:				#5c6aa6;
	font:				1.1em arial,helvetica,clean,sans-serif;
	font-weight:		bold;
	font-size:			11pt;
	margin:				3px 0px 0px 0px;
	padding:			0px;
}

.h3 {
	color:				#5c6aa6;
	font:				1.0em arial,helvetica,clean,sans-serif;
	font-weight:		bold;
	font-size:			10pt;
	margin:				3px 0px 0px 0px;
	padding:			0px;
}

IMG {
	border: none;
	vertical-align: middle;
}


UL LI {

}


/***** private *****/

#panel {
	width: 				100%;
	text-align:			center;		/* IE用 センタリング */
}

#banner {
	min-width:			900px;
	max-width:			1280px;
	margin-top:			5px;
	margin-right:		auto;		/* NN用 センタリング */
	margin-left:		auto;		/* NN用 センタリング */
	text-align:			left;		/* IE用 センタリング解除 */
	font:				95% arial,helvetica,clean,sans-serif;
}

#header {
	min-width:			900px;
	max-width:			1280px;
	background-color:	white;
	margin:				0px auto;	/* NN用 センタリング */
	text-align:			left;		/* IE用 センタリング解除 */
}

#main {
	min-width:			900px;
	max-width:			1280px;
	height:				100%;
	background-color:	white;
	margin:				0px auto;	/* NN用 センタリング */
	text-align:			left;		/* IE用 センタリング解除 */
}

#mainT {
	min-width:			900px;
	max-width:			1280px;
	height:				30px;
	background-color:	#5c6aa6;
	-moz-border-radius:	30px 30px 0px 0px;
	border-top:			1px solid #5c6aa6;
	border-right:		1px solid #5c6aa6;
	border-left:		1px solid #5c6aa6;
}

#mainM {
	min-width:			900px;
	max-width:			1280px;
	min-height:			480px;
	background-color:	white;
	border-right:		1px solid #cccccc;
	border-left:		1px solid #cccccc;
}

#mainB {
	min-width:			900px;
	max-width:			1280px;
	height:				30px;
	background-color:	#5c6aa6;
	margin:				0px auto;	/* NN用 センタリング */
	text-align:			left;		/* IE用 センタリング解除 */
	-moz-border-radius:	0px 0px 30px 30px;
	border-right:		1px solid #5c6aa6;
	border-left:		1px solid #5c6aa6;
	border-bottom:		1px solid #5c6aa6;
}

#footer {
	min-width:			900px;
	max-width:			1280px;
	/* background-color:	white; */
	margin:				0px auto;	/* NN用 センタリング */
	text-align:			center;		/* IE用 センタリング解除 */
	
}

#copyright {
	min-width:			900px;
	max-width:			1280px;
	margin-top:			20px;
	margin-right:		auto;		/* NN用 センタリング */
	margin-left:		auto;		/* NN用 センタリング */
	text-align:			center;		/* IE用 センタリング解除 */
	font:				95% arial,helvetica,clean,sans-serif;
	
}

#links {
	color:				white;
	text-align:			right;
	margin-top:			10px;
	margin-right:		10px;
	margin-bottom:		10px;
}

#links a:link {
	color:				white;
	text-decoration:	none;
}
#links a:visited {
	color:				white;
	text-decoration:	none;
}
#links a:active {
	color:				white;
	text-decoration:	none;
}
#links a:hover {
	color:				white;
	text-decoration:	underline;
}

#titlebox {
	background-color:	white;
	/* background-image:	url(img/title.png); */
	background-repeat:	no-repeat;
	background-position:center center;
	background-attachment: scroll;
	min-width:			660px;
	height:				300px;
	text-align:			center;
}



td#toc {
	vertical-align:		top;
}

div#toc {
	background-color:	#f7f7f7;
	width:				120px;
	min-width:			120px;
	max-width:			200px;
	height:				400px;
	text-align:			left;
	margin:				2px 2px 2px 3px;
	padding:			10px 10px 10px 10px;
	border-top:			1px solid #cccccc;
	border-right:		1px solid #cccccc;
	border-left:		1px solid #cccccc;
	border-bottom:		1px solid #cccccc;
}

hr#toc {
	border:				none;
	height:				1px;
	min-width:			100px;
	color:				#5c6aa6;
	background-color:	#5c6aa6;
	text-align:			center;
	margin:				0px;
	padding:			0px;
}

div.toc_head {
	font-weight:		bold;
	border-bottom:		1px solid #5c6aa6;
	width:				100%;
	padding-top:		5px;
}

div.toc_item {
	padding-left:		5px;
}

div.toc_item_now {
	font-weight:		bold;
}

#toc a:link {
	color:				#3366aa;
	text-decoration:	none;
}
#toc a:visited {
	color:				#3366aa;
	text-decoration:	none;
}
#toc a:active {
	color:				#686868;
	text-decoration:	none;
}
#toc a:hover {
	color:				#3366aa;
	text-decoration:	underline;
}

/****** class ******/
.box {
	min-width:			660px;
	margin-top:			0px;
	margin-right:		0px;
	margin-left:		0px;
	margin-bottom:		20px;
	padding-left:		20px;
	padding-right:		20px;
	text-align:			left;
}

.box1 {
	min-width:			600px;
	margin-top:			0px;
	margin-right:		25px;
	margin-left:		25px;
	margin-bottom:		0px;
	text-align:			left;
}

.comment {
	color:				#999999;
	font-size:			80%;
}

HR.line {
	border:				none;
	height:				1px;
	min-width:			640px;
	color:				#5c6aa6;
	background-color:	#5c6aa6;
	text-align:			center;
	margin:				1px;
}




#tab_user {
	
}
#tab_develop {
	
}

table.tab {
	width:				100%;
	margin: 5px;
	padding: 0px;
	background-color: white;
	border: 0px none;
	empty-cells: show;
}

td.tab_tab_front {
	width:				100px;
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 5px;
	font-size: 			100%;
	background-color:	white;
	border-top: 		1px solid #cccccc;
	border-right:		1px solid #cccccc;
	border-left:		1px solid #cccccc;
	border-bottom:		0px none;
}

td.tab_tab_back {
	width:				100px;
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 5px;
	font-size:			100%;
	background-color:	#e5e5e5;
	border-top: 		1px solid #cccccc;
	border-right:		1px solid #cccccc;
	border-left:		1px solid #cccccc;
	border-bottom:		1px solid #cccccc;
	
	cursor:				pointer;
}

td.tab_tab_space {
	width:				60%;
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	font-size:			100%;
	background-color:	white;
	border-top: 		0px none;
	border-right:		0px none;
	border-left:		0px inset;
	border-bottom:		1px solid #cccccc;
}

td.tab_data {
	font-size:			100%;
	margin:				0px 0px 0px 0px;
	padding:			10px 10px 10px 10px;
	background-color:	white;
	border-top: 		0px none;
	border-right:		1px solid #cccccc;
	border-left:		1px solid #cccccc;
	border-bottom:		1px solid #cccccc;
}


#subtitle {
	width:			100%;
	height:			60px;
	background-image: url(./img/subtitle_back.png);
	color:			#656565;
	font-family:	Verdana;
	font-size:		21pt;
	font-weight:	bold;
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	vertical-align:	middle;
}

#subtitle_m {
	font-size:	21px;
	padding:	20px 0px 0px 40px;
}

#subtitle_s {
	font-size:	12px;
	padding:	20px 0px 0px 10px;
}

TABLE.layout {
	background-color:	transparent;
	margin:		0px;
	padding:	0px;
	border:		none;
}

TABLE.layout_c {
	background-color:	transparent;
	margin:		auto;
	padding:	0px;
	border:		none;
}

TD.layout {
	background-color:	transparent;
	margin:		0px;
	padding:	0px;
	border:		none;
	vertical-align: top;
}

TD.layout_c {
	background-color:	transparent;
	margin:		0px;
	padding:	0px;
	border:		none;
	text-align:	center;
}

TD.layout_r {
	background-color:	transparent;
	margin:		0px;
	padding:	0px;
	border:		none;
	text-align:	right;
}

TD.layout_l {
	background-color:	transparent;
	margin:		0px;
	padding:	0px;
	border:		none;
	text-align:	left;
}