@charset "Shift_JIS";


/* 全称セレクタ--------------------------------------------- */
* {
margin:0;padding:0;
font:normal normal normal 12px/1.7 Verdana,tahoma,Osaka,Chicago,sans-serif;
border:none;
}

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

body {
color:#726b61;
text-align:center;
background-image:url(img/topb4.gif);

}

html {
scrollbar-arrow-color:#eee8aa;
scrollbar-face-color:#6a5acd;
scrollbar-highlight-color:#6a5acd;
scrollbar-3dlight-color:#6a5acd;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color:#6a5acd;
scrollbar-darkshadow-color:#6a5acd;
}

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

a{text-decoration:none;}
a:link,a:active{color:#559977;}
a:visited{color:#bbbb00;}
a:hover{color:#96be7b;position:relative;top:1px;left:1px;}

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

em {font-weight:bold;}/* 強調 */
strong {font-weight:bold;border-bottom:1px solid #96be7b;}/* より強い強調 */
del {text-decoration:line-through;}/* 削除 */
ins {text-decoration:underline;}/* 追加 */

/* その他--------------------------------------------------- */

ul li {list-style:none;}/* リストマーク非表示 */
hr {display:none;}/* ライン(非表示) */

/* 画像に枠を付ける */
.img {
border:1px solid #726b61;
}


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


/* 全体 */
#wrapper {
width:750px;
margin:20px auto 20px auto;/* 余白 */
padding:0px 0px;
text-align:left;
border:1px solid #d5d2bf;/* ライン(枠) */
background:#ffffff;
}

/* メイン(左カラム) */
#main {
width:475px;
padding:0px 20px 0px 20px;
float:left;
}

/* サブ(右カラム) */
#sub {
width:200px;
padding:0px 20px 0px 0px;
float:left;
}


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


ul#menu {
text-align:left;
padding:10px 20px 10px 20px;
}

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

/* サイトタイトル部分 */
ul#menu li.title {
color:#b6b3a5;
}


/* ********************************************************* */
/* メイン(左カラム) */
/* ********************************************************* */


/* トップ画像表示(画像の縦横値も記入する) */
#main h1 {
width:475px;
height:113px;
border:0px solid #c5d2bf;
background:url(img/top.jpg) no-repeat;/* 画像アドレス */
}

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

#main h2,#main h3,#main h4 {
color:#b6b3a5;
font-size:120%;
margin:10px 0px;
}

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

#main p {
margin:0px 0px 30px 0px;
}

/* P内の文字を大きく */
#main p.text {
font-size:120%;
line-height:180%;
}

/* 装飾BOX */
#main p.box {
padding:8px 8px;
border:1px solid #d5d2bf;
background:#e1e8f0;
}

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


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

#main ul {
padding:0px 0px 10px 0px;
}

#main ul.list {
list-style:square inside;
}

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

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

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

#main ul.pagetop li {
display:inline;/* 横並び */
}


/* ********************************************************* */
/* サブ(右カラム) */
/* ********************************************************* */


/* サブ小見出し */
#sub .title {
color:#b6b3a5;
margin-bottom:3px;
}

/* P段落 */
#sub p {
margin-bottom:20px;
padding:2px 0px 2px 12px;
border-left:3px solid #f39aab;/* 左にライン */
}

/* 左ボーダー無し */
#sub p.none {
border:none;
}

/* 左ボーダー無し下部余白無し */
#sub p.blank {
margin-bottom:5px;
border:none;
}

/* 更新履歴 */
#sub p.rireki {
height:100px;/* 縦幅 */
overflow:auto;
}
/* 縦幅をトップ画像の縦幅と同じに見えるように調節するとバランスが良いかも知れません */

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

#sub ul {
margin-bottom:20px;
padding:2px 0px 2px 12px;
}

/* 左にラインを付ける */
#sub ul.line {
margin-bottom:20px;
padding:2px 0px 2px 12px;
border-left:3px solid #f39aab;
}

/* アイコンを付ける */
#sub ul.list li {
padding-left:18px;
border:none;
background:url(img/ya.gif) no-repeat left center;
}

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

#sub ul.back {
margin:0px 0px;
text-align:right;
}

#sub ul.cack li {
display:inline;/* 横並び */
}


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


ul#footer {
clear:both;/* float解除 */
text-align:center;
padding:10px 0px 15px 0px;
}

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


/* ********************************************************* */
/* 作品展示用 */
/* ********************************************************* */


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

#novel {
width:750px;
margin:20px auto;
padding:0px 0px;
text-align:left;
border:1px solid #d5d2bf;/* ライン(枠) */
background:#ffffff;
}

#novel h1 {
color:#726b61;
font-size:140%;
font-weight:bold;
text-align:left;
margin:20px 25px 0px 25px;
padding:0px 0px 0px 12px;
border-left:3px solid #f39aab;
}

#novel p {
font-size:128%;
line-height:170%;
text-align:left;
padding:50px 30px 80px 30px;
}

#novel p.com {
color:#726b61;
font-size:100%;
text-align:left;
margin:0px 30px 30px 30px;
padding:8px 8px;
border:1px solid #d5d2bf;
background:#e1e8f0;
}

#novel b {font-weight:bold;font-size:100%;}
#novel i {font-style:italic;font-size:100%;}
#novel font {font-size: 160%;}

/* 展示ページ用フッター------------------------------------- */

ul#foot {
text-align:center;
padding:0px 20px 20px 20px;
}

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


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