@charset "utf-8";
/*
Theme Name: 羽曳野市社会福祉協議会
Theme URI: http://www.minrinosto.com/
Description: 羽曳野市社会福祉協議会
Author: minorinosto.com
Version: 1.0
Tags: 
*/

* {
	margin: 0;
	padding: 0;　
}

body {
	font-size: 15px;
	color: #333333;
	line-height: 160%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	background: url(images/bg_globalNavi.png) repeat-x 0 128px;
}

a {
	color: #333333;
	text-decoration: none;
}

a:hover {
	color: #ff0000;
	text-decoration: underline;
}

img {
	border: none;
}

ul li {
	list-style-type: none;
}

h1, h2, h3, h4, h5, th {
	font-size: 1em;
	font-weight: normal;
	text-align: left;
}
.clr {
	clear: both;
}
.pdf a, a.pdf {
	background: url('images/icon_app.png') no-repeat 0 0;
	padding: 0 0 0 25px;
	line-height: 24px;
}

.pdf li {
	background: none !important;
	padding-left: 0 !important;
	margin: 5px 0 8px 15px !important;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

h1 {
	float: left;
}

h1 a {
	display: block;
	width: 390px;
	height: 128px;
	background: url('images/logo_main.png') no-repeat 0 50%;
	text-indent: 100%;
	overflow: hidden;
	white-space:nowrap;
}

#header #headerMenu {
	float: right;
	height: 128px;
}

#header #headerMenu #headermenuUpper {
	height: 29px;
}

#header #headerMenu #headerBanners {
	margin: 7px 0 0 0;
}

#header #headerMenu li {
	float: right;
	margin: 0 0 0 5px;
}

#header #headerMenu li a {
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space:nowrap;
}

#header #headerMenu #headerBanners li a {
	background: url(images/banner_header.png) no-repeat;
	height: 29px;
	width: 102px;
}

#header #headerMenu #headerBanners li#hContact a {
	background-position: 0 0;
}

#header #headerMenu #headerBanners li#hContact a:hover {
	background-position: 0 -29px;
}

#header #headerMenu #headerBanners li#hSitemap a {
	background-position: -107px 0;
}

#header #headerMenu #headerBanners li#hSitemap a:hover {
	background-position: -107px -29px;
}

#header #headerMenu form {
	background: url(images/bg_size.png) no-repeat;
	height: 45px;
	width: 440px;
	margin-top: 25px;
	float: right;
}

#header #headerMenu form li {
	float: left;
	margin-top: 10px;
	height: 27px;
	line-height: 27px;
}

#header #headerMenu #fontSize {
	background: url(images/bg_size.png) no-repeat;
	height: 45px;
	width: 235px;
	float: left;
	visibility: hidden;
	font-size: 15px;
	line-height: 25px;
}

#header #headerMenu #fontSize li a {
	background: url(images/button_size.png) no-repeat;
	display: block;
	height: 25px;
}

#header #headerMenu #fontSize li#sizeM a {
	width: 44px;
	background-position: 0 0;
}

#header #headerMenu #fontSize li#sizeM a:hover {
	background-position: 0 -25px;
}

#header #headerMenu #fontSize li#sizeL a {
	width: 54px;
	background-position: -49px 0;
}

#header #headerMenu #fontSize li#sizeL a:hover {
	background-position: -49px -25px;
}

#header #headerMenu #search {
	width: 200px;
	float: right;
}

#header #headerMenu #search li {
	height: 27px;
	line-height: 27px;
}

#header #headerMenu #search input {
	background: url(images/bg_search.png) no-repeat;
	height: 27px;
	border: none;
	padding: 1px;
}

#header #headerMenu #search #searchWord {
	width: 150px;
	padding: 0 3px;
	background-position: 0 0;
	height: 27px;
	line-height: 27px;
}

#header #headerMenu #search #searchSubmit {
	width: 25px;
	background-position: -159px 0;
	text-indent: -100px;
	cursor: pointer;
	float: right;
	margin-right: 3px;
}

#globalnavi > ul > li {
	float: left;
	margin: 10px 15px 0 0;
	position: relative;
	overflow: hidden;
}

