@charset "UTF-8";



/* ボディに関するCSS

--------------------------------------------------------------------------------*/

	body {

	font-family: "Arial", "Helvetica", "ＭＳ Ｐゴシック", "Osaka", sans-serif;

	color: #333333;

	font-size: 80%;

	line-height: 160%;

	text-align: center;

	background-color: #FFFFFF;

	margin-top: 0px;

}



#wrapper {

	margin-left: auto;

	margin-right: auto;

	width: 720px;

	text-align: left;

}





/* ページ構造に関するCSS 

--------------------------------------------------------------------------------*/



#header {

	font-family:"HG正楷書体-PRO",serif;

	color: #9c0000;

	width: 700px;

	height: 200px;

	margin-bottom: 5px;

	margin-top: 0px;

	background-image: url(header.gif); 

	background-repeat: no-repeat;

	background-position: center;

}



#nav {

	line-height: 170%;

	margin:5px 0px;

	padding:0px 5px;

	list-style:none;	

	float:left;	

}



#content {

	clear:left;

	width: 678px;

	border: 1px solid #999;

	padding: 10px;

	margin-top: 5px;

	background-color: #F5F5DC;

}



#col1 {

	width:176px;

	margin-left: 0px;

	margin-top: 0px;

	float:left;	

}



#col2 {

	width:480px;

 	margin-left: 20px;

	margin-right: 0px;

	margin-top: 10px;

	float:right;	

	background-color: #FFFFFF;

}


#banner {
	width:460px;

 	margin-left: 10px;

	margin-right:10px;

	margin-top: 10px;
	margin-bottom: 0px;

	float:right;	

	background-color: #FFFFFF;
}

#recruit {
	width:460px;

 	margin-left: 10px;

	margin-right:10px;

	margin-top: 0px;
	margin-bottom: 30px;

	float:right;	

	background-color: #FFFFFF;
}

#mailform {

	width:470px;

 	margin-top: 20px;

	background-color: #FFFFFF;

}







/* ヘッダーに関するCSS

--------------------------------------------------------------------------------*/

h1{

	padding: 0px;

	margin-left: 15px;

	margin-right: 15px;

	margin-top: 25px;

	font-size: 130%;

	color: #660000;

}



#header p {

	font-size: 120%;

	font-weight: bold;

	text-align: right;

	width: 480px;

	margin-top: 0px;

	margin-bottom: 1px;

	padding: 0px;

}





/* ナビゲーションに関するCSS 

--------------------------------------------------------------------------------*/

#nav li {

	float:left;

	background-color: #F5F5DC;

	margin-right: 5px;

	margin-left: 0px;

	border: 1px solid #333333;

	text-align: center;

	width: 109px;

	height:22px;

}



#nav a{

	color: #000;

	display:block;

	width: 109px;

	height:22px;

	text-decoration:none;

}



#nav a:hover {

	color: #FFF;

	background-color: #8FBC8F;

	text-decoration:none;

}



/* contentに関するCSS 

--------------------------------------------------------------------------------*/

img.topkey {

	margin-bottom: 15px;

}





/* colに関するCSS 

--------------------------------------------------------------------------------*/

h2 {

	font-family:"HG正楷書体-PRO",serif;

	font-weight: bold;

	font-size: 250%;

	margin: 40px 10px;

	text-align: center;

	color: #330000;

}



h3 {

	font-family:"HG正楷書体-PRO",serif;

	font-weight: bold;

	font-size: 180%;

	color: #330000;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #8FBC8F;

	padding-bottom: 3px;

	padding-top: 5px;

	text-indent: 5px;

	margin-bottom: 10px;

	margin-top: 20px;

}





h4 {

	font-family:"HG正楷書体-PRO",serif;

	font-size: 140%;

	margin-bottom: 3px;

	border-left-width: 6px;

	border-left-style: solid;

	border-left-color: #696969;

	padding: 5px;

}



h5 {

	font-size: 120%;

	margin-bottom: 3px;

	padding: 5px;

	color: #663333;

	font-weight: bold;

}



