@charset "Shift_JIS";


/* ********************************************************* */
/* 右フレーム(main) */
/* ********************************************************* */


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

*{
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;
height:100%;
}

html {
scrollbar-arrow-color:#77b8da;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#77b8da;
scrollbar-3dlight-color:#ffffff;
scrollbar-track-color:#77b8da;
scrollbar-shadow-color:#77b8da;
scrollbar-darkshadow-color:#ffffff;
height:100%;
overflow-y:scroll;/* ←IE6バグ対策(フレーム用) */
background:#77b8da;/* 背景色はここで指定しています */
}

em {font-weight:bold;}/* 強調 */
strong {font-size:120%;font-weight:bold;border-bottom:3px dotted #ffffff;}/* より強調 */
ins {text-decoration:underline;}/* 追加(下線) */
del {text-decoration:line-through;}/* 削除 */
b {color:#77b8da;}/* 隠し文字(背景色と同じにする) */

hr {display:none;}/* ライン(非表示) */
ul li {list-style:none;}/* マーカー非表示 */
p a {font-size:100%;}/* P用リンク */

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

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

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

/* フレーム左側のモコモコ画像を指定してます */
#wrapper {
width:100%;
height:100%;
min-height:100%;
margin:0px 0px;
background:url(../img/h-line1.gif) repeat-y left fixed;
}

/* 縦100%表示の為のハック(IE6以外) */
body > #wrapper {height:auto;}/* ◆ */

/* 記事全体の横幅と真ん中寄せ */
#main {
width:80%;
margin:0px auto;
text-align:left;
}

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

/* サイトタイトル */
#main h1 {
color:#ffffff;
font-size:100%;
font-family:sans-serif,Tahoma,Verdana;
letter-spacing:1px;
text-align:right;
padding:5px 0px;
}

/* 見出し */
#main h2,#main h3,#main h4 {
color:#ffffff;
font-size:120%;
height:25px;
line-height:25px;
margin:10px 0px 8px 0px;
background:url(../img/entry.gif) no-repeat right center;
}

#main h5 {
color:#ffffff;
font-size:150%;
height:25px;
line-height:25px;
margin:10px 0px 8px 0px;
}

/* p段落---------------------------------------------------- */

#main p {
line-height:170%;
margin:0px 0px 15px 0px;/* 余白 */
}

/* ノート線を付ける */
#main p.note {
line-height:190%;
background:url(../img/w-line2.gif);
}

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

/* 文章内の文字を白くする */
#main p.color {
color:#ffffff;
font-size:120%;
}

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

/* 装飾BOX */
#main p.box {
font-size:100%;
padding:10px 10px;
border:3px double #ffffff;
}

/* 画像などを真ん中に置く */
#main p.center {
text-align:center;
}

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

#main ul {margin:0px 0px 15px 0px;}/* 余白 */

#main li {padding:0px 0px 2px 0px;}

/* マーカーをアイコンにする */
#main ul.icon li {
padding-left:18px;
background:url(../img/icon1.gif) no-repeat left center;
}

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

/* リンクページ用------------------------------------------- */

#main ul.link01 {margin:0px 0px 15px 0px;}/* 余白 */

/* 下部余白を無くす */
#main ul.link02 {margin:0px 0px 5px 0px;}/* 余白 */

#main ul.link01 li,#wrapper ul.link02 li {
display:inline;/* 横並び */
padding:0px 1px;
}

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

#footer {
margin:50px 0px 0px 0px;
padding-bottom:50px;
text-align:right;
}

#footer ul {margin:0px 0px 5px 0px;}

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

#footer p {
color:#ffffff;
font-size:100%;
font-family:sans-serif,Tahoma,Verdana;
}


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


/* イラスト展示用------------------------------------------- */

#main p.pict {
margin:0px auto;
padding:5px 0px 15px 0px;
text-align:center;
}

#main p.pictcom {
width:440px;/* 横幅 */
line-height:190%;
margin:0px auto;
background:url(../img/w-line2.gif);/* ノート線 */
}

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


/* 小説展示用----------------------------------------------- */

#main p.novel {
font-size:110%;
line-height:210%;
padding:20px 0px 80px 0px;/* 余白 */
}


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