@charset "utf-8";
/*----------------------------
  CSS E.Yamashita Document 2008.08
  Last Update 2008.09.01 E.Yamashita


　├ 枠設定
	　　└ トップイメージ
　├ コンテンツ部
	　　├ キャンペーン情報
	　　├ 寄付金のお願いについて
	　　├ バナー
	　　└ 各ブログへのリンク
　├ サイドナビ
　└ 


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

@import "common.css";


/*####################　枠設定　####################*/

#TopImg {
	margin: 6px auto 0;
	text-align: center;
	}

#Main {
	display: inline;
	float: right;
	width: 540px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 16px;
	}

#Sub {
	display: inline;
	float: left;
	width: 225px;
	margin-top: 7px;
	margin-left: 15px;
	}

#Footer {
	margin-top: 10px;
	}

/*####################　コンテンツ部　####################*/

#Main h2 {
	width: 540px;
	padding-top: 9px;
	padding-bottom: 7px;
	background: url(../img/bg_midashi540.gif) no-repeat center left;
	color: #fff;
	font-size: 12px;
	text-indent: 11px;
	}


/*　キャンペーン情報
-------------------------------------*/

#Push {
	margin-left: 10px;
	width: 520px;
	background: #343e57 url(../img/top/bg_campaign.gif) no-repeat 0 100%;
	font-size: 11px;
	}

#Push dl {
	margin: 0 0 4px;
	padding-left: 10px;
	background: #343e57 url(../img/top/bg_campaign_top.gif) repeat-x 0 0;
	}

#Push dt {
	color: #fff;
	}

#Push dt.photo {
	float: left;
	margin: 6px 10px 0 0 ;
	padding-bottom: 4px;
	}
	#Push dt.photo img {
		border: #fff 1px solid;
		}

#Push dt.title {
	float: left;
	height: 10px;
	margin-top: 6px;
	margin-right: 5px;
	}

#Push dd {
	color: #ccc;
	}

#Push dt.title a {text-decoration: none; color: #fff;}

#Push dt.btn img {
	margin-top: 6px;
	padding-top: 2px;
	}


*html #Push dl {margin: 0px 0 1px; padding-left: 5px;}
*html #Push dt.photo {margin: 6px 5px 0 3px;}
*html #Push dt.title {margin-top: 5px; margin-left: 2px;}
*html #Push dt.btn img {margin-top: 7px; margin-bottom: 1px;}

*:first-child+html #Push dl {margin: 0px 0 1px;}


/*　寄付金のお願いについて
-------------------------------------*/

#Donation {
	margin-top: 8px;
	}

#Donation h2 {
	margin-bottom: 10px;
	}

#Donation h3 {
	margin-bottom: 12px;
	font-size: 18px;
	}

#Donation p {
	margin: 5px;
	line-height: 1.5;
	}

#Donation .photo {
	clear: both;
	float: left;
	margin-right: 10px;
	}

#Donation .photo p {
	margin: 0;
	}

#Donation .photo img {margin: 2px 2px 1px; border: none;}
#Donation .photo p.img {
	width: 180px;
	height: 179px;
	background: url(../img/top/bg_campaign_img.gif) no-repeat top left;
	border-bottom: #c9c7ba 1px solid;
	}

#Donation .photo p.text {
	width: 172px;
	margin-top: 1px;
	padding: 4px;
	background: #c9c7ba;
	font-size: 10px;
	}

#Donation .btn {
	margin-top: 15px;
	text-align: right;
	}

*html #Donation .photo img {margin: 2px 2px -2px;}
*html #Donation .photo p.text {width: 180px;}


/*　バナー
-------------------------------------*/

#Banner {
	margin-top: 15px;
	}

#Banner p {
	margin-top: 12px;
	}


*html #Banner {margin-top: 0px;}
*:first-child+html #Banner {margin-top: 0px;}


/*　各ブログへのリンク
-------------------------------------*/

#Blogs {
	margin-top: 12px;
	padding: 0 3px 4px;
	background: #fff repeat-x bottom left;
	}

