/*CSS for BASIC
	# INDEX OUTLINE
				______________W_____H___
				base_________930px:590px
				banner_______930px:085px
				menu_box_____180px:84%
				content_box__750px:84%
				footer_______930px:1em
				iframe_______550px:500px
				________________________
	# MENU AREA
			.mainmenu,.submenu,
	# CONTENTS AREA
			body#contentspage,div#container,
			#gohome
*/


/* INDEX OUTLINE */

	html,body{
		margin: 0px;
		padding: 0px;
		height: 100%;
	}

	body#mainpage{
		background:#fefefe url("image/bg.gif");
	}

	#banner{
 		position:relative;
		margin: 0 auto;
 		top: 0px;
 		height: 85px;
 		width:930px;
		background-color: white;
		font-size: 0;
 	}
 
	#content_container{
		background-color: white;
 		position: relative;
		margin: 0 auto;
		padding: 0px;
 		left: 0px;
		bottom: 15px;
 		width:930px;
 		height: 84%;
 	}

	#left {
		position: absolute;
		top: 0px;
		left: 0px;
		bottom: 0px;
		width: 180px;
		height: 100%;
		margin:0px;
		padding:0px;
	}
	
	#right{
		position: absolute;
		top: 0px;
		right: 0px;
		left: 180px;
		bottom: 0px;
		height: 100%;
		margin:0px;
		padding:0px;
	}
	
	iframe {
		height: 100%;
		width: 100%;
		margin: 0px;
		padding: 0px;
		border: 0px;
	}

	#footer{
		position: relative;
		margin:0px auto 0px;
		padding: 0px;
		height: 1em;
		width: 930px;
		bottom: 0px;
		background-color: #f6f6f6;
		text-align: left;
		line-height: 5px; /*これ重要*/
		font-size: 75%;
		color: gray;
	}

/*MENU AREA (WIDTH 180px)*/

#menu_bg{
	background-image: url(image/bg2.gif);
	margin:0px;
	padding:0px;
	height:100%;
}
#menu_area{
	float:left;
	width: 170px;
	height: 100%;
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 0px;
	overflow:auto;
	text-align:left;
}

.menubox{
	margin:10px 10px 17px 10px;
	padding:3px 0px 1px;
	list-style-type:none;
	list-style-position:outside;
	background-color: #f6f6f6;
	border-top: #aaa 1px solid;
	border-left: #ccc 1px solid;
	font-size:85%;
	font-weight:bold;
	line-height:130%;
	color:#654c0e;
}
.each_menu{
	margin-left:0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	list-style-position:outside;
	line-height:160%;
	font-weight:normal;
}
.each_menu a:link,
.each_menu a:visited,
.each_menu a:active{
	text-decoration:none;
	background-color:transparent;
	color:saddlebrown;
}
.each_menu a:hover{
	text-decoration:none;
	background-color:#fff;
	color: saddlebrown;
}

/* CONTENTS PAGE */

body#contentspage{
	margin:0px;
	padding:0px;
	background-color:white;
}

div#container{
	width:650px;
	margin:0px;
	padding:20px 0px 0px 20px;
	color:#000;
	text-align:left;
	line-height:170%;
}

#content_box{
	width:565px;
	height:520px;
	float:right;
	margin:0px;
	padding:0px;
	background-color:white;
	text-align:left;
}

.block{
	margin:0px 35px 15px;
	padding:0px;
}

.first_part{
	margin:0px 35px 0px 35px;
	padding:0px 0px 10px 0px;
	font-size:80%;
	line-height:180%;
}
.paragraph{
	margin:0px 35px 0px 35px;
	padding:0px 0px 10px 0px;
	font-size:90%;
	line-height:170%;
}
.line_paragraph_black{
	margin:0px 35px 0px 35px;
	padding:5px;
	/* border:#cec5ad 1px solid; */
	color:#333333;
	font-size:80%;
	line-height:150%;
}
.line_paragraph_red{
	margin:0px 35px 0px 35px;
	padding:5px;
	/* border:#cec5ad 1px solid; */
	color:#c40002;
	font-size:80%;
	line-height:150%;
}
.line_paragraph_gray{
	margin:0px 35px 0px 35px;
	padding:5px;
	/* border:#585858 1px solid; */
	color:#333;
	font-size:80%;
	line-height:150%;
}
.line_box{
	margin:10px 20px 10px 0px;
	padding:5px;
	background-color: #fafafa;
	border:slategray 1px double;
	line-height:150%;
}

#gohome{
	margin:15px 0px 0px 0px;
	font-size:65%;
	line-height:150%;
	text-align:right;
}

/* SCRIPT */

script{
	margin-top:-10000px;
}

/* LINK */

a:link,
a:active,
a:visited{
	color:#000;
	text-decoration:underline;
	background-color:transparent;
}
a:hover{
	color:#00f;
	text-decoration:none;
	background-color:#e3eef6;
}

/* TEXTBOX */
.hide{
	display:none;
}
.adjust{
	clear:both;
	margin:0px;
	padding:0px;
	font-size:1%;
	line-height:100%;
}

/* COLER_TITLE */

.bar_title{
	margin:0px 0px 15px 5px;
	padding:0px;
	background:#eee url("image/titlebar.jpg") no-repeat top left;
	border-color:#6b5950;
	border-width:0px;
	border-style:double;
	color:#6b5950;
	font-size:90%;
	text-align:left;
	line-height:125%;
}
.red_title{
	margin:0px 0px 5px 5px;
	padding:0px;
	color:#845e48;
	font-size:80%;
	line-height:125%;
}

.red_words{
	color:#c40002;
}

.red_words_bold{
	color:#c40002;
	font-weight: bold;
}