body {
	background:#abb url("/img/bg-abb.jpg") repeat-y center;
	color:black;
	padding: 10px 20px;
	font-family: Helvetica, "メイリオ", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	line-height:120%;
	/* ドキュメント最大幅を指定する。
	 *
	 * 本質的にはこの指定は必要ないが、フレーム無しで表示
	 * した場合のレイアウトがフレーム有の場合と大きく
	 * 乖離しないようにするために指定する。
	 *
	 * IEではこの設定は反映されないが、それについては
	 * JavaScript と IE 専用 CSS を使って無理やり解決する。*/
	margin:0 auto;
	max-width:650px;	/* 白の部分は700px */
}
body > * { background: white; }
h1,h2,h3,h4,h5 {
	margin:0;
	padding:1em 0 0.5em 0;
	border:none;
	width:100%;
	overflow:hidden;
}
h1 { font-size:150% }
h2 { font-size:130% }
h3 { font-size:110% }
h4,h5 { font-size:100% }
h1,h2,h3,h4,h5,em,strong,th {
	font-style:normal;
	font-weight:bolder;
}
address {
	font-style:normal;
	vertical-align:bottom;
	display:inline;
}
table {
	border:0;
	border-collapse:collapse;
	font-size:100%;
}
td, th {
	margin:0;
	padding:0.2em 0.2em;
	vertical-align:baseline;
}
th {
	text-align:left;
	white-space:nowrap;
}
img { border:0; }
h1 img,h2 img,h3 img {
	position:relative;
	left:-20px;
}
p {
	margin:0;
	padding:0.3em 0;
	text-indent:0;
}
strong {
	font-size:125%;
}
ul, ol {
	margin:0;
	padding-left:1.5em;
	list-style-position:outside;
}
.subtitle {
	width:auto;
	margin:1em 0 0.5em 0;
	padding:0.3em 0.5em;
	background-color:#DDD;
	border:1px solid #666;
/*	border-left:10px solid #666; */
}
.navi {
	text-align:right;
	font-size:80%;
	margin-bottom:0.5em;
}
.back {
	margin-top:4em;
	font-size:80%;
	text-align:right;
/*	border-top:1px solid #666; */
}
.note {
	font-size:90%;
}
.signature {
	margin-top:1em;
	text-align:right;
}

.important {
	color:red;
	text-decoration:none;
}
.shore {	/* つっかえ棒＝レイアウトの基準 */
	white-space:nowrap;
}
.level2 {
  margin-left: 1em;
}
.level3 {
  margin-left: 2em;
}
th .note {
	font-weight:normal;
}
hr.space {
	border:none;
	color:#FFF;
	height:2em;
	clear:left;
}
a.rss {
	color:blue;
	font-size:80%;
/*	border:1px solid blue; */
	text-decoration:none;
	position:relative;
	top:0.2em;
}

/*===========================================================
 * 以下は本来は別のCSSに分離すべきもの。
 * ただし分量があまりに少ないのでここにまとめる。
 ===========================================================*/

/*---------------------------------------------------------
 * content.htm
 ---------------------------------------------------------*/
#greetingBlock {
	margin:0;
	padding:0;
	width:64%;
	border:none;
	overflow:hidden;
	float:left;
}
#greetingBlock h2 {
	margin-top:0;
	padding-top:0;
}
/*#greetingBlock p {
	text-indent:1em;
}*/

#newsBlock {
	margin:25px 0 0 0;
	border: #393 solid 2px;
	background-color:#DFD;
	width:33%;
	float:right;
	padding:0;
	overflow:hidden;
}
#newsBlock h2 {
	width:auto;
	margin:0 0.7em;
	padding:0.2em 0;
	color:#060;
	border-bottom:1px solid #393;
	font-size:100%;
}
#newsBlock ul {
	margin:0 0.7em;
	padding:0;
/*	list-style-position:inside;
	list-style-type:square; */
	list-style-position:outside;
	list-style-type:none;
	text-indent:0;
}
#newsBlock .note {
	margin:0 0.7em;
	padding:0.2em 0;
}
#newsBlock a { text-decoration:none; }
#newsBlock a:visited, #newsBlock a:link { color:#060; }
#newsBlock a:link:hover, #newsBlock a:active {
	color:#393;
	text-decoration:underline;
}
#newsBlock li {
	padding:0.2em 0;
	border-bottom:solid #393 1px;
}

#indexBlock {
	clear:both;
	width:100%;
	overflow:hidden;
}

#contactBlock {
	font-size:90%;
	background-color:#FFC;
	padding:5px 0.5em;
	border:1px solid red;
}
#contactBlock p { margin:0px; }

/*---------------------------------------------------------
 * membership.htm
 * 枠付き table。
 ---------------------------------------------------------*/
.framed td, .framed th {
	border:1px solid black;
	padding:3px 0.5em;
}
.framed td {
	text-align:right;
}

/*---------------------------------------------------------
 * link.htm
 ---------------------------------------------------------*/
.link td {
	vertical-align:baseline;
/*	font-size:90%; */
	padding:7px 5px;
}

/*---------------------------------------------------------
 * message.htm
 ---------------------------------------------------------*/
.upper_right_corner {
	float:left;
	margin:5px 12px 12px 0;
}

/*---------------------------------------------------------
 * アルバム向け
 ---------------------------------------------------------*/
body#album {
	/* アルバムは画面最大幅の縛りなし */
	max-width:none;
	background:white;
}
#album h1, #album h2, #album h3, #album p {
	clear:both;
}
.photo {
	float:left;
	text-align:center;
	font-size:90%;
	margin:0;
	padding:3px;
}
.photo img { border:none; }
/*.photo img {
	border-color:white;
	border-style:solid;
	border-width:5px 5px 2px 5px;
}*/