#globalnavi > ul > li:hover {
	overflow: visible;
}

#globalnavi > ul > li#gLink {
	margin-right: 0;
}

#globalnavi > ul > li a {
	display: block;
	width: 180px;
	height: 80px;
	background: url('images/buttons_globalNavi.png') no-repeat;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

#globalnavi > ul > li#gHome > a {
	background-position: 0 0;
}

#globalnavi > ul > li#gHome > a:hover {
	background-position: 0 -80px;
}

#globalnavi > ul > li#gAbout > a {
	background-position: -195px 0;
}

#globalnavi > ul > li#gAbout > a:hover {
	background-position: -195px -80px;
}

#globalnavi > ul > li#gWorks > a {
	background-position: -390px 0;
}

#globalnavi > ul > li#gWorks > a:hover {
	background-position: -390px -80px;
}

#globalnavi > ul > li#gFacility > a {
	background-position: -585px 0;
}

#globalnavi > ul > li#gFacility > a:hover {
	background-position: -585px -80px;
}

#globalnavi > ul > li#gLink > a {
	background-position: -780px 0;
}

#globalnavi > ul > li#gLink > a:hover {
	background-position: -780px -80px;
}

#globalnavi li .childNavi {
	position: absolute;
	z-index: 10000;
}

#globalnavi li .childNavi .arrow {
	width: 180px;
	height: 15px;
	background: url(images/bg_globalNavi_child.png) no-repeat 0 0;
}

#globalnavi li .childNavi ul {
	background: url(images/bg_globalNavi_child.png) no-repeat 0 100%;
}

#globalnavi li .childNavi li {
	float: none;
}

#globalnavi li .childNavi a {
	background: none;
	text-indent: 0;
	border-bottom: 1px solid #dddddd;
	text-align: center;
	margin: 0 10px 5px;
	padding: 5px 0 3px;
	width: 160px;
	white-space: normal;
	height: auto;
	font-size: 12px;
}

#globalnavi li .childNavi a:hover {
	background: #ffffff;
	text-decoration: none;
}

#globalnavi li .childNavi a span {
	font-size: 90%;
}



#main {
	background: url(images/border_main.png) repeat-y 715px 0;
	margin: 15px 0 0 0;
}

#main #content {
	float: left;
	width: 700px;
}

#main #content #breadCramb li {
	float: left;
	margin: 0 5px 0 0;
	height: 25px;
}

#main #content #pageIndex {
	height: 63px;
	display: table-cell;
	vertical-align: middle;
	width: 700px;
}

#main #content #pageIndex h2 {
	font-size: 22px;
	line-height: 24px;
	font-weight: bold;
	color: #ffffff;
	padding: 15px 0 0 20px;
}

#main #content #pageContent {
	margin: 10px;
}

#main #content h3 {
	display: table-cell;
	vertical-align: middle;
	font-size: 19px;
	line-height: 22px;
	font-weight: bold;
	color: #ffffff;
	padding: 0 0 0 10px;
	width: 700px;
	height: 40px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url('images/bg_h3.png');
}

#main #content h4 {
	padding: 0 0 0 15px;
	margin: 0 0 0 5px;
}

#main #content .text {
	margin: 10px 8px 25px;
}

#main #pageContent p {
	margin: 5px 10px 15px;
}

#main #pageContent ul {
	margin: 10px 0 25px 0;
}

#main #pageContent ol {
	margin: 5px 0 20px 30px;
}

#main #pageContent ul li {
	padding: 0 0 0 15px;
	margin: 0 0 5px 15px;
}

#main #pageContent dl {
	margin: 0 0 20px 0;
}

#main #pageContent dt {
	font-size: 110%;
	margin: 10px 0 0 5px;
	padding: 0 0 0 25px;
}

#main #pageContent dd {
	margin: 0 10px 10px 30px;
}

#main #pageContent table {
	border-collapse: collapse;
}

#main #pageContent th, #main #pageContent td {
	border: 1px solid #999999;
	padding: 5px 5px 3px;
}

#main #pageContent th {
	text-align: center;
}

