﻿@charset "utf-8";
/* CSS Document */

html{
	height:100%;
	width:100%;
	background:url(../images/base_background.gif) repeat;}
#wrapper{/*全体*/
background:url(../images/contents_h_image.jpg) center top no-repeat;
margin:0;
padding:0;
height:100%;
width:100%;
font-size:100%;
}

#in_wrpper{/* 全体の中のラッパー */
	width:1000px;
	margin:0 auto 0;}

#h_wrapper{/*ヘッダー全体*/
padding:16px 0 0 0;

}
	#header{/*ヘッダー*/}

/*-----------------------------------------------------------------*/
/*------------------------g_menu-----------------------------------*/
/*-----------------------------------------------------------------*/

#g_menu_wrapper{/*グローバルメニュー全体*/
	width:264px;
	/*width:305px;*/
	float:left;
	height:500px;
	z-index:3;
	}
	#g_menu{/*グローバルメニュー*/
	}
	ul#g_menu_list{
		}
	ul#g_menu_list li{
			background-image:url(../../images/g_menu.gif);			
		display:block;
		width:264px;
		/*width:305px;*/
		}
	ul#g_menu_list li a{
			background-image:url(../../images/g_menu.gif);			
		}
		/*グローバルメニュー各コンテンツクラス*/
		li.g_top{/*トップページ*/
			height:86px;
			}
		.g_top a{
			display:block;
			width:auto;
			height:86px;}
		.g_top a:hover,.g_top_active{
			background-position:-305px 0 !important;
			}
		li.g_greeting{/*あいさつページ*/
			height:71px;}
		.g_greeting a{
			background-position:0 -86px;
			display:block;
			width:auto;
			height:71px;}
		.g_greeting a:hover,.g_greeting_active{
			background-position:-305px -86px !important;
			}
		li.g_business{/*事業内容ページ*/
			height:71px;}
		.g_business a{
			background-position:0 -157px;
			display:block;
			width:auto;
			height:71px;}
		.g_business a:hover,.g_business_active{
			background-position:-305px -157px !important;
			}
		li.g_admission{/*入会案内*/
			height:70px;}
		.g_admission a{
			background-position:0 -229px;
			display:block;
			width:auto;
			height:70px;}
		.g_admission a:hover,.g_admission_active{
			background-position:-305px -229px !important;
			}
			
			
		li.g_memberlist{/*会員リスト*/
			height:71px;}
		.g_memberlist a{
			background-position:0 -299px;
			height:71px;
			display:block;
			width:auto;}
		.g_memberlist a:hover,.g_memberlist_active{
			background-position:-305px -299px !important;
			}
			
		li.g_infolist{/*お知らせ*/
			height:71px;}
		.g_infolist a{
			background-position:0 -370px;
			height:71px;
			display:block;
			width:auto;}
		.g_infolist a:hover,.g_infolist_active{
			background-position:-305px -370px !important;
			}
			
		li.g_joblist{/*求人*/
			height:71px;}
		.g_joblist a{
			background-position:0 -441px;
			height:71px;
			display:block;
			width:auto;}
		.g_joblist a:hover,.g_joblist_active{
			background-position:-305px -441px !important;
			}
		li.g_download{/*会員サイト*/
			height:81px;}
		.g_download a{
			background-position:0 -513px;
			height:81px;
			display:block;
			width:auto;}
		.g_download a:hover,.g_download_active{
			background-position:-305px -513px !important;
			}

	ul#g_menu_list li a{
			text-indent:-99999px;
			display:block;}
/*----------------------------s_menu---------------------------------*/
	ul#small_menu{
		width:263px;
		text-align:center;
		line-height:33px;
		height:33px;
		background:url(../images/bg_small_menu.gif) left top no-repeat;
		clear:both;
		color:#fff;}	
		ul#small_menu li{
			color:#fff;
			display:inline;}
		ul#small_menu li a{
			color:#fff;}

/*-----------------------------------------------------------------*/
/*-----------------------/g_menu-----------------------------------*/
/*-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/*----------------------contents-----------------------------------*/
/*-----------------------------------------------------------------*/


#c_wrapper{/*コンテンツ全体*/
	float:left;
	position:relative;
	right:-41px;
	width:695px;
		}
	#contents{/*コンテンツ*/
	position:relative;
	border-radius:5px;
	box-shadow:inset 0 0 3px 3px #e5dad0;
	-sand-box-shadow:inset 0 0 3px 3px #e5dad0;
	padding:10px 0;
	background:#faf7f2;
	border:10px solid #857664;
	min-height:640px;
	}

