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

XHTML CSS Selectors index

$Revision: 1.0
--------------------------------------------------------------------------------- */

div#headerArea ul#mainNavi li#mainNavi01 a {
	background-position: left bottom;
}

div#contentsArea div#indexContentsBlock {
}
div#contentsArea div#indexContentsBlock p.ancList {
	float: right;
	height: 43px;
	width: 80px;
}
div#contentsArea div#indexContentsBlock p.ancList a {
	display: block;
	height: 30px;
	width: 80px;
	margin-top: 9px;
	text-indent: -9999px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* ---------------------------------------------------------------------------------
今週の中央区
--------------------------------------------------------------------------------- */
div#contentsArea div#indexContentsBlock div#pickUpEventBox {
	float: left;
	width: 320px;
	background-image: url(../images/top/photo_footer.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 14px;
	background-color: #D2E5F6;
}
div#contentsArea div#indexContentsBlock div#pickUpEventBox h2 {
	height: 38px;
	width: 320px;
	font-size: 10px;
	line-height: 10px;
	text-indent: -9999px;
	background-image: url(../images/top/photo_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#contentsArea div#indexContentsBlock div#pickUpEventBox p#pickUpEventPhoto {
	width: 320px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
	padding-top: 0px;
}
div#contentsArea div#indexContentsBlock div#pickUpEventBox h4 {
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	color: #0E3192;
}
div#contentsArea div#indexContentsBlock div#pickUpEventBox p {
	padding-right: 10px;
	padding-left: 10px;
}
div#contentsArea div#indexContentsBlock div#pickUpEventBox p#pickUpEventDate {
	color: #0E3192;
}
div#contentsArea div#indexContentsBlock div#pickUpEventBox p#ancPDF {
	text-align: right;
}
div#contentsArea div#indexContentsBlock div#pickUpEventBox p#ancPDF a {
	color: #404040;
	text-decoration: underline;
}
/* ---------------------------------------------------------------------------------
トップページ画像
--------------------------------------------------------------------------------- */
div#contentsArea div#indexContentsBlock div#mainVisualBox {
	float: right;
	height: 323px;
	width: 605px;
}
div#contentsArea div#indexContentsBlock div#mainVisualBox div#slideshow {
}
div#contentsArea div#indexContentsBlock div#mainVisualBox div#slideshow { position:relative; width:605px; height:323px; }
div#contentsArea div#indexContentsBlock div#mainVisualBox img { position:absolute; top:0; left:0; z-index:8; }
div#contentsArea div#indexContentsBlock div#mainVisualBox img.active { z-index:10; }
div#contentsArea div#indexContentsBlock div#mainVisualBox img.last-active { z-index:9; }



/* ---------------------------------------------------------------------------------
ニュース
--------------------------------------------------------------------------------- */
div#contentsArea div#indexContentsBlock div#newsInfo {
	float: left;
	width: 605px;
	padding-bottom: 25px;
}
div#contentsArea div#indexContentsBlock div#newsInfo h3 {
	height: 41px;
	width: 605px;
	font-size: 12px;
	line-height: 12px;
	text-indent: -9999px;
	background-image: url(../images/top/title_news.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#contentsArea div#indexContentsBlock div#newsInfo div#newsNaviBox {
	height: 39px;
	width: 605px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C8C9CA;
	background-image: url(../images/top/line_news.jpg);
	background-repeat: no-repeat;
	background-position: left 23px;
}
div#contentsArea div#indexContentsBlock div#newsInfo div#newsNaviBox div#newsSort {
	float: left;
	width: 390px;
}
div#contentsArea div#indexContentsBlock div#newsInfo div#newsNaviBox div#newsSort ul {
	list-style-type: none;
}
div#contentsArea div#indexContentsBlock div#newsInfo div#newsNaviBox div#newsSort ul li.sortTitle {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 65px;
	height: 25px;
	float: left;
	font-size: 10px;
	line-height: 10px;
}


div#contentsArea div#indexContentsBlock div#newsInfo div#newsNaviBox div#newsSort ul li#sortCategory01,
div#contentsArea div#indexContentsBlock div#newsInfo div#newsNaviBox div#newsSort ul li#sortCategory02,
div#contentsArea div#indexContentsBlock div#newsInfo div#newsNaviBox div#newsSort ul li#sortCategory03 {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 103px;
	height: 25px;
	position: relative;
	float: left;
}