#main #navi {
	float: right;
	width: 220px;
	padding: 41px 0 0 0;
}

#main #navi li a {
	display: block;
	width: 220px;
	height: 70px;
	background: url(images/banner_sideMenu.png) no-repeat;
	text-indent: 100%;
	overflow: hidden;
	white-space:nowrap;
	margin: 0 0 10px 0;
}

#main #navi li#sTwitter a {
	background-position: 0 -700px;
	height: 62px;
}

#main #navi li#sTwitter a:hover {
	background-position: -220px -700px;
}

#main #navi li#sOSK a {
	background-position: 0 0;
}

#main #navi li#sOSK a:hover {
	background-position: -220px 0;
}

#main #navi li#sHabikino a {
	background-position: 0 -70px;
}

#main #navi li#sHabikino a:hover {
	background-position: -220px -70px;
}

#main #navi li#sRedWing a {
	background-position: 0 -140px;
}

#main #navi li#sRedWing a:hover {
	background-position: -220px -140px;
}

#main #navi li#sRedCross a {
	background-position: 0 -210px;
}

#main #navi li#sRedCross a:hover {
	background-position: -220px -210px;
}

#main #navi li#sJigyouren a {
	background-position: 0 -280px;
}

#main #navi li#sJigyouren a:hover {
	background-position: -220px -280px;
}

#main #navi li#sFukushiren a {
	background-position: 0 -770px;
}

#main #navi li#sFukushiren a:hover {
	background-position: -220px -770px;
}

#main #navi li#sBudgetAccounts a {
	background-position: 0 -350px;
}

#main #navi li#sBudgetAccounts a:hover {
	background-position: -220px -350px;
}

#main #navi li#sTayori a {
	background-position: 0 -420px;
}

#main #navi li#sTayori a:hover {
	background-position: -220px -420px;
}

#main #navi li#sKakusyu a {
	background-position: 0 -490px;
}

#main #navi li#sKakusyu a:hover {
	background-position: -220px -490px;
}

#main #navi li#sAozora a {
	background-position: 0 -560px;
}

#main #navi li#sAozora a:hover {
	background-position: -220px -560px;
}

#main #navi li#sBabyHouse a {
	background-position: 0 -630px;
}

#main #navi li#sBabyHouse a:hover {
	background-position: -220px -630px;
}

#main #navi li#sFukushiKeikaku a {
	background-position: 0 -842px;
}

#main #navi li#sFukushiKeikaku a:hover {
	background-position: -220px -842px;
}


#main #navi #sns {
	text-align: center;
}



#main #navi #sNavi1, #main #navi #sNavi2 {
	background: url(images/border_side.png) no-repeat 50% 100%;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
}

#main #navi #sAccess h3 {
	background: url(images/bg_h3_navi_contact.png) no-repeat;
	height: 22px;
	text-indent: 100%;
	overflow: hidden;
	white-space:nowrap;
	margin: 0 0 3px 0;
}

#main #navi #sAccess div {
	line-height: 130%;
	margin: 0 0 0 8px;
}


#footer {
	text-align: center;
	padding: 15px 0 0 0;
	font-size: 90%;
}

#footer #footerWrapper {
	background: url(images/border_side.png) repeat-x;
	width: 960px;
	margin: 0 auto 15px;
	padding: 15px 0 0 0;
	position: relative;
}


#footer li {
	display: inline;
	border-left: 1px solid #999999;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
}

#footer li#fHome {
	border: none;
	margin: 0;
	padding: 0;
}

#footer #copy {
	background: url(images/bg_footer.png) repeat-x 0 100%;
	height: 32px;
	padding: 8px 0 0 0;
}

#footer #toTop {
	width: 40px;
	height: 40px;
	display: block;
	background: url(images/button_toTop.png) repeat-x 0 0;
	position: absolute;
	top: 8px;
	left: 910px;
	text-indent: 100%;
	overflow: hidden;
	white-space:nowrap;
}

#pageContent .photos {
	margin: 10px 0 20px;
}

#pageContent .photos img {
	margin: 0 5px 10px;
	border: 1px solid #cccccc;
}