@import "base.css";


/* ********************************************************* */
/* 下フレーム(左) */
/* ********************************************************* */


#wrapper {
width:90%;
margin:5px auto;
text-align:left;
}


/* 見出し--------------------------------------------------- */

#wrapper h1 {display:none;}/* 非表示 */

#wrapper h2,#wrapper h3,#wrapper h4 {
color:#ffffff;
font-size:120%;
font-weight:bold;
margin:15px 0px;
padding:3px 5px;
background:#202020;
}


/* P段落---------------------------------------------------- */

#wrapper p {
line-height:170%;
margin:0px 0px 15px 0px;
padding:0px 1px 15px 1px;
background:url(../img/w-line.gif) repeat-x bottom;/* ライン画像指定 */
}

/* 文字を大きくする */
#wrapper p.text {
font-size:120%;
line-height:190%;
}

/* P下ラインを無くす */
#wrapper p.none {background:none;}

/* P用リンク */
#wrapper p a {font-size:100%;}

/* 画像を置く(真ん中寄せ及び下ライン無し) */
#wrapper p.pict {
margin:0px auto;
text-align:center;
background:none;
}


/* リスト--------------------------------------------------- */

#wrapper ul {
margin:0px 1px 10px 1px;
list-style:square inside;
}

#wrapper li {
margin:2px 0px;
list-style:square inside;
}

/* リストマークを画像に */
#wrapper ul.list01 {list-style:none;}

#wrapper ul.list01 li {
list-style:none;
background:url(../img/ci-si90.gif) no-repeat left center;
}

/* IE6以外用ハック */
body > #wrapper ul.list01 li {
list-style:none;
padding-left:12px;
background:url(../img/ci-si90.gif) no-repeat left center;
}


/* 説明付きリスト------------------------------------------- */

#wrapper dl {margin:0px 1px 10px 1px;}

#wrapper dt {
color:#bcc5d1;
font-size:120%;
font-weight:bold;
}

#wrapper dd {margin:5px 0px 10px 15px;}


/* リンクページ--------------------------------------------- */

#wrapper ul.link01 {
margin:0px 0px 20px 0px;
}

#wrapper ul.link02 {
margin:0px 0px 5px 0px;
}

#wrapper ul.link01 li {display:inline;}/* 横並び */
#wrapper ul.link02 li {display:inline;}/* 横並び */
 
 
/* フッター------------------------------------------------- */

ul#footer {
margin:0px 0px 50px 0px;
text-align:right;
}

ul#footer li {display:inline;margin:0px 3px;}/*liを横並びにする指定*/


/* ********************************************************* */
/* イラスト展示用☆ */
/* ********************************************************* */


#pict {
width:510px;
margin:10px auto;
text-align:center;
}


/* 見出し--------------------------------------------------- */

#pict h1 {display:none;}/* 非表示 */

#pict h2 {
color:#ffffff;
font-size:120%;
font-weight:bold;
margin:5px 0px 10px 0px;
padding:3px 5px;
background:#202020;
}


/* P段落---------------------------------------------------- */

#pict p {
line-height:170%;
margin:5px 0px 10px 0px;
}

/* 画像の周りに枠を付ける */
#pict .img {border:1px solid #202020;}


/* ********************************************************* */
/* 小説展示用○ */
/* ********************************************************* */


#novel {
width:85%;
margin:15px auto;
text-align:left;
}


/* 見出し--------------------------------------------------- */

#novel h1 {display:none;}/* 非表示 */

/* SSタイトル部分 */
#novel h2 {
color:#202020;
font-size:140%;
font-weight:bold;
margin:5px 0px 40px 0px;
}


/* P段落---------------------------------------------------- */

#novel p {
color:#202020;
font-size:120%;
line-height:200%;
margin:10px 0px 50px 0px;
}

/* コメント部分 */
#novel p.com {
color:#202020;
font-size:100%;
line-height:160%;
padding:10px 10px;
background:#bcc5d1;/* 背景色 */
}


/* ********************************************************* */
/* index.html用 */
/* ********************************************************* */


#index {margin:0;}

#index h1 {
color:#ffffff;
text-align:right;
padding:5px 15px;
background:#202020;/* 背景色 */
}

#index h2 {
color:#202020;
font-size:270%;
font-weight:bold;
text-align:right;
padding:3px 15px;
background:url(../img/w-line.gif) repeat-x bottom #bcc5d1;/* ライン画像指定 */
}


/* メイン--------------------------------------------------- */

#wrap {
width:405px;
margin:40px auto;
text-align:left;
}

#wrap h3 {
color:#ffffff;
font-size:120%;
font-weight:bold;
padding:3px 5px;
background:#202020;
}

#wrap p {
line-height:180%;
margin:15px 0px 20px 0px;
}


/* ********************************************************* */


