@charset "utf-8";

/* 【フォト575用スタイルシート】
---------------------------------------------*/

#intro {
	color: #FFFFFF; /* ← 文字色 */

	width: 740px;
	padding: 5px 10px 7px 10px;
	margin: 0;
	background: url(../575/images/b_intro.gif);
}


#bosyu {
	width: 760px;
	height: 38px;
	background:  url(../575/images/b_bosyu0.gif);
}

#bosyu img{
	border: 0;
	background:url(../575/images/b_bosyu0.gif) top right no-repeat;
}
#bosyu a{
	display: block;
	width: 100%; /* ← Windows Internet Explorer対策のため、ボックスの幅を指定。*/
	height: 38px;
}
#bosyu a:hover {
	background-color: transparent;
}
#bosyu a:hover img{
	visibility: hidden;
}


#odai {
	width: 760px;
	height: 38px;
	background:  url(../575/images/b_odai0.gif);
}

#odai img{
	border: 0;
	background:url(../575/images/b_odai0.gif) top right no-repeat;
}
#odai a{
	display: block;
	width: 100%; /* ← Windows Internet Explorer対策のため、ボックスの幅を指定。*/
	height: 38px;
}
#odai a:hover {
	background-color: transparent;
}
#odai a:hover img{
	visibility: hidden;
}





a {
	cursor: hand;
}



.h_sect1 {
	float: left;
	width: 244px;
	/*　height: 490px;　*/
	margin: 0 14px 10px 0;
	padding: 5px 0 0 0;
	/*　border: 1px solid #FF0000;　*/
	background: #FFFFFF url(../575/images/photo_ta.gif) left top no-repeat;
}
.h_sect2 {
	float: left;
	width: 244px;
	/*　height: 490px;　*/
	margin: 0 14px 10px 0;
	padding: 5px 0 0 0;
	/*　border: 1px solid #FF0000;　*/
	background: #FFFFFF url(../575/images/photo_tb.gif) left top no-repeat;
}
.h_sect3 {
	float: right;
	width: 244px;
	/*　height: 490px;　*/
	margin: 0 0 10px 0;
	padding: 5px 0 0 0;
	background-color: #FFFFFF;
	background: #FFFFFF url(../575/images/photo_tc.gif) right top no-repeat;
}
.h_sect4 {
	float: right;
	width: 244px;
	/*　height: 490px;　*/
	margin: 0 0 10px 0;
	padding: 5px 0 0 0;
	background-color: #FFFFFF;
	background: #FFFFFF url(../575/images/photo_td.gif) right top no-repeat;
}


h3 {
	font-size: 13px;
	float: left;
	width: 209px;
	height: 26px; /* 実際の枠の高さは44px */
	overflow: hidden;
	margin: 0;
	padding: 18px 0 0 30px;
}




/* 見出しと段落
---------------------------------------------*/

/* font-sizeプロパティの計算値は継承するため、body要素に指定したフォントサイズが
   以下（↓）の h2 要素に対しても反映される。 */
/* 例えば h2（↓）は body でいったん 75% になったフォントの、117% サイズ。 */


#wrapper h2 {
	width: 595px;
	line-height: 26px; /* ← 行ボックスの高さを固定 */
	overflow: hidden;  /* ← はみ出した内容を隠すように指定 */

	font-size: 117%;
	color: #333333;
	background: #FFFFFF url(../575/images/b_h2.gif) left bottom no-repeat;
	/*　border: 1px solid #333333;　*/
	margin: 0 0 5px 0;
	padding: 0 0 0 165px;
}


/* その月の全575表示用インフォ・ボックス */
.infobox {
	width: 226px;
	height: 250px;
	padding: 8px;
	overflow: auto;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}
/* ↑ http://allabout.co.jp/internet/hpcreate/closeup/CU20050922A/index.htm より */


/* インフォ・ボックス内の雅号を小さくして右寄せ */
.infobox small {
	display: block;
	text-align: right;
	font-size: 80%;
	color: #888888;
	margin: 0 0 12px 0;
}