@charset "Shift_JIS";

/* 全称セレクタ--------------------------------------------- */

* {
margin:0;padding:0;
font:normal normal normal x-small/1.5 Verdana,Osaka,Chicago,sans-serif;
border:none;
}

/* 全体指定------------------------------------------------- */

body {color:#404040;}

html {
scrollbar-arrow-color:#404040;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#404040;
scrollbar-3dlight-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color:#404040;
scrollbar-darkshadow-color:#ffffff;
overflow-y:scroll;/* ←IE6バグ対策(フレーム用) */
}
/* スクロールバー指定が不要の場合は、スクロールバーのみ削除して下さい */

/* リンク--------------------------------------------------- */

a {text-decoration:none;}
a:link,a:active {color:#404040;}
a:visited {color:#404040;}
a:hover {color:#b7c6ee;position:relative;top:1px;left:1px;}

/* 文字----------------------------------------------------- */

em {color:#99d650;font-size:120%;font-weight:bold;}/* 強調 */
strong {color:#404040;font-weight:bold;font-size:120%;border-bottom:2px solid #b7c6ee;}/* より強い強調 */
del {text-decoration:line-through;}/* 削除 */
ins {text-decoration:underline;}/* 追加 */
b {color:#ffffff;}/* 白文字 */

/* 他------------------------------------------------------- */

hr {display:none;}/* ライン非表示 */
ul li {list-style:none;}/* マーカー無し */


/* ********************************************************* */
/* 詳細設定 */
/* ********************************************************* */


/* ★マークは余白指定をしている箇所です */

/* レイアウト----------------------------------------------- */

#wrapper {
padding:20px 0px 20px 0px;/* ページ上下の余白を指定★ */
text-align:left;
border-bottom:15px solid #404040;/* ページ下部のボーダーを指定 */
}

/* 見出し--------------------------------------------------- */

/* 非表示 */
#wrapper h1 {
display:none;
text-align:right;
}

/* 各見出し */
#wrapper h2,#wrapper h3 {
color:#404040;
font-size:120%;
padding:0px 0px 0px 8px;
border-left:60px solid #fac9ab;/* 左のボーダーを指定 */
}

/* 段落----------------------------------------------------- */

#wrapper .text1 {
width:80%;/* ここで文章部分の横幅指定をしています */
margin-left:21px;
padding:15px 0px 20px 20px;/* ★ */
background:url(img/h-line1.gif) repeat-y left;/* 左側縦ドットライン指定 */
}

/* 左の縦ドットラインが無い方↓ */
#wrapper .text2 {
width:80%;/* ここで文章部分の横幅指定をしています */
margin-left:21px;
padding:15px 0px 20px 20px;/* ★ */
}

/* P-------------------------------------------------------- */

#wrapper p {
line-height:180%;/* 行間 */
padding:2px 0px 10px 0px;/* ★ */
}

/* 文字を大きくする */
#wrapper p.msg {
font-size:120%;
line-height:200%;
}

/* 装飾BOX1 */
#wrapper p.box1 {
margin:2px 0px 10px 0px;/* ★ */
padding:10px 10px;
border:3px double #fac9ab;
background:#ffffff;
}

/* 装飾BOX2 */
#wrapper p.box2 {
color:#ffffff;
margin:2px 0px 10px 0px;/* ★ */
padding:10px 10px;
border:1px solid #404040;
background:#fac9ab;
}

/* 更新履歴 */
#wrapper p.rireki {
height:56px;/* 縦幅 */
overflow:auto;
line-height:150%;
margin:2px 0px 10px 0px;/* ★ */
padding:1px 1px;
background:none;
}

/* サブ見出し */
#wrapper p.title {
color:#99d650;
font-size:120%;
font-weight:bold;
padding:0px 0px 5px 0px;
}

/* P用リンク */
#wrapper p a {font-size:100%;}

/* 画像の周りに枠を付ける */
img.img {border:1px solid #404040;}

/* リスト--------------------------------------------------- */

#wrapper ul {
width:80%;/* ここで文章部分の横幅指定をしています */
padding:2px 0px 10px 0px;/* ★ */
}

#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:12px;
background:url(img/ci-c2.gif) no-repeat left center;
}

/* リンクページ用------------------------------------------- */

/* 下部余白を無くす */
#wrapper ul.link01 {padding:0px 0px 5px 0px;}/* ★ */

#wrapper ul.link01 li {
padding:0px 2px 0px 0px;
display:inline;/* 横並び */
}

#wrapper ul.link02 {padding:0px 0px 10px 0px;}/* ★ */

#wrapper ul.link02 li {
padding:0px 2px 0px 0px;
display:inline;/* 横並び */
}

/* フッター------------------------------------------------- */

#footer {
margin:0px 0px;
padding:10px 20px 0px 0px;/* ★ */
text-align:right;
background:url(img/ci-ba162.gif) repeat-x top;/* 上部ライン指定 */
}

#footer ul {
width:100%;
font-size:100%;
color:#404040;
margin:0px 0px;
padding:0px 0px 5px 0px;
background:none;
}

#footer li {
margin:0px 0px;
padding:0px 0px 0px 2px;
display:inline;/* 横並び */
}

#footer p {
width:100%;
margin:0px 0px;
padding:5px 0px 0px 0px;
background:none;
}


/* ********************************************************* */
/* フォーム */
/* ********************************************************* */


#wrapper form {margin:2px 0px 10px 0px;}/* ★ */

#wrapper input,#wrapper textarea,#wrapper select {
color:#404040;
margin:1px 0px;
padding:1px;
line-height:100%;
border:1px solid #404040;
}

/* サイズ指定 */

/* 一言メルフォ用 */
#wrapper input.name {width:80px;}
#wrapper input.msg {width:350px;}
#wrapper input.button {
color:#ffffff;
padding:1px;
border:none;
background:#404040;
}

/* メルフォ用 */
#wrapper input.input {width:250px;}
#wrapper textarea.textarea {width:250px;height:100px;}
#wrapper input.submit {
width:254px;
color:#ffffff;
padding:2px 0px;
background:#404040;
}


/* ********************************************************* */
/* 展示ページ用 */
/* ********************************************************* */


/* 小説ページ本文 */
#wrapper p.novel {
font-size:120%;
line-height:210%;
padding:50px 0px 80px 0px;/* ★ */
}


/* ********************************************************* */
/* index.html */
/* ********************************************************* */


#index {
position:relative;
width:240px;/* 横幅　サイトタイトルに合わせて調節してみて下さい */
text-align:left;
}

/* 以下、positionで位置指定をしています--------------------- */

/* トップ用の画像 */
#topimg {
position:relative;
top:40px;
left:20px;
} 

/* サイトタイトル */
#index h1 {
position:relative;
top:-50px;
left:110px;
color:#404040;
font-size:300%;
font-family:sans-serif,"Century Gothic",Tahoma,Verdana;
letter-spacing:1px;
background:url(img/ci-ba162.gif) repeat-x bottom;
}

/* 記事全体の位置 */
#index .text {
position:relative;
top:-20px;
left:112px;
}

/* 小見出し */
#index h2 {
font-size:120%;
font-family:sans-serif,"Century Gothic",Tahoma,Verdana;
letter-spacing:1px;
padding:0px 0px;
}

/* 小見出しの最初の一文字を色つきに */
#index h2:first-letter {font-size:12px;color:#99d650;font-weight:normal;}
#index h3:first-letter {font-size:12px;color:#99d650;font-weight:normal;}

/* 文章部分 */
#index p {
line-height:160%;/* 行間 */
padding:5px 0px 15px 0px;
}


/* ********************************************************* */



