@charset "utf-8";

html {
	overflow-y:scroll;
}

body{
	margin:0;
	padding:0;
	font-size:12px;
	background-image:url(../img/bg.png); background-repeat:repeat-x;
	color:#333;
	line-height:170%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	
/* リンク
----------------------------------------------- */
a {text-decoration:none;color: #C00;}
a:link {text-decoration:none; }
a:visited { text-decoration:none; }
a:hover {color: #F60;text-decoration:underline;}
a:hover img{filter: alpha(opacity=85);  -moz-opacity:0.85;  opacity:0.85;}

/* フロート解除
----------------------------------------------- */
.clearfix:after{
	display:block;
	clear:both;
	height:0px;
	line-height:0px;
	visibility:hidden;
	content:".";
}
.clearfix{
	zoom:100%;/*IE6*/
}

/* ヘッダー
----------------------------------------------- */
#header{
	width:920px; margin:auto;
	background-image:url(../img/header_bg.gif); background-repeat:no-repeat; background-position:right;
	height:84px;
	}
#header h1{
	margin:0;
	padding:18px 0px 0px 10px;
	font-size:10px;
	}
	
/* メニュー
----------------------------------------------- */
#menu {
	width:920px;
	margin:auto;
}
div#menu ul {
	margin: 3px 0px 0px 0px;
	padding:0;
}
div#menu li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div#menu li a {
	height: 48px;
	display: block;
	float: left;
	text-indent: -9877em;
	text-decoration: none;
	overflow: hidden;
}
div#menu li.menu01 a {
	width:110px;background-image: url(../img/menu01.gif);background-repeat: no-repeat;}
div#menu li.menu02 a {
	width:171px;background-image: url(../img/menu02.gif);background-repeat: no-repeat;}
div#menu li.menu03 a {
	width:164px;background-image: url(../img/menu03.gif);background-repeat: no-repeat;}
div#menu li.menu04 a {
	width:118px;background-image: url(../img/menu04.gif);background-repeat: no-repeat;}
div#menu li.menu05 a {
	width:112px;background-image: url(../img/menu05.gif);background-repeat: no-repeat;}
div#menu li.menu06 a {
	width:137px;background-image: url(../img/menu06.gif);background-repeat: no-repeat;}
div#menu li.menu07 a {
	width:108px;background-image: url(../img/menu07.gif);background-repeat: no-repeat;}
div#menu li.menu01 a:hover{background-image: url(../img/menu01on.gif);}
div#menu li.menu02 a:hover{background-image: url(../img/menu02on.gif);}
div#menu li.menu03 a:hover{background-image: url(../img/menu03on.gif);}
div#menu li.menu04 a:hover{background-image: url(../img/menu04on.gif);}
div#menu li.menu05 a:hover{background-image: url(../img/menu05on.gif);}
div#menu li.menu06 a:hover{background-image: url(../img/menu06on.gif);}
div#menu li.menu07 a:hover{background-image: url(../img/menu07on.gif);}

div#menu li.menu01 a.on{background-image: url(../img/menu01on.gif);}
div#menu li.menu02 a.on{background-image: url(../img/menu02on.gif);}
div#menu li.menu03 a.on{background-image: url(../img/menu03on.gif);}
div#menu li.menu04 a.on{background-image: url(../img/menu04on.gif);}
div#menu li.menu05 a.on{background-image: url(../img/menu05on.gif);}
div#menu li.menu06 a.on{background-image: url(../img/menu06on.gif);}
div#menu li.menu07 a.on{background-image: url(../img/menu07on.gif);}
	
/* トップメイン画像
----------------------------------------------- */
#top_main {
	height:300px;
	background-image:url(../img/kv.png?ver3); background-repeat:no-repeat;
	background-position:center;
	}
	
/* コンテナ
----------------------------------------------- */
#container {
	width:914px;
	margin:auto; margin-top:0px;
	background-color:#FFF;
	border-top-width: 3px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #ececed;
	border-right-color: #ececed;
	border-left-color: #ececed;
	}

/* メインコンテンツ
----------------------------------------------- */
h2{margin:0px; padding:0px;}
h3{margin:0px; padding:0px; font-size:16px; color:#060;}
h4{margin:0px; padding:0px;}

#content{
	padding:27px 27px 20px 27px;
	}
	
/* トップコンテンツ
----------------------------------------------- */	
#main550{width:550px; float:left;}
#side280{width:280px; float:right;}

#news{
	width: 550px;
	background-image: url(../img/news_bg_head.gif);
	background-repeat:no-repeat;
	background-position:top;
	margin:0px;
}
/* 
#news{
	width:550px; height:205px;
	background-image:url(../img/news_bg.gif);
	background-repeat:no-repeat; background-position:bottom;
	}
#news .in{
	width:530px; height:147px;
	overflow:scroll; margin:10px;
	}
#news .in p{
	margin:0px 0px 5px 5px;
	border-bottom:dotted 1px #CCC;
	padding-bottom:5px; color:#069;
	}
*/
	
#banner{ background-color:#ededed;
	margin:20px 0px 0px 0px;
	border: solid 1px #e3e3e3;
	padding:10px 0px 0px 0px;
	}
#banner img{
	margin:0px 0px 10px 11px; vertical-align:bottom; float:left;
	}

