/*
Theme Name: 紫波町社会福祉協議会
Description: 2012年製作。
Author: 紫波町社会福祉協議会
*/

-->

@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	border:0;
	color:#412d1e;
	line-height:1.3em;
	
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
}

body, textarea { font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS PGothic", sans-serif; }
input, select { font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS PGothic", sans-serif; }
/*-------*/

html{
	overflow-y: scroll;
	background-image:url(img/cont_back.jpg);
	background-repeat:repeat;
}

body{
	background-color:#6e3e13;
	min-width:1024px;
}

p{
	text-align:justify;
	margin-bottom:15px;
}

ul{
	list-style-type:none;
}

ol{
	list-style-type:none;
}

a{
	text-decoration:underline;
	color:#a84200;
	cursor:pointer;
}

a:hover{
	text-decoration: none;
}

.red{
	color:#F30;
}

.center{
	text-align:center;
}

.right{
	text-align:right;
}

/*記事内の画像*/
.aligncenter{
	display:block;
	margin-left: auto;
	margin-right:auto;
}

.alignleft{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
			
.alignright{
	float: right;
	margin-left:10px;
	margin-bottom:10px;
}

/*送信メッセージ*/
.wpcf7-response-output{
	color:#C30;
	text-align:center;
	margin-top:20px;
}

/*記入漏れ*/
.wpcf7-not-valid-tip-no-ajax{
	color:#C30;
	margin-left:5px;
	text-decoration:underline;
}
			
sup{
	font-size:10px;
}

iframe{/*グーグルマップとか*/
}

dt{
	font-weight:bold;
}

strong{
	font-weight: bold;
}

em{
	font-style:italic;
}

del{
	text-decoration: line-through;
}

hr{
	border-bottom:1px dotted #FC6;
}

blockquote{
	color:#999;
	padding:30px;
	font-style:oblique;
	text-align:justify;
}

blockquote p{
	font-style:oblique;
	text-align:justify;
}

td p{
	text-align:justify;
	font-size:15px;
	}
	
/*パンくずリスト*/
#p_list{
	clear:both;
}

#p_list p{
	text-align:right;
	font-size:12px;
}

#p_list a{
	padding:3px;
	letter-spacing:0.1em;
}

#p_list a:hover{
}

/*=====================================*/

		/*リスト*/
		#main #text ul{
			margin-left:30px;
			list-style-type:disc;
			margin-bottom:15px;
		}
		
		#main #text ol{
			margin-left:30px;
			list-style-type: decimal;
			margin-bottom:15px;
		}

		#main #text li{
			margin-bottom:5px;
		}


/*=====================================*/
		/*フォーム*/
		#text form{
			border-left:#F60 solid 1px;
			border-right:#F60 solid 1px;
			padding-left:15px;
			width:580px;
			margin:15px auto;
		}
		
			#text form fieldset{
			}
			
			#text form legend{
				color: #F60;
				font-weight:bold;
				font-size:16px;
				letter-spacing:0.3em;
				margin-bottom:15px;
			}
			
			#text form label{
				cursor:pointer;
			}
			
			#text form input{
			}
			
			#text form input[type="text"]{
				border:1px solid #CCC;
				width:200px;
				margin-left:20px;
			}
			
			#text form input[type="checkbox"]{
				margin-left:20px;
			}
			
			#text form input[type="radio"]{
				margin-left:20px;
			}
			
			#text form select{
				border:1px solid #CCC;
				margin-left:20px;
				cursor:pointer;
			}
			
			#text form textarea{
				border:1px solid #CCC;
				vertical-align:top;
				width:530px;
				margin-left:20px;
			}
			
			#text form input[type="submit"]{
				width:200px;
				height:40px;
				margin-left:200px;
				background-color:#FF6600;
				color:#FFF;
				font-size:16px;
				font-weight:bold;
				cursor:pointer;
			}
			
			/*ページトップへ*/
			.go_top{
				height:50px;
				line-height:55px;
				text-align:right;
				clear:both;
			}
			
			.go_top a{
				margin-right:3px;
			}
			
			.go_top a:hover{
				outline:#C90 1px solid;
			}
			
