/***********************************************************************
	divレイアウト用 id/class
***********************************************************************/

/***** id *****/

/* 全体のレイアウト */
#layout {
	width: 800px;
}

/* ヘッダーセクション */
#header {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* ヘッダーナビ・セクション */
#header-navi {
	float: left;
	width: 70%;
	text-align: left;
	font-size: 90%;
}

/* ヘッダーカウンターセクション */
#header-counter {
	float: left;
	width: 30%;
	text-align: right;
}

/* メインコンテンツ・セクション */
#main {
	clear: both;
}

/* フッタ・セクション */
#footer {
	clear: both;
}

/* フッタナビ・セクション */
#footer-navi {
	font-size: 90%;
}

/***** class *****/

/* 図のレイアウト */
.fig-box {
	margin: 0px 10px 5px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	text-align: center;
}

/* 個別コンテンツのレイアウトに使用(段組解除) */
.contents-box {
	clear: both;
}

/***********************************************************************
	マージン調整
***********************************************************************/

.mt-s  { margin-top: 2px; }		/* 上マージン */
.mt-m  { margin-top: 5px; }		/* 上マージン */
.mt-l  { margin-top: 10px; }		/* 上マージン */
.mt-ll { margin-top: 30px; }		/* 上マージン */
.mb-s  { margin-bottom: 2px; }	/* 下マージン */
.mb-m  { margin-bottom: 5px; }	/* 下マージン */
.mb-l  { margin-bottom: 10px; }	/* 下マージン */
.mb-ll { margin-bottom: 30px; }	/* 下マージン */

.ind { margin-left: 30px; }		/* インデント */


/***********************************************************************
	配色
***********************************************************************/

