@charset "utf-8";
/* ---------------------------------------------------------------------------------
新潟市西区社会福祉協議会
Copyright(c) Chuo Ward Council of Social Welfare, All rights reserved.

XHTML CSS Selectors Top

$Revision: 1.0
--------------------------------------------------------------------------------- */
div#contentsArea div#contentsBlock {
	float: right;
	width: 586px;
	padding-right: 17px;
	margin-right: 0px;
	margin-left: 0px;
	background-image: none;
}
div#contentsArea h2 {
	width: auto;
	margin-right: 0px;
	margin-left: 0px;
	text-indent: 0px;
}
/* ---------------------------------------------------------------------------------
トップイメージ画像
--------------------------------------------------------------------------------- */
div#contentsArea div#topImageBlock {
	width: 800px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FDC086;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	margin-bottom: 20px;
}
div#contentsArea div#topImageBlock p#imageBox {
	width: 800px;
	text-align: center;
	padding-bottom: 7px;
}
div#contentsArea div#topImageBlock p#photoText {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 3px;
}

/* ---------------------------------------------------------------------------------
お知らせ＆研修・イベント情報＆ボランティア募集情報
--------------------------------------------------------------------------------- */
div#contentsArea div#contentsBlock div.newsBox {
	background-image: url(../img/top/box_bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 586px;
}
/*タイトル*/
div#contentsArea div#contentsBlock div.newsBox h2 {
	font-size: 12px;
	height: 35px;
	width: 300px;
	float: left;
	text-indent: -9999px;
}
div#contentsArea div#contentsBlock div.newsBox p.ancList {
	float: right;
	height: 35px;
	width: 100px;
}
div#contentsArea div#contentsBlock div.newsBox p.ancList a {
	display: block;
	height: 35px;
	width: 100px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}
/*top news list*/
div#contentsArea div#contentsBlock div.newsBox table {
	clear: both;
	width: 560px;
	margin-right: auto;
	margin-left: auto;
}
div#contentsArea div#contentsBlock div.newsBox table th {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	color: #0E3192;
	width: 100px;
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FDC086;
	background-image: url(../img/top/box_arrow.gif);
	background-repeat: no-repeat;
	background-position: 15px 15px;
}
div#contentsArea div#contentsBlock div.newsBox table td {
	width: 435px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FDC086;
	color: #0E3192;
	vertical-align: top;
}
div#contentsArea div#contentsBlock div.newsBox table td a {
	color: #0E3192
}
/*box footer*/
div#contentsArea div#contentsBlock div.newsBox div.newsFooter {
	width: 586px;
	height: 30px;
	background-image: url(../img/top/box_footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/*各タイトル背景*/
div#contentsArea div#contentsBlock div.newsBox div#titleNewsHead {
	height: 36px;
	width: 586px;
	background-image: url(../img/top/title_news.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#contentsArea div#contentsBlock div.newsBox div#titleEventHead {
	height: 36px;
	width: 586px;
	background-image: url(../img/top/title_event.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#contentsArea div#contentsBlock div.newsBox div#titleVolHead {
	height: 36px;
	width: 586px;
	background-image: url(../img/top/title_vol.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/* ---------------------------------------------------------------------------------
西区社会福祉協議会
--------------------------------------------------------------------------------- */
div#contentsArea div#contentsBlock div#indexDetailBox {
	width: 485px;
	padding-left: 23px;
}
div#contentsArea div#contentsBlock div#indexDetailBox h2 {
	color: #FF3300;
	padding-top: 5px;
	padding-bottom: 5px;
}
div#contentsArea div#contentsBlock div#indexDetailBox h3 {
	color: #FF3300;
	padding-bottom: 5px;
}

div#contentsArea div#contentsBlock div#indexDetailBox div#addBox {
	float: left;
	width: 320px;
}
div#contentsArea div#contentsBlock div#indexDetailBox div#addBox p {
	padding-bottom: 12px;
	padding-left: 12px;
}