#Blogs dl {
	float: left;
	margin: 4px 3px;
	padding: 6px;
	width: 152px;
        background: #fff
	
	}

#Blogs dt.point {
	min-height: 22px;
	margin-top: 4px;
	margin-bottom: 5px;
	padding-top: 8px;
	padding-left: 14px;
	background: #fff url(../img/top/blogs_point.gif) no-repeat 0 50%;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.1;
	}
	#Blogs dt.point.list02 {padding-top: 0px;}

#Blogs dt.point a {text-decoration: none; color: #333;
        background: #fff; }

#Blogs dd.text {
	min-height: 50px;
        background: #fff; 
	}

#Blogs dd.bn {
	margin-top: 4px;
	text-align: right;
        background: #fff;
	}


*html #Blogs {padding: 0 0 4px 2px;}
*html #Blogs dl {margin: 4px 3px 4px 2px; width: 172px;}
*html #Blogs dt.point {height: 30px;}
*html #Blogs  dd.text {height: 50px;}

*:first-child+html #Blogs {padding-bottom: 8px;}


/*####################　サイドナビ　####################*/

#Sub div.sideHeader {
	padding-top: 10px;
	padding-bottom: 2px;
	background: url(../img/sub/bg_subheader.png) no-repeat 0 0;
	}
#Sub div.sideHeader h2 {
	width: 225px;
	padding-top: 8px;
	padding-bottom: 8px;
	background: url(../img/sub/bg_h2.gif) no-repeat 10px center;
	color: #fff;
	font-size: 12px;
	text-indent: 20px;
	min-height:16px;
	}
#Sub div.sideHeader .rss {
		margin-top: -22px;
		margin-right: 18px;
		float: right;
		}

*html #Sub div.sideHeader .rss {margin-right: 9px;}


/*　支援プロジェクト(6/16移動）
--------------------------------------*/


#SideProject {
	margin-bottom: 3px;
	padding-top: 1px;
	padding-bottom: 12px;
	background:url(../img/sub/bg_subbox.png) no-repeat 0 100%;
	}

*html #SideProject {background:url(../img/sub/bg_subbox.gif) no-repeat 0 100%;}


#SideProject a {color: #47639e;}

#SideProject p {
	margin-left: 10px;
	}

#SideProject ul {
	margin-top: 5px;
	}

#SideProject ul li {
	margin-left: 10px;
	padding-bottom: 5px;
	min-height: 12px;
	line-height: 1;
	}

#SideProject ul li img {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	}


#PageProject #SideProject {
	margin-bottom: 3px;
	padding-top: 1px;
	padding-bottom: 12px;
	background:none;
	} 
#PageProject #SideProject p {margin:0;}
#PageProject #SideProject table {margin-left:10px;}
#PageProject #SideProject th {
	padding:2px;
	text-align:center;
	}
#PageProject #SideProject td {
	padding:3px 12px;
	text-align:left;
	}



/*　支援プロジェクト(6/16New）
------------------------------------*/
#Project {
	float:left;
	display:inline;
	width:225px;
	margin:0 0 0 15px;
	padding-top:0px;
	padding-bottom:7px;
	background:url(../topimg/project/wall.gif) left bottom no-repeat;}

#Project table { margin-left:10px;}
#Project table th {
	padding:2px;
	text-align:center;
	}

#Project table td {
	padding:3px 12px;
	text-align:left;
	}



/*　トピックス
-------------------------------------*/

#SideTopics {
	margin-bottom: 3px;
	padding-top: 1px;
	padding-bottom: 20px;
	background:url(../img/sub/bg_subbox.png) no-repeat 0 100%;
	}

*html #SideTopics {background:url(../img/sub/bg_subbox.gif) no-repeat 0 100%;}

#SideTopics dl {
	clear: both;
	margin: 5px 10px 0;
	padding: 7px 0 0;
	background: url(../img/sub/line.gif) repeat-x 0 0;
	}
	#SideTopics dl.first {
		background: none;
		}
*:first-child+html #SideTopics dl.first {
		width: 205px;
		padding-left: 10px;
		}

#SideTopics dt {
	line-height: 1.4;
	}

