/* 
 * ===== 小説PHPスキン用スタイルシート =====
 *
 * ・ページ全体の横幅を調整したい場合は、
 * 　(1-7) または (1-8) の CPageWrapper の width の値を変更して下さい。
 * 
 * ・目次表示部分の横幅を調整したい場合は、
 * 　(1-7) または (1-8) の CPageIndexBox の width の値を変更して下さい。
 * 
 * ・本文表示部分の横位置を調整したい場合は、
 * 　(1-7) または (1-8) の CPageRecordBox の margin-left の値を変更して下さい。
 *
 * ・ページ上部の「タイトル文字列」の位置等を変更したい場合は、
 * 　(1-2) の CPageTitle の各値を調整して下さい。
 * 
 * ・ページ背景画像を変更したい場合は、
 * 　(1-3) の CPageTitleUnder の画像ファイル名を変更して下さい。
 * 　画像を表示したくない場合はこの行を削除して下さい。
 * 
 * ・本文表示部分の背景のカラーを変更したい場合は、
 * 　(1-6) の CRecordText で色を指定して下さい。
 * 
 * ・新着マークの画像を変更したい場合は、
 * 　(1-3) の CNewImgFor***** の画像ファイル名を変更して下さい。
 * 
 * ・グリッド線の画像を変更したい場合は、
 * 　(1-3) の CGridImg の画像ファイル名を変更して下さい。
 * 
 * ・文字カラーを変更したい場合は、
 * 　(1-4) の各設定を変更して下さい。
 * 
 * ・ページ背景のカラーを変更したい場合は、
 * 　(1-6) の CPageTitleUnder で色を指定して下さい。
 * 
 * ・目次表示部分の背景のカラーを変更したい場合は、
 * 　(1-6) の CIndexHier4 で色を指定して下さい。
 * 
 */

/************************************************************************
 * (1) チューニング・パラメータ
 ************************************************************************/

/**********************************************************
 * (1-1) フォント
 **********************************************************/

body				{font-family: "MS UI Gothic", "Osaka"}
#CPageTitle			{font-family: "MS UI Gothic", "Osaka"}
/*#CPageTitle			{font-family: "ＭＳ Ｐ明朝", "Osaka"}*/

/**********************************************************
 * (1-2) ページタイトルの位置など
 **********************************************************/

#CPageTitle			{font-size: 200%}
#CPageTitle			{padding: 20px 0px 0px 20px}
#CPageTitle			{text-align: left}
/* #CPageTitle			{letter-spacing: 0px} */
#CPageTitle			{text-transform: uppercase}
#CPageTitle a		{text-decoration: none}

/**********************************************************
 * (1-3) 背景画像（背景色）
 *
 * ページの背景色、タイトルの背景色、目次の背景色、本文の背景色を、
 * 変更することができます。
 *
 * それぞれの部分の background-image: url(bg_None.jpg) の部分を、
 * 次の各色の画像ファイル名に置き換えることで背景色が変わります。
 *
 *   bg_White.jpg         ...白
 *   bg_Blue.jpg          ...青
 *   bg_Green.jpg         ...緑
 *   bg_Red.jpg           ...赤
 *   bg_Black.jpg         ...黒
 *   bg_Yellow.jpg        ...黄
 *   bg_Gray.jpg          ...灰
 *   bg_None.jpg          ...なし（＝真っ白）
 *
 * 例えば、
 *
 *   body             {background-image: url(bg_Red.jpg)}
 *   #CPageTitleUnder {background-image: url(bg_Blue.jpg)}
 *   .CIndexHier4     {background-image: url(bg_White.jpg)}
 *   .CrecordText     {background-image: url(bg_Green.jpg)}
 *
 * のように変更すると、ページの背景色＝赤、タイトルの背景色＝青、
 * 目次の背景色＝白、本文の背景色＝緑、になります。
 *
 * [TIPS]
 * 上記の要領で、あなたのお好みの画像を用意して、それぞれの背景に
 * 使うことも出来ます。
 *
 **********************************************************/

/* ページの背景色 */
body             {background-image: url(bird_e.jpg)}

/* タイトルの背景色 */
#CPageTitleUnder {	background-color:#FFFFFF;
	filter: Alpha(opacity=75);}