div#contentsArea div#contentsBlock div#indexDetailBox div#accessBox {
	float: right;
	width: 160px;
}

/* ---------------------------------------------------------------------------------
トップサブナビゲーション
--------------------------------------------------------------------------------- */
div#contentsArea div#subNaviBlock {
	width: 220px;
	float: left;
	padding-left: 15px;
}
div#contentsArea div#subNaviBlock ul {
	list-style-type: none;
}
div#contentsArea div#subNaviBlock ul#topMenu {
	width: 211px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	background-image: url(../img/top/top_subnavi_foot.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
/*#####メインメニュー#####*/
div#contentsArea div#subNaviBlock ul li#topSubNavi01,
div#contentsArea div#subNaviBlock ul li#topSubNavi02,
div#contentsArea div#subNaviBlock ul li#topSubNavi03,
div#contentsArea div#subNaviBlock ul li#topSubNavi04,
div#contentsArea div#subNaviBlock ul li#topSubNavi05,
div#contentsArea div#subNaviBlock ul li#topSubNavi06 {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 211px;
	height: 65px;
	position: relative;
}
div#contentsArea div#subNaviBlock ul li#topSubNavi01 a,
div#contentsArea div#subNaviBlock ul li#topSubNavi02 a,
div#contentsArea div#subNaviBlock ul li#topSubNavi03 a,
div#contentsArea div#subNaviBlock ul li#topSubNavi04 a,
div#contentsArea div#subNaviBlock ul li#topSubNavi05 a,
div#contentsArea div#subNaviBlock ul li#topSubNavi06 a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 65px;
	width: 211px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
}
div#contentsArea div#subNaviBlock ul li#topSubNavi01 a:hover,
div#contentsArea div#subNaviBlock ul li#topSubNavi02 a:hover,
div#contentsArea div#subNaviBlock ul li#topSubNavi03 a:hover,
div#contentsArea div#subNaviBlock ul li#topSubNavi04 a:hover,
div#contentsArea div#subNaviBlock ul li#topSubNavi05 a:hover,
div#contentsArea div#subNaviBlock ul li#topSubNavi06 a:hover {
	background-position: right;
}
/*ボタン背景*/
li#topSubNavi01 a {
	background-image: url(../img/top/top_subnavi_01.jpg);
}
li#topSubNavi02 a {
	background-image: url(../img/top/top_subnavi_02.jpg);
}
li#topSubNavi03 a {
	background-image: url(../img/top/top_subnavi_03.jpg);
}
li#topSubNavi04 a {
	background-image: url(../img/top/top_subnavi_04.jpg);
}
li#topSubNavi05 a {
	background-image: url(../img/top/top_subnavi_05.jpg);
}
li#topSubNavi06 a {
	background-image: url(../img/top/top_subnavi_06.jpg);
}

/*#####下層メニュー（プルダウン）#####*/

/*下層のメニューを不可視に*/
div#contentsArea div#subNaviBlock ul#topMenu li ul {
	position: absolute;
	top: 0px;
	left: -9999px;
}
/* 疑似要素 :hover で下層のメニューを可視に */
div#contentsArea div#subNaviBlock ul#topMenu li:hover ul {
	position: absolute;
	top: 5px;
	left: 211px;
	width: 190px;
	z-index: 100;
}
div#contentsArea div#subNaviBlock ul#topMenu li:hover ul li {
	width: 190px;
	height: auto;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 12px;
}
div#contentsArea div#subNaviBlock ul#topMenu li:hover ul li a {
	display: block;
	margin: 0px;
	padding: 5px;
	width: 180px;
	background-color: #D9E9F3;
	color: #3A5AA7;
	height: auto;
	background-image: none;
	text-indent: 0px;
	font-size: 12px;
	line-height: 12px;
}
div#contentsArea div#subNaviBlock ul#topMenu li:hover ul li a:hover {
	background-color: #3A5AA7;
	color: #FFFFFF;
}
/* IE6 対策 */
div#contentsArea div#subNaviBlock ul#topMenu { 
        behavior: url("js/csshover.htc");
}