/*----------------ページ全体----------------*/
#wrap_top{
	clear:both;
	background-image:url(img/cont_back.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
}

	#top_h1{
		clear:both;
		background-color:#6e3e13;
	}

	#head_cont{
		clear:both;
		background-image:url(img/head_bottom.jpg);
		background-repeat:repeat-x;
		background-position:bottom;
	}

#wrap_bottom{
	clear:both;
	background-image:url(img/foot_back.jpg);
	background-repeat:repeat-x;
	background-position:top center;
}

/*----------------ヘッダー----------------*/
/*会社名*/
h1{
	width:1024px;
	margin:0 auto;
	color:#FFF;
	font-size:11px;
	text-indent:30px;
}

#head{
	width:1024px;
	height:393px;
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-image:url(img/head.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

	/*社協名*/
	#logo{
		width:454px;
		height:94px;
		background-image:url(img/logo.jpg);
		background-repeat:no-repeat;
		margin-top:9px;
		margin-left:40px;
		margin-bottom:10px;
		float:left;
	}
		
		#logo p{
			width:454px;
			height:94px;
			margin:0;
		}
			
		#logo a{
			width:454px;
			height:94px;
			display:block;
			text-indent:-9999px;
		}
			
	/*Facebook*/
	#fblink{
		float:left;
		margin-left:15px;
	}


	#fblink a{
		display:block;
		margin:.3em 0;
		padding:.5em;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
		background:#385898;
		border-radius:8px;
		transition:.2s;
	}


	#fblink a:hover{
		opacity:.7;
	}

	#fblink a:first-line{
		font-size:80%;
		font-weight:normal;
	}
	/*問い合わせ先*/
	#head_add{
		float:right;
		margin-right:30px;
	}
		
		#head_add p{
			text-align:right;
			margin:0;
			color:#743b11;
			font-size:12px;
			line-height:1em;
		}
			
	/*キャッチコピー*/
	#head_img{
		clear:both;
		margin-left:80px;
	}
		
