@charset "shift_jis";


/*　月に哭く　表紙　*/

#cfm-index{
background:#090A0F url(images/bg_index.jpg) left top fixed no-repeat;
line-height:1.4em;
letter-spacing:0.1em;
font-size:14px;
color:#788470; 
font-family:"Georgia", "Times New Roman", "Times, serif";
}

#cfm-index .container #maincol a{color:#788470; text-decoration:none;}
#cfm-index .container #maincol a:hover{color:#000; background-color:#788470;}

#cfm-index .container #maincol{
width:600px;
margin:150px auto 150px 300px;
font-size:0.9em;
color:#788470;
}

#cfm-index .container #maincol #titleSection{
margin-left:200px;
}

#cfm-index .container #maincol #titleSection h1{
text-align:center;
margin-bottom:100px;
}

#cfm-index .container #maincol #titleSection .pr{
text-align:center;
margin-bottom:100px;
line-height:1.8;
}

#cfm-index .container #maincol .topMenu{
text-align:right;
margin-bottom:30px;
}

#cfm-index .container #maincol .topMenu span{
margin-left:30px;
}

#cfm-index .container #maincol .menu{
margin-bottom:50px;
}

#cfm-index .container #maincol .lastMenu{
margin-bottom:150px;
}

#cfm-index .container #maincol .menu h2,
#cfm-index .container #maincol .lastMenu h2{
border-bottom:1px #2c322e solid;
padding:5px 10px;
font-size:15px;
font-weight:bold;
}

#cfm-index .container #maincol .menu table,
#cfm-index .container #maincol .lastMenu table{
width:600px;
}

#cfm-index .container #maincol .menu table td,
#cfm-index .container #maincol .lastMenu td{
width:33%;
vertical-align:top;
}

#cfm-index .container #maincol .menu table td p,
#cfm-index .container #maincol .lastMenu table td p{
padding-left:2.5em;
text-indent:-2.5em;
}

#cfm-index .container #maincol #reference{
text-align:right;
margin-bottom:100px;
font-size:10px;
}

#cfm-index .container #maincol #footer{
text-align:center;
}




/*　月に哭く　用語集　*/
#cfm-glossary .container #maincol{
width:700px;
margin:100px auto;
font-size:0.9em;
color:#788470;
font-family:"Georgia", "Times New Roman", "Times, serif";
}

#cfm-glossary .container #maincol a{color:#788470; text-decoration:none;}
#cfm-glossary .container #maincol a:hover{color:#000; background-color:#788470;}

#cfm-glossary .container #maincol #main h1{
text-align:center;
font-size:1.1em;
background-color:#788470;
color:#000;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
padding:5px 0px;
margin-bottom:50px;
}

#cfm-glossary .container #maincol #main h2{
font-size:1.0em;
color:#788470;
border-bottom:1px #788470 solid;
padding:5px 10px;
margin-bottom:20px;
}

#cfm-glossary .container #maincol #main{
line-height:1.4;
font-size:0.9em;
}

#cfm-glossary .container #maincol #main .linkArea{
position:relative;
margin-bottom:50px;
clear:both;
}

#cfm-glossary .container #maincol #main .linkArea ul{
float:right;
}

#cfm-glossary .container #maincol #main .linkArea li{
display:inline;
margin-right:10px;
}

#cfm-glossary .container #maincol #main .cast,
#cfm-glossary .container #maincol #main .word{
position:relative;
clear:both;
margin-bottom:100px;
}

#cfm-glossary .container #maincol #main .lastBox{
position:relative;
clear:both;
margin-bottom:100px;
}

#cfm-glossary .container #maincol #main .cast dt,
#cfm-glossary .container #maincol #main .word dt,
#cfm-glossary .container #maincol #main .lastBox dt{
float:left;
clear:left;
width:220px;
font-weight:bold;
padding-left:20px;
}

#cfm-glossary .container #maincol #main .cast dd,
#cfm-glossary .container #maincol #main .word dd,
#cfm-glossary .container #maincol #main .lastBox dd{
padding-left:250px;
padding-right:1
0px;
margin-bottom:30px;
}

#cfm-glossary .container #maincol #footer{
text-align:center;
}




