/* 全体 */
/* body {margin:0px;padding:0px;background:#FFFFFF;} */

/* ページレイアウトテーブル */
table.layout {padding:5px; width:100%; height:100%}

/* 目次用テーブル */
table.mokuji {line-height:130%; border:1px solid #0099FF; width:130px; height:200px}
td.mokuji {vertical-align:top; width:15%}

/* 日記用テーブル */
table.diary {line-height:130%; border:1px dashed #0099FF; margin-left:2%; margin-right:2%; width:600px}
td.diary {vertical-align:top;}

/* 500pxテーブル */
table.basic { 
width: 500px; /* テーブルの横幅 */ 
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 2px solid #FFCC66; /* テーブル全体の枠線（太さ・色・スタイル） */ 
}

/* 基本コンテンツセル */
table.basic td {
	padding: 5px;
	border:1px solid #FFCC66;
}

/* 日記見出し */
h4 {font:bold; color:gray; padding:1px; border-left:gray 22px solid; border-bottom:gray 1px dotted}

/* アルバム見出し */
font.h4 {font:bold; color:gray; padding:1px; border-left:gray 22px solid; border-bottom:gray 1px dotted}

/* アルバム用テーブル（写真) */
td.pic {width:140px}

/* アルバム用テーブル（タイトル) */
td.title {vertical-align:top}

/* アルバム用テーブル（コメント） */
td.comment {vertical-align:top;}

/* ページレイアウト(ヘッダー)<td> */
td.header {vertical-align:top;}

/* ページレイアウト(フッター)<td> */
td.footer {vertical-align:bottom;}