@charset "UTF-8";
/* CSS Document */
body {
	font: normal normal normal 75%/1.6 Verdana, "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
	color: #666666;
	background: #FFFFF4 url(../img/bg_body.gif) repeat-x left top;
}


/* ヘッダ */
div#header {
	position: relative;
	width: 100%;
	height: 34px;
	margin: 0px;
	text-align: left;
}

div#header h1 {
	position: absolute;
	left: 0px;
	top: 2px;
	width: 100%;
	height: 30px;
	background: url(../img/title.gif) no-repeat;
	text-indent: -99999px;
}

div#header h1 a {
	display: block;
	width: 100%;
	height: 30px;
	overflow: hidden;
}

div .margin {
	margin: 10px 0px;
}

/* フッタ */
#footer {
	clear: both;
	width: 100%;
	margin: 10px 0px;
	border-top: #999999 solid 1px;
	border-bottom: #999999 solid 5px;
}

#footer #banner {
	margin: 10px 0px;
	text-align: center;
}

address {
	margin: 5px 0px;
	font-style: normal;
	color: #999999;
	text-align: center;
}


/* キャプション */
div#caption {
	margin: 10px auto 20px;
	width: 854px;
	height: 72px;
	text-align: center;
	position: relative;
}

div#caption h1 {
	margin: 0px auto;
	width: 549px;
	height: 72px;
	background: url(../img/caption.gif) no-repeat;
	text-indent: -99999px;
}

div#caption h1.top {
	margin: 0px 0px 0px 250px;
}

div#caption_action {
	margin: 10px 0px 30px;
	width: 100%;
	height: 30px;
	align:center;
}

div#caption_action h1 {
	margin: 0px auto 0px;
	width: 718px;
	height: 30px;
	background: url(../img/caption_action.gif) no-repeat;
	text-indent: -99999px;
}

div#caption_npomsg {
	margin: 10px 0px 30px;
	width: 100%;
	height: 30px;
	align:center;
}

div#caption_npomsg h1 {
	margin: 0px auto 0px;
	width: 660px;
	height: 30px;
	background: url(../img/caption_npomsg.gif) no-repeat;
	text-indent: -99999px;
}

/* イメージ画像 */
.top_image {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	width: 417px;
	height: 552px;
}

.top_banner {
	position: absolute;
	top: 385px;
	left: 250px;
	margin: 0px;
	width: 100px;
	height: 100px;
}


/* 共通 */
#wrapper {
	margin: 10px auto;
	width: 854px;
	text-align: left;
}

.cboth {
	clear: both;
}

.contents {
	margin: 10px 0px;
}

.contents .left {
	float: left;
	margin: 5px auto 5px 0px;
}

.contents .right {
	float: right;
	margin: 5px 0px 5px auto;
}

.body {
	margin: 0px;
	padding: 5px 10px 10px;
}

.body a {
	text-decoration: underline !important;
}

.body dt {
	color: #333333;
	font-weight: bold;
	margin-top: 5px;
}

.body dd {
	margin-left: 10px;
}


.spacer {
	width: 1px;
	height: 415px;
}


/* キャプション */
.top_caption {
	width: 417px;
}


/* 新着情報 */
.news_summary {
	border: solid 1px #C0504D;
}

.news_summary .header {
	padding: 1px 0px 0px 80px;
	height: 24px;
	background-image: url(../img/news_summary.gif);
	background-repeat: no-repeat;
	color: #F9F9F9;
	font-weight: bold;
	font-size: 10pt;
}

.news_summary .header a {
	text-decoration: underline;
	color: #F9F9F9;
}

.news_summary .header span {
	display: none;
}

.news_summary .body {
	height: 185px;
	overflow: auto;
}


/* 例えば12,000円でこんなことができます */
.action_summary {
	width: 417px;
	border: solid 1px #EA9800;
}

.action_summary .header {
	height: 24px;
	background-image: url(../img/action_summary.gif);
	background-repeat: no-repeat;
	text-indent: -99999px;
}


/* 分野を選んで寄付をしよう */
.kifu_select_summary {
	width: 634px;
	height: 300px;
	border: solid 1px #ED7215;
}