p {

	margin-top: 0px;

	margin-bottom: 0px;

	padding: 3px;

	text-align: left;

}



.style1 {	font-family:"HG正楷書体-PRO",serif;

	font-weight: bold;

	font-size: 130%;

	margin: 2px;

	text-align: center;

	color: #696969;

}


img { border: none; }



/* 左側ナビゲーション 

-----------------------------*/



#col1 dl {	

	width: 100%;

	margin-top: 10px;

	margin-bottom: 10px;

	background-color: #FAFAFA;

	border: 1px solid #996666;

	border-bottom-style: none;

	text-align: center;

}



#col1 dt {

	color: #FAFAFA;

	font-size: 120%;

	font-weight: bold;

	border-bottom-style: solid;

	border-bottom-width: 1px;

	border-bottom-color: #996666;

	background-color: #996666;

	padding: 10px 2px;

}



#col1 dd {

	text-align: left;

	font-size: 100%;

	margin-left: 0px;

	padding: 5px;

	border-bottom-style: solid;

	border-bottom-width: 1px;

	text-align: center;

}





#col1 dt a {

	text-decoration:none;

	color: #FAFAFA;

}



#col1 dt a:hover {

	text-decoration:underline;

	color: #FAFAFA;

}





/*col2のテーブル 

-----------------------------*/



#col2 table { 

	border: none;

	border-collapse: collapse; 

	margin-bottom: 10px;

	margin-left: 20px;

}



#col2 th { 

	border-bottom: solid 1px gray; 

	padding: 5px;

	text-align: center;

	vertical-align: middle;

}



#col2 td { 

	border: none; 

	margin: 5px;

	padding: 5px;

	text-align: center;

}



#banner table { 

	border: solid 3px #333399;

	border-collapse: collapse; 

	margin-bottom: 20px;

	margin-left: 5px;

	background-image: url(ao296.jpg); 

	background-repeat: repeat;

	background-position: center;
}



#banner th { 

	border-bottom: solid 1px gray; 

	padding: 5px;

	text-align: center;

	vertical-align: middle;

}



#banner td { 

	border: none; 

	margin: 5px;

	padding: 5px;

	text-align: left;
	color: #003366;
	font-size: 85%;
}


#banner a{

	text-decoration:none;

}



#banner a:hover {

	text-decoration:none;

	color: #003366;
}

#recruit table { 

	border: solid 3px #cccc99;

	border-collapse: collapse; 

	margin-bottom: 20px;

	margin-left: 5px;

	background-image: url(midori509.jpg); 

	background-repeat: repeat;

	background-position: center;
}



#recruit th { 

	border-bottom: solid 1px gray; 

	padding: 5px;

	text-align: center;

	vertical-align: middle;

}



#recruit td { 

	border: none; 

	margin: 5px;

	padding: 5px;

	text-align: left;
	color: #003366;
	font-size: 85%;
}


#recruit a{

	text-decoration:none;

}



#recruit a:hover {

	text-decoration:none;

	color: #003366;
}



#mailform table { 

	border: none;

	border-collapse: collapse; 

	margin-bottom: 10px;

	margin-left: 20px;

}



#mailform td { 

	border: solid 5px #FFFFE1;

	padding: 5px;

	text-align: left;

	margin: 5px;

}



.td1 {

	 background-color: #E6E6FA;

	text-align: right;

}



.style2 {	font-size: 160%;

	color: #990033;

	text-align: center;

	font-weight: bold;

	margin: 50px 20px;

}







img.thumb {

	float: left;

	margin-right: 10px;

}



.mail{

	margin-top: 10px;

 clear: both

}





/* フッターに関するCSS

--------------------------------------------------------------------------------*/

#credit {

 	clear:both;

	font-size: 85%;

	margin-top: 5px;

	text-align: center;

}





/* リンクに関するCSS

--------------------------------------------------------------------------------*/



a:link {

	text-decoration:none;

	color: #660000;

}



a:visited {

	text-decoration:none;

	color: #438;

}



a:hover {

	text-decoration:underline;

	color: #017D98;

}