@charset UTF-8;


/*
Theme Name: 西海市社会福祉協議会
Theme URI: http://www.kameyama-grp.co.jp/
Description: 
Version: 1.0
Author: 
Author URI: http://www.broad-kids.jp/
Tags: 
License: 
License URI: 
*/






/* リセット
---------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
ol, ul{list-style:none;margin:0;padding:0;}
blockquote, q{quotes:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
caption{width:100%;}
a{outline:none;}




/* 全体構造
---------------------------------------------------- */
body {
	margin:0;
	padding:0;
	line-height: 1.4!important;
	-webkit-text-size-adjust:none;
	font-size: 16px;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	color:#222;
	background: url("img/bg_body.gif");
}
body {/font-size: medium!important;}


h1,h2,h3,h4,h5,h6,p {
	font-size: 1em;
	margin:0 0 0.5em;
}

ul,ol {
	padding:0;
	margin:0 0 20px 20px;
}


img {border:none;line-hegiht:0;}
img a:hover,
a:hover img,
.hover a:hover{
	opacity:0.50!important;
	filter: alpha(opacity=50)!important;
}

a:link{ color: #990000;}
a:visited{ color: #666;}
a:hover{ color: #530087;}
a:active{ color: #990000;}

li{margin-bottom: 0.35em;}

.end{margin-bottom: 75px!important;}
.clear {clear:both;}

.fontBig{font-size: 1.08em;}
.fontSmall{font-size: 0.92em;}

.red {color: red;}
.engi {color: #990000;}
.blue {color: #004080;}
.kome {
	margin-left: 1em!important;
	text-indent: -1em!important;
}

.underLine{
	padding: 0 1px 1px;
	border-bottom: #999 solid 1px;
}


.tc{text-align: center!important;}
.tr{text-align: right!important;}


hr {
	border: none;
	border-bottom: dotted 1px #999;
	clear:both;
	margin:30px auto;
}






/* ヘッダー
----------------------------------------------------------- */
header {
	overflow: hidden;
	font-size: 0.84em;
	margin: 0 auto;
	padding: 0;
	border-top: #990000 solid 5px;
}
header section{
	width: 960px;
	height: 118px;
	margin: 0 auto;
	padding: 0;
}
header h1{
	display: inline;
	float: left;
	font-size: 1em;
	margin: 15px 0 0;
}
header h1 a{
	display: block;
	width: 411px;
	height: 93px;
	text-indent: -9999px;
	background: url("img/logo.gif") no-repeat;
}



/* 検索窓
----------------------------------------------------------- */	
header #searchform{
	display: block;
	float: right;
	width: 200px;
	height: 24px;
	margin: 5px 0 5px 25px;
	position: relative;
	background: url("img/bg_search.png") no-repeat;
}
#s {
	width: 180px;
	font-size: 1em;
	position: absolute;
	top: 2px;
	*top: 7px;
	left: 10px;
	border: none;
	background-color: #f8f8f8;
}
#searchsubmit {	
	position: absolute;
	top: 4px;
	left: 175px;
}

#fontSize{
	display: inline;
	float: right;
	margin: 5px 0 0 0;
}
#fontSize li{
	display: inline;
	float: left;
}
#fontSize li.text{
	margin: 3px 10px 0 0;
}
#fontSize li.min,
#fontSize li.mid,
#fontSize li.big{
	font-size: 1em;
	margin: 0;
}
#fontSize li.min a{
	display: block;
	width: 31px;
	height: 24px;
	text-indent: -9999px;
	background: url("img/btn_font_small.gif") no-repeat;
}
#fontSize li.mid a{
	display: block;
	width: 45px;
	height: 24px;
	text-indent: -9999px;
	background: url("img/btn_font_medium.gif") no-repeat;
}
#fontSize li.big a{
	display: block;
	width: 31px;
	height: 24px;
	text-indent: -9999px;
	background: url("img/btn_font_large.gif") no-repeat;
}




.description{
	float: left;
	height: 15px;
	color: yellow;
	margin: 5px 0 0 10px;
}