#cnt_header{/*コンテンツヘッダー*/
	padding:0;}
#in_contents{/*コンテンツ内容*/
	padding:10px 15px;}
/*------------------------パンくずリスト----------------------------*/
	
	#topicpath{/*パンくずリスト*/
	text-align:right;
	font-size:13px ;
	margin:0 15px 10px 15px;
	}
		#topicpath ul{
									}
		#topicpath ul li{
			display:block;
			float:left;
			margin:0 0 10px 0;
			}
		#topicpath ul li a{
			color:#4880bd;
			padding:0 20px 0 0;
			background:url(../images/pathlist_mark.gif) right no-repeat;
						}
						
/*------------------------/パンくずリスト----------------------------*/
/*------------------------コンテンツ見出しとか色々アイテム----------------------------*/

h2.contents{
	font-size:153.9%;
	font-weight:bold;
	background:url(../images/h2_contents.gif) center no-repeat;
	height:57px;
	line-height:57px;
	padding:0 0 0 70px;
	color:#534741;
	clear:both;
	}
h3.contents{
	font-size:138.5%;
	font-weight:bold;
	background:url(../images/h3_contents.gif) left no-repeat;
	height:25px;
	line-height:25px;
	border-bottom:2px #cfbcb4 solid;
	padding:0 0 0 25px;
	margin:10px 0;
	letter-spacing:0.2em;
	color:#33663d;
	}
	
h4.contents{
	background:#ede5df;
	color:#33663d;
	font-weight:bold;
	border-bottom:3px solid #33663d;
	display:inline;
	padding:2px 5px;
	letter-spacing:0.2em;
	}
ul.contents{
	margin:15px 0;}
	ul.contents li{
		min-width:100px;
		color:#534741;
		background:url(../images/list_contents.gif) left center no-repeat;
		padding:5px 0 5px 15px;
		border-bottom:1px solid #33663d;
		}	
dl.contents{
	color:#534741;
	margin:15px 0;}
	dl.contents dt{
			background:url(../images/list_contents.gif) no-repeat left center;
			padding:5px 0 5px 15px;
			font-size:116%;
			font-weight:bold;
			color:#33663d;
		}
	dl.contents dd{
		background:url(../images/bg_dd_sikiri.gif) bottom center no-repeat;
		padding:0 0 15px 15px;
		line-height:1.5;}
#contents p{
	margin:5px 0;
	color:#534741;
	line-height:1.5;}
#contents p.green_column{
	background:url(../images/bg_greenglid.gif);
	padding:15px;}
table{
		color:#534741;
}	
table.greenstripe{
	margin:10px 0;}
table.greenstripe,table.greenstripe tr,table.greenstripe th,table.greenstripe td{
	border:#999 1px solid;}
	table.greenstripe{
		width:100%;
		margin:20px 0;}
		table.greenstripe caption{
			display:none;}
	table.greenstripe a{
		color:#3a6ca6;}	
	table.greenstripe th,table.greenstripe td{
		padding:5px;}
	table.greenstripe tr:nth-child(even){
		background:#e0f0da;}
dl{
	color:#534741;
	font-size:100%;
	}

/*------------------------/コンテンツ見出し----------------------------*/
						
	#go_top{/*トップへ戻る*/
		text-align:right;
		padding:0 10px 0 0;
		clear:both;}
		
/*-----------------------------------------------------------------*/
/*-----------------------foter---------------------------------*/
/*-----------------------------------------------------------------*/		

#f_wrapper{/*フッター全体*/
	background:url(../images/foter.png) center top no-repeat;
	width:100%;
	height:227px;
	clear:both;}
	#footer{/*フッター*/
	width:824px;
	margin:0 auto 0;
	padding:54px 0 0 30px;
	}
	#footer p{
		float:left;
		width:474px;}
	#footer ul{
		margin:30px 0 0 10px;
		float:left;
		width:330px;}
			#footer ul li{/*フッターメニューリスト*/
				color:#000;
				margin:0 10px 0 0;
				background:url(../images/f_list.gif) center bottom no-repeat;
				width:150px;
				height:20px;
				line-height:20px;
				float:left;
				list-style:inherit;
				list-style-type:inherit;
				list-style-position:inside;}
			#footer ul li a{/*フッターメニューリスト*/
			color:#000;
			text-decoration:none;}
			#footer ul li a:hover{/*フッターメニューリスト*/
			color:#36C;
			text-decoration:underline;}
	
/*-----------------------------------------------------------------*/
/*-----------------------/foter---------------------------------*/
/*-----------------------------------------------------------------*/		

