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

{ CSS概要 }

　 01 : 要素
　 02 : リンク
　 03 : 見出し
　 04 : レイアウト

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

/*======== 01 : 要素 ========*/

*{
    margin:0;
    padding:0;
    border:none;
    font-family:Verdana,san-serif;
    font-size:12px;
    line-height:1.6em;
}

body,table{color:#333333;
	scrollbar-face-color: #FFFFFF;       /* 表面の色 */
	scrollbar-3dlight-color: #FFFFFF;    /* 左端と上端の色 */
	scrollbar-highlight-color: #FFFFFF;  /* ハイライトの色 */
	scrollbar-shadow-color: #FFFFFF;     /* 影の色 */
	scrollbar-darkshadow-color: #FFFFFF; /* 右端と下端 */
	scrollbar-arrow-color: #CCCCCC;      /* 矢印の色 */
	scrollbar-track-color: #e6e6e6;      /* バーの背景の色 */

}

p{padding:0 30px 0px;}

em{border-bottom:1px solid #333;font-style:normal;}
hr{height:0px;margin:5px 20px;border:0;border-bottom:1px dashed #ccc;}
select,input,textarea{
    margin:1px 0;
    border:1px solid #333;
    background-color:transparent;
}
input:hover,select:hover,textarea:hover{border:1px solid #ddd;}
input:focus,select:focus,textarea:focus{border:1px solid #b9f110;}
input.button{padding:0 1em;}


/*======== 02 : リンク ========*/

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


/*======== 03 : 見出し ========*/

h1{margin:0 20px;color:#fff;text-align:center;}
h2{margin:10px 20px;color:#ff9999;font-family:Century Gothic;font-size:18pt;}
h3{margin:5px 20px;color:#000000;font-size:12px;font-weight:normal;text-decoration:underline;}
h4{margin:10px 20px;font-size:11px;}



/*======== 04 : レイアウト ========*/

.record{
    margin:10px 30px 20px;
    padding:0 5px;
    height:60px;
    border:1px solid #ccc;
    overflow:auto;
}

.gallery{background:url('img/line.gif') left repeat-y;}

.text{margin:10px 40px;}
.text ul{list-style-type:circle;margin:0;padding:0 10px;}
.text ul li{list-style-type:circle;margin:0;}
.text ol{margin:0 10px;}
.text ol li{margin:0 10px;}

.pict{padding:10px 30px;}
.pict ul{list-style-type:none;margin:0;}
.pict li{ display:inline;list-style-type:none;margin:0;paddin:0;}
.pict li a{
    display:block;
    float:left;
    width:30px;
    height:30px;
    border:1px solid #ccc;
    margin:0 3px 3px 0;
    padding:0;
}
.pict li a:hover{ border:1px solid #00bff3;}

.banner{margin:10px 0;padding:0 30px 10px;}
.banner dl{margin-bottom:10px;padding-bottom:2px;border-bottom:1px solid #ddd;}
.banner dt{width:200px;float:left;}
.banner dd{margin-left:210px;padding-left:5px;}

.mark{font-family:sans-serif;font-size:12px;}
.clear{clear:both;}


#menu{
    clear:both;
    font-size:10px;
    border-top:1px dotted #000;
}
#menu ul{list-style-type:none;margin:5px 0;font-weight:bold;}
#menu li{list-style-type:none;float:left;margin:0 0 3px 10px;}
#menu li a{text-decoration:none;padding-left:16px;font-size:10px;}
#menu li a:link,#menu li a:visited{color:#000;background:url('img/a.gif') left center no-repeat; }
#menu li a:hover{color:#b9f110;background:url('img/a2.gif') left center no-repeat;}

div#novelfont{margin:6em 3em;padding:0;}
#novelfont p{color:#000;text-align:left;padding:2em 2em;font-size: 120%;background-color:#ffffff;