div#contentsArea div#indexContentsBlock div#newsInfo div#newsNaviBox div#newsSort ul li#sortCategory01 a,
div#contentsArea div#indexContentsBlock div#newsInfo div#newsNaviBox div#newsSort ul li#sortCategory02 a,
div#contentsArea div#indexContentsBlock div#newsInfo div#newsNaviBox div#newsSort ul li#sortCategory03 a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 25px;
	width: 103px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 10px;
	line-height: 10px;
}
div#contentsArea div#indexContentsBlock div#newsInfo div#newsNaviBox div#newsSort ul li#sortCategory01 a:hover,
div#contentsArea div#indexContentsBlock div#newsInfo div#newsNaviBox div#newsSort ul li#sortCategory01 a.currentNews,
div#contentsArea div#indexContentsBlock div#newsInfo div#newsNaviBox div#newsSort ul li#sortCategory02 a:hover,
div#contentsArea div#indexContentsBlock div#newsInfo div#newsNaviBox div#newsSort ul li#sortCategory02 a.currentNews,
div#contentsArea div#indexContentsBlock div#newsInfo div#newsNaviBox div#newsSort ul li#sortCategory03 a:hover,
div#contentsArea div#indexContentsBlock div#newsInfo div#newsNaviBox div#newsSort ul li#sortCategory03 a.currentNews {
	background-position: left bottom;
}
li#sortCategory01 a {
	background-image: url(../images/top/btn_sort_01.jpg);
}
li#sortCategory02 a {
	background-image: url(../images/top/btn_sort_02.jpg);
}
li#sortCategory03 a {
	background-image: url(../images/top/btn_sort_03.jpg);
}


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

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









div#contentsArea div#indexContentsBlock div#newsInfo div#newsNaviBox p#ancNewsList {
	float: right;
	width: 80px;
	text-align: right;
	font-size: 10px;
	line-height: 10px;
}

div#contentsArea div#indexContentsBlock div#newsInfo table {
	width: 100%;
}
div#contentsArea div#indexContentsBlock div#newsInfo table th {
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	padding-top: 11px;
	padding-bottom: 9px;
	padding-left: 22px;
	padding-right: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C8C9CA;
	background-image: url(../images/common/icon_news_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 18px;
/*	min-width:100px;*/
}
div#contentsArea div#indexContentsBlock div#newsInfo table td.newsIcon {
	width: 55px;
}
div#contentsArea div#indexContentsBlock div#newsInfo table td {
	padding-top: 11px;
	padding-bottom: 9px;
	padding-right: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C8C9CA;
	vertical-align: top;
	width: 395px;
}
div#contentsArea div#indexContentsBlock div#newsInfo table td a {
	color: #197FC3;
}


/* ---------------------------------------------------------------------------------
ツイッター
--------------------------------------------------------------------------------- */
div#contentsArea div#indexContentsBlock div#twitterBox {
	float: right;
	width: 318px;
	height: 560px;
}


div#contentsArea div#indexContentsBlock div#twitterBox p {
	font-size: 100%;
}



/* ---------------------------------------------------------------------------------
バナー
--------------------------------------------------------------------------------- */
div#contentsArea div#indexContentsBlock div#topBannerBox {
	padding-bottom: 35px;
	padding-top: 20px;
	clear: both;
}


/* ---------------------------------------------------------------------------------
中央区社会福祉協議会について
--------------------------------------------------------------------------------- */
/*中央区社会福祉協議会について*/
div#contentsArea div#indexContentsBlock div#aboutInfoContainer {
	
}
div#contentsArea div#indexContentsBlock div#aboutInfoContainer h2 {
	height: 35px;
	width: 950px;
	text-indent: -9999px;
	font-size: 12px;
	line-height: 12px;
	background-image: url(../images/top/title_information.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

div#contentsArea div#indexContentsBlock div#aboutInfoContainer div#aboutInformationBox {
	float: left;
	width: 310px;
	padding-right: 12px;
	padding-left: 15px;
}
div#contentsArea div#indexContentsBlock div#aboutInfoContainer div#counterInformationBox {
	float: left;
	width: 300px;
	padding-right: 12px;
}
div#contentsArea div#indexContentsBlock div#aboutInfoContainer div#aboutMapBox {
	float: left;
	width: 290px;
}


div#contentsArea div#indexContentsBlock div#aboutInfoContainer h3 {
	color: #197FC3;
	padding-left: 18px;
	background-image: url(../images/top/icon_arrow.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}
div#contentsArea div#indexContentsBlock div#aboutInfoContainer h4 {
	color: #197FC3;
	padding-left: 18px;
}
div#contentsArea div#indexContentsBlock div#aboutInfoContainer p {
	padding-left: 18px;
	padding-bottom: 1.5em;
}
div#contentsArea div#indexContentsBlock div#aboutInfoContainer p strong {
	font-size: 1.3em;
	font-weight: normal;
}









/* ---------------------------------------------------------------------------------
その他
--------------------------------------------------------------------------------- */
div#contentsArea div#indexContentsBlock p#ancPolicy {
	padding-top: 80px;
	padding-left: 0px;
}
div#contentsArea div#indexContentsBlock div#counter {
	font-size: 16px;
	color: #666666;
}
div#contentsArea div#indexContentsBlock div#counter em {
	font-family: sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #0E3192;
}