/* 月に哭く 本編の共通設定 */
.cfm{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:0.9em;
line-height:1.6;
letter-spacing:0.1em;
}

.cfm .container #maincol h2{
margin-bottom:50px;
font-size:1em;
}

.cfm .container #maincol #footer{
text-align:center;
}




/* 第1章の設定 */
#cfm1{
background:#000 url(images/bg_1.jpg) left top fixed no-repeat;
color:#ccc;
}

#cfm1 .container #maincol{
margin:100px 50px 100px 350px;
}

#cfm1 .container #maincol h1{
text-align:center;
margin-bottom:100px;
}

#cfm1 .container #maincol h2{
color:#6a1308;
}

#cfm1 .container #maincol #footer a{
color:#ccc;
text-decoration:none;
}


#cfm1 .container #maincol #footer a:hover{
background-color:#ccc;
color:#6a1308;
text-decoration:none;
}



/* 第2章の設定 */
/* 1〜39 */
#cfm2-1{
background:#000 url(images/bg_2_1.jpg) left top fixed no-repeat;
color:#ccc;
}

#cfm2-1 .container #maincol{
margin:100px 50px 100px 350px;
}

#cfm2-1 .container #maincol h1{
text-align:center;
margin-bottom:100px;
}

#cfm2-1 .container #maincol h2{
color:#3d3f72;
}

#cfm2-1 .container #maincol #footer a{
color:#ccc;
text-decoration:none;
}

#cfm2-1 .container #maincol #footer a:hover{
background-color:#ccc;
color:#3d3f72;
text-decoration:none;
}


/* 40〜53 */
#cfm2-2{
background:#000 url(images/bg_2_2.jpg) left top fixed no-repeat;
color:#ccc;
}

#cfm2-2 .container #maincol{
margin:100px 50px 100px 350px;
}

#cfm2-2 .container #maincol h1{
text-align:center;
margin-bottom:100px;
}

#cfm2-2 .container #maincol h2{
color:#ccc;
}

#cfm2-2 .container #maincol #footer a{
color:#ccc;
text-decoration:none;
}

#cfm2-2 .container #maincol #footer a:hover{
background-color:#ccc;
color:#000;
text-decoration:none;
}



/* 54、55 */
#cfm2-3{
background:#000 url(images/bg_2_3.jpg) right top fixed no-repeat;
color:#ccc;
}

#cfm2-3 .container #maincol{
margin:100px 450px 100px 50px;
}

#cfm2-3 .container #maincol h1{
text-align:center;
margin-bottom:100px;
}

#cfm2-3 .container #maincol h2{
color:#ccc;
}

#cfm2-3 .container #maincol #footer a{
color:#ccc;
text-decoration:none;
}

#cfm2-3 .container #maincol #footer a:hover{
background-color:#ccc;
color:#000;
text-decoration:none;
}



/* 第3章の設定 */
body.cfm{
scrollbar-base-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-face-color:#fff;
scrollbar-track-color:#fff;

scrollbar-arrow-color :#666;
scrollbar-three-color :#666;
scrollbar-highlight-color :#666;
scrollbar-darkshadow-color :#666;
}

#cfm3{
background:#fff url(images/bg_3.jpg) left top fixed no-repeat;
color:#666;
}

#cfm3 .container #maincol{
margin:100px 50px 100px 350px;
}

#cfm3 .container #maincol h1{
text-align:center;
margin-bottom:100px;
}

#cfm3 .container #maincol h2{
color:#666;
}

#cfm3 .container #maincol #footer a{
color:#666;
text-decoration:none;
}

#cfm3 .container #maincol #footer a:hover{
background-color:#666;
color:#fff;
text-decoration:none;
}


/* 誓いの設定 */
#tikai{
background:#000 url(images/bg_tikai.jpg) left top fixed no-repeat;
color:#ccc;
}

#tikai .container #maincol{
margin:100px 50px 100px 400px;
}

#tikai .container #maincol h1{
text-align:right;
margin-bottom:100px;
}

#tikai .container #maincol h2{
color:#e1c468;
}

#tikai .container #maincol #footer a:hover{
background-color:#ccc;
color:#e1c468;
text-decoration:none;
}