@charset "utf-8";
/* base.css */

/*チェック用
*{border:solid 1px #ff0000; color:#8888ff !important}
*/

.header a{margin:16px 20px 0px 0px; padding:0px; border:0px;}
.header img{position:relative; float:right; margin:16px 20px 0px 0px; border:0px;}
.header p{top:34px; padding-left:12%; letter-spacing:1.2pt; line-height:145%;}
.pnavi{position:absolute; top:160px; padding-left:2%; font-size:small; letter-spacing:1.5pt;}
.pnavi a{text-decoration:none; color:#0000ff; background-color:transparent; padding:2px 6px 2px 6px;}
.pnavi a:hover{color:#ff6688; background-color:#ffffff; padding:2px 6px 2px 6px;}

.navi{float:left; width:20%; background-color:#a0ffd8; padding-bottom:6px; border-radius:12px;}
.navi ul li{list-style:none outside; padding:5px;}
.navi ul li ul{background-color:#e8ffcf; padding-top:7px; border-radius:12px;}
.navi ul li ul li{font-size:small;}
.navi ul li ul li a{padding:2px 6px 2px 6px;}
.navi ul li ul li a:hover{padding:2px 6px 2px 6px;}

.contents{float:right; width:77%; background-color:#b8e0ff; padding:10px; line-height:145%; border-radius:12px;}
.contents p{margin:14px; left:15px; top:7px;}
.contents br{margin-bottom:11px;}
.contents em{background-color:#ffffee; margin-left:14px; padding:2px 6px 2px 6px; font-weight:bold; font-style:normal;}

.text{padding-left:16px; line-height:120%;}
.proginfo{font-size:small; padding:0px 50px 0px 110px; margin:5px 0px 8px 0px; line-height:135%;}
.proginfo br{line-height:0%;}
pre,pre a{padding-left:32px; font-family:"ＭＳ ゴシック","MS Gothic","Osaka-等幅",monospace;}
.text a,.timetable a{text-decoration:none; color:#0000ff; background-color:transparent; padding:2px 6px 2px 6px;}
.text a:hover,.timetable a:hover{color:#ff3333; background-color:#ffff88; padding:2px 6px 2px 6px; border-radius:5px;}
.caution{font-style:oblique;}
.note{font-size:small; text-align:right;}
.note-l{font-size:small; text-align:left; padding-left:16px;}
.note br,.note-l br{margin-bottom:0px;}
.infosub,.infosub a,.addr{font-size:small;}
.first{color:#ff0000; font-size:small;}
.addr{color:#ccff00; background-color:#9999ff; padding:1px 2px 1px 2px; letter-spacing:1.2pt;}

.photo,.movie{border:0px; margin:auto;}
.photo tr td{padding:3px; margin:2px; background-color:#e8fff8; font-size:small;}
.movie tr td{padding:3px; margin:2px; background-color:#fff8e8; font-size:small;}
.photo a,.movie a{text-decoration:none; background-color:transparent;}
.photo a:hover,.movie a:hover{color:#ff3333;}
.mgn0 a{padding:2px; margin:0px;}

.listcon{padding-left:3.5em;}
.listcon li{margin-bottom:7px;}
.listcon li a{padding:2px 3px 2px 3px;}
.listcon li br,.listsng li br{padding:0px; margin:0px;}
.listcon li ul{padding-left:2.5em; margin-top:3px;}
.listcon li ul li{margin-bottom:7px;}

/* vocaloid list */
.volist{vertical-align:top; width:355px;}

ol.reset{counter-reset:vocount 0;}
ol.next7{counter-reset:vocount 6;}
ol.next8{counter-reset:vocount 7;}
ol>li{list-style-type:none;}
ol>li:before{content:counter(vocount)". "; counter-increment:vocount; list-style-type:none;}

.listsng{padding-left:3.3em; padding-right:.5em; font-size:small;}
.listsng li{margin-bottom:-2px;}
.listsng li.c1{padding-left:.7em;}

.listqna{padding-left:5em; padding-right:3.5em; background-color:#e0f0f9; border-radius:12px;}
.listqna li{margin-bottom:2px;}
.listqna li a{padding:1px;}
.listqna li ul{padding-left:2em; margin-top:1px;}
.listqna li ul li{margin-bottom:1px; font-size:small;}

#list{width:97%; margin:auto; border:0px; font-size:small;}
#list strong{background-color:#99ffd8;}
#list br{margin-bottom:auto;}
#list a{text-decoration:none; color:#0000ff; background-color:#ffcccc; padding:0px 5px 0px 5px;}
#list a:hover{color:#ff3333; background-color:#ffff88; padding:0px 5px 0px 5px;}
#list tr td,#list tr th{padding:0px 0.5em 0px 0.5em; background-color:#e8fff8;}
#list .even{background-color:#e8ffe8;}
#list .right{text-align:right;}

.sttoyama{width:97%; margin:2px;}
.stlist{border:0px; margin:auto; font-size:small; text-align:center;}
.stlist br{margin-bottom:0px; padding:0px;}
.stlist a{text-decoration:none; color:#0000ff; background-color:#ffcccc; padding:1px;}
.stlist a:hover{color:#ff3333; background-color:#ffff88; padding:1px;}
.stlist tr td{padding-left:0.2em; background-color:#e8fff8;}
.stlist tr th{background-color:#e8fff8;}
.stlist .cross{background-color:#f0ffe8;}
.stlist .none{background-color:#f0f0f0;}
.stlist .delay{background-color:#a8fff8;}
.amst,.fmtx{color:#ffa000; background-color:#ffff00; font-weight:bold;}
.stlist .rjn{background-color:#ccffcc;}
.stlist .rn{background-color:#00ffcc;}
.stlist .rj{background-color:#ccff00;}
.fixed{table-layout:fixed;}