.tel{
	clear: right;
	display: inline;
	float: right;
	width: 200px;
	height: 36px;
	font-size: 1em;
	text-indent: -9999px;
	margin: 3px 0 0 0;
	background: url("img/tel.png") no-repeat;
}

.mail{
	clear: right;
	display: inline;
	float: right;
	font-size: 1em;
	margin: 5px 0 0;
}
.mail a{
	display: block;
	width: 200px;
	height: 35px;
	text-indent: -9999px;
	background: url("img/btn_mail.gif") no-repeat;
}











/* コンテンツ
----------------------------------------------------------- */
#content{
	overflow: hidden;
	width: 960px;
	font-size: 0.84em;
	margin: 0 auto 0;
	padding: 0;
	background-color: white;
	border-top: #990000 solid 1px;
	border-bottom: #ccc solid 1px;
}





/* グローバルナビゲーション
---------------------------------------------------- */
nav ul {
	margin: 0;
	position:relative;
}

nav ul li {
	font-weight:bold;
	float:left;
	zoom:1;
}
nav ul li.one {
	font-size: 1.2em;
}

nav ul a:hover {
	color:#000;
}

nav ul a:active {
	color:#ffa500;
}

nav ul li a {
	display:block;
	padding:0;
	color:#222;
}

nav ul li:last-child a {
	border-right:none;
}


	
/* Doesn't work in IE */
nav ul li.hover,nav ul li:hover {
	position:relative;
}



	
/* 
	LEVEL TWO
*/
nav ul ul.sub_menu {
	width: 240px;
	visibility:hidden;
	position:absolute;
	top:100%;
	left:0;
	z-index: 100;
	margin: 0 0 0 3px!important;
	padding-top: 5px;
	background:#fff;
}

nav ul ul.sub_menu li {
	font-size: 0.86em;
	font-weight:bold;
	background:#fff;
	margin: 0 0 1px!important;
	padding: 5px 0 5px 10px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	float:none;
}


	
/* IE 6 & 7 Needs Inline Block */
nav ul ul.sub_menu li a {
	border-right:none;
	width:100%;
	display:inline-block;
	color: #990000;
}


	

nav ul li:hover > ul {
	visibility:visible;
}



#n01{ height:32px; padding: 13px 0 0 10px; left:	 0; width: 150px;background: url("img/nav.png")	  0 0 no-repeat; }
#n02{ height:32px; padding: 13px 0 0 10px; left: 160px; width: 150px;background: url("img/nav.png") -160px 0 no-repeat; }
#n03{ height:32px; padding: 13px 0 0 10px; left: 320px; width: 150px;background: url("img/nav.png") -320px 0 no-repeat; }
#n04{ height:32px; padding: 13px 0 0 10px; left: 480px; width: 150px;background: url("img/nav.png") -480px 0 no-repeat; }
#n05{ height:32px; padding: 13px 0 0 10px; left: 640px; width: 150px;background: url("img/nav.png") -640px 0 no-repeat; }
#n06{ height:32px; padding: 13px 0 0 10px; left: 800px; width: 150px;background: url("img/nav.png") -800px 0 no-repeat; }

a#n01{ color: #0099ff; }
a#n02{ color: #003399; }
a#n03{ color: #660099; }
a#n04{ color: #ff0000; }
a#n05{ color: #ff6804; }
a#n06{ color: #049b04; }





nav a:link{text-decoration: none!important;}
nav a:visited{text-decoration: none!important;}
nav a:hover{text-decoration: none!important;}
nav a:active{text-decoration: none!important;}






