@charset "Shift_JIS";

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

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

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

body {
color:#555555;
height:100%;
}

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

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

a {text-decoration:none;}
a:link, a:active {color:#555555;}
a:visited {color:#555555;}
a:hover {color:#c8a2c2;}

/* 文字、その他--------------------------------------------- */

em {color:#555555;font-weight:bold;}/* 強調 */
strong {color:#c8a2c2;font-weight:bold;font-size:120%;}/* より強い強調 */
del {text-decoration:line-through;}/* 削除 */
ins {text-decoration:underline;}/* 追加 */
b {color:#ffffff;}/* 白文字 */

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


/* ********************************************************* */
/* 左フレーム用 */
/* ********************************************************* */


/* 全体(横幅と余白) */
#container {
width:100px;
position:relative;
top:10px;
left:24px;
}

/* トップに置くワンポイント画像 */
#container h1 {
width:100px;
height:80px;/* ←画像の縦幅に合わせる */
text-indent:-9999px;/* 文字を画面外に飛ばす */
background:url(img/top1.jpg) no-repeat;/* 画像アドレス */
}
/* ↑ワンポイント画像を表示したくない場合は上は内容を削除してdisplay:none;を入れて下さい */

/* サイトタイトル------------------------------------------- */

#container h2 {
text-align:center;
padding:5px 0px 10px 0px;/* 余白 */
}

/* サイトタイトル用リンク */
#container h2 a {
color:#c8a2c2;/* 文字色 */
font-size:120%;
font-weight:bold;
font-family:Tahoma,"Century Gothic",Osaka;
}

#container h2 a:hover {
color:#cccccc;/* カーソルが乗った時の色 */
position:relative;top:1px;left:1px;
}

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

ul#menu {
text-align:left;
padding:0px 0px 13px 3px;
}

ul#menu li {}

/* メニューリンク */
ul#menu li a {
font-family:Tahoma,"Century Gothic",Osaka;
letter-spacing:1px;
padding-left:14px;
background:url(img/icon2.gif) no-repeat left center;
}

/* メニューリンク(カーソルが乗ったとき) */
ul#menu li a:hover {
font-family:Tahoma,"Century Gothic",Osaka;
font-weight:bold;
letter-spacing:2px;
padding-left:14px;
background:url(img/icon1.gif) no-repeat left center;
}

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

/* ライン */
#container .h3,#container .h4 {
text-align:center;
margin:0px 0px 8px 0px;/* 余白 */
background:url(img/w-line.gif) repeat-x center;
}

/* 文字 */
#container h3,#container h4 {
display:inline;
color:#cccccc;
font-size:120%;
font-weight:bold;
font-family:Tahoma,"Century Gothic",Osaka;
letter-spacing:1px;
padding:0px 2px;
background:#ffffff;
}

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

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

#container p.center {
text-align:center;
padding:0px 0px 5px 0px;
}

/* リンク */
#container p a:link, #container p a:active {color:#555555;}
#container p a:visited {color:#cccccc;}
#container p a:hover {color:#c8a2c2;}

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

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

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


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


/* 全体----------------------------------------------------- */

#wrapper {
width:550px;/* 横幅指定 */
height:100%;
min-height:100%;
text-align:left;
padding:25px 0px 20px 0px;/* ページ全体の余白 */
background:url(img/h-line1.gif) repeat-y left fixed;
}

body > #wrapper {height:auto;}

#wrapper a {font-size:100%;}
#wrapper a:hover {position:relative;top:1px;left:1px;}


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

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


/* ライン */
#wrapper .h2,#wrapper .h3,#wrapper .h4 {
margin:0px 0px 20px 16px;/* 余白 */
text-align:right;
background:url(img/w-line.gif) repeat-x center;
}

/* 文字 */
#wrapper h2,#wrapper h3,#wrapper h4 {
display:inline;
font-size:120%;
color:#555555;
font-weight:bold;
letter-spacing:1px;
padding-left:3px;
background:#ffffff;
}

/* 文字の色を変える */
#wrapper .f {
color:#c8a2c2;
font-size:100%;
font-weight:bold;
}

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

#wrapper p {
margin:0px 0px 40px 50px;/* 余白 */
line-height:180%;
}

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

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

/* 段落内の文字全体を色付き */
#wrapper p.color1 {color:#cccccc;}
#wrapper p.color2 {color:#c8a2c2;}