.kifu_select_summary .header {
	height: 24px;
	background-image: url(../img/kifu_select_summary.gif);
	background-repeat: no-repeat;
	text-indent: -99999px;
}

.kifu_select_summary .body {
	margin: 0px;
	padding: 10px 0px 0px 8px;
}

.kifu_select_summary .column {
	width: 150px;
	float: left;
	margin: 0px 4px 12px 0px;
}

.kifu_select_summary .column .icon {
	width: 40px;
	height: 40px;
	float: left;
}

.kifu_select_summary .column .text {
	width: 108px;
	text-align: left;
	font-size: x-small;
	float: right;
}

.kifu_select_summary .column .text a {
	text-decoration: underline;
}


/* 「優しさの木」を育てよう */
.tree {
	width: 200px;
}

.tree .header {
	height: 24px;
	background-image: url(../img/tree.gif);
	background-repeat: no-repeat;
	text-indent: -99999px;
}

.tree img {
	border: solid 1px #E0E0E0;
}


/* 寄付金総額 */
.kifukin {
	width: 200px;
}

.kifukin .header {
	height: 24px;
	background-image: url(../img/kifukin.gif);
	background-repeat: no-repeat;
	text-indent: -99999px;
}

.kifukin ul {
	float: left;
	padding: 10px 5px 0px;
	font-weight: bold;
}

.kifukin ul li {
	float: left;
	width: 190px;
}

.kifukin ul li.dotted {
	 background: url(../img/dot.gif) bottom repeat-x;
}

.kifukin ul li dt {
 	float: left;
	width: 55px;
}

.kifukin ul li dd {
 	float: left;
	width: 135px;
	text-align: right;
}


/* 給付金基金について */
.about_kikin {
	width: 154px;
	border: solid 1px #EA9800;
}

.about_kikin .header {
	height: 24px;
	background-image: url(../img/about_kikin.gif);
	background-repeat: no-repeat;
	text-indent: -99999px;
}

.side_link {
	width: 154px;
	margin: 0px;
	padding: 5px 0px 5px 5px;
}

.side_link a {
	text-decoration: underline !important;
}

/* 応援メッセージ一覧 */
.message_summary {
	width: 680px;
	border: solid 1px #C0504D;
}

.message_summary .header {
	height: 24px;
	background-image: url(../img/message_summary.gif);
	background-repeat: no-repeat;
	text-indent: -99999px;
}


/* 分野を選んで寄付する */
.kifu_select {
	width: 154px;
}

.kifu_select .header {
	height: 24px;
	background-image: url(../img/kifu_select.gif);
	background-repeat: no-repeat;
	text-indent: -99999px;
}

.kifu_select .banner {
	margin-top: 20px;
}


/* 給付金基金についてメイン */
#about_main {
	width: 680px;
}

#about_main .para {
	margin: 0px auto 10px 0px
}

#about_main .para .header {
	height: 24px;
	text-indent: -99999px;
	border-bottom: #C0504D solid 1px;
}

#about_main .para .body dt {
	font-weight: bold;
	margin-top: 10px;
}

#about_main .para .body .column {
	width: 215px;
	text-align: left;
	font-size: x-small;
	float: left;
	margin: 0px 5px 0px 0px;
}

#about_main .para .body .link_desc {
	margin: 10px 20px 0px;
}

#about_main .para .body .link_desc .tag {
	width: 300px;
	border: solid 1px #666666;
}

#about_main .para .body .link_desc .image {
	width: 194px;
	height: 63px;
	margin: 5px 0px;
}

#about_main .para .body .link_desc .tag .inner {
	color: #000000;
	padding: 5px 10px;
	font-size: x-small;
	line-height: 1.2;
}

#about_main .para #purpose {
	background-image: url(../img/purpose.gif);
	background-repeat: no-repeat;
}

#about_main .para #cashflow {
	background-image: url(../img/cashflow.gif);
	background-repeat: no-repeat;
}

#about_main .para #report {
	background-image: url(../img/report.gif);
	background-repeat: no-repeat;
}

#about_main .para #kifu {
	background-image: url(../img/kifu.gif);
	background-repeat: no-repeat;
}

#about_main .para #promoter {
	background-image: url(../img/promoter.gif);
	background-repeat: no-repeat;
}