/* 社協の概要 */
.page-id-19 #n01,
.page-id-4 #n01,
.page-id-7 #n01,
.page-id-13 #n01,
.page-id-15 #n01,
.post-type-archive-cptlocation #n01,
/* 相談したい */
.page-id-35 #n02,
.page-id-666 #n02,
.page-id-669 #n02,
.page-id-671 #n02,
/* 知りたい */
.page-id-45 #n03,
.page-id-31 #n03,
.page-id-53 #n03,
.page-id-493 #n03,
/* 参加したい */
.page-id-71 #n04,
.page-id-67 #n04,
.page-id-69 #n04,
.page-id-491 #n04,
/* 利用したい */
.page-id-85 #n05,
.page-id-597 #n05,
.page-id-89 #n05,
.page-id-91 #n05,
.page-id-33 #n05,
.page-id-51 #n05,
/* サポート */
.page-id-103 #n06,
.page-id-105 #n06,
.page-id-107 #n06,
.page-id-109 #n06{
	color: #990000;
	opacity:0.25!important;
	filter: alpha(opacity=25)!important;
}






ul.dropdown a:link{text-decoration: none!important;}
ul.dropdown a:visited{text-decoration: none!important;}
ul.dropdown a:hover{text-decoration: none!important;}
ul.dropdown a:active{text-decoration: none!important;}





.breadcrumbs{
	font-size: 1em;
	margin: 0 0 20px;
	padding: 0;
}
.breadcrumbs span{
	color: #666;
	padding: 0 0.5em;
}
.breadcrumbs a:link{ color: #990000; text-decoration: none;}
.breadcrumbs a:visited{ color: #990000; text-decoration: none;}
.breadcrumbs a:hover{ color: #530087; text-decoration: none;}
.breadcrumbs a:active{ color: #990000; text-decoration: none;}


#main {
	width: 941px;
	margin: 55px 10px 25px;
	padding: 0;
}

#column {
	display: inline;
	float: left;
	width: 680px;
	text-align:left;
	margin: 15px 0 0;
	padding: 0;
}
.home #column {
	width: 687px;
	margin-top: 0!important;
}

#columnwide {
	display: inline;
	float: left;
	width: 940px;
	text-align:left;
	margin: 15px 0 0;
	padding: 0;
}

#column section{
	clear: both;
	overflow: hidden;
	width: 680px;
	margin: 0 auto 50px;
	padding: 0;
}
#column section:last-child{
	margin-bottom: 0;
}
.home #column section{
	margin-bottom: 30px!important;
}



#column section h1,#columnwide section h1{
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	margin: 0 0 15px;
	padding: 5px 10px!important;
	border-top: solid #c17534 3px;
	border-bottom: solid #c17534 1px;
	background: url("img/bg_body.gif");
}









/* エントリー
----------------------------------------------------------- */
#column article.entry{
	width: 660px;
}
#columnwide article.entry{
	width: 940px;
	margin: 0 10px;
}
article.entry{
	font-size: 1.1em;
	line-height: 1.7;
	margin: 0 auto;
}
article.entry h2{
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	margin: 0 0 15px;
	padding: 1px 0 1px 10px;
	border-left: 5px solid #990000;
}
article.entry h3{
	clear: both;
	width: 650px;
	font-size:1.2em;
	color: #003366;
	text-decoration:none;
	margin: 15px 0;
	padding: 0 5px;
	border-bottom: #bbb solid 1px;
}

article.entry h3.contentMenu{
	width: 640px;
	font-size:1.15em;
	color: #666;
	text-decoration:none;
	margin: 0 0 10px!important;
	padding: 5px 10px;
	border: #e2d18d solid 1px!important;
	background: url("img/linen.png") repeat;
}






article.entry h4{
	font-size: 1.15em;
	color: #333;
	margin-bottom: 0.25em;
}
article.entry h5{
	font-size: 1.05em;
	color: #444;
	margin-bottom: 0.25em;
}
article.entry h6{
	font-size: 1em;
	color: #333;
	margin-bottom: 0.25em;
}


article.entry p{
	margin:0 0 1em;
	padding:0;
}

article.entry p.comment{
	margin: 0 0 35px 15px;
}


article.entry ul{
	margin-left:25px;
	padding-left:0;
	list-style-type:disc;
}

article.entry ol{
	margin-left:30px;
	padding-left:0;
	list-style-type:decimal;
}

