@charset "utf-8";

/* -----------------------------------------------------------

 Style Info:	stylesheet for top page

----------------------------------------------------------- */





/* body
----------------------------------------------------------- */

#top #container {
	background: url(../images/top/container-bg.gif) left top repeat-x;
}






/* header
----------------------------------------------------------- */

#top-header {
	padding-top: 227px;
	background: url(../images/top/header-bg.jpg) center top no-repeat;
}
#top-header .inner {
	width: 980px;
	margin: 0 auto;
}
#top-header .inner h1 {
	display: block;
	clear: both;
	width: 886px;
	height: 39px;
	font-size: 1px;
	text-indent: -9999px;
	margin: 0 auto;
	margin-top: 28px;
	background: url(../images/top/h1.gif) left top no-repeat;
}

/* 優先ナビ */
/*
#top-header .inner #header-sub {
	margin: 0 0 1px 107px;
}
#top-header .inner #header-sub li {
	float: left;
	margin-right: 5px;
}
#top-header .inner #header-sub li a {
	display: block;
	width: 28px;
	height: 26px;
	font-size: 1px;
	text-indent: -9999px;
}
#top-header .inner #header-sub li.mixi a	{ background: url(../images/top/header-sub-mixi.gif) left top no-repeat; }
#top-header .inner #header-sub li.twitter a	{ background: url(../images/top/header-sub-twitter.gif) left top no-repeat; }
#top-header .inner #header-sub li.flickr a	{ background: url(../images/top/header-sub-flickr.gif) left top no-repeat; }
*/

/* グローバルナビ */
#top-header .inner #header-grobal {
	margin: 8px 0 0 1px;
}
#top-header .inner #header-grobal li {
	float: left;
}
#top-header .inner #header-grobal li a {
	display: block;
	height:54px;
	font-size: 1px;
	text-indent: -9999px;
}
#top-header .inner #header-grobal li.home a		{ width: 59px; background: url(../images/top/header-grobal-home.gif) left top no-repeat; }
#top-header .inner #header-grobal li.data a		{ width:146px; background: url(../images/top/header-grobal-data.gif) left top no-repeat; }
#top-header .inner #header-grobal li.send a		{ width:153px; background: url(../images/top/header-grobal-send.gif) left top no-repeat; }
#top-header .inner #header-grobal li.check a	{ width:132px; background: url(../images/top/header-grobal-check.gif) left top no-repeat; }
#top-header .inner #header-grobal li.collabo a	{ width:156px; background: url(../images/top/header-grobal-collabo.gif) left top no-repeat; }
#top-header .inner #header-grobal li.archive a	{ width:111px; background: url(../images/top/header-grobal-archive.gif) left top no-repeat; }
#top-header .inner #header-grobal li.kids a		{ width: 82px; background: url(../images/top/header-grobal-kids.gif) left top no-repeat; }
#top-header .inner #header-grobal li.concept a	{ width:140px; background: url(../images/top/header-grobal-concept.gif) left top no-repeat; }
#top-header .inner #header-grobal li a:hover	{ background-position: 0 -54px; }






/* contents
----------------------------------------------------------- */

#top-contents {
	clear: both;
	width: 980px;
	margin: 0 auto;
}






/* action
----------------------------------------------------------- */

/* 見出し */
#action-top {
	margin-top: 19px;
}
#action-top div {
	float: left;
	padding-top: 7px;
}
#action-top div h2 {
	display: block;
	width: 731px;
	height: 57px;
	font-size: 1px;
	text-indent: -9999px;
	margin-right: 16px;
	background: url(../images/top/action-top-h2.gif) left top no-repeat;
}
#action-top div a {
	display: block;
	width: 69px;
	height: 69px;
	font-size: 1px;
	text-indent: -9999px;
	margin: -7px 0 0 4px;
	background: url(../images/top/action-top-send.gif) left top no-repeat;
}

