@charset "Shift_JIS";


/* ********************************************************* */
/* メイン(下左フレーム) */
/* ********************************************************* */


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

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

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

body {
color:#333333;
text-align:center;
}

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

/* リンク */
a{text-decoration:none;}
a:link,a:active {color:#333333;}
a:visited {color:#333333;}
a:hover {color:#d13d7c;position:relative;top:1px;left:1px;}

/* フォント */
em {font-weight:bold;}/* 強調 */
strong {font-weight:bold;border-bottom:2px solid #b1988f;}/* より強い強調 */
del {text-decoration:line-through;}/* 削除 */
ins {text-decoration:underline;}/* 追加 */
em,strong,del,ins,b,big {font-size:100%;}

b {color:#ffffff;}/* 文字白 */
.font1 {color:#b1988f;font-size:100%;}/* 文字に色をつける */

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


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


/* 横幅を固定したい場合はここ↓にwidthで指定を入れて下さい */
#wrapper {
padding:10px 30px 50px 30px;/* 50pxがページ下部の余白を指定してます */
}

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

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

#wrapper h2,#wrapper h3,#wrapper h4 {
color:#333333;
font-size:120%;/* 文字の大きさ */
text-align:left;
margin:0px 0px 8px 0px;/* 余白 */
padding:2px 5px 3px 17px;
background:url(img/ci-b20.gif) no-repeat left center #edf6f8;/* アイコン指定 */
}

/* 記事----------------------------------------------------- */

#wrapper p {
text-align:left;
line-height:170%;
padding:0px 5px 15px 5px;
}

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

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

/* P下部余白無し */
#wrapper p.none {
padding:0px 5px 2px 5px;
}

/* 装飾BOX1 */
#wrapper p.box1 {
font-size:100%;
line-height:170%;
margin:0px 5px 15px 5px;
padding:5px 8px;
border:3px double #cccccc;
background:#ffffff;
}

/* 装飾BOX2 */
#wrapper p.box2 {
color:#ffffff;
font-size:100%;
line-height:170%;
margin:0px 5px 15px 5px;
padding:5px 8px;
background:#d13d7c;
}

/* 画像を真ん中に */
#wrapper p.center {
text-align:center;
}

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

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

#wrapper ul {
text-align:left;
padding:0px 5px 15px 5px;
}

#wrapper li {}

/* リストマーク■ */
#wrapper ul.list01 {list-style:square inside;}
#wrapper ul.list01 li {list-style:square inside;}

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

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

ul#footer {
text-align:right;
margin:10px 0px;
}

ul#footer li {
margin:0px 0px;
padding:0px 0px 0px 2px;
display:inline;/* 横並び */
}


/* ********************************************************* */
/* 展示ページ(イラスト・小説)用 */
/* ********************************************************* */


ul#bottom {
text-align:center;
margin:10px 0px;
}

ul#bottom li {
margin:0px 0px;
padding:0px 0px 0px 2px;
display:inline;/* 横並び */
}

/* イラスト------------------------------------------------- */

/* 全体 */
#pict {
margin:10px 30px;
padding-bottom:50px;/* ページ下部余白 */
text-align:center;
}

#pict h1 {display:none;}/* サイトタイトル非表示 */

/* 作品タイトル */
#pict h2 {
color:#333333;
font-size:120%;
}

#pict p {
font-size:100%;
padding:5px 0px;
line-height:160%;
}

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


/* ノベル--------------------------------------------------- */

/* 横幅を固定したい場合はここ↓にwidthで指定を入れて下さい */
#novel {
margin:10px 30px;
padding-bottom:50px;/* ページ下部余白 */
text-align:left;
}

#novel h1 {display:none;}/* サイトタイトル非表示 */

/* 作品タイトル */
#novel h2 {
color:#333333;
font-size:120%;
font-weight:bold;
}

/* 本文 */
#novel p {
font-size:120%;
line-height:200%;
padding:40px 0px 100px 0px;/* 本文上下の余白を指定 */
}

/* コメント */
#novel p.com {
font-size:100%;
line-height:150%;
margin:0px 0px 20px 0px;
padding:10px 10px;
background:#cccccc;
}


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


#indexhead {
position:relative;
height:55px;
top:0px;
left:0px;
text-align:left;
border-top:10px solid #d13d7c;/* フレーム上部のライン(色と太さ) */
background:url(img/back4.gif) repeat-x center;
}

/* サイトタイトル */
#indexhead h1 {
position:absolute;
top:-2px;/* 上からの位置 */
left:30px;/* 左からの位置 */
color:#333333;
font-size:360%;
font-family:"Century Gothic",Tahoma,Verdana;
}

#index {
color:#333333;
background:url(img/w-line1.gif) repeat-x top;/* ドットライン画像 */
}

#index h2,#index h3 {
color:#333333;
font-weight:bold;
text-align:left;
padding:0px 0px 0px 30px;
}

#index p {
text-align:left;
padding:10px 0px 10px 30px;
}


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


#wrapper form {margin:0px 5px 10px 5px;}

#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:350px;}
#wrapper input.button {
color:#ffffff;
padding:1px;
border:none;
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;
}


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