@charset "Shift_JIS";


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

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

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

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

html {
scrollbar-arrow-color:#252525;
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;/* ←IE6バグ対策(フレーム用) */
}
/* スクロールバー指定が不要の場合は、スクロールバーのみ削除して下さい */

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

a{text-decoration:none;}
a:link,a:active{color:#252525;}
a:visited{color:#252525;}
a:hover{color:#ef8184; position:relative;top:1px;left:1px;}

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

em {color:#ef8184;font-weight:bold;}/* 強調 */
strong {/* より強い強調 */
color:#252525;
font-size:120%;
font-weight:bold;
border-bottom:2px dashed #ef8184;
padding-bottom:1px;
}
del {text-decoration:line-through;}/* 削除 */
ins {text-decoration:underline;}/* 追加 */
b {color:#ffffff;}/* 白文字 */

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

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


/* ********************************************************* */
/* 下右フレーム(sub) */
/* ********************************************************* */


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

#contents {
width:200px;/* 全体の横幅 */
text-align:left;
margin:0px auto;/* autoは真ん中寄せに必須 */
padding:7px 0px 50px 0px;
}

/* パンくずリスト------------------------------------------- */

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

ul#pan li {
display:inline;/* 横並び */
margin:0px 0px 0px 1px;
}

ul#pan li a {font-weight:bold;}

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

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

/* 見出し */
#contents h2,#contents h3,#contents h4 {
color:#ffffff;
font-size:110%;
margin:0px 0px 10px 0px;
padding:1px 5px 2px 5px;
background:#8FBC8F;
}

/* 小見出し(背景ライン) */
div#contents .line {
margin:0px 0px 5px 0px;
background:url(img/dot-line2.gif) repeat-x center;
}

/* 小見出し(文字) */
#contents .title {
color:#252525;
font-size:100%;
font-weight:bold;
margin:0px 0px;
padding:0px 2px 0px 11px;
background:url(img/icon1.gif) no-repeat left #ffffff;
}

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

#contents p {
padding:0px 0px 10px 0px;
line-height:160%;
}

/* サムネイルに枠を付ける */
#contents .img {
margin:1px 1px;
border:1px solid #252525;
}

/* 更新履歴------------------------------------------------- */

#contents p.rireki {
width:200px;
height:45px;
overflow:auto;
margin:10px 0px 10px 0px;
padding:1px 0px;
line-height:140%;
}

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

ul#foot {
margin:10px 0px 0px 0px;
padding:5px 0px;
text-align:right;
border-top:1px solid #252525;
}

ul#foot li {
display:inline;/* 横並び */
margin:0px 0px 0px 3px;
}


/* ********************************************************* */
/* 下左フレーム(main) */
/* ********************************************************* */


#wrapper {
width:500px;/* 全体の横幅 */
margin:15px auto;/* autoは真ん中寄せに必須 */
padding-bottom:50px;/* ページ下部の余白 */
text-align:left;
}

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

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

#wrapper h2,#wrapper h3,#wrapper h4 {
color:#BC8F8F;
font-size:120%;
font-weight:bold;
margin:0px 0px 10px 0px;
padding:5px 1px 5px 1px;
background:url(img/dot-line2.gif) repeat-x bottom;/* ドットライン指定 */
}

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

#wrapper p {
margin:0px 1px 20px 1px;/* 余白 */
line-height:170%;
}

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

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

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

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

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

#wrapper ul {margin:0px 1px 10px 1px;}/* 余白 */
#wrapper li {margin:2px 0px;}

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

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

/* リストマークを画像に */
#wrapper ul.list03 {}
#wrapper ul.list03 li {
padding-left:16px;
background:url(img/icon2.gif) no-repeat left center;
}

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

ul#footer {
margin:20px 0px;
padding:5px 0px;
text-align:right;
border-top:1px solid #252525;
}

ul#footer li {
display:inline;/* 横並び指定 */
margin:0px 3px;
}


/* ********************************************************* */
/* 展示サンプル用 */
/* ********************************************************* */


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

/* 横幅は、よく展示するイラストの最大横幅を指定すると良 */
#pict {
width:500px;
margin:20px auto;
padding-bottom:50px;/* ページ下部余白 */
text-align:center;
}

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

/* 作品タイトル */
#pict h2 {
color:#ffffff;
font-size:120%;
padding:1px 5px 2px 5px;
background:#BC8F8F;
}

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

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


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

#novel {
width:80%;
margin:20px auto;
padding-bottom:50px;/* ページ下部余白 */
text-align:left;
}

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

/* 作品タイトル */
#novel h2 {
color:#ef8184;
font-size:120%;
font-weight:bold;
margin-bottom:10px;
}

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

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


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


#index {
float:right;/* 全体を右に寄せる */
width:300px;/* 全体の横幅 */
margin:50px 20px;
text-align:left;
}

#index h1,#index h2 {
color:#ffffff;
font-size:100%;
letter-spacing:1px;
padding:1px 5px 2px 5px;
background:#252525;
}

/* 文章ブロック */
#index p {margin:15px 0px;}

/* Pの下に下線を付ける */
#index p.line {
padding-bottom:15px;
border-bottom:1px solid #252525;
}

/* floatをクリア */
.clear {clear:both;}


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


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

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

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

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


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