@import "base.css";


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


/* フレーム左側のライン表示 */
#body {
width:100%;
height:100%;
min-height:100%;
background:url(../banner/img/h-line.gif) repeat-y left;
}

body > #body {height:auto;}/* 上記指定のハック */


/* 記事全体の横幅(90%の部分は好きな幅に調節して下さい) */
#wrapper {
width:90%;
margin:0px auto;
padding:20px 0px 50px 0px;
text-align:left;
}


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

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

#wrapper h2, #wrapper h3,#wrapper h4 {
font-size:140%;
font-weight:bold;
padding:0px 0px 1px 18px;
margin:0px 0px 10px 0px;
background:url(../banner/img/c-ya1.gif) no-repeat center left;
}


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

#wrapper p {
line-height:180%;
padding:0px 1px 30px 1px;
}

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

/* 装飾ボックス/周りに枠 */
#wrapper p.box {
margin:0px 1px 30px 1px;
padding:10px 10px;
border:1px solid #dddddd;
background:url(../banner/img/back.gif);/* 背景画像 */
}

/* P下部の余白を無くす */
#wrapper p.none {margin-bottom:-25px;}

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

/* フォーム関連の設定 */
textarea{
font-size:11px;
line-height:17px;
padding:5px;
}
textarea,input{
color:#333333;
border:1px solid #dddddd;
background-color:#ffffff;
}



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

#wrapper ul {margin:0px 1px 5px 1px;}
#wrapper li {margin:2px 0px;}

#wrapper ul.ul01 {list-style:square inside;}
#wrapper ul.ul01 li {list-style:square inside;}

/* リンクページ */
#wrapper ul.link01 li {
padding:2px 1px;
display:inline;/* 横並び指定 */
}


/* 説明付きリスト------------------------------------------- */

#wrapper dl {margin:0px 1px 10px 1px;}

#wrapper dt {
color:#c47d76;/* 文字色 */
font-size:110%;/* 文字サイズ */
font-weight:bold;
padding:5px 0px 3px 0px;
}

#wrapper dd {
line-height:170%;
margin:0px 0px 5px 5px;
}

#wrapper dt a {font-size:100%;}


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

#wrapper ul.pagetop {
margin:10px 1px;
text-align:right;
}

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


/* ********************************************************* */
/* イラスト展示ページ☆ */
/* ********************************************************* */


#gallery {
width:500px;/*横幅*/
margin:0px auto;
padding:20px 0px;
text-align:center;
}


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

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

#gallery h2 {
font-size:140%;
color:#7e9e93;
font-weight:bold;
margin:5px 0px;
padding:2px 5px;
text-align:center;
border:1px solid #dddddd;
background:url(../banner/img/back.gif);/* 背景画像 */
}


/* 文章部分------------------------------------------------- */

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

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


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

#gallery ul.pagetop {margin:20px 0px;}

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


/* ********************************************************* */
/* 小説展示ページ○ */
/* ********************************************************* */


#novel {
width:85%;/*横幅*/
margin:0px auto;
padding:30px 0px;
text-align:left;
}


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

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

#novel h2 {
color:#7e9e93;
font-size:140%;
font-weight:bold;
margin:5px 0px 40px 0px;
}


/* 文章部分------------------------------------------------- */

#novel p {
color:#5f5151;
font-size:120%;
line-height:200%;
margin:10px 0px 50px 0px;
}

/* コメント部分 */
#novel p.com {
color:#5f5151;
font-size:100%;
line-height:160%;
padding:10px 10px;
border:1px solid #dddddd;
background:url(../banner/img/back.gif);/* 背景画像 */
}


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

#novel ul.pagetop {
margin:20px 0px;
text-align:right;
}

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


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


#index {
width:408px;
margin:50px auto;
text-align:left;
}

#index h1 {
color:#ffffff;
font-size:140%;
font-family:Century Gothic,Osaka;
margin:5px 0px;
padding:2px 5px;
border-bottom:5px solid #bace72;/* メニュー下の黄緑のライン */
background:#7e9e93;
}

#index h2,#index h3  {
font-size:120%;
color:#7e9e93;
margin:5px 0px;
padding:3px 5px;
border:1px solid #dddddd;
background:url(../banner/img/back.gif);/* 背景画像 */
}

#index p {padding:10px 2px;}


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