article.entry img{
	max-width : 100%;
	vertical-align : middle;
	margin-top: 4px;
}

article.entry hr{
	margin-bottom: 15px!important;
	border: white solid 1px!important;
}










.cal{
	font-size: 0.92em;
	text-align: right;
	margin: -10px 5px 1em 0!important;
}


.entry .end{margin-bottom: 25px;}

.entry .postmetadata {
	text-align:right;
	font-size:12px;
	clear:both;
}



blockquote, pre {
	background:#f0f8ff url("img/blockquote.gif") 3px 6px no-repeat;
	border:1px dashed #004080;
	padding:12px 12px 0 36px;
	margin:10px 5px 5px;
}





a.post-edit-link{
	clear: both;
	float: right;
	margin-top: 35px;
}











.aligncenter,
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 10px;
}

.alignright {display:inline;float:right;}
img.alignright {
	margin: 0 0 10px 15px;
	padding: 0;
}

.alignleft {display:inline;float:left;}
img.alignleft {
	margin: 0 15px 10px 0;
	padding: 0;
}


.wp-caption {
	max-width: 660px;
	text-align: center;
	margin: 3px 0 20px;
	padding: 5px 3px 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: white;
	border: 1px solid #bbb;
}
.wp-caption p{
	font-size: 0.86em;
	text-indent: 0;
	color: #333;
	margin: 5px auto 0!important;
}
.wp-caption img{max-width: 642px;}
.wp-caption.aligncenter {margin-top: 3px;}
.wp-caption.alignright {margin-left: 15px;}
.wp-caption.alignleft {margin-right: 15px;}

.wp-caption a:hover img{
	opacity:0.65!important;
	filter: alpha(opacity=65)!important;
}




#nav-below{
	margin: 15px 0 0;
	padding: 40px 0 0;
	border-top: #ccc dotted 1px;
}
.nav-previous{
	display: inline;
	float: left;
	width: 43%;
}
.nav-previous td img{
	margin: 5px 8px 0 5px;
}
.nav-next{
	display: inline;
	float: right;
	text-align: right;
	width: 43%;
}
.nav-next td img{
	margin: 5px 5px 0 8px;
}

.nav-previous td,
.nav-next td{
	vertical-align: middle;
}












/* WP PageNumbers
-------------------------*/
#wp_page_numbers li.active_page a {
	border-color: #BA0000!important;
}

#wp_page_numbers li a:hover,
#wp_page_numbers li.active_page a:hover{
	border-color: #530087!important;
	color: #530087!important;
}







/* サイドバー
----------------------------------------------------------- */
#sidebar{
	display: inline;
	float: right;
	width: 230px;
	margin: 20px 0 50px;
	padding: 0;
}
.home #sidebar{
	margin: -50px 0 0 0!important;
}
.blog #sidebar,
.search #sidebar,
.single-post #sidebar,
.error404 #sidebar,
.page-id-101 #sidebar,
.page-id-855 #sidebar{
	margin: 0!important;
}
.page-id-19 #sidebar,
.page-id-4 #sidebar,
.page-id-7 #sidebar,
.page-id-13 #sidebar,
.page-id-15 #sidebar,
/* 相談したい */
.page-id-25 #sidebar,
.page-id-27 #sidebar,
.page-id-29 #sidebar,
.page-id-31 #sidebar,
.page-id-33 #sidebar,
.page-id-35 #sidebar,
/* 知りたい */
.page-id-43 #sidebar,
.page-id-45 #sidebar,
.page-id-47 #sidebar,
.page-id-49 #sidebar,
.page-id-51 #sidebar,
.page-id-53 #sidebar,
.page-id-55 #sidebar,
/* 参加したい */
.page-id-64 #sidebar,
.page-id-67 #sidebar,
.page-id-69 #sidebar,
.page-id-71 #sidebar,
.page-id-73 #sidebar,
/* 利用したい */
.page-id-79 #sidebar,
.page-id-85 #sidebar,
.page-id-87 #sidebar,
.page-id-89 #sidebar,
.page-id-91 #sidebar,
/* サポート */
.page-id-103 #sidebar,
.page-id-105 #sidebar,
.page-id-107 #sidebar,
.page-id-109 #sidebar{
	margin: 25px 0 0 0!important;
}