#about_main .para #entry {
	background-image: url(../img/entry.gif);
	background-repeat: no-repeat;
}

#about_main .para #office {
	background-image: url(../img/office.gif);
	background-repeat: no-repeat;
}

#about_main .para #media {
	background-image: url(../img/media.gif);
	background-repeat: no-repeat;
}

#about_main .para #link {
	background-image: url(../img/link.gif);
	background-repeat: no-repeat;
}

#about_main .para #privacy {
	background-image: url(../img/privacy.gif);
	background-repeat: no-repeat;
}


/* コメントメイン */
#comment_main {
	width: 680px;
}

#comment_main #tree {
	text-align: center;
}

#comment_main #tree .tree_img {
	margin: 0px auto 10px 0px;
	width: 500px;
	text-align: center;
	float: left;
}

#comment_main #tree .tree_img img {
	border: solid 1px #E0E0E0;
}

#comment_main #tree .tree_img .date {
	margin: 0px auto;
	width: 400px;
	text-align: right;
	font-weight: bold;
}

#comment_main #tree .tree_diary {
	margin: 0px 0px 0px auto;
	width: 160px;
	height: 350px;
	text-align: center;
	float: right;
	border: solid 1px #009933;
}

#comment_main #tree .tree_diary .header {
	height: 24px;
	background-image: url(../img/tree_diary.gif);
	background-repeat: no-repeat;
	text-indent: -99999px;
}

#comment_main #tree .tree_diary .body {
	padding: 5px;
	height: 316px;
	overflow: auto;
}

#comment_main #tree .tree_diary .body .daily {
	margin: 0px auto 0px;
	text-align: center;
}
#comment_main #tree .tree_diary .body .date {
	font-weight: bold;
}

#comment_main #tree .tree_diary .body .msg {
}


/* コメント一覧 */
#comment_main #comment {
	border: solid 1px #EA9800;
}

#comment_main #comment .header {
	height: 24px;
	background-image: url(../img/comment.gif);
	background-repeat: no-repeat;
	text-indent: -99999px;
}


/* NPOメッセージ */
#npo_messages {
	width: 100%;
}

#npo_messages .header {
	text-align: right;
}

#npo_messages .list {
	padding: 5px 5px 5px 5px;
	border: solid 1px #EA9800;
	overflow: hidden;
}

#npo_messages .list .npo {
	width: 205px;
	text-align: left;
	font-size: x-small;
	float: left;
	margin: 0px 5px 0px 0px;
}

#npo_messages .list .npo a {
	text-decoration: underline;
}

#npo_messages dt.npo {
	margin-top : 20px;
}

#npo_messages dt.thanks, dt.use, dt.detail {
	margin-left: 20px;
}

#npo_messages dd.thanks, dd.use, dd.detail {
	margin: 0 auto 10px 20px;
}


/* できること */
#action_main {
	width: 100%;
}

#action_main .para {
	margin: 0px auto 10px 0px
}

#action_main .para .header {
	line-height: 24px;
	border-bottom: #C0504D solid 1px;
}

#action_main .para h2 {
	padding-left: 5px;
	width: 160px;
	height: 24px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12pt;
	background-image: url(../img/base_header.gif);
	background-repeat: repeat-x;
}

#action_main .para .body ul {
	margin-left: 20px;
	list-style-type: disc;
}


/* 12,000円でできること */
.action {
	width: 154px;
}

.action .header {
	height: 24px;
	background-image: url(../img/action.gif);
	background-repeat: no-repeat;
	text-indent: -99999px;
}


/* 終了メッセージ */
.finish {
	margin: 10px auto 20px;
	width: 500px;
	text-align: left;
	position: relative;
	display: block;
	border: #FF0000 solid 2px;
	font-size: normal;
	overflow: hidden;
}

.finish .title {
	margin: 0;
	padding: 0 0 0 10px;
	color: #FFFFFF;
	background: #FF0000;
	font-weight: bold;
}

.finish .text {
	padding: 10px;
}

.finish .text .amount {
	margin: 5px 0 5px 50px;
	font-weight: bold;
}

.finish .text a {
	color: #FF0000;
	font-weight: bold;
	text-decoration: underline;
}