/*---------------------------------------------------------------------------*/
/*-----------------------各コンテンツページ---------------------------------*/
/*---------------------------------------------------------------------------*/		

/*------------------------会員リスト:member list.html------------------------*/

.ml_mapclumn{
	width:170px;
	height:100px;
	font-weight:bold;
	position:absolute;
	left:40px;}
.ml_mapimage{
	text-align:center;}
.ml_ereamenu{/*茨城地区メニュー*/
	background:url(../images/bg_darkgreengrid.gif);
	/*padding:8px 0 8px 8px;:*/
	width:500px;
	padding:10px;
	margin:5px auto;
}
	..ml_ereamenu_info{
		margin:30px 0 0 0;}
	.ml_ereamenu li{
		text-indent:-9999px;}
	.ml_ereamenu li a{
		background:url(../images/memberlist_menu.jpg) no-repeat;
		float:left;
		margin:0 0 0 11px;
		}
		.ml_ereamenu li.ml_north a{}
		.ml_ereamenu li.ml_north a:hover,.ml_north_active{
			background-position:0 -42px !important;}
		.ml_ereamenu li.ml_center a{
			background-position:-89px 0;}
		.ml_ereamenu li.ml_center a:hover,.ml_center_active{
			background-position:-89px -42px !important;}
		.ml_ereamenu li.ml_west a{
			background-position:-178px 0;}
		.ml_ereamenu li.ml_west a:hover,.ml_west_active{
			background-position:-178px -42px !important;}
		.ml_ereamenu li.ml_south a{
			background-position:-267px 0;}
		.ml_ereamenu li.ml_south a:hover,.ml_south_active{
			background-position:-267px -42px !important;
						}
		.ml_ereamenu li.ml_rokkou a{
			background-position:-356px 0;}
		.ml_ereamenu li.ml_rokkou a:hover,.ml_rokkou_active{
			background-position:-356px -42px !important;
			}
	.ml_ereamenu li a{
		display:block;
		width:89px;
		height:42px;
		}
	.ml_ereamenu li.firstlist{
			margin:0 0 0 -8px !important;
		}
	.ml_member{/*会員詳細テーブル*/
		border:1px solid #c7c3c0;
		padding:10px;
		width:490px;
		/*margin:10px 0 20px auto;*/
		margin:auto;
		box-shadow:0 1px 0 #fff	;
		background: rgb(253,253,253); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(253,253,253,1) 65%, rgba(237,237,237,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(65%,rgba(253,253,253,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(253,253,253,1) 65%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(253,253,253,1) 65%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(253,253,253,1) 65%,rgba(237,237,237,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(253,253,253,1) 65%,rgba(237,237,237,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
		}
	.ml_member h3{
		color:#fff;
		width:501px;
		height:29px;
		line-height:29px;
		background:url(../images/ml_h3.jpg) left no-repeat;
		position:relative;
		left:-20px;
		text-indent:30px;
		font-size:138.5%;
		letter-spacing:0.2em;
		margin:0 0 15px 0;
		}
		.ml_member h3:after{
			position: absolute;
			left: 0px;
			bottom: -10px; /* border-bottomの高さと一致させる */
			content: "";
			display: block;
			width: 0px;
			height: 0px;
			border-right: 10px solid #263d10; /* h3が親要素からはみ出した幅を指定 */
			border-bottom: 10px solid transparent;		}
	.ml_member .ml_image{
		float:left;}
	.ml_member .ml_info{
		width:330px;
		float:right;}
	.ml_member .ml_info p{
		clear:both;}
	.ml_member .ml_dt{
		display:block;
		float:left;
		clear:both;
		width:78px;
		height:19px;
		line-height:19px;
		color:#fff;
		text-align:center;
		background:url(../images/ml_dt.gif) left no-repeat;
		}
	.ml_member .ml_dd{
		display:inline;
		background:url(../images/ml_dd.gif) center bottom no-repeat;}
	.ml_member .ml_dd_hp{
		color:#4880bd !important;
		float:left;
		display:block;
		background:url(../images/ml_dd.gif) center bottom no-repeat;
		margin:0 0 5px 0;
		word-break: break-all;}
	.ml_member .ml_comment{
		clear:both;}

/*------------------------会員リスト:member list.htmlここまで----------------*/

/*---------------------------------------------------------------------------*/
/*-----------------------/各コンテンツページ---------------------------------*/
/*---------------------------------------------------------------------------*/		

.table_right{
float:right;}

.table_right img{
margin:0 2px;} 