/* 目次の背景色 */
.CIndexHier4     {	background-color:#FFFFFF;
	filter: Alpha(opacity=75);}

/* 本文の背景色 */
.CrecordText     {	background-color:#FFFFFF;
	filter: Alpha(opacity=75);}





body				{background-repeat: repeat-xy}
body				{background-attachment: fixed}
body				{background-position: 0 0}

#CPageTitleUnder {background-repeat: repeat}
#CPageTitleUnder {background-position: top left}

.CIndexHier4     {background-repeat: repeat}
.CIndexHier4     {background-position: top left}

.CrecordText     {background-repeat: repeat}
.CrecordText     {background-position: top left}


/*#CPageBox			{background: url(leftbar.jpg) no-repeat top left #000}*/

.CGridImg			{background: url(grid_black.gif) no-repeat}

.CNewImgForRecord			{background: url(new_black.gif) no-repeat}
.CNewImgForIndex			{background: url(new_black.gif) no-repeat}

/**********************************************************
 * (1-4) 文字カラー
 **********************************************************/

body				{color:darkgreen}
A:link {
 color:forestgreen;
 font-weight:bold;
 
}
A:visited {
 color:#88BB88;
 font-weight:bold;

}

A:hover {
 background-color:#EEFFEE;
 font-weight:bold;

}

#CPageTitle				{color:darkgreen}
#CPageTitle a			{ color:#88BB88;}
#CPageTitle a:visited	{color: #000000}
#CPageTitle a:hover		{color: #000000}

/*
.CPageFooter			{color:darkgreen}
.CPageFooter a			{ color:#88BB88;}
.CPageFooter a:visited	{color: #c50067}
.CPageFooter a:hover	{color: #c50067}
*/

