@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:92%;
}

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

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

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

hr {display:none;}/* ライン非表示 */


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


/* 全体(横幅と余白) */
#container {
width:100px;
margin:0px 0px 0px 25px;
} 


} 


}

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

/* サイトタイトル */
#container h2 {
text-align:center;
padding:7px 0px 7px 0px;
}

/* サイトタイトルリンク */
#container h2 a {
font-size:120%;
font-weight:bold;
font-family:Tahoma,"Century Gothic",Osaka;
letter-spacing:1px;
}


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

ul#menu {
padding:10px 5px;
text-align:left;
list-style:none;
}

ul#menu li {list-style:none;}

/* メニューリンク */
ul#menu li a {
font-family:Tahoma,"Century Gothic",Osaka;
font-weight:bold;
letter-spacing:1px;
padding-left:22px;
}

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


/* タイトルバー--------------------------------------------- */

#container .h3,#container .h4 {
text-align:center;
margin:0px 0px;
}

#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:#333333;
}


/* P-------------------------------------------------------- */

#container p {
line-height:160%;
width:113%;
padding:5px 0px 15px 0px;
}

#container p.center {text-align:center;}


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

ul#foot {padding:20px 0px;text-align:center;}
ul#foot li {display:inline;margin:0px 1px;}/*liを横並びにする指定*/


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


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

#wrapper {
width:550px;
height:100%;
min-height:100%;
text-align:left;
padding:10px 0px;
}

body > #wrapper {height:auto;}

#wrapper a:hover {position:relative;top:0px;left:0px;}


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

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


/* タイトルバー--------------------------------------------- */

#wrapper .h2,#wrapper .h3,#wrapper .h4 {
margin:30px 0px 20px 15px;
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;
letter-spacing:1px;
padding-left:3px;
background:#e7e6e6;
}

#wrapper .f {color:#ff0066;font-size:100%;}


/* 記事部分------------------------------------------------- */

#wrapper p {
margin:10px 0px 35px 30px;
line-height:180%;
}

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

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


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

#wrapper ul {
margin:10px 0px 10px 50px;
list-style:square inside;
}

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

/* リストマークを画像に */
#wrapper ul.list01 {list-style:none;}

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

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


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

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

#wrapper dt {
color:#fbca4d;
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;margin:0px 3px;}/*liを横並びにする指定*/


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

#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;
}


/* ********************************************************* */
/* 展示ページ用 */
/* ********************************************************* */


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

/* 横幅は、よく展示する最大画像横サイズに合わせて設定すると吉 */
#exhibition {
width:800px;
height:100%;
min-height:100%;
text-align:left;
padding:10px 0px;
}

body > #exhibition {height:auto;}

#exhibition a:hover {position:relative;top:1px;left:1px;}


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

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


/* タイトルバー--------------------------------------------- */

#exhibition .h2 {
margin:30px 0px 20px 15px;
text-align:right;
background:url(img/w-line.gif) repeat-x center;
}

#exhibition h2 {
display:inline;
font-size:120%;
color:#555555;
letter-spacing:1px;
padding-left:3px;
background:#ffffff;
}

#exhibition .f {color:#fbca4d;font-size:100%;}


/* 記事部分------------------------------------------------- */

#exhibition p {
margin:10px 0px 35px 50px;
line-height:180%;
}

/* イラスト配置 */
#exhibition p.pict {margin-bottom:-5px;}

/* 文章を真ん中に */
#exhibition p.center {text-align:center;}

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

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


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


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

/* トップ画像 */
#index h1 {
width:100px;
height:80px;/* ←画像の縦幅に合わせる */
text-indent:-9999px;/* 文字を画面外に飛ばす */
margin:20px 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:#fbca4d;font-size:100%;}

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

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


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