/*top_pict 20040403 puiani*/
/*ベース色は白にしてあります。自由な色合いにしてください。
background-colorは背景色，colorは文字色，border-colorはボーダー色です。
色指定の書式は様々ですが，RGB16進法を使ってます。
web検索すればすぐ出てきますから調べてください。
transparentは透明色です。*/

/*色設定開始*/
body	    { color: #333333; background-color: transparent; background-image: url("pbimg/whitewall.jpg") }

h1	{
	background-color:#336666;/*←背景画像が読込中および表示不可の色*/
	background-image:url(pbimg/top_background.jpg);
	background-repeat:no-repeat;
	color:#ffffff;
	}

h2	{
	background-color:transparent;
	color:#336666;
	}

div#top p	{
	background-color:transparent;
	color:#666666;
	}

div.pastlink_item	{
	background-color:#ffffff;
	color:#333333;
	border-top-color:#cccccc;
	border-right-color:#666666;
	border-bottom-color:#666666;
	border-left-color:#cccccc;
	}

div#main_photo p.photo img	{
	background-color:#ffffff;
	color:#333333;
	border-top-color:#cccccc;
	border-right-color:#666666;
	border-bottom-color:#666666;
	border-left-color:#cccccc;
	}

div#text	{
	border-bottom-color:#cccccc;
}

div.tt	{
	border-bottom-color:#cccccc;
	}

div.thumtack_name	{
	background-color:transparent;
	color:#336666;
}

div#pb_counter	{
	background-color:transparent;
	color:#336666;
	}

div.friends_item	{
	background-color:#ffffff;
	color:#333333;
	border-top-color:#cccccc;
	border-right-color:#666666;
	border-bottom-color:#666666;
	border-left-color:#cccccc;
	}

div.month_item p.photo	{
	background-color:#ffffff;
	color:#333333;
	border-top-color:#cccccc;
	border-right-color:#666666;
	border-left-color:#cccccc;
	}

div.month_item p.information	{
	background-color:#ffffff;
	color:#333333;
	border-right-color:#666666;
	border-bottom-color:#666666;
	border-left-color:#cccccc;
}

div.allfriends_item p.photo	{
	background-color:#ffffff;
	color:#333333;
	border-top-color:#cccccc;
	border-right-color:#666666;
	border-left-color:#cccccc;
}

div.allfriends_item p.information	{
	background-color:#ffffff;
	color:#333333;
	border-right-color:#666666;
	border-bottom-color:#666666;
	border-left-color:#cccccc;
}

/*未訪問リンク*/
a:link	{
	background-color:transparent;
	color:#336666;
	}

/*訪問済みリンク*/
a:visited	{
	background-color:transparent;
	color:#333333;
	}

/*リンク上にカーソルを持ってきたとき*/
a:hover	{
	background-color:transparent;
	color:#666633;
	}

/*リンクをクリックしたとき*/
a:active	{
	background-color:transparent;
	color:#333333;
	}

/*h1(右上の大きい文字のところ)の未訪問リンクと訪問済みリンク*/
h1 a:link, h1 a:visited	{
	background-color:transparent;
	color:#ffffff;
	text-decoration:none;
}

/*h1のホバーとアクティブ*/
h1 a:hover, h1 a:active	{
	background-color:transparent;
	color:#ffff00;
	text-decoration:none;
}
/*色設定ここまで*/

/*本文(全体の背景色や文字色を指定)*/
body	{
	margin:0;
	padding:0;
	line-height:1;
	text-align:center;
	}

/*見出し1*/
h1	   { font-size: 240%; font-style: italic; font-weight: bold; text-align: left; margin: 0 auto; padding: 10px; width: 780px; height: 80px }

/*見出し2*/
h2	{
	margin:10px 0 20px;
	padding:0;
	font-size:90%;
	font-weight:normal;
	text-align:center;
	}

/*月別写真内の見出し2(日付)*/
div.month_item h2{
	margin:0 0 10px;
	font-size:80%;
}

/*すべての友達写真内の見出し2(名前)*/
div.allfriends_item h2{
	margin:0 0 10px;
	font-size:80%;
}

/*段落*/
p	{
	margin:10px 0;
	padding:0;
	}

/*写真を含む段落*/
p.photo	{
	margin:0;
	padding:0;
	line-height:1;
	text-align:center;
	}

/*日付等の情報を含む段落*/
p.information	{
	margin:0;
	padding:0;
	line-height:1.2;
	font-size:70%;
	}

/*ページナビゲーションの番号なしリスト*/
ul#navigation	{
	margin:10px auto;
	padding:0;
	list-style-type:none;
	width:500px;
	}

/*ul#navigationのリストアイテム*/
ul#navigation li	{
	display:inline;
	margin:10px;
	}

/*index.htmlにおいて，Latest Album, View All，PhotoBox LinkUp Anchorのリンクを表示する番号なしリスト*/
ul.anchor	{
	margin:20px 0 10px;
	padding:0;
	list-style-type:none;
	}

/*ul.anchorのリストアイテム*/
ul.anchor li	{
	margin:10px 0;
	padding:0;
	}

/*ブロックレベル要素のグループ化*/
div	{
	margin:0;
	padding:0;
	}

/*ページ上段のグループ*/
div#top	{
	margin:0 auto 10px;
	padding:0;
	width:800px;
	}

/*index.htmlの最終更新日の段落*/
div#top p	{
	font-style:oblique;
	text-align:right;
	}

/*<<prevとnext>>*/
div#prev     { font-style: inherit; font-weight: inherit; font-stretch: inherit; text-align: left; margin-top: 15px; float: left }
div#next     { color: #336666; font-style: inherit; font-weight: inherit; font-stretch: inherit; text-align: right; margin-top: 15px; float: right }

