@charset "Shift_JIS";

/* 全称セレクタ--------------------------------------------- */

*{
margin:0;padding:0;
font:normal normal normal x-small/1.5 Verdana,Osaka,Chicago,sans-serif;
border:none;
}

/* 全体指定------------------------------------------------- */

body {
color:#171a16;
height:100%;
}

html {
scrollbar-arrow-color:#a6b1a3;
scrollbar-face-color:#171a16;
scrollbar-highlight-color:#171a16;
scrollbar-3dlight-color:#171a16;
scrollbar-track-color:#171a16;
scrollbar-shadow-color:#171a16;
scrollbar-darkshadow-color:#171a16;
height:100%;
overflow-y:scroll;/* ←IE6バグ対策(フレーム用) */
}
/* スクロールバー指定が不要の場合は削除して下さい */

/* リンク */
a{text-decoration:none;}
a:link,a:visited {color:#a6b1a3;}
a:active {color:#a6b1a3;}
a:hover {color:#ffffff;position:relative;top:1px;left:1px;}

/* 文字 */
em {font-weight:bold;}/* 強調 */
strong {color:#171a16;font-size:120%;border-bottom:2px solid #a6b1a3;}/* より強調 */
ins {text-decoration:underline;}/* 追加(下線) */
del {text-decoration:line-through;}/* 削除 */
b {color:#ffffff;}/* 文字白 */

/* その他 */
hr {display:none;}/* ライン(非表示) */
ul li {list-style:none;}/* マーカー非表示 */


/* ********************************************************* */
/* 左フレーム(menu.html) */
/* ********************************************************* */


/* レイアウト----------------------------------------------- */

/* 背景色、文字色、左余白指定 */
#body {
color:#a6b1a3;
padding-left:10px;
background:#171a16;
}

/* 横幅と縦ライン表示 */
#contents {
width:215px;
height:100%;
min-height:100%;
text-align:left;
background:url(img/h-line.gif) repeat-y left;
}

body > #contents {height:auto;}/* 縦ライン表示のIE6以外用ハック */


/* メニュー------------------------------------------------- */

ul#menu {
margin:0px 0px;
text-align:right;
}

ul#menu li {
margin:0px -2px;
display:inline;/* 横並び */
}

/* パンくずリスト------------------------------------------- */

ul#pan {
margin:0px 0px;
text-align:right;
}

ul#pan li {display:inline;}/* 横並び */


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

/* サイトタイトル */
#contents h1 {
color:#a6b1a3;
font-size:160%;
font-weight:bold;
padding:10px 0px 0px 0px;
text-align:right;
}

/* 小見出し(ライン) */
#contents .h2 {
margin:10px 0px;
text-align:right;
background:url(img/w-line.gif) repeat-x center;
}

/* 小見出し(文字) */
#contents h2 {
display:inline;
color:#ffffff;
font-size:100%;
font-family:Tahoma,"Century Gothic",Osaka;
letter-spacing:1px;
padding-left:3px;
background:#171a16;
}

/* 記事部分------------------------------------------------- */

#contents p {margin:5px 0px 10px 15px;}

#contents p a.new {color:#f34c66;}/* NEW用 */

#contents ul.list {margin:5px 0px 5px 15px;}

#contents ul.list li {
padding-left:12px;
background:url(img/ci-si90.gif) no-repeat left center;
}

/* 戻りリンク----------------------------------------------- */

#contents ul.pagetop {
margin:30px 0px 0px 0px;
text-align:right;
}

#contents ul.pagetop li {
margin:0px 0px 0px 3px;
display:inline;/* 横並び */
}

/* 著作権表示----------------------------------------------- */

ul#add {
margin:30px 0px 0px 0px;
padding-bottom:50px;
text-align:right;
}

ul#add li {}


/* ********************************************************* */
/* 右フレーム */
/* ********************************************************* */


/* 文章の余白指定の部分には「／* ★ *／」をつけてます */


/* 全体の横幅と余白 */
#wrapper {
width:500px;/* 横幅はここで調節 */
text-align:left;
padding:15px 0px 50px 0px;
}

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

