/*
  ONION KNIGHTS Web Site用スタイルシート
*/
BODY.bodystyle {
 color:#fef;
 background-color:#101;
 line-height:140%;
 font-size:small;
}

DIV#mainform {
 left:40px;
 width:90%;
 position:relative;
 z-index:50;
}

DIV#mainform2 {
 left:40px;
 width:90%;
 z-index:50;
}
DIV#maincenter {
 text-align:center;
 width:90%;
 position:relative;
 z-index:50;
}

DIV.maintitle {
 position:relative;
 padding:2px;
 font-weight:bold;
 font-size:x-large;
 border-top:2px solid #380;
 border-left:2px solid #380;
 border-right:2px solid #240;
 border-bottom:2px solid #240;
 color:#fef;
 background-color:#111;
 z-index:50;
}

DIV.mainbody {
 padding:4px;
 position:relative;
 left:20px;
 width:100%;
 border-top:0px solid #380;
 border-left:0px solid #380;
 border-right:0px solid #240;
 border-bottom:0px solid #240;
 z-index:50;
}

DIV.mainbody2 {
 padding:4px;
 left:20px;
 position:relative;
 width:100%;
 border:0px solid #339900;
 z-index:50;
}

/* テーブル設定 */
TABLE.tbl_style {
 border: 1px solid #339900;
}

TABLE.tbl_noline {
 border: 0px solid #339900;
}

TD {
 color: #fef;
 background-color:inherit;
 border-collapse: collapse;
 empty-cells :show;
 border: 1px solid;
 border-color: #480;
}

TD.no_line {
 color: #fef;
 background-color:inherit;
 border-collapse: collapse;
 empty-cells :show;
 border: 0px solid;
 border-color: #480;
}

TD.td_top {
 color: #fef;
 font-size:large;
 background-color: #303;
 text-align: center;
 width:50%;
}

TD.td_title {
 text-align:center;
 color: #fef;
 font-size:x-large;
 background-color: #303;
 text-align: center;
}

TD.td_name {
 font-weight: bold;
 color: #fef;
 background-color: #601;
}

TD.td_etc {
 color: #fef;
 background-color: #106;
}

TABLE.tbl_style2 {
 border: 0px solid;
}


TD.td_top2 {
 border: 0px solid;
 font-size:large;
 text-align: center;
}

TD.td_name2 {
 border: 0px solid;
 font-weight: bold;
}

TD.td_etc2 {
 border: 0px solid;
}


TD.td_name3 {
 border: 0px solid;
 font-weight: bold;
 background-color: #601;
}

TD.td_etc3 {
 border: 0px solid;
 background-color: #106;
}

TD.caution {
 color: #fef;
 text-align:right;
 font-size:8px;
 background-color:inherit;
 border-collapse: collapse;
 empty-cells :show;
 border: 0px solid;
 border-color: #480;
}


DIV#mainform a{
 padding:1px;
/*
 border-top:1px solid #380;
 border-left:1px solid #380;
 border-right:1px solid #240;
 border-bottom:1px solid #240;
*/
 text-decoration:underline;
 background-color:#101;
}

DIV#mainform a:link{color:#8ff}
DIV#mainform a:visited{color:#e22;}
DIV#mainform a:hover{background-color:#848;}

DIV#maincenter a{
 padding:1px;
 border-top:2px solid #380;
 border-left:2px solid #380;
 border-right:2px solid #240;
 border-bottom:2px solid #240;
 text-decoration:none;
 background-color:#101;
}

DIV#maincenter a:link{color:#8ff}
DIV#maincenter a:visited{color:#e22;}
DIV#maincenter a:hover{background-color:#848;}

A.root {
 border:0px solid;
}

ul.musicmain {
 padding:4px;
 left:20px;
 position:relative;
 width:80%;
 border:0px solid;
 z-index:50;
}

li.musickind {
 list-style:none;
 padding:3px;
 left:0px;
 position:relative;
 width:auto;
 border-top:2px solid #09C;
 border-left:2px solid #09C;
 border-right:2px solid #057;
 border-bottom:2px solid #057;
 color:#fef;
 background-color:#101;
 z-index:50;
 font-size:x-large;
}

ol.kindframe {
 font-size:medium;
 padding:4px;
 left:15px;
 width:100%;
 position:relative;
 border:0px solid;
 z-index:50;
}

li.musictitle {
 font-size:medium;
 list-style:none;
 padding:2px;
 left:0px;
 width:90%;
 position:relative;
 border-top:1px solid #C90;
 border-left:1px solid #C90;
 border-right:1px solid #750;
 border-bottom:1px solid #750;
 color:#fef;
 background-color:#101;
 z-index:50;
 font-size:medium;
}

li.musicdetail {
 font-size:medium;
 list-style:none;
 padding:2px;
 left:20px;
 position:relative;
 width:80%;
 border:0px solid;
 z-index:50;
}

HR.lines {
 width:100%;
 height:4px;
}

ul.list_title {
 font-weight:bold;
}

ul.list_etc {
 font-weight:normal;
}

ul.list_none {
 list-style:none;
}

/*
画像の表示サイズ
 osize 1/8
 qsize 1/4
 hsize 1/2
*/
IMG.qsize {
 width:25%;
 height:25%;
 border-top:2px solid #2A4;
 border-left:2px solid #2A4;
 border-bottom:2px solid #152;
 border-right:2px solid #152;
}

IMG.hsize {
 width: 50%;
 height: 50%;
 border-top:2px solid #2A4;
 border-left:2px solid #2A4;
 border-bottom:2px solid #152;
 border-right:2px solid #152;
}

IMG.osize {
 width: 12.5%;
 height: 12.5%;
 border-top:2px solid #2A4;
 border-left:2px solid #2A4;
 border-bottom:2px solid #152;
 border-right:2px solid #152;
}

IMG.osize_noborder {
 width: 12.5%;
 height: 12.5%;
 border:0px;
}

IMG.qsize_noborder {
 width: 25%;
 height: 25%;
 border:0px;
}

IMG.hsize_noborder {
 width: 50%;
 height: 50%;
 border:0px;
}

/**/
LI.DRESSTREE1{
 position:relative;
 left:-20px;
}
LI.DRESSTREE2{
 position:relative;
 left:-30px;
}
LI.DRESSTREE3{
 position:relative;
 left:-30px;
}
LI.DRESSTREE4{
 position:relative;
 left:-30px;
}

a.frames {
 padding:1px;
/*
 border-top:2px solid #380;
 border-left:2px solid #380;
 border-right:2px solid #240;
 border-bottom:2px solid #240;
*/
 text-decoration:underline;
 background-color:#101;
}