/***** 配色 グリーン系 *****/
.c1 		{ color: #003333; border-color: #006666; }	/* メインカラー (+ボーター色)*/
.c1-light	{ color: #006666; }	/* メインカラー(ライト) */
.c1-bg		{ background-color: #ccffcc; }	/* 背景色 */

/***** 配色 ブルー系 *****/
.c2 		{ color: #000033; border-color: #000066; }	/* メインカラー (+ボーター色) */
.c2-light	{ color: #000066; }	/* メインカラー(ライト) */
.c2-bg		{ background-color: #e0e0ff; }	/* 背景色 */

/***** 日付色 *****/
.sat { color: #0000ff; }
.sun { color: #ff0000; }
.holiday { color: #ff0000; }


/***********************************************************************
	見出し
***********************************************************************/

/* ページタイトル */
h1.page-title {
	font-size: 200%;
	font-weight: 900;
	margin: 5 0 10 0;
	padding: 0 0 0 0;
}

/* 通常スタイル */
h1.n {
	font-size: 150%;
	margin: 5 0 10 0;
	padding: 0 0 0 0;
}

h2.n {
	font-size: 100%;
	margin: 25 0 0 0;
	padding: 0 0 0 0;
}

h3.n {
	font-size: 100%;
	margin: 5 0 0 0;
	padding: 0 0 0 0;
}

h4.n {
	font-size: 100%;
	margin: 5 0 0 0;
	padding: 0 0 0 0;
}

/* 編集日録日付用 */
h2.d {
	font-size: 100%;
	margin: 20 0 0 0;
	padding: 10 0 0 0;
	border-style: solid;
	border-width: 1 0 0 0;
}



/***********************************************************************
	リスト
***********************************************************************/

/* デフォルト */
ul {
	margin-right: 30px;
}

/* ヘッダーナビ */
ul.header-navi {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* ヘッダーナビ */
li.header-navi {
	list-style: none;
	float: left;
	margin-right: 5px;
}

/* フッタナビ */
ul.footer-navi {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* フッタナビ */
li.footer-navi {
	list-style: none;
	float: left;
	margin-right: 5px;
}

/* リンクリスト */
ul.link-list {
	margin-top: 5;
}



/***********************************************************************
	横線
***********************************************************************/

/* デフォルト */
hr {
	height: 1px;
}

/* セパレータ */
hr.separator {
/*	clear: both; */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* セパレータ */
hr.semi-separator {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 70%;
	border-style: dotted;
}



/***********************************************************************
	強調
***********************************************************************/

/* デフォルト */
em {
	font-style: normal;
	font-weight: 900;
}



/***********************************************************************
	引用
***********************************************************************/

blockquote { color: #000099; }	/* 引用(ブロック要素) */
q {	color: #000099; }			/* 引用(インライン要素) */
cite { color: #000099; }		/* 出典 */



/***********************************************************************
	インライン装飾(SPAN)
***********************************************************************/

/* テキストタイトルマーク */
span.mark {
	font-size: 90%;
	margin-right: 2;
}

/* フォントスタイル */
.notes { font-size: 80%; font-weight:100; }
.f120b { font-size: 120%; font-weight: 900; }
.fnorm { font-style: normal; font-size: 100%; font-weight: 100; }
.fnotes { font-style: normal; font-size: 80%; font-weight: 100; }



/***********************************************************************
	表(デフォルト設定)
***********************************************************************/

table {
	margin: 0px 0px 0px 0px;
	border-collapse: collapse;
}

td {
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
}



/***********************************************************************
	画像
***********************************************************************/


/***********************************************************************
	CDの感想ページ用スタイル
***********************************************************************/

/***** 一覧表スタイル *************************************************/

div.h {
	margin: 0px 0px 20px 30px;
}

table.h {
	margin: 0px 0px 0px 0px;
	font-size: 90%;
}

th.h {
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 0px 5px;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	color: #ffffff;
	background-color: #000066;
}

th.hnw {
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 0px 5px;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	white-space: nowrap;	/* 改行しない */
	color: #ffffff;
	background-color: #000066;
}

td.h {
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #9999ff;
}

td.hnw {
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 0px 5px;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	white-space: nowrap;	/* 改行しない */
	border-color: #9999ff;
}



/***** 補足説明の表 ***************************************************/

div.h-notes {
	margin: 0px 0px 20px 30px;
}

td.nw {
		white-space: nowrap;	/* 改行しない */
}



/***** CDリスト(未記入リスト用) ***************************************/

div.cd-list {
	margin: 0px 0px 20px 30px;
	font-size: 80%;
}

ul.cd-list {
	margin-top: 0px;
	line-height: 1.0;
}



/***** CD感想記事 *****************************************************/

.cd-leftside {
	float: left;
}

.cd-rightside {
	margin-left: 130px;
}


/* レイアウト・テーブル */
table.cd {
	width: 100%;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #000066;
}

td.cd {
	vertical-align: top;
	padding: 5px 5px 5px 5px;
}

td.cd-rightside {
	width: 100%;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
}


/* CDジャケット画像 */
img.cd {
	margin: 5px 0px 5px 0px;
	width: 120px;
	border-width: 0px;
}

img.fig {
	border-width: 0px;
}


/* 見出し */
h3.cd {
	font-size: 100%;
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

h4.cd {
	display: inline;
	font-size: 100%;
	margin: 0px 4px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/* CDデータ記載テーブル */
table.cddata {
	margin: 0px 0px 0px 0px;
	border-collapse: collapse;
}

td.cddata {
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
}

table.cddata td {
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
}


/***********************************************************************
	ファンページ用スタイル
***********************************************************************/

/* ファンページ　タイトルブロックレイアウト */
#fp-picture {
	float: left;
	margin-right: 15;
}

#fp-title {
}

/* ファンページタイトル */
h1.fp-main {
	font-size: 160%;
	font-weight: 900;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h1.fp-sub {
	font-size: 100%;
	font-weight: 900;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p.last-update {
	text-align: right;
	margin: 5 0 5 0;
	padding: 0 0 0 0;
}




/***********************************************************************
	演奏・録音評価表スタイル
***********************************************************************/


table.et {
	margin: 10px 30px 10px 30px;
	padding:  0px 0px 0px 0px;
}

th.et {
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 0px 5px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	color: #ffffff;
	background-color: #000066;
	border-color: #000066;
}

th.etnw {
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 0px 5px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	white-space: nowrap;	/* 改行しない */
	color: #ffffff;
	background-color: #000066;
	border-color: #000066;
}

th.et2 {
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 0px 5px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	color: #000033;
	background-color: #9999ff;
	border-color: #000066;
}

th.etnw2 {
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 0px 5px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	white-space: nowrap;	/* 改行しない */
	color: #000033;
	background-color: #9999ff;
	border-color: #000066;
}

td.et {
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 0px 5px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #000066;
}

td.etnw {
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 0px 5px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	white-space: nowrap;	/* 改行しない */
	border-color: #000066;
}

/* 中央寄せ */
.tx-c {
	text-align: center;
}

caption.et {
	text-align: left;
	font-size: 100%;
	font-weight: 900;
}

div.et-notes {
	margin: 10px 30px 10px 30px;
}