@charset "utf-8";

@import "css/design.css";   /* 共通 */
@import "css/jquery.css";   /* jquery */



/* html5に対応していないブラウザ用 */ 
header, hgroup, section, footer, aside, nav, article { 
	display: block;   
}/* ******************************* */


/* GENERAL */
html,body{
	height: 100%;
}
body {
	background: url(images/body_bg.jpg) left top repeat-x #F4F4E9;
	margin: 0;
	padding: 0;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 95%;
	color: #000;
}

img{	border: none;}

hr{
	clear: both;
	height: 1px;
	border: solid #69562E;
	border-width: 1px 0 0 0;
}
/*-------------------------------------------*/	
/* header */
header{
	width: 960px;
	height: 124px;
	margin: 0 auto;
	padding: 0;
	background: url(images/header_bg.jpg) left top no-repeat;
	overflow: hidden;
}


	hgroup{
		width: 960px;
		height: 65px;
		margin: 0 auto 15px;
		padding: 0;
		overflow: hidden;
	}
	
	
	/* -----logo----- */
	#logo {
		padding: 0;
		margin: 0;
		float: left;
		width: 420px;
		height: 65px;
	}
	
		#logo h1 {
			margin: 0;
			padding: 0;
			text-indent: -9999px;
		}
		
			#logo h1 a{
				display: block;
				width: 420px;
				height: 65px;
				text-decoration: none;
				text-indent: -9999px;
			}

		#logo h2{
			text-indent: -9999px;
			margin: 0;
			padding: 0;
		}
	
	


	/* -----header nav----- */
	header #head_info{
		float: right;
		width: 232px;
		height: 50px;
		margin: 0;
		padding: 0;
		background: url(images/head_info.gif) left top no-repeat;
	}
	
		header  #head_info ul{
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
			header  #head_info li{
				margin: 0;
				padding: 0;
				list-style: none;
				text-indent: -9999px;
			}
			
/*-------------------------------------------*/
/* ganav */			
#gnav{
	clear: both;
	width: 960px;
	height: 35px;
	margin: 0 auto 0 auto;
}

	#gnav ul{
		margin: 0;
		padding: 0;
		list-style: none;
	}

		#gnav ul li{
			margin: 0;
			padding: 0;
			list-style: none;
			display: block;
			float: left;
		}


/*-------------------------------------------*/
/* pankuzu */
#pankuzu{
	clear: both;
	width: 100%;
	height: 27px;
	margin: 0 auto 20px;
	padding: 0;
	background: url(images/pankuzu_bg.gif) left top;
	line-height: 27px;
}
#pankuzu ul{
	margin: 0 auto 0 auto;
	padding: 0;
	list-style: none;
	display: block;
	width: 960px;
	font-size: 11px;
}

#pankuzu li{
	display: inline;
	margin: 0;
	list-style: none;
	letter-spacing: 1px;
	line-height: 27px;
	color: #005430;
	font-size: 14px;
}

#pankuzu li a{
	display: block;
	float: left;
	padding: 0 5px 0 0;
	color: #005330;
	text-decoration: none;
}

#pankuzu li a:after{
	content: " ≫";
}


	#pankuzu li a:hover{
		text-decoration: underline;
	}
	
		

/*-------------------------------------------*/
/* container setting */
/* ****************** */
#container {
	width: 960px;
	margin: 0 auto 20px;
	padding: 0;
	overflow: hidden;
}

		section:after {
		  content : "";
		  display : block;
		  height : 0;
		  clear : both;
		}		



		
		