#SideTopics dt.photo {
	float: left;
	margin-top: 2px;
	margin-right: 5px;
	}
	#SideTopics dt.photo img {
		border: #666 1px solid;
		}

#SideTopics dd {
	margin-top: 1px;
	margin-right: 1px;
	font-size: 10px;
	font-family: verdana;
	text-align: right;
	}

#SideTopics dl {zoom:1; clear:both;}
#SideTopics dl:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}



/*####################　プロジェクトページ　####################*/

.contentsBox2 {zoom:1;}
.contentsBox2:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

#PageProject #Main h2 {
	width: 540px;
	padding-top: 0;
	padding-bottom: 0;
	background: none;
	text-indent: 0;
	}

/*　寄付金のお願いについて
-------------------------------------*/

#Presentation .list01,
#Presentation .list02 {
	clear: both;
	margin-top: 8px;
	padding-bottom: 8px;
	background: url(../img/line_dashed2px.gif) repeat-x 100% 100%;
	}

#Presentation .list01,
#Presentation .list02 {zoom:1;}
#Presentation .list01:after,
#Presentation .list02:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

#Presentation h3 {
	margin-bottom: 12px;
	font-size: 18px;
	}

#Presentation .photo {
	margin-bottom: 10px;
	}

	#Presentation .list01 .photo {
		float: left;
		margin-right: 10px;
		}
	#Presentation .list02 .photo {
		float: right;
		margin-left: 10px;
		}

#Presentation .photo img {margin: 2px 2px 1px; border: none;}
#Presentation .photo p.img {
	width: 180px;
	height: 179px;
	background: url(../img/top/bg_campaign_img.gif) no-repeat top left;
	border-bottom: #c9c7ba 1px solid;
	}

#Presentation .photo p.text {
	width: 172px;
	margin-top: 1px;
	padding: 4px;
	background: #c9c7ba;
	font-size: 10px;
	}

#Presentation .btn {
	margin-top: 15px;
	text-align: right;
	}

*html #Presentation .photo img {margin: 2px 2px -2px;}
*html #Presentation .photo p.text {width: 180px;}



/*　サイド
-------------------------------------*/

#SideProjectBn {
	margin-top: 3px;
	}

#SideProjectBn a {color: #47639e;}

#SideProjectBn p {
	margin-left: 0;
	margin-bottom: 8px;
	}

#SideProjectBn ul {
	margin-top: 5px;
	}

#SideProjectBn ul li {
	margin-left: 10px;
	padding-bottom: 5px;
	min-height: 12px;
	line-height: 1;
	}

#SideProjectBn ul li img {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	}

#PageProject #Sub div.sideHeader h2 {
	background: url(../img/project/sub/bg_h2.gif) no-repeat 10px center;
	}


#PageProject #TopImg {
	margin: 6px auto 6px;
	text-align: center;
	}
	


/*　2列になってるところ
-------------------------------------*/

#ProjectReport h3,
#PartnerInfomation h3 {
	width: 265px;
	margin-bottom: 4px;
	padding-top: 8px;
	padding-bottom: 8px;
	background: url(../img/project/bg_midashi265.gif) no-repeat center left;
	color: #fff;
	font-size: 12px;
	text-indent: 11px;
	min-height: 16px;
	}


#ProjectReport {
	float: left;
	margin-bottom: 20px;
	width: 265px;
	}

#PartnerInfomation {
	float: left;
	margin-left: 10px;
	margin-bottom: 20px;
	width: 265px;
	}


.contentsBox2 dl {
	clear: both;
	padding: 4px;
	width: 257px;
	}
.contentsBox2 dl:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

