@charset "Shift_JIS";

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

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

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

body {
color:#555555;
height:100%;
}

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

/* リンク--------------------------------------------------- */

a{text-decoration:none;}
a:link,a:active{color:#555555;}
a:visited{color:#555555;}
a:hover{color:#99beb6;position:relative;top:1px;left:1px;}/* □ */

/* 文字----------------------------------------------------- */

em {color:#555555;font-weight:bold;}/* 強調 */
strong {color:#555555;font-weight:bold;font-size:120%;border-bottom:2px solid #99beb6;}/* より強い強調 □ */
del {text-decoration:line-through;}/* 削除 */
ins {text-decoration:underline;}/* 追加 */
b {color:#ffffff;}/* 白文字 */

/* 他------------------------------------------------------- */

hr {display:none;}/* ライン非表示 */
ul li {list-style:none;}/* マーカー無し */


/* ********************************************************* */
/* 真ん中フレーム(main) */
/* ********************************************************* */


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

/* 全体 */
#wrapper {
width:265px;/* 横幅の調節はここで */
height:100%;
min-height:100%;
margin:0px 0px;
padding:5px 0px 20px 0px;
text-align:left;
border-left:8px solid #252525;/* 左側の色ポーター指定 ■ */
}

body > #wrapper {height:auto;}/* IE6以外用縦100%表示ハック */

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

/* サイトタイトル */
#wrapper h1 {
font-size:200%;
color:#555555;
font-family:"Century Gothic",sans-serif;
margin:0px 10px 0px 0px;
text-align:right;
}

/* 各見出し */
#wrapper h2,#wrapper h3 {
font-size:120%;
color:#ffffff;
font-weight:normal;
height:22px;
line-height:22px;
padding:0px 0px 0px 2px;
background:url(img/titlebar22.gif) no-repeat right center #252525;/* 背景色と丸角画像指定 ■ */
}

/* 最初の一文字を色付きに */
#wrapper h2:first-letter {font-size:12px;color:#99beb6;font-weight:normal;}/* □ */
#wrapper h3:first-letter {font-size:12px;color:#99beb6;font-weight:normal;}/* □ */

/* P段落---------------------------------------------------- */

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

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

/* 装飾BOX1 */
#wrapper p.box1 {
margin:10px 7px 15px 12px;/* ★ */
padding:8px 8px;
border:3px double #99beb6;/* □ */
}

/* 装飾BOX2 */
#wrapper p.box2 {
padding:8px 8px;
background:#99beb6;/* □ */
}

/* P用リンク */
#wrapper p a {font-size:100%;}

/* 更新履歴 */
#wrapper p.rireki {
height:32px;/* 縦幅 */
overflow:auto;
line-height:150%;
padding:1px 1px;
}

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

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

/* リスト(マーカー画像) */
#wrapper ul.list01 {}
#wrapper ul.list01 li {
padding-left:10px;
background:url(img/ci-i46.gif) no-repeat left center;
}

/* リスト(マーカー●) */
#wrapper ul.list02 {list-style:disc inside;}
#wrapper ul.list02 li {
list-style:disc inside;
padding-left:0px;
}

/* 戻りリンク用リスト--------------------------------------- */

#wrapper ul.pagetop {
color:#ffffff;
text-align:right;
margin:0px 0px;
padding:0px 10px 0px 2px;
background:url(img/titlebar22.gif) no-repeat right center #252525;/* 背景色と丸角画像指定 ■ */
}

#wrapper ul.pagetop li {
display:inline;/* 横並び */
height:22px;
line-height:22px;
padding:0px 0px 0px 1px;
}

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

ul#foot {
margin:10px 12px 0px 15px;/* ★ */
text-align:right;
}

ul#foot li {padding:0px 0px 3px 0px;}

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

#wrapper ul.link01 {margin:10px 10px 15px 15px;}/* ★ */

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

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

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


/* ********************************************************* */
/* 右フレーム(sub) */
/* ********************************************************* */


#sub {
width:90%;/* 横幅 */
margin:15px auto;
text-align:left;
}

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

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

#sub h2,#sub h3 {
color:#555555;
font-size:120%;
font-weight:bold;
margin:0px 0px 10px 0px;
text-align:center;
}

/* P段落---------------------------------------------------- */

#sub p {
line-height:170%;
margin:0px 0px 15px 0px;
}

/* 真ん中寄せ */
#sub p.center {text-align:center;}

/* 絵の周りに枠をつける */
#sub .img {border:1px solid #555555;}

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

ul.top {
margin:15px 0px 50px 0px;
text-align:right;
}

ul.top li {
padding:0px 2px;
display:inline;/* 横並び指定 */
}


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


#pict {
width:450px;/* 横幅 */
margin:15px auto;
text-align:left;
}

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

#pict h2 {
font-size:120%;
color:#ffffff;
font-weight:bold;
text-align:center;
padding:1px 0px;
background:#252525;/* 背景色 ■ */
}

#pict p {
line-height:170%;
margin:15px 0px;
padding:0px 0px 15px 0px;
text-align:center;
background:url(img/w-line2.gif) repeat-x bottom;
}

/* 絵の周りに枠をつける */
#pict .img {border:1px solid #555555;}


/* --------------------------------------------------------- */
/* 小説展示 */
/* --------------------------------------------------------- */


#novel {
width:90%;/* 横幅 */
margin:15px auto;
text-align:left;
}

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

#novel h2 {
color:#99beb6;/* □ */
font-size:120%;
font-weight:bold;
}

#novel p {
font-size:120%;
line-height:200%;
margin:50px 0px 80px 0px;
}

/* コメント部分 */
#novel p.com {
color:#555555;
font-size:100%;
line-height:160%;
margin:0px 0px 10px 0px;
padding:10px 10px;
border:3px double #99beb6;/* □ */
}


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


/* 全体 */
#index {
width:330px;/* 横幅 */
height:100%;
min-height:100%;
margin:0px 0px;
position:relative;
}

body > #index {height:auto;}/* IE6以外用縦100%表示ハック */

/* 以下、メニュー部分と同じに表示されるように調節----------- */

/* 緑縦ライン */
#index .line1 {
z-index:1;
position:absolute;
width:65px;
height:100%;
top:0px;
left:0px;
background:#252525;/* 背景色 ■ */
}

/* 黄色縦ライン */
#index .line2 {
z-index:2;
position:absolute;
width:45px;
height:100%;
top:0px;
left:10px;
background:#99beb6;/* 背景色 □ */
}

/* ★アイコン */
#index h1 {
z-index:3;
position:absolute;
top:0px;
left:15px;
padding-top:10px;
}

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

#index h2 {
font-size:200%;
color:#555555;
font-family:"Century Gothic",sans-serif;
padding:7px 10px 0px 0px;
text-align:right;
}

#index h3 {
font-size:120%;
color:#ffffff;
font-weight:normal;
height:22px;
line-height:22px;
padding:0px 0px 0px 67px;
background:url(img/titlebar22.gif) no-repeat right center #252525;/* 背景色と丸角画像指定 ■ */
}

/* 最初の一文字を色付きに */
#index h3:first-letter {font-size:12px;color:#99beb6;font-weight:normal;}/* □ */

/* P段落---------------------------------------------------- */

#index p {
margin:10px 10px 15px 80px;/* ★ */
line-height:170%;
}


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