/* 装飾box */
#wrapper p.box1 {
line-height:150%;
margin:0px 0px 10px 50px;/* 余白 */
padding:10px 10px;
border:3px double #c8a2c2;
}

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

#wrapper ul {
list-style:square inside;
margin:0px 0px 15px 50px;/* 余白 */
}

#wrapper li {
list-style:square inside;
margin:0px 0px 2px 0px;
}

/* リストマークを画像に */
#wrapper ul.list01 {}

#wrapper ul.list01 li {
list-style:none;
background:url(img/icon2.gif) no-repeat left center;
}

/* IE6以外用ハック */
body > #wrapper ul.list01 li {
list-style:none;
padding-left:14px;
background:url(img/icon2.gif) no-repeat left center;
}


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

#wrapper dl {margin:0px 0px 15px 50px;}

#wrapper dt {
color:#c8a2c2;
font-size:120%;
font-weight:bold;
}

#wrapper dd {margin:5px 0px 10px 15px;}


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

ul#footer {
padding:20px 0px;
text-align:right;
}

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


/* ********************************************************* */
/* 展示ページ用(右フレーム) */
/* ********************************************************* */


/* 共通----------------------------------------------------- */

#pict,#novel {
height:100%;
min-height:100%;
text-align:left;
padding:30px 0px 20px 0px;/* ページ全体の余白 */
background:url(img/h-line1.gif) repeat-y left fixed;
}

body > #pict {height:auto;}
body > #novel {height:auto;}

/* リンク */
#pict a:hover,#novel a:hover {position:relative;top:1px;left:1px;}

/* h1非表示 */
#pict h1,#novel h1 {display:none;}

/* タイトル(共通)------------------------------------------- */

/* ライン */
#pict .h2,#novel .h2 {
margin:0px 0px 20px 16px;
text-align:right;
background:url(img/w-line.gif) repeat-x center;
}

/* 文字 */
#pict h2,#novel h2 {
display:inline;
font-size:120%;
color:#555555;
font-weight:bold;
letter-spacing:1px;
padding-left:3px;
background:#ffffff;
}

/* 文字の色を変える */
#pict .f,#novel .f {
color:#c8a2c2;
font-size:100%;
font-weight:bold;
}

/* pict.html------------------------------------------------ */

/* 横幅 */
#pict {
width:600px;
}

#pict p {
margin:0px 0px 15px 0px;
text-align:center;
font-size:100%;
line-height:140%;
}

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

/* novel.html----------------------------------------------- */

/* 横幅 */
#novel {
width:90%;
}

/* 小説文章用 */
#novel p {
font-size:120%;
line-height:200%;/* 行間 */
margin:50px 0px 50px 50px;
}

#novel p.com {
font-size:100%;
line-height:150%;
margin:0px 0px 15px 50px;
padding:10px 10px;
border:3px double #c8a2c2;
}

/* novelページ用リンク */
#novel a:visited {color:#cccccc;}

/* 戻るリンク(共通)----------------------------------------- */

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

ul#bottom li {
display:inline;
padding:0px 1px;
}


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


/* 全体 */
#index {
width:240px;
height:100%;
margin-left:20px;/* 左側からの余白 */
padding-top:10px;
background:url(img/h-line1.gif) repeat-y left;/* 縦ライン画像を指定 */
text-align:left;
}

/* トップ画像 */
#index h1 {
width:100px;
height:80px;/* ←画像の縦幅に合わせる */
text-indent:-9999px;/* 文字を画面外に飛ばす */
margin:0px auto;
background:url(img/top1.jpg) no-repeat;/* 画像 */
}

/* 見出し(ドットライン) */
#index .h2,#index .h3,#index .h4 {
margin:10px 0px 10px 15px;
padding-left:60px;
text-align:right;
background:url(img/w-line.gif) repeat-x center;
}

/* 見出し(文字) */
#index h2,#index h3,#index h4 {
display:inline;
font-size:120%;
color:#555555;
letter-spacing:1px;
padding-left:2px;
background:#ffffff;
}

/* 見出しの文字色を変える */
#index .f {
color:#c8a2c2;
font-size:100%;
}

/* P段落 */
#index p {padding:10px 0px 10px 35px;}

/* リンク指定 */
#index a:hover {position:relative;top:1px;left:1px;}


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


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

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

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

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


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