/*-------------------------------------*/
/* sidebar */
#sidebar{
	width: 240px;
	float: right;
}

	/* 
	side_nav */
	.side_ad{
		width: 240px;
		margin: 0 0 10px;
		line-height: 0;
	}
	
	/* side_nav */
	.side_nav ul{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	
	/* side_nav */
	.side_nav ul li{
		margin: 0 0 5px;
		padding: 0;
		list-style: none;
		line-height: 0;
	}
	
	/* 
	side_sub */
	.side_sub{
		width: 240px;
		margin: 0 0 10px;
		background: url(images/side_sub_bg_middle.jpg) left top repeat-y;
	}
	
		.side_sub p{
			margin: 0;
			padding: 0;
			line-height: 0;
		}
		
		
		.side_sub ul{
			width: 200px;
			margin: 10px auto 20px auto;
			padding: 0;
			list-style: none;
		}
		
			.side_sub ul li{
				margin: 0;
				padding: 0;
				list-style: none;
				border-bottom: 1px dotted #663300;
				color: #006E3E;
			}
			
				.side_sub ul li a{
					display: block;
					width: 180px;
					margin: 0;
					padding: 8px 0 8px 20px;
					background: url(images/arrow_c.gif) left 13px no-repeat;
					color: #006E3E;
					font-size: 16px;
					text-decoration: none;
				}
			
					.side_sub ul li a:hover{
						background: url(images/arrow_a.gif) left 13px no-repeat #EEE8AA;
					}
			
			
						
/*-------------------------------------*/
/* content */
#content{
	float: left;
	width: 700px;
	background: url(images/content_bg_middel.jpg) center top repeat-y;
	margin: 0;
	padding: 0;
}

	#content p.content_bg{
		margin: 0;
		padding: 0;
		line-height: 0;
	}

	#content_edit{
		float: left;
		width: 660px;
		margin:5px 20px 0;
		padding: 0;
	}



	#content_edit h2{
		margin: 0 0 15px;
		padding: 5px 0 5px;
		background: none;
		color: #006E3E;
		border-bottom: 1px dotted #663300;
		letter-spacing: 1px;
	}
	
	#content_edit h3{
		width: 620px;
		height: 35px;
		margin: 0 0 15px;
		padding: 0 20px;
		background: none;
		background: url(images/title3.jpg) left top;
		line-height: 35px;
		color: #fff;
		font-size: 20px;
		font-weight: normal;
	}
	
	#content_edit h4{
		color: #000;
		font-size: 16px;
		padding: 5px 10px 3px;
		letter-spacing: 0.1em;
		color: #006E3E;
		border: 2px solid #006E3E;
		background: #F4F4E9;
	}
	
	#content_edit h5{
		clear: both;
		font-size: 14px;
		padding: 0 0 5px 10px;
		letter-spacing: 0.1em;
		border-left: 10px solid #006E3E;
		border-bottom: 1px solid #006E3E;
	}
	
	#content_edit h6{
		clear: both;
		font-size: 14px;
		padding: 0 0 3px;
		letter-spacing: 0.1em;
		border-bottom: 1px solid #006E3E;
	}
	
	
	#content_edit p{
		line-height: 180%;
	}
	

/* ----------------------------------- */
/* pageback/pagetop */
#pagenav{
	float: right;
	width: 110px;
	height: 40px;
	margin: 0 0 30px;
}

	#pagenav p{
		margin: 0;
	}
	
		#pagenav p a{
			display: block;
			width: 110px;
			height: 40px;
			padding: 0;
			background: url(images/p_top.gif) left top no-repeat;
			text-indent: -9999px;
		}
		
			#pagenav p a:hover{
				color: #C9171E;
			}
		
		
/*------------------------------------------------- */
/* footer */
#footer{
	width: 100%;
	margin: 0;
	padding: 0;
	background: #EEE8AA;
	font-size: 12px;
}

	footer .f_contents{
		width: 960px;
		margin: 0 auto 10px auto;
		padding: 10px 0;
		background: url(images/f_contents_bg.gif) left bottom repeat-x;
		overflow: hidden;
	}


footer .f_left{
	float: left;
	width: 400px;
	color: #144A2C;
}

	footer h3{
		margin: 0;
		font-size: 16px;
	}

	footer address{
		font-style: normal;
		font-size: 16px;
		line-height: 120%;
	}

footer .f_nav{
	width: 960px;
	margin: 0 auto 10px auto;
	overflow: hidden;
}

	footer .f_nav ul{
		margin: 0;
		padding: 0;
		list-style: none;
		display: block;
		float: right;
	}
	
		footer .f_nav ul li{
			margin: 0;
			padding: 0 0 0 18px;
			list-style: none;
			display: inline;
			background: url(images/arrow_a.gif) left 2px no-repeat;
		}
		
			footer .f_nav ul li a{
				color: #144A2C;
				text-decoration: none;
			}
		
				footer .f_nav ul li a:hover{
					text-decoration: underline;
				}

footer div.copyright{
	clear: both;
	margin: 0;
	padding: 0;
	background: #154A2C;
	text-align: center;
	font-size: 12px;
	color: #fff;
	line-height: 40px;
}