/*　リスト背景色　*/
.contentsBox2 dl.list01 {background-color: #fff;}
.contentsBox2 dl.list02 {background-color: #f4f4f4;}

.contentsBox2 dl a:hover {color: #2693d1;}


.contentsBox2 dt.photo {
	float: left;
	margin-right: 10px;
	width: 60px;
	height: 60px;
	background: url(../img/project/bg_entrylist.gif) no-repeat 0 0;
	}
.contentsBox2 dt.photo img {
	margin: 4px;
	}


.contentsBox2 dt.title {
	padding: 5px 0;
	font-size: 14px;
	}
.contentsBox2 dd {
	color: #666;
	}


*html .contentsBox2 dl {width: 265px;}



/*####################　会員ページ　####################*/

#PageMembers #Main {
	margin-top: 8px;
	}


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


#PageMembers div.sideHeader {
	padding-top: 10px;
	padding-bottom: 2px;
	background: url(../img/sub/bg_subheader.png) no-repeat 0 0;
	}
#PageMembers #Sub h2 {
	background: url(../img/members/sub/bg_h2.gif) no-repeat 10px center;
	}

#SideMemCategories,
#SideMemEntries,
#SideMemCalender {}

#SideMemCategories,
#SideMemEntries,
#SideMemCalender {
	margin-bottom: 3px;
	padding-top: 1px;
	padding-bottom: 15px;
	background:url(../img/sub/bg_subbox.png) no-repeat 0 100%;
	}

*html #SideMemCategories,
*html #SideMemEntries,
*html #SideMemCalender {background:url(../img/sub/bg_subbox.gif) no-repeat 0 100%;}

#PageMembers #Sub ul li a {color: #e6961b;}

#PageMembers #Sub p {
	margin-left: 10px;
	}
#PageMembers #Sub ul {
	margin: 2px 2px;
	}
#PageMembers #Sub ul li {
	margin: 5px 10px 0;
	padding: 5px 0 0;
	background: url(../img/sub/line.gif) repeat-x 0 0;
	min-height: 12px;
	line-height: 1.3;
	color: #666;
	}
	#PageMembers #Sub ul li.first {
		background: none;
		}



/*　タイトルボックス
-------------------------------------*/

#PageMembers .titleBox {
	background: #f8f8f8;
	border: #ccc 1px solid;
	width: 540px;
	}

p.entryDate {
	float: left;
	margin: 6px 16px 6px 3px;
	width: 42px;
	border-right: #ccc 1px solid;
	}
span.entryDay,
span.entryMonth,
span.entryYear {
	float: left;
	color:#333;
	width: 42px;
	text-align: center;
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	}
span.entryDay {font-size: 24px; font-weight: bold;}
span.entryMonth {font-size: 12px; font-weight: bold;}
span.entryYear {font-size: 10px;}



#PageMembers .titleBox h3 {
	margin-top: 8px;
	margin-bottom: 2px;
	font-size: 16px;
	line-height: 1.3;
	}
#PageMembers .titleBox h3 a {text-decoration: none; color: #333;}
#PageMembers .titleBox h3 a:hover {text-decoration: none; color: #e6961b; border-bottom: #e6961b 1px solid;}

p.entryCategory {
	margin-top: 0px;
	margin-bottom: 2px;
	font-size: 10px;
	}



*html #PageMembers .titleBox {padding-bottom: 6px;}
*:first-child+html #PageMembers .titleBox {padding-bottom: 6px;}


/*　ブログ記事の概要
-------------------------------------*/

#PageMembers .box {
	clear: both;
	margin: 10px 0;
	padding: 0 0 8px;
	width: 540px;
	background: url(../img/line_dashed2px.gif) repeat-x 100% 100%;
	}
#PageMembers .box {zoom:1; clear:both;}
#PageMembers .box:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

#PageMembers .box p {
	margin: 5px;
	line-height: 1.5;
	}

#PageMembers .box .photo {
	clear: both;
	float: left;
	margin-right: 10px;
	}

#PageMembers .box .photo img {margin: 1px 1px 1px; border: none;}
#PageMembers .box .photo p.img {
	width: 180px;
	height: 179px;
	background: url(../img/top/bg_campaign_img.gif) no-repeat top left;
	border-bottom: #c9c7ba 1px solid;
	}

*html #PageMembers .box .photo img {margin: 2px 2px -2px;}


p.pageTop {
	text-align: right;
	margin-bottom: 20px;
	}



/*パンくずリスト*/

#PageMembers #TopicPath {}
#PageMembers #TopicPath li {
	display: inline;
	}












/*end*/