#sidebar{
	margin: 30px 0 15px;
}
#sidebar h2 a{
	display: block;
	width: 230px;
	height: 60px;
	text-indent: -9999px;
	margin-bottom: 10px;
}

#sidebar h3{
	width: 205px;
	height: 27px;
	font-size:1.1em;
	color: #666;
	text-decoration:none;
	margin: 0 0 5px!important;
	padding: 8px 0 0 25px;
	background: url("img/sideButton_bg.png") no-repeat;
}
#sidebar h3.line2{
	height: 33px!important;
	font-size:1em!important;
	line-height: 1.3;
	padding-top: 2px!important;
}


.bannerArea{
	margin-top: 50px;
}




.banner01 a{
	background: url("img/sideBaner01.png") no-repeat;
}
.banner02 a{
	background: url("img/sideBaner02.png") no-repeat;
}
.banner03 a{
	background: url("img/sideBaner03.png") no-repeat;
}
.banner04 a{
	background: url("img/sideBaner04.png") no-repeat;
}
.banner05 a{
	background: url("img/sideBaner05.png") no-repeat;
}









/* ページのトップへ戻る
----------------------------------------------------------- */
.totop{
	clear: both;
	text-align: right;
	margin: 0;
	padding: 25px 0 25px;
}
.totop p{
	display: inline;
	overflow: hidden;
	font-size: 0.92em;
	text-indent: 0;
	margin: 0;
	padding: 1px 0 0 17px;
	background: url("img/totop.gif") no-repeat;
}

.totop p a:link{ color: #990000; text-decoration: none;}
.totop p a:visited{ color: #990000; text-decoration: none;}
.totop p a:hover{ color: #3366cc; text-decoration: none;}
.totop p a:active{ color: #3366cc; text-decoration: none;}











/* フッター
----------------------------------------------------------- */
footer {
	clear: both;
	width: 940px;
	text-align: center;
	margin: 0 auto;
	padding: 0 0 10px;
	border-top: #990000 solid 1px;
}

footer table{
	width: 920px;
	margin: 20px auto 35px;
	border-collapse: separate;
	border-spacing:0;
}
footer table td{
	text-align: left;
	line-height: 2;
	vertical-align: top;
}

footer h1{
	width: 276px;
	font-size: 1em;
	margin: 0 0 15px!important;
}
footer h1 a{
	display: block;
	width: 276px;
	height: 56px;
	text-indent: -9999px;
	background: url("img/footerLogo.gif") no-repeat;
}






.redFeather{
	width: 925px;
	height: 23px;
	font-size: 0.84em;
	margin: 15px auto;
	padding: 7px 0 0 35px;
	background: url("img/redWing.png") no-repeat;
}
.redFeather a{
	font-weight: bold;
}













/* お問い合わせ
---------------------------------------------------- */
ul.mail{
	width: 100%;
	margin: 0 0 25px!important;
	padding: 0;
	list-style-type: none!important;
	line-height: 1.8;
	border-bottom: #999 dotted 1px;
}
ul.mail li{
	clear: both;
	margin: 0;
	padding: 5px 10px;
	border-top: #999 dotted 1px;
	overflow: auto;
}
ul.mail li em{
	display: block;
	float: left;
	width: 12em;
	font-weight: bold;
	font-style: normal;
	margin: 3px 0;
}
ul.mail li em span{
	display: inline;
	font-weight: normal;
	color: red;
	padding-left: 0.5em;
	float: none;
}
ul.mail li span{
	display: block;
	font-weight: normal;
	padding-left: 0.5em;
	float: left;
	overflow: auto;
}

ul.mail li input,
ul.mail li textarea{
	width: 400px!important;
	font-size: 1em!important;
	color: #222;
	padding: 0!important;
}



p.submit{
	text-align: center;
	font-weight: bold;
}