#wrapper h1 {display:none;}/* 非表示 */

#wrapper h2,#wrapper h3,#wrapper h4 {
color:#a6b1a3;
font-size:120%;
padding:2px 10px;
background:#171a16;
border-top:1px solid #171a16;
border-right:1px solid #171a16;
border-bottom:1px solid #171a16;
}

/* 記事部分(P段落)------------------------------------------ */

#wrapper p {
margin:15px 5px 20px 25px;/* ★ */
line-height:170%;
}

/* 文字を大きくする */
#wrapper p.text {
font-size:120%;
line-height:180%;
}

/* 装飾BOX */
#wrapper p.box {
padding:5px 5px;
line-height:170%;
border:1px solid #171a16;
filter:alpha(opacity=80);
-moz-opacity:0.7;
}

/* 画像を真ん中に置く */
#wrapper p.center {
margin:0px auto;/* autoは真ん中寄せ必須 */
padding:10px 5px 30px 5px;/* 余白をここでコントロール */
text-align:center;
}

/* 記事内リンク */
#wrapper p a:link,#wrapper p a:visited {
color:#171a16;
border-bottom:1px dashed #a6b1a3;
padding-bottom:1px;
}
#wrapper p a:active {color:#171a16;border-bottom:none;}
#wrapper p a:hover {color:#171a16;border-bottom:none;}

/* 記事内リンク(文字の大きさを合わせる) */
#wrapper p a {font-size:100%;}

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

#wrapper ul {margin:15px 5px 10px 25px;}/* ★ */

#wrapper li {margin:0px 0px 3px 0px;}

/* リスト画像を付ける */
#wrapper li.icon {
padding-left:12px;
background:url(img/ci-si90.gif) no-repeat left center;
}

/* リンクページ用------------------------------------------- */

#wrapper ul.link01 {margin:15px 5px 20px 25px;}/* ★ */

#wrapper ul.link01 li {
display:inline;/* 横並び */
padding:0px 1px;
}

/* 下部余白を無くす */
#wrapper ul.link02 {margin:15px 5px -10px 25px;}/* ★ */

#wrapper ul.link02 li {
display:inline;/* 横並び */
padding:0px 1px;
}

/* フッター------------------------------------------------- */

ul#footer {
color:#a6b1a3;
font-size:100%;
margin:0px 0px;
padding:3px 10px 4px 10px;
text-align:right;
background:#171a16;
border-top:1px solid #171a16;
border-right:1px solid #171a16;
border-bottom:1px solid #171a16;
}

ul#footer li {
margin:0px 0px 0px 5px;
display:inline;/* 横並び */
}

/* リンク */
ul#footer li a:link,ul#footer li a:visited,ul#footer li a:active {color:#a6b1a3;}
ul#footer li a:hover {color:#ffffff;}


/* ********************************************************* */
/* イラスト展示頁 */
/* ********************************************************* */


#wrapper p.pict {
margin:0px auto;/* autoは真ん中寄せ必須 */
padding:25px 5px 0px 25px;/* 余白をここでコントロール */
text-align:center;
}

#wrapper p.pictcom {
margin:15px 25px 20px 25px;/* ★ */
text-align:center;
}

/* 画像の周りにラインを付ける */
#wrapper .img {border:1px solid #171a16;}


/* ********************************************************* */
/* 小説頁 */
/* ********************************************************* */


#wrapper p.novel {
font-size:120%;/* 文字の大きさ */
line-height:190%;/* 行間 */
margin:30px 5px 50px 25px;/* ★ */
}
/* 文章下の余白部分は「50px」と指定してる部分を増減してみて下さい */


/* ********************************************************* */
/* index.html */
/* ********************************************************* */


#index {
width:500px;
margin:80px auto;/* autoは真ん中寄せ必須 */
}

/* サイトタイトル */
#index h1 {
color:#a6b1a3;
font-size:160%;
font-weight:bold;
padding:15px 25px;
text-align:right;
background:#171a16;
}

#index p {
color:#a6b1a3;
margin:10px 0px;
padding:20px 25px;
background:#171a16;
}


/* ********************************************************* */