/*----------------コンテンツ　3カラム　左メニュー----------------*/
#cont{
	width:1024px;
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-image:url(img/main_back.jpg);
	background-repeat:repeat-y;
	background-position:top center;
	background-attachment:fixed;
}

	/*----------------左メニュー----------------*/
	#menu{
		width:210px;
		float:left;
		margin-right:10px;
		position:relative;
	  left:39px;
	}
	
	#menu h2{
		width:210px;
		height:33px;
		background-image:url(img/images/menu_01.jpg);
		background-repeat:no-repeat;
		text-indent:-9999px;
		margin-top:10px;
	}
	
	#menu ul{
		margin-top:10px;
	}
	
	#menu li{
	}
	
	#menu li a{
		width:210px;
		height:96px;
		display:block;
		background-image:url(img/images/menu_02.jpg);
		background-repeat:no-repeat;
		text-indent:-9999px;
	}
	
	#menu li a:hover{
	}
	
	/*各メニュー*/
		/*社協とは*/
		.menusyakyo a{
			background-position:0 0;
		}
		
		.menusyakyo a:hover{
			background-position:0 -480px;
		}
		
		/*----*/
		
		/*けやき*/
		.menukeyaki a{
			background-position:0 -96px;
		}
		
		.menukeyaki a:hover{
			background-position:0 -576px;
		}
		
		/*----*/
		
		/*さくら*/
		.menusakura a{
			background-position:0 -192px;
		}
		
		.menusakura a:hover{
			background-position:0 -672px;
		}
		
		/*----*/
		
		/*虹*/
		.menuniji a{
			background-position:0 -288px;
		}
		
		.menuniji a:hover{
			background-position:0 -768px;
		}

		/*新卒採用*/
		#menu li.shinsotsu a{
			height:90px;
			background-image:url(./img/menu_shinsotsu.jpg);
		}
		
		#menu li.shinsotsu a:hover{
			background-image:url(./img/menu_shinsotsu_h.jpg);
		}

		
		/*----*/
		
		/*お問い合わせ*/
		#menu li.menumail a{
			height:80px;
			background-position:0 -395px;
		}
		
		#menu li.menumail a:hover{
			background-position:0 -875px;
		}
			

		/*youtube*/
		#menu li.youtube a{
			height:90px;
			background-image:url(./img/menu_movie.jpg);
			transition:.2s;
			opacity: 1;
		}
		
		#menu li.youtube a:hover{
			opacity: .8;
		}

		/*facebook*/
		#menu li.facebook a{
			height:90px;
			background-image:url(./img/menu_facebook.jpg);
			transition:.2s;
		}
		
		#menu li.facebook a:hover{
			background-image:url(./img/menu_facebook_h.jpg);
		}
		
		/*Instagram*/
		#menu li.instagram a{
			height:90px;
			background-image:url(./img/menu_instagram.jpg);
			transition:.2s;
		}
		
		#menu li.instagram a:hover{
			background-image:url(./img/menu_instagram_h.jpg);
		}
		/*----*/
		
		/*トップページ*/
		.menutop{
			display:none;
		}
		
		/*----*/
		
	
	/*----------------メイン ボックス二つ----------------*/
	#main{
		width:515px;
		float:left;
		margin-right:10px;
		margin-left:39px;
	}
		
	/*====================トップのみ====================*/
		/*----------------募集----------------*/
		#bosyu{
			margin-top:10px;
			background-image:url(img/images/box_bosyu_04.jpg);
			background-position:bottom;
			background-repeat:no-repeat;
			overflow:hidden;
		}
			
		#bosyu h3{
			width:366px;
			height:57px;
			background-image:url(img/images/box_bosyu_01.jpg);
			background-repeat:no-repeat;
			text-indent:-9999px;
			float: left;
		}
			
		#bosyu p{
			width:149px;
			height:57px;
			background-image:url(img/images/box_bosyu_02.jpg);
			background-repeat:no-repeat;
			float:right;
			margin-bottom:0;
		}
			
		#bosyu p a{
			width:128px;
			height:42px;
			display:block;
			margin-top:13px;
			text-indent:-9999px;
		}
			
		#bosyu p a:hover{
			background-image:url(img/images/box_bosyu_02_2.jpg);
			background-repeat:no-repeat;
			background-position:0 -13px;
		}
			
		#bosyu ul{
			clear:both;
			width:515px;
			background-image:url(img/images/box_bosyu_03.jpg);
			background-repeat:repeat-y;
			margin-bottom:13px;
			padding-bottom:10px;
		}
			
		#bosyu ul li{
			width:470px;
			margin:0 auto;
			padding-top:10px;
			padding-bottom:10px;
			border-bottom:1px dotted #ffa200;
			width:405px;
			margin:0 auto;
			padding-top:10px;
			padding-bottom:10px;
			border-bottom:1px dotted #ffa200;
			padding-left:65px;
			background-repeat:no-repeat;
			background-position:left center;
		}
		
		#bosyu ul li .red{
			font-weight:bold;
			font-size:90%;
		}
			
		#bosyu ul a{
			font-weight:bold;
			font-size:90%;
		}
			
		/*----------------お知らせ----------------*/
		#news{
			margin-top:15px;
			margin-bottom:20px;
			background-image:url(img/images/box_news_04.jpg);
			background-position:bottom;
			background-repeat:no-repeat;
			overflow:hidden;
		}
			
		#news h3{
			width:366px;
			height:57px;
			background-image:url(img/images/box_news_01.jpg);
			background-repeat:no-repeat;
			text-indent:-9999px;
			float: left;
		}
		
		#news p{
			width:149px;
			height:57px;
			background-image:url(img/images/box_news_02.jpg);
			background-repeat:no-repeat;
			float:right;
			margin-bottom:0;
		}
			
		#news p a{
			width:128px;
			height:42px;
			display:block;
			margin-top:13px;
			text-indent:-9999px;
		}
			
		#news p a:hover{
			background-image:url(img/images/box_news_02_2.jpg);
			background-repeat:no-repeat;
			background-position:0 -13px;
		}
			
		#news ul{
			clear:both;
			width:515px;
			background-image:url(img/images/box_news_03.jpg);
			background-repeat:repeat-y;
			margin-bottom:13px;
			padding-bottom:10px;
		}
			
		#news ul li{
			width:405px;
			margin:0 auto;
			padding-top:10px;
			padding-bottom:10px;
			border-bottom:1px dotted #ffa200;
			padding-left:65px;
			background-repeat:no-repeat;
			background-position:left center;
		}
			
		#news ul li .red{
			font-weight:bold;
			font-size:90%;
		}
			
		#news ul a{
			font-weight:bold;
			font-size:90%;
		}
			/*社協*/
			.cat_syakyo{
				background-image:url(img/images/box_news_ico_01.jpg);
			}
			
			/*けやき*/
			.cat_keyaki{
				background-image:url(img/images/box_news_ico_02.jpg);
			}
			
			/*さくら*/
			.cat_sakura{
				background-image:url(img/images/box_news_ico_03.jpg);
			}
			
			/*虹*/
			.cat_niji{
				background-image:url(img/images/box_news_ico_04.jpg);
			}
			
			/*虹*/
			.cat_niji_kinkyu{
				background-image:url(img/images/box_news_ico_05.jpg);
			}
			
			
		/*----------------紫波町地域福祉活動計画----------------*/
		#plan{
			margin-top:15px;
			margin-bottom:20px;
			background-image:url(img/images/box_news_04.jpg);
			background-position:bottom;
			overflow:hidden;
		}
			
		#plan h3{
			width:515px;
			height:57px;
			background-image:url(img/images/box_plan_01.jpg);
			background-repeat:no-repeat;
			text-indent:-9999px;
			float: left;
		}
		
		#plan p{
			width:149px;
			height:57px;
			background-image:url(img/images/box_news_02.jpg);
			background-repeat:no-repeat;
			float:right;
			margin-bottom:0;
		}
			
		#plan p a{
			width:128px;
			height:42px;
			display:block;
			margin-top:13px;
			text-indent:-9999px;
		}
			
		#plan p a:hover{
			background-image:url(img/images/box_news_02_2.jpg);
			background-repeat:no-repeat;
			background-position:0 -13px;
		}
			
		#plan ul{
			clear:both;
			width:515px;
			background-image:url(img/images/box_news_03.jpg);
			background-repeat:repeat-y;
			margin-bottom:13px;
			padding-bottom:10px;
		}
			
		#plan ul li{
			width:405px;
			margin:0 auto;
			padding-top:10px;
			padding-bottom:10px;
			border-bottom:1px dotted #ffa200;
			padding-left:65px;
			background-repeat:no-repeat;
			background-position:left center;
		}
			
		#plan ul li .red{
			font-weight:bold;
			font-size:90%;
		}
			
		#plan ul a{
			font-weight:bold;
			font-size:90%;
		}

		/*----------------事業継続計画----------------*/
		#jigyou_plan{
			margin-top:15px;
			margin-bottom:20px;
			background-image:url(img/images/box_news_04.jpg);
			background-position:bottom;
			overflow:hidden;
		}
			
		#jigyou_plan h3{
			width:515px;
			height:57px;
			background-image: url(img/images/jigyou_title4.jpg);
			background-repeat:no-repeat;
			text-indent:-9999px;
			float: left;
		}
		
		#jigyou_plan p{
			width:149px;
			height:57px;
			background-image:url(img/images/box_news_02.jpg);
			background-repeat:no-repeat;
			float:right;
			margin-bottom:0;
		}
			
		#jigyou_plan p a{
			width:128px;
			height:42px;
			display:block;
			margin-top:13px;
			text-indent:-9999px;
		}
			
		#jigyou_plan p a:hover{
			background-image:url(img/images/box_news_02_2.jpg);
			background-repeat:no-repeat;
			background-position:0 -13px;
		}
			
		#jigyou_plan ul{
			clear:both;
			width:515px;
			background-image:url(img/images/box_news_03.jpg);
			background-repeat:repeat-y;
			margin-bottom:13px;
			padding-bottom:10px;
		}
			
		#jigyou_plan ul li{
			width:405px;
			margin:0 auto;
			padding-top:10px;
			padding-bottom:10px;
			border-bottom:1px dotted #ffa200;
			padding-left:65px;
			background-repeat:no-repeat;
			background-position:left center;
		}
			
		#jigyou_plan ul li .red{
			font-weight:bold;
			font-size:90%;
		}
			
		#jigyou_plan ul a{
			font-weight:bold;
			font-size:90%;
			color: #000076;
		}


	/*----------------サブメニュー----------------*/
	#sub_menu{
		width:200px;
		float:right;
		margin-right:39px;
		margin-top:10px;
	}
	
	#sub_menu p{
		margin:0;
	}
	
		/*検索キーワードとか*/
		#key_word{
		}
	
		#key_word #font_size{
			background-image: url(img/images/font_size_01.gif);
			background-repeat:no-repeat;
			background-position:0 5px;
			width:82px;
			height:27px;
			text-indent:-9999px;
			float:left;
			margin-top:10px;
		}
	
		#key_word input{
			width:145px;
			height:20px;
			margin:0;
			padding:0;
			border:0;
		}
		
		#key_word form{
			border: none;
			padding-left:0;
			overflow:hidden;
		}
		
			#key_word form input[type="text"]{
				border:1px solid #c38210;
				width:145px;
				height:20px;
				margin-left:0;
				margin-right:5px;
				float:left;
			}
			
			.formnotifier {
			  color: #b9733f;
			  text-align: left;
			  width:145px;
			  font-size:80%;
			}
			
			#key_word form input[type="submit"]{
				width:45px;
				height:22px;
				margin-left:0;
				cursor:pointer;
				background-color:transparent;
				background-image: url(img/keyword.gif);
				background-repeat:no-repeat;
				text-indent:-9999px;
				border:1px solid #c38210;
				background-position:top;
			}
		
			#key_word form input[type="submit"]:hover{
				background-position:bottom;
				border:1px solid #c38210;
			}
		
	
		#key_word ul{
			overflow:hidden;
			margin-top:10px;
		}
		
		#key_word li{
			width:30px;
			height:27px;
			float: left;
			margin-left:6px;
			border:1px solid #c38210;
		}
		
		#key_word li a{
			cursor:pointer;
			width:30px;
			height:27px;
			display:block;
			background-image:url(img/images/font_size_02.gif);
			background-repeat:no-repeat;
			text-indent:-9999px;
		}
		
		/*---s---*/
		#key_word #s a{
			background-position:0 0;
		}
		
		#key_word #s a:hover{
			background-position:-90px 0;
		}
		
		/*------*/
		
		/*---m---*/
		#key_word #m a{
			background-position:-30px 0;
		}
		
		#key_word #m a:hover{
			background-position:-120px 0;
		}
		
		/*------*/
		
		/*---l---*/
		#key_word #l a{
			background-position:-60px 0;
		}
		
		#key_word #l a:hover{
			background-position:-150px 0;
		}
		
		/*------*/
		
		/*困ったメニュー*/	
		#kom_menu{
			clear:both;
			margin-top:15px;
		}
		
		#kom_menu p{
			background-image:url(img/images/sub_menu_01.jpg);
			background-repeat:no-repeat;
			width:196px;
			height:86px;
			text-indent:-9999px;
		}
		
		#kom_menu ul{
		}
		
		#kom_menu li{
			width:196px;
			height:45px;
			margin-bottom:5px;
		}
		
		#kom_menu li a{
			width:196px;
			height:45px;
			display:block;
			background-image: url(img/images/sub_menu_02.jpg);
			background-repeat:no-repeat;
			text-indent:-9999px;
		}
		
		#kom_menu li a:hover{
		}
		
		/*各メニュー*/
			/*社協のサービス*/
			.sub1 a{
				background-position:0 0;
			}
			
			.sub1 a:hover{
				background-position:0 -276px;
			}
			
			/*----*/
			
			/*介護サービス*/
			.sub2 a{
				background-position:0 -46px;
			}
			
			.sub2 a:hover{
				background-position:0 -322px;
			}
			
			/*----*/
		
			/*共同基金*/
			.sub3 a{
				background-position:0 -92px;
			}
			
			.sub3 a:hover{
				background-position:0 -368px;
			}
			
			/*----*/
		
			/*社協だより*/
			.sub4 a{
				background-position:0 -138px;
			}
			
			.sub4 a:hover{
				background-position:0 -414px;
			}
			
			/*----*/
		
			/*ボランティア*/
			.sub5 a{
				background-position:0 -184px;
			}
			
			.sub5 a:hover{
				background-position:0 -461px;
			}
			
			/*----*/

			/*法人情報の公開*/
			.sub6 a{
				background-position:0 -230px;
			}
			
			.sub6 a:hover{
				background-position:0 -506px;
			}
			
			/*----*/
		
		
	/*================トップのみここまで================*/
	
	
		
	/*====================各ページ====================*/
	
