@charset "Shift_Jis";




/*/////////////// 全体 /////////////////////////*/

*{
margin:0;
padding:0;
font:normal normal normal 100%/1.7 Verdana,Osaka,"ＭＳ Ｐゴシック",sans-serif;
color:#8f8f8f;
border:0;
}

html{
margin:0 0 1px;
height:100%;
scrollbar-arrow-color:#000;
scrollbar-face-color:#fff;
scrollbar-track-color:#000;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-darkshadow-color:#fff;
}

body{
background:#fff url(./img/girl.gif) no-repeat fixed 4% 99%;
height:100%;
font-size:70%;
text-align:center;
}


/*/////////////// アンカー /////////////////////////*/

a{
padding:0 2px;
text-decoration:none;
}

a:link{
color:#cc2071;
}

a:visited{
color:#cc2071;
}

a:hover{
text-decoration:underline;
}


/*/////////////// 見出し /////////////////////////*/

h1{
padding:50px 0 0;
background:url(./img/header_p.gif) no-repeat 50% 15px;
height:55px;
font-size:12pt;
font-family:"Century Gothic",Verdana,Arial;
color:#eee;
letter-spacing:1px;
text-align:center;
}

h2{
padding:10px 0 0 15px;
background:url(./img/h2.gif) repeat-x 0 100%;
font-size:110%;
font-weight:bold;
}





/*/////////////// リスト /////////////////////////*/

ul,ol{
margin:0 0 0 2em;
}

ul li{
list-style-type:square;
}

ul.rows,ol.rows{
margin:0 0 0 0.8em;
}

ul.rows li,ol.rows li{
margin:0 0.2em 0 -0.2em;
display:inline;
list-style-type:none;
}

dt{
margin:0.3em 0 0;
}

dd{	
padding:2px 0.5em;
}


/*/////////////// レイアウト /////////////////////////*/

/* ----- ラッパー ------------- */

#WRAPPER{
margin:0 auto;
padding:0 0 10px;
background:url(./img/bg.gif) repeat-y 50% 0;
width:880px;
height:100%;
min-height:100%;
text-align:left;
}

body > #WRAPPER{
height:auto;
}


/* ----- ヘッダー ------------- */

div#HEADER{	}


/* ----- メニュー ------------- */

#MENU{
width:220px;
text-align:right;
float:left;
}

#MENU li{
list-style-type:none;
}

#MENU a{
padding:0 23px 0 0;
background:url(./img/menu.gif) no-repeat 100% 50%;
color:#333;
}

#MENU a:hover{
color:#c5c5c5;
text-decoration:none;
}

#MENU .here{
color:#aa0000;
font-weight:bold;
}

#MENU h2{
display:none;
}


/* ----- サブメニュー ------------- */

#SUB{
margin:30px 0 0;
width:164px;
float:right;
}

#SUB li{
list-style-type:none;
}

#SUB li a{
padding:0 0 0 23px;
background:url(./img/sub.gif) no-repeat 0 50%;
color:#333;
}

#SUB li a:hover{
color:#c5c5c5;
text-decoration:none;
}

#SUB li.label{
margin:0;
padding:0 0 0 23px;
background:url(./img/menu.gif) no-repeat 0 45%;
color:#333;
font-weight:normal
}

#SUB h2{
display:none;
}


/* ----- メイン ------------- */

#MAIN{
margin:0 260px 16px 0;
width:360px;
float:right;
height:100%;
}

.text{
padding:8px 15px 0 10px;
height:100%;
}

.skip{
clear:both;
margin:10px 10px 0 0;
text-align:right;
}

.skip li{
list-style-type:none;
}





/* ----- 段落・水平線・イメージ ------------- */

p{
margin:0.2em 0 0.6em;
}

hr{
display:none;
}

img{
margin:0.4em 0.2em 0.4em 0;
vertical-align:bottom;
}


/* ----- 強調・追加・削除 ------------- */

em{
border-bottom:1px dashed #8f8f8f;
}

strong{
font-size:115%;
color:#a22041;
}

ins{
text-decoration:underline;
}

del{
text-decoration:line-through;
}






/*/////////////// その他 /////////////////////////*/

/* ----- float解除 ------------- */

.clear{
clear:both;
line-height:0;
}


/* ----- 装飾BOX ------------- */

.record{
overflow:auto;
margin:0 0.7em;
height:75px;
}


/* ----- メインページ個別の設定 ------------- */

.novel dt{
margin:0.7em 0 0.4em;
padding:0 0 0 3px;
border-bottom:2px solid #cc2071;
}


/* ----- リンクページ個別の設定 ------------- */

.link dt{
margin:5px 10px 0 0;
width:200px;
float:left;
}

.link dd{
margin:5px 0;
}

.link{
clear:both;
}

.link2 dt{
margin:0 8px 0 0;
}

.link2 dd{
margin:0 0 0 7px;
padding:5px 0 7px 6px;
border-left:3px solid #444;
}

p {
background:#000;
padding:1.5em;}