/* アクションポイント */
#action-point {
	padding-bottom: 9px;
	background: url(../images/top/action-point-bg1.gif) left bottom no-repeat;
}
#action-point .inner {
	background: url(../images/top/action-point-bg2.gif) left top no-repeat;
}
#action-point .inner .d-left {
	width: 275px;
}
#action-point .inner .heading {
	float: left;
	padding: 10px 0 11px 8px;
}
#action-point .inner .heading h3 {
	display: block;
	width: 247px;
	height: 45px;
	font-size: 1px;
	text-indent: -9999px;
	background: url(../images/top/action-point-h3.gif) left top no-repeat;
}
#action-point .inner .help {
	float: left;
	margin-top: 25px;
}
#action-point .inner .help a {
	display: block;
	width: 14px;
	height: 14px;
	font-size: 1px;
	text-indent: -9999px;
	background: url(../images/top/action-point-help.gif) left top no-repeat;
}
#action-point .inner .photo {
	clear: both;
	width: 242px;
	font-size: 10px;
	text-align: center;
	margin-left: 21px;
}
#action-point .inner .send {
}
#action-point .inner .send a {
	display: block;
	width: 233px;
	height:34px;
	font-size: 1px;
	text-indent: -9999px;
	margin: 10px 0 0 25px;
	background: url(../images/top/action-point-send.gif) left top no-repeat;
}
#action-point .inner .graph {
	float: left;
	width: 698px;
	margin-top: 19px;
}

/* バナー */
#action-banner {
	clear: both;
	margin: 15px 0;
}

/* アクションポイントって何？ */
#action-about ul li {
	float: left;
}
#action-about ul li a {
	display: block;
	height: 40px;
	font-size: 1px;
	text-indent: -9999px;
}
#action-about ul li.actionpoint a	{ width: 208px; background: url(../images/top/action-about-btn1.gif) left top no-repeat; }
#action-about ul li.hozen a			{ width: 191px; background: url(../images/top/action-about-btn2.gif) left top no-repeat; }
#action-about ul li.soushin a		{ width: 191px; background: url(../images/top/action-about-btn3.gif) left top no-repeat; }
#action-about ul li.faq a			{ width: 138px; background: url(../images/top/action-about-btn4.gif) left top no-repeat; }
#action-about ul li.database a		{ width: 236px; background: url(../images/top/action-about-btn5.gif) left top no-repeat; margin-left: 16px; }

/* 注目の活動 */
#action .d-left{
	width: 728px;
	margin-bottom: 24px;
}
#action-pickup {
	float: left;
	width: 237px;
	padding-bottom: 8px;
	margin: 15px 15px 0 0;
	background: url(../images/top/action-pickup-bg1.gif) left bottom no-repeat;
}
#action-pickup h3 {
	display: block;
	width: 237px;
	height: 51px;
	font-size: 1px;
	text-indent: -9999px;
	background: url(../images/top/action-pickup-h3.gif) left top no-repeat;
}
#action-pickup .inner {
	_height: 366px;
	min-height: 366px;
	text-align: center;
	padding: 0 23px;
	background: url(../images/top/action-pickup-bg2.gif) left top no-repeat;
}
#action-pickup .inner a {
	color: #090;
}
#action-pickup .inner img {
	margin: 12px 0;
}
#action-pickup .inner h4 {
	font-size: 115%;
}
#action-pickup .inner em {
	display: block;
	font-style: normal;
	line-height: 1.3;
	padding: 4px 0 10px;
	border-bottom: 1px dotted #86c012;
}
#action-pickup .inner p {
	text-align: left;
	margin-top: 10px;
}

/* 最新の活動情報 */
#action-new {
	float: left;
	width: 458px;
	padding: 0 9px 9px;
	margin-top: 15px;
	background: url(../images/top/action-new-bg.gif) left bottom no-repeat;
}
#action-new h3 {
	display: block;
	width: 476px;
	height: 51px;
	font-size: 1px;
	text-indent: -9999px;
	margin: 0 -9px;
	background: url(../images/top/action-new-h3.gif) left top no-repeat;
}