/*本文*/
#text{
	clear:both;
	background-color:#FFF;
	width:700px;
	margin-top:10px;
	padding:10px;
}	

		/*本文*/
		#main #text p{
		}
		
		/*テーブル*/
		#main #text table{
			border-top:2px #996c33 solid;
			border-bottom:2px #996c33 solid;
			border-collapse:collapse;
			margin-bottom:15px;
		}
		
		#main #text tr{
		}
		
		#main #text th{
			background-color:#ffba9f;
			color:#6a3906;
			padding:10px;
			white-space:nowrap;
			font-weight:bold;
			border:1px #fff dotted;
			text-align:center;
		}
		
		#main #text td{
			padding:10px;
			border:1px #CCC dotted;
		}
		
		#main #text td p{
			font-size:16px;
			line-height:1.3em;
			text-indent:0;
			margin-bottom:10px;
			margin-top:10px;
		}
		
		/*問い合わせ先*/
		#main #text .page_add{
			background-image:url(img/page_add.jpg);
			background-repeat:no-repeat;
			background-position:center;
			padding:60px 90px 30px 90px;
		}
	
	/*================各ページここまで================*/

/*----------------フッター----------------*/
#foot{
	width:1024px;
	min-height:200px;
	margin:0 auto;
	clear:both;
	background-image:url(img/foot_menu.jpg);
	background-repeat:no-repeat;
	background-position:top;
	overflow:hidden;
}

#foot p{
	margin:0;
}

#foot ul{
	margin-top:60px;
	margin-left:30px;
	width:143px;
}

#foot li{
	list-style-type:disc;
	color:#FFF;
}

#foot a{
	color:#FFF;
	font-size:80%;
}

#foot a:hover{
}
	
	
	/*フッターメニュー*/
	
	/*--箱--*/
	.box:first-child{
		margin-left:32px;
	}
	
	.box{
		width:191px;
		float:left;
	}
	
	.box p{
		display:none;
	}
	
	/*--*/
	
	/*フッター住所*/
	#foot_add{
		width:191px;
		float: right;
		margin-right:23px;
		margin-top:40px;
	}
	
		#foot_add h3{
			color:#FFF;
			font-size:17px;
			font-weight:bold;
			margin-bottom:5px;
		}
		
		#foot_add p{
			color:#FFF;
			font-size:13px;
			margin-bottom:5px;
		}
		
	/*アドレス*/
	address{
		color:#FFF;
		font-size:11px;
		clear:both;
		text-align:center;
		margin-top:15px;
		padding-bottom:25px;
	}