/*-------------------------------------------*/	
/* table_a */
table.table_a{
	border-top: 1px solid #154A2C;
	border-left: 1px solid #154A2C;
	border-collapse: collapse;
	width: 658px;
	margin: 20px 0;
}


table.table_a th{
/*	width: 25%; */  /* 210720変更 */
	width: 15%;
	padding: 5px;
	border-bottom: 1px solid #154A2C;
	border-right: 1px solid #154A2C;
	background: #F4F4E9;
	color: #154A2C;
}

	table.table_a td{
		padding: 5px;
		border-bottom: 1px solid #154A2C;
		border-right: 1px solid #154A2C;
	}

		table.table_a td.title{
			text-align: center;
			background: #154A2C;
			color: #fff;
		}


/*------------------------------------------------- */
/* index setting */
/*
info_area */
#info_area{
	width: 680px;
	height: 250px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

	#info_area h2{
		margin: 0;
		padding: 0;
		height: 55px;
		background: url(images/index/info_title.gif) left top no-repeat;
		text-indent: -9999px;
		border-bottom: none;
	}
	
		
	#info_area ul{
		display: block;
		clear: both;
		width: 650px;
		height: 190px;
		margin: 0 0 0 10px;
		padding: 0;
		overflow-y: scroll;
		overflow-x: hidden;
	}
		#info_area ul li{
			border-bottom: 1px dotted #005B34;
			width: 620px;
			margin: 5px 0;
			padding: 5px 0;
			clear: both;
			list-style: none;
		}
		
			#info_area li time{
				display: block;
				float: left;
				width: 100px;		
				margin: 0;
				padding: 0;
				list-style-type: none;
				color: #990000;
				background-position: left 1px;
				background-repeat: no-repeat;
			}
			

			#info_area li p{
				margin:0 0 0 120px;
				display: block;
				line-height: 140%;
			}
				#info_area li a{
					color: #000;
					text-decoration: underline;
				}
				#info_area li a:hover{
					text-decoration: none;
				}
			


		
/*------------------------------------------------- */
/* other setting */
/*
list_a */
ul.list_a{
	margin: 0;
	padding: 0;
	list-style: none;
}				
	
	ul.list_a li{
		margin: 0 0 8px;
		padding: 0 0 0 25px;
		list-style: none;
		background: url(images/arrow_b.gif) left 1px no-repeat;
	}
	
/*
list_b */
ul.list_b{
	margin: 0 0 30px;
	padding: 0;
	list-style: none;
}

	ul.list_b li{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		ul.list_b li a{
			display: block;
			margin: 0 5px 10px;
			padding: 5px 5px 5px 25px;
			list-style: none;
			background: url(images/arrow_c.gif) 5px 11px no-repeat #fff;
			border: 1px solid #154A2C;
			color: #333;
			text-decoration: none;
		}
		
		ul.list_b li a:hover{
			background: url(images/arrow_c.gif) 5px 11px no-repeat #e8f5ee;
		}
									
													
	
/*
font setting */
.font_a{
	background: #EEE8AA;
	padding: 3px 10px;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: bold;
	color: #154A2C;
	line-height: 100%;
}

	.font_a a{
		background: #EEE8AA;
		font-size: 16px;
		font-weight: bold;
		color: #154A2C;
		line-height: 100%;
	}

		.font_a a:hover{
			text-decoration: none;
		}


/*
box setting */
.flow_box{
	padding: 10px;
	border: 2px solid #154A2C;
	overflow: hidden;
}

	.flow_box img{
		display: block;
		float: left;
		width: 50px;
		height: 50px;
		margin-right: 20px;
	}
	
	.flow_box p{
		display: block;
		float: right;
		width: 560px;
		margin: 0;
	}
	
.box_a{
	margin: 50px 0 30px;
	padding: 10px;
	background: #F4F4E9;
	border: 1px solid #333;
}



/* 
google map setting */
#user_gmap{
	width:658px;
	height:400px;
      margin:0 auto 30px;
      border:solid 1px #ccc;
}





/*-------------------------------------------*/	
/* 210720追加 */
/* faq */
.txt_box_a{
	clear: both;
	border: 1px solid #00B769;
	width: 638px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 0 auto 20px;
	padding: 10px;
}

.question{
	background: url(images/bg_question.gif) left top no-repeat;
	color: #006D3E;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #006D3E;
	padding-left: 40px;
}			
.answer{
	background: url(images/bg_answer.gif) 20px top no-repeat;
	padding-left: 60px;
}