/* 活動情報検索 */
#action-data {
	float: left;
	width: 728px;
	padding-bottom: 8px;
	margin-top: 15px;
	background: url(../images/top/action-data-bg1.gif) left bottom no-repeat;
}
#action-data .search {
	text-align: center;
	padding: 10px 0 0;
	background: url(../images/top/action-data-bg2.gif) left top no-repeat;
}
#action-data .search div {
	float: left;
}
#action-data .search div h3 {
	display: block;
	width: 173px;
	height: 48px;
	font-size: 1px;
	text-indent: -9999px;
	background: url(../images/top/action-data-h3.gif) left top no-repeat;
}
#action-data .search .freeword {
	width: 377px;
	font-weight: bold;
	line-height: 1.1;
	text-align: right;
	padding-top: 11px;
}
#action-data .search .freeword input {
	width: 250px;
	border: 1px solid #9495a2;
}
#action-data .search .submit {
	padding: 11px 17px 0 11px;
}
#action-data .keyword {
	font-size: 12px;
	padding: 10px 18px;
	margin: 0 8px;
	background: url(../images/top/action-data-bg3.gif) left top no-repeat;
}
#action-data .keyword select {
	font-size: 12px;
}
#action-data .keyword h4 {
	color: #f60;
	font-size: 100%;
	padding-bottom: 2px;
	margin-bottom: 8px;
	border-bottom: 1px dotted #f60;
}
#action-data .keyword div {
	float: left;
	padding: 0 20px;
	border-right: 1px dotted #b9b9b9;
}
#action-data .keyword div dl {
	margin-bottom: 5px;
}
#action-data .keyword div dl dt {
	font-weight: bold;
}
#action-data .keyword div dl dt span {
	color: #f90;
	font-size: 10px;
}
#action-data .keyword div.pref {
	padding-left: 0;
}
#action-data .keyword div.pref dd {
	width: 102px;
	height: 12em;
	overflow: auto;
	padding: 6px;
	border: 1px solid #b9b9b9;
	background: #fff;
}
#action-data .keyword div.photo {
	padding-right: 0;
	border-right: none;
}
#action-data .keyword div.photo dl {
	margin-bottom: 60px;
}
#action-data .keyword div.photo input {
	margin-top: 9px;
}

/* 団体別にみる */
#action-ranking {
	width: 237px;
	padding-bottom: 1px;
	margin: 7px 0 24px;
	background: #464646 url(../images/top/action-ranking-bg.gif) left bottom no-repeat;
}
#action-ranking h3 {
	display: block;
	height: 54px;
	font-size: 1px;
	text-indent: -9999px;
	background: url(../images/top/action-ranking-h3.gif) left top no-repeat;
}
#action-ranking div {
	margin: 0 7px 8px;
	border: 1px solid #000;
}
#action-ranking div h4 {
	display: block;
	height:43px;
	font-size: 1px;
	text-indent: -9999px;
}
#action-ranking div.point h4	{ background: url(../images/top/action-ranking-h4-point.gif) left top no-repeat; }
#action-ranking div.people h4	{ background: url(../images/top/action-ranking-h4-people.gif) left top no-repeat; }
#action-ranking div.times h4	{ background: url(../images/top/action-ranking-h4-times.gif) left top no-repeat; }






/* archive
----------------------------------------------------------- */

/* 見出し */
#archive {
	background: url(../images/top/archive-bg1.gif) left top no-repeat;
}
#archive .inner {
	height: 88px;
	padding: 12px 0 0 222px;
}
#archive .inner div {
	float: left;
}
#archive .inner div h2 {
	display: block;
	width: 409px;
	height: 60px;
	font-size: 1px;
	text-indent: -9999px;
	margin: 0 17px 28px 0;
	background: url(../images/top/archive-h2.gif) left top no-repeat;
}
#archive .inner div a {
	display: block;
	width: 132px;
	height: 21px;
	font-size: 1px;
	text-indent: -9999px;
	margin-top: 17px;
	background: url(../images/top/archive-btn.gif) left top no-repeat;
}
#archive ul {
	display: block;
	padding: 10px 0 14px 20px;
	background: url(../images/top/archive-bg2.gif) left bottom no-repeat;
}
#archive ul li {
	float: left;
	width: 282px;
	padding: 9px 13px 15px;
	margin: 0 9px 10px 0;
	border-top: 1px solid #f2f2f2;
	background: url(../images/top/archive-bg3.gif) left bottom no-repeat;
}
#archive ul li a {
	display: block;
	text-decoration: none;
}
#archive ul li a img {
	display: block;
}
#archive ul li a strong {
	display: block;
	color: #fff;
	font-size: 110%;
	text-decoration: underline;
	padding: 3px 10px 2px;
	margin-bottom: 5px;
	border-left: 6px solid #81b506;
	background: #494949;
}