/* ログイン機能 2013-03-26追加 */
#engeltc-tit {
	background:		#ffc52c;
	color:			#ffffff;
	font-size:		110%;
	text-align:		center;
	padding:		5px 5px 2px 5px;
}
#engeltc {
	border:			solid 1px #ffc52c;
	background:		#fcfcfc;
	padding:		0 0 5px 15px;
	margin:			0 0 20px 0;
}
#engeltc form,
#engeltc input,
#engeltc select {
	margin:			0;
	padding:		0;
}
#engeltc input { background: #ffffd3; }
#engeltc table {
	border:			none;
	border-collapse:	separate;
	border-spacing:		7px;
}
#engeltc table th,
#engeltc table td {
	font-weight:		500;
	margin:			0;
	padding:		0;
}
#engeltc table th {
	font-size:		90%;
	border-left:		solid 4px #fbe201;
	padding-left:		5px;
}
#engeltc p.subtxt {
	font-size:		90%;
	line-height:		1.2;
	margin:			3px 3px 3px 5px;
	padding:		0;
}

/* 中ページ
----------------------------------------------- */	
#main{width:650px; float:left;}
#side{width:180px; float:right;}
#side ul li{
	background-image:url(../img/smenu_bg.gif);
	background-repeat:no-repeat;
	padding:15px 0px 15px 35px; height:20px;
	list-style:none;
	margin:0px 0px 0px -30px;
	border-left:1px solid #039;border-right:1px solid #039;border-bottom:1px solid #039;
	}
#side ul li a{ color:#06C;}

h3.t1{
	margin:0px 0px 10px 0px; padding:17px 0px 10px 15px;
	font-size:16px; color:#333; background-image:url(../img/h3_t1.jpg); background-repeat:repeat-x;
	}h4.t1{
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 15px;
	font-size:14px;
	color:#900;
	background-image:url(../img/h4_t1.gif);
	background-repeat:no-repeat;
	}

#search_box{
	background-color:#FFC; border:2px solid #CC9;
	padding:10px; width:720px; margin:auto;
	}
#result h3{
	margin:0px 0px 0px 0px; padding:12px 0px 8px 15px; background-color:#eaeaeb; border-top:3px solid #39C;
	font-size:16px; color:#333;
	}
#result p{margin:0px 0px 20px 0px; padding:5px 0px 5px 15px; background-color:#39C; color:#FFF;}
#result p strong{ color:#FC0;}

ul.icon1 li{
	background-image:url(../img/icon1.gif); background-repeat:no-repeat; background-position:0px 4px;
	padding:2px 0px 0px 20px; list-style:none;
	margin:0px 0px 3px -10px;
	}
ul.icon2 li{
	background-image:url(../img/icon2.gif); background-repeat:no-repeat; background-position:0px 4px;
	padding:2px 0px 0px 20px; list-style:none;
	margin:0px 0px 3px -10px;
	}
	
/* フッター
----------------------------------------------- */	
#footer {
	background-image:url(../img/footer_bg.jpg);
	background-repeat: repeat-x;
	 padding: 0px 0px 0px 0px;
	color:#FFF;
}
#footer .box1{
	width:920px; line-height:200%;
	margin:auto;padding: 0px 0px 40px 0px;
	}
#footer .copy{color:#CC6; margin-top:22px; font-size:10px; float:right;}
#footer a{color:#fff;}
#footer a:hover img{filter: alpha(opacity=100);  -moz-opacity:1.00;  opacity:1.00;}

/* テーブル
----------------------------------------------- */		
.table th.icon{
	padding-left:20px;
	background-image:url(../img/icon.gif); background-repeat:no-repeat; background-position:5px 10px;
	text-align:left; font-weight:normal;
	}
.table td.bd{ border-bottom:dotted 1px #CCC;}
.table td.add{ border-bottom:dotted 1px #CCC; padding-top:0px;padding-left:20px; font-size:11px; line-height:130%;}

/* ボックス
----------------------------------------------- */		
.box1{ width:100%; clear:both;}
.box_l{ float:left;}
.box_r{ float:right;}
	
/* その他
----------------------------------------------- */
ul{margin:0px 0px 0px 30px; padding:0;}
ol{margin:0px 0px 0px 30px; padding:0;}
p{margin:0; padding:0;}
form{ margin:0; padding:0;}
img{ border:0px;}
.vb img{ vertical-align:bottom;}
.clear{ clear:both; height:0px;}

.textRed{color:#C00;}
.textGray{color:#999;}
.textWhite{color:#FFF;}
.textBrown{color:#960;}
.textNavyBlue{color:#000099;}

.textL{ font-size:16px; line-height:140%;}
.textM{ font-size:14px;line-height:180%;}
.textS{ font-size:10px;}

.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}

.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}

.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}

.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}

.normal{ font-weight:normal;}
.photo img{ border:1px solid #999; padding:3px; background-color:#FFF;}










/* 委員会紹介・役職等レイアウト：2013-03-28追記
----------------------------------------------- */
.com-mp {}
.com-mp li {	clear:		both;	}
.com-mp li strong {
	display:		block;
	width:			6em;
	float:			left;
}
.com-mp-type2 li strong {
	width:			7em;
}
ul.icon3 li{
	background-image:url(../img/icon3.gif); background-repeat:no-repeat; background-position:0px 4px;
	padding:2px 0px 0px 20px; list-style:none;
	margin:0px 0px 3px -10px;
	}

/* 2013-05-25追記 */
.com-mp li span.ft {
	font-size:		85%;
	color:			#c20001;
}
/* 2013-07-19追記 */
.com-mp li.lg strong {	width:	18em;	}



/* 2013-08-01追記 */
/* 2013-12-22追記 */
#hkkensaku,
#komachibnr,
#hkonkatsubnr,
#tochigibnr {
	margin-bottom:		4px;
}

/* 2013-11-18追記：婚活・小町バナー（大）撤去後 */
/* 2013-12-22追記 */
#hkkensaku {
	margin-bottom:		4px;	/* バナー設置時：4px　／　撤去時：20px */
}

#pv2 {
	margin: 0 0 0 0px;
	width: 650px;
}