.CIndexHier4			{color:darkgreen}
.CIndexHier4 a			{ color:#88BB88;}
.CIndexHier4 a:visited	{color: #000000}


.CRecordText			{color:#666666}
.CRecordText a			{color: #000000}
.CRecordText a:visited	{color: #000000}
.CRecordText a:hover	{color: blue}

.CRecord				{color:darkgreen}
.CRecordHeader			{color: #000000}
#CPageIndexBox			{color: #000000}

.CMsg1					{color:darkgreen}
.CMsg2					{color: #000000}

.CIndexDate				{color: #999999}
.CIndexComment1			{color: #999999}
.CIndexComment2			{color: #999999}

.CHere a				{text-decoration: none}
.CHere a				{color: #ffffff}
.CHere a:visited		{color: #ffffff}
.CHere a:hover			{color: #ffffff}

/**********************************************************
 * (1-6) 背景カラー
 **********************************************************/

body				{background-color: #ffffff}
#CPageTitleUnder	{	background-color:#FFFFFF;
	filter: Alpha(opacity=75);}
.CIndexHier4		{	background-color:#FFFFFF;
	filter: Alpha(opacity=75);}
.CRecordText		{	background-color:#FFFFFF;
	filter: Alpha(opacity=75);}
.CHere				{background-color: #000000}
.CIndexHier4		{border: 1px solid #000000}

/**********************************************************
 * (1-7) レイアウト（2カラムの場合)
 * 
 * #CPageWrapper	{width: ページ横幅}
 * #CPageIndexBox	{width: 左側ブロックの横幅}
 * #CPageRecordBox	{margin-left: 右側ブロックの横位置}
 **********************************************************/

/*
#CPageWrapper		{width: 800px}
#CPageIndexBox		{width: 200px}
#CPageRecordBox		{margin-left: 240px}

#CPageTitleUnder	{clear: both}
#CPageIndexBox		{clear: left}
#CPageIndexBox		{float: left}
.CPageFooter		{clear: both}
*/

/**********************************************************
 * (1-8) レイアウト（1カラムの場合)
 *
 * #CPageWrapper	{width: ページ横幅}
 * #CPageIndexBox	{width: 目次横幅}
 **********************************************************/


#CPageWrapper		{width: 800px}
#CPageIndexBox		{width: 100%}


/************************************************************************
 * (2) ページ全体
 ************************************************************************/

body				{margin: 0px auto}
body				{padding: 0px}
body				{font-size: 100%}
body				{line-height: 1.2em}
body				{text-align: center}
body				{border-width: 0px}

#TOP				{margin: 0px auto}
#TOP				{text-align: center}

#CPageWrapper		{margin: 0px auto}
#CPageWrapper		{text-align: center}

#CPageBox			{margin: 0px}
#CPageBox			{padding: 0px 50px 20px 50px}
#CPageBox			{text-align: left}

#CPageTitleUnder	{margin: 0px 0px 20px 0px}
#CPageTitleUnder	{height: 100px}
#CPageTitleUnder	{border-bottom: 1px solid #000000}
#CPageTitleUnder	{border-left: 1px solid #000000}
#CPageTitleUnder	{border-right: 1px solid #000000}

.CPageHeader		{font-size: 80%}
.CPageHeader		{text-align: right}
.CPageHeader		{padding: 1px 5px 1px 5px}
.CPageHeader a		{text-decoration: none}
.CPageHeader a:hover	{text-decoration: underline}

.CPageFooter		{font-size: 80%}
.CPageFooter		{text-align: right}
.CPageFooter		{padding: 1px 5px 1px 5px}
.CPageFooter		{margin: 20px 0px 10px 0px}
.CPageFooter a		{text-decoration: none}
.CPageFooter a:hover	{text-decoration: underline}

.CPageIcon			{text-align: right}
.CPageIcon			{margin: 0px 0px 5px 0px}

.CHere				{padding: 1px}
img					{border-width: 0px;}

/************************************************************************
 * (3) 目次の表示部
 ************************************************************************/

#CIndex					{line-height: 1.1em}
#CIndex a:hover			{text-decoration: none}

.CMsg1					{margin: 0px 0px 20px 0px}
.CMsg1					{font-size: 85%}
.CMsg2					{margin: 0px 0px 20px 0px}
.CMsg2					{font-size: 85%}

.CIndexSepaTransp10px	{margin: 5px 0px 5px 0px}
.CIndexSepaTransp20px	{margin: 10px 0px 10px 0px}

.CIndexHier4Bg			{padding: 0px 0px 0px 7px}
.CIndexHier4			{padding: 0.75em 0.25em 0em 0.5em}
.CIndexHier3			{margin: 0.5em 0em 0em 2em}
.CIndexHier3			{padding: 0.25em 0.25em 0em 0em}
.CIndexHier2			{margin: 0.5em 0em 0em 1.5em}
.CIndexHier2			{padding: 0.25em 0.25em 0em 0em}
.CIndexHier1			{margin: 0.5em 0em 0em 1.5em}

.CIndexDate				{font-size: 90%}

.CIndexComment1			{font-size: 90%}
.CIndexComment2			{font-size: 90%}

/************************************************************************
 * (4) 本文の表示部
 ************************************************************************/

.CRecordHeader			{padding: 0px 0px 10px 0px}

.CRecordHier			{font-size: 85%}
.CRecordHier			{padding: 1px 2px 1px 2px}
.CRecordHier			{text-align: right}
.CRecordHier img		{vertical-align: middle}

.CRecordDate			{font-size: 85%}
.CRecordDate			{text-align: right}
.CRecordDate			{padding: 1px 2px 1px 2px}
.CRecordDate			{text-align: right}

.CRecordTitle			{font-size: 125%}
.CRecordTitle			{font-weight: bold}
.CRecordTitle			{padding: 1px 2px 1px 18px}
.CRecordTitle img		{vertical-align: top}

.CRecordComment1		{font-size: 85%}
.CRecordComment1		{margin: 10px 0px 0px 0px}
.CRecordComment1		{padding: 1px 20px 1px 20px}
.CRecordComment1		{line-height: 1.5em}

.CRecordComment2		{font-size: 85% }
.CRecordComment2		{margin: 10px 0px 10px 0px}
.CRecordComment2		{padding: 1px 20px 10px 20px}
.CRecordComment2		{line-height: 1.5em}

.CRecordText			{font-size: 100%}
.CRecordText			{margin: 0px 0px 10px 0px}
.CRecordText			{padding: 30px 30px 30px 30px}
.CRecordText			{line-height: 2em}
.CRecordText			{border: 1px solid #000000}

.CRecordSepa			{margin: 50px 0px 0px 0px}