@charset "Shift_JIS";

html * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

body {
	text-align:center;
	background-color:#D8D8D8;
	margin: 0px;
}

#home{
	width:780px;
	float:center;
	text-align:center;
	padding: 10px 10px 40px 10px;
	margin-top:10px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto; 
	background-color:#0066B3;
	border:1px solid #00487D;
}


	#header{
		font-family: Verdana, Arial, Helvetica, Tahoma;
		font-style:normal;
		font-size:x-small;
		width:760px;
		float:center;
		text-align:left;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		margin: 0px;
		background-color:#00487D;
	}

	#header ul{
		float:right;
		padding:5px 0px 0px 0px;
		margin:0px 5px 0px 5px;
	}
	#header li{
		display:inline;
		font-size:x-small;
		padding:0px 5px 0px 5px;
		margin:0px;
	}

	#header a:link { color: #FFFFFF; text-decoration: none;}
	#header a:visited { color: #FFFFFF; text-decoration: none;}
	#header a:hover { color: #FFB200; text-decoration: none;}
	#header a:active { color: #FFB200; text-decoration: none;}
			
	#main{
		float:center;
		font-size:small;
		width:760px;
		border-top:1px solid #00487D;
		text-align:center;
		vertical-align: bottom;
		padding:0px 0px 20px 0px;
		margin:0px 0px 0px 0px;
		background-color: #D8D8D8;
		background-image:url(../images/back_main.jpg);
		background-repeat:repeat-y;
	}

		#main_left{
			font-family: Verdana, Arial, Helvetica, Tahoma;
			text-align:left;
			float:left;
			width:180px;
			padding:10px 0px 10px 0px;
			margin:0px 0px 0px 0px;
			color:#00487D;
			background-image:url(../images/back_left.jpg);
			background-repeat:no-repeat;
		}
		#main_left h1{
			font-size:small;
			padding:10px 0px 0px 0px;
			margin:0px 0px 0px 10px;
			color:#00487D;
			border-bottom-style:solid;
			border-bottom-color:#00487D;
			border-bottom-width:1px;
		}
		#main_left ul{
			font-size:small;
			font-size:90%;
			font-style:normal;
			padding:0px 0px 0px 0px;
			margin:0px 10px 0px 10px;
		}
		#main_left li{
			padding:0px 0px 0px 0px;
			margin:0px 10px 0px 20px;
			list-style-type:circle;
		}
		#main_left .select{
			padding:0px 0px 0px 0px;
			margin:0px 10px 0px 20px;
			list-style-type:disc;
		}
		
		#main_right{
			float:left;
			text-align:left;
			width:580px;
			padding:0px 0px 20px 0px;
			margin:0px 0px 0px 0px;
		}
		#main_right h1{
			font-family: Verdana, Arial, Helvetica, Tahoma;
			font-size:small;
			padding:10px 0px 0px 0px;
			margin:0px 0px 0px 10px;
			color:#00487D;
			border-bottom-style:solid;
			border-bottom-color:#00487D;
			border-bottom-width:1px;
		}
		#main_right h2{
			font-size:small;
			font-style:normal;
			font-weight:normal;
			padding:5px 0px 0px 0px;
			margin:0px 10px 0px 10px;
			color:#000000;
		}
		#main_right dl{
			font-size:small;
			font-size:90%;
			font-style:normal;
			font-weight:normal;
			padding:5px 0px 0px 0px;
			margin:0px 10px 0px 10px;
			color:#000000;
		}
		#main_right dt{
			padding:10px 0px 0px 0px;
			color:#00487D;
			clear:both;
		}
		#main_right dd{
			padding:0px 0px 5px 0px;
			color:#000000;
		}

	#main a:link { color: #0066B3; text-decoration: none;}
	#main a:visited { color: #0066B3; text-decoration: none;}
	#main a:hover { color: #FF3300; text-decoration: none;}
	#main a:active { color: #FF3300; text-decoration: none;}

	#footer{
		float:center;
		border-top:1px solid #00487D;
		font-family: Verdana, Arial, Helvetica, Tahoma;
		font-size:xx-small;
		width:760px;
		text-align:right;
		padding: 0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		background-color:#0066B3;
	}

	#footer address{
		font-style:normal;
		color:#FFFFFF;
		float:right;
	}

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

/* -----common----- */

img{
	border:0;
	padding:0px 0px 0px 0px;
}
.new{
	font-size:small;
	font-style:normal;
	font-weight:normal;
	color:#B32400;
}
.banner_r{
	font-size:x-small;
	text-align:center;
	padding:0px 0px 0px 10px;
	float:right;
}
.banner_l{
	font-size:x-small;
	text-align:center;
	padding:0px 10px 0px 0px;
	float:left;
}
.clear{clear:both;}
.clear_divide { clear: both; background-color: transparent; height: 1px; font-size: 1px;}

.line{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CDD8E2;
	padding:0px 0px 0px 0px;
	margin: 0px;
}

.note{
	font-size:x-small;
	color:#333333;
}