@import "base.css";


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


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

#wrapper {
width:100%;
height:100%;
min-height:100%;
margin:0px auto;
text-align:left;
background:url(../img/h-line.gif) repeat-y left fixed;
}
/* ↑フレーム境目の縦ラインを画像で表示してます。
   縦ライン画像を変えたい場合は「../img/h-line.gif」を変更 */

body > #wrapper {height:auto;}/* 縦100%表示の為のハック */


/* ヘッダー------------------------------------------------- */

#header {
margin:0px 0px 0px 1px;
text-align:right;
background:#333333;
}

/* 文字と余白 */
#header h1 {
color:#ffffff;
padding:3px 10px;
}


/* メイン--------------------------------------------------- */

#kiji {
width:500px;/* 文章全体の幅 */
text-align:left;
margin:5px auto 20px auto;/* 左右autoで真ん中寄せ */
}

/* タイトルバー(見出し) */
#kiji h2,#kiji h3,#kiji h4 {
font-size:120%;/* 文字サイズ */
margin:10px 0px;
padding:2px 3px;
background:url(../img/w-line.gif) repeat-x bottom;/* タイトル下のライン画像 */
}

/* 記事部分 */
#kiji p {
margin:0px 3px 20px 3px;
line-height:180%;/* 行間 */
}


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

ul.pagetop {margin:10px 3px 15px 3px;text-align:right;}
ul.pagetop li {display:inline;}/* 横並び指定 */


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

#footer {
text-align:right;
margin:30px 0px 0px 2px;
padding-bottom:50px;
background:url(../img/w-line.gif) repeat-x top;
}

/* 戻りリンク */
#footer ul {padding:5px 3px;}
#footer li {padding:0px 2px;display:inline;}/* 横並び指定 */


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

#kiji ul {margin:0px 3px 10px 3px;}
#kiji li {margin:1px 0px;}

/* リストマーク付き */
#kiji ul.ul01 {list-style:square inside;}
#kiji ul.ul01 li {list-style:square inside;}

/* リスト左側にライン */
#kiji ul.ul02 {
padding-left:8px;
border-left:2px solid #c88659;
}

/* liを横並びにする指定(リンクページ) */
#kiji li.li01 {display:inline;}


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

#kiji dl {margin:0px 3px 10px 3px;}

#kiji dt {
color:#c88659;/* 文字色 */
font-size:100%;/* 文字サイズ */
font-weight:bold;
}

#kiji dd {margin:0px 0px 10px 10px;}


/* イラストページ******************************************* */

#pict {
width:500px;/* 文章全体の幅 */
text-align:center;
margin:20px auto;/* 左右autoで真ん中寄せ */
}

/* タイトルバー(見出し) */
#pict h2 {
color:#ffffff;/* 文字色 */
font-size:140%;/* 文字サイズ */
margin:0px 0px 10px 0px;
background:#333333;
}

/* 文章部分 */
#pict p {
margin:10px 0px;
line-height:160%;
}

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


/* 小説用ページ********************************************* */

#novel {
width:500px;/* 文章全体の幅 */
text-align:center;
margin:5px auto 20px auto;/* 左右autoで真ん中寄せ */
}

/* タイトルバー(見出し) */
#novel h2 {
color:#c88659;/* 文字色 */
font-size:140%;/* 文字サイズ */
margin:20px 0px;
text-align:left;
}

/* 文章部分 */
#novel p {
font-size:120%;/* 文字の大きさ */
line-height:190%;/* 行間 */
margin:10px 0px 20px 0px;
text-align:left;
}


/* フォーム************************************************* */

#wrapper form {margin:5px 3px;}

#wrapper input,#wrapper textarea,#wrapper select {
color:#333333;
margin:1px 0px;
padding:1px;
line-height:100%;
border:1px solid #333333;
}

/* 一言メルフォ用 */
#wrapper input.name {width:80px;}
#wrapper input.msg {width:300px;}
#wrapper input.button {
color:#ffffff;
background:#333333;
}

/* メルフォ用 */
#wrapper input.input {width:250px;}
#wrapper textarea.textarea {width:250px;height:100px;}
#wrapper input.submit {
width:254px;
color:#ffffff;
padding:2px 0px;
background:#333333;
}


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