/*ページ中段のグループ*/
div#middle	{
	margin:5px auto;
	text-align:center;
	width:750px;
	}

/*ページ下段のグループ*/
div#bottom	{
	margin:10px auto 0;
	padding:5px 10px;
	clear:left;
	width:800px;
	}

/*ページ下段のグループ内の段落(powered by PhotoBox)*/
div#bottom p{
	font-size:90%;
	text-align:center;
}

/*index.htmlにおける横３段組グループ(３段組を崩さない配慮)*/
div#fixed_width	{
	margin:0 auto;
	width:800px;
	}

/*index.htmlにおける左の段組グループ(最近の過去写真)*/
div#pastlink_column	{
	margin:5px 10px 5px 0;
	padding:0;
	text-align:center;
	width:130px;
	float:left;
	}

/*div#pastlink_column内に配置される最近の過去写真グループ*/
div.pastlink_item	{
	margin-bottom:10px;
	padding:4px;
	text-align:center;
	border-width:1px;
	border-style:solid;
	width:120px;
	}

/*index.htmlにおける真ん中の段組グループ(メイン写真)*/
div#main_column	{
	margin:5px 10px;
	padding:0;
	text-align:left;
	width:500px;
	float:left;
	}

/*div#main_column内のメイン写真グループ(写真枠)*/
div#main_photo	{
	margin:0;
	padding:0;
	text-align:center;
	}

div#main_photo p.photo img	{
	margin:0;
	padding:8px;
	text-align:center;
	border-width:1px;
	border-style:solid;

	}

/*div#main_column内の自分のコメントグループ*/
div#text	{
	margin:10px 0;
	text-align:left;
	border-bottom-width:1px;
	border-bottom-style:solid;
}

/*自分のコメントグループ内の段落*/
div#text p{
	margin:0 0 10px;
	padding:0;
	line-height:1.2;
}

/*div#main_column内のコメントシステム表示グループ*/
div#text-footer	{
	margin:5px 0 0;
	text-align:left;
}

/*コメントシステムの１コメント全体*/
div.tt	{
	margin:10px 0;
	border-bottom-width:1px;
	border-bottom-style:solid;
}

/*１コメントの中の本文*/
p.thumbtack_comment	{
	margin:5px 0 0;
	line-height:1.2;
	font-size:90%;
}

/*１コメントの中の名前*/
div.thumbtack_name	{
	margin:0 0 5px;
	font-size:80%;
	font-style:oblique;
	text-align:right;
}

/*コメントフォーム*/
form	{
	margin:5px 0;
	padding:0;
	font-size:90%;
	}

/*フォーム内のinputとtextarea*/
div#form_group input[type="text"], div#form_group textarea	{
	display:block;
	margin:0;
	padding:0;
	width:80%;
}

/*トラックバック*/
div.trackback dl	{
	margin:5px 0;
	padding:0;
	font-size:90%;
}

div.trackback dt	{
	margin:0;
	padding:0;
}

div.trackback dt:after	{
	content:":";
}

div.trackback dd	{
	margin:0;
	padding:0;
}

div.trackback dd form	{
	margin:0;
	padding:0;
}

div.trackback dd form input	{
	margin:5px 0;
	padding:0;
	width:60%;
}

div.trackback_head	{
	margin:5px 0;
	padding:0;
	font-size:90%;
}

div.trackback_title	{
	margin:5px 0;
	padding:0;
	font-size:90%;
	clear:left;
	float:left;
	width:380px;
	height:80px;
}

div.trackback_excerpt	{
	margin:5px 0;
	padding:0;
	font-size:90%;
	clear:right;
	float:right;
	width:120px;
	height:80px;
}

/*カウンター*/
div#pb_counter	{
	margin:5px 0;
	padding:0;
	font-style:oblique;
	font-size:90%;
	clear:both;
}

/*index.htmlにおける右の段組グループ(最近更新された友達写真)*/
div#friendslink_column	{
	margin:5px 0 5px 10px;
	padding:0;
	text-align:center;
	width:130px;
	float:left;
	}

/*div#friends_column内に配置される最近更新された友達写真グループ*/
div.friends_item	{
	margin-bottom:10px;
	padding:4px;
	text-align:center;
	border-width:1px;
	border-style:solid;
	width:120px;
	}

/*月別過去写真グループ*/
div.month_item	{
	margin:10px 10px 0;
	text-align:center;
	width:130px;
	height:170px;
	overflow:hidden;
	float:left;
	}

/*月別過去写真グループ内の写真を含むの段落*/
div.month_item p.photo	{
	padding:4px 4px 5px;
	border-width:1px 1px 0;
	border-style:solid;
	}

/*月別過去写真グループ内の情報等*/
div.month_item p.information	{
	padding:0 4px 4px;
	border-width:0 1px 1px;
	border-style:solid;
}

/*すべての友達写真グループ*/
div.allfriends_item	{
	margin:10px 10px 0;
	text-align:center;
	width:130px;
	height:170px;
	overflow:hidden;
	float:left;
	}

/*すべての友達写真グループ内の写真を含むの段落*/
div.allfriends_item p.photo	{
	padding:4px 4px 5px;
	border-width:1px 1px 0;
	border-style:solid;

}

/*すべての友達写真グループ内の情報等*/
div.allfriends_item p.information	{
	padding:0 4px 4px;
	border-width:0 1px 1px;
	border-style:solid;

}

/*写真表示部分*/
img	{
	border-width:0;
	}