BODY {margin:0px;}
* {
    font-family:"ヒラギノ明朝 Pro W3","HiraMinPro-W3"   , "KozMinPro-Light", "MS UI Gothic", "ＭＳ Ｐ明朝",serif;
}
IMG, OBJECT, EMBED { display:block; }

TD, TABLE {border-collapse:collapse; border-spacing:0 0;}
TABLE.enclosure {margin:0; padding:0; border-width:0; border-style:none; border-collapse:collapse;}
.enclosure TD   {margin:0; padding:0; border-collapse:collapse;}

A {text-decoration:none; color:inherit; font-family:inherit; font-size:inherit;}

/* Design */
BODY { 
  background-color:#000022; /* html background color */
}
* {margin: 0 0 0 0; padding:0 0 0 0; }


.mediaHolder{
  margin: 0 0 0 0 ;
}

.footerLink A:visited, .footerLink A {
 color: #dddddd; /* footer font color */
}

.stdMargin {
  margin: 5px 5px 5px 5px;
}

.stdMargin2 {
  margin-top:5px;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:0px;
}


.headerColor {
  background-color:#000022; /* header background color */
  color:#e45ce2; /* standard font color */
}

.headerFont, .itemInfo {
  font-family:"ヒラギノ明朝 Pro W3","HiraMinPro-W3"   , "KozMinPro-Light", "MS UI Gothic", "ＭＳ Ｐ明朝",serif;
}

.footerFont {
  font-size:10px;
}

.headerLink {
  overflow:hidden;
  height:22px;
  line-height:22px;
  width:120px;
  font-size:12px;
}

A.headerButton {
  outline-width:0px;
  padding: 0px;
  width:auto;
  color:#e45ce2; /* standard font color */
  margin:2px;
  border-style:solid;
  border-width:1px;
  border-color:#884444 #551111 #551111 #884444; /* media frame border color */
}
A:hover.headerButton {
  padding: 0px;
  width:auto;
  margin:2px;
  border-style:solid;
  border-width:1px;
  border-color:#884444 #551111 #551111 #884444; /* media frame border color */
  background-color:#222266;
}
A:active.headerButton {
  padding: 0px;
  width:auto;
  margin:2px;
  border-style:solid;
  border-width:1px;
  background-color:#222266;
  border-color:#884444 #551111 #551111 #884444; /* media frame border color */
  position:relative;
  top:1px;
  left:1px;
}

.footerColor {
  background-color:#222244; /* footer background color */
  color:#e45ce2; /* standard font color */
}

.footerLink {
  margin:2px 5px;
}

A.link, A:visited.link {
  padding: 1px;
  margin:2px;
  border-style:none;
  background-color:inherit;
  color:inherit;
}
A:hover.link {
  padding: 0px;
  margin:2px;
  border-style:solid;
  border-width:1px;
  border-color:#884444 #551111 #551111 #884444;
  background-color:#222266;
}
A:active.link {
  padding: 0px;
  margin:2px;
  border-style:solid;
  border-width:1px;
  background-color:#222266;
  border-color:#884444 #551111 #551111 #884444;
  position:relative;
  top:1px;
  left:1px;
}

div.channelText {
  margin:5px 0px 5px 5px;
  border-width:1px;
  border-style:dotted;
  border-color:#cc33cc;
  color:#e45ce2; /* standard font color */
  padding:4px;
  width:740px;
  height:70px;
  overflow:hidden;
  font-size:12px;
  letter-spacing:2px;
  line-height:15px;
}

.contentsOuterColor {
  background-color:#000022;
}

TD.contentsColor {
  color:#e45ce2; /* standard font color */
}

.opusList {
  font-size:12px;
  margin-bottom:10px;
  color:#e45ce2; /* standard font color */
}

.opusNo {
  width:200px;
}


.contentsOuterColor {
  background-color:#000022;
}
.contentsColor {
  background-color:#000022;
}
.contentsColor div {
  color:#e45ce2; /* standard font color */
}

.archiveFooter {
  letter-spacing:2px;
}

.parentTitle {
  font-size:10px;
}

.itemText {
  width:430px;
  height:336px;
  margin: 5px;
  overflow:auto;
  font-size: 12px;
  color:#22ff22;  /* header font color */
  line-height:120%;
　letter-spacing:1px;


}

.itemTitle {
  overflow:hidden;
  height:36px;
  width:620px;
  font-size:16px;
  line-height:120%;
　letter-spacing:1px;
  font-weight:bold;
}

.chanTitle {
  overflow:hidden;
  height:44px;
  width:490px;
  font-size:16px;
  line-height:22px;
　letter-spacing:1px;
  font-weight:bold;
}

.archiveTitle {
  overflow:hidden;
  height:20px;
  width:490px;
  font-size:16px;
  line-height:22px;
　letter-spacing:1px;
  font-weight:bold;
}
.archiveComment {
  overflow:hidden;
  height:24px;
  width:490px;
  font-size:16px;
  line-height:24px;
　letter-spacing:1px;
}

.mediaZone {
  width:310px;
  height:326px;
  margin:5px;
  overflow: hidden;
}

.mediaFrame {
  border-style:solid;
  border-width:1px;
  border-color:#448844 #115511 #115511 #448844; /* media frame border color */
  padding:4px;
 
  margin:auto auto;
  background-color:white;
}

.mediaFrame2 {
  border-style:solid;
  border-width:1px;
  border-color:#448844 #115511 #115511 #448844; /* media frame border color */
  padding:4px 4px;
  background-color:white;
  margin:5px 5px;
}

.miniFrame {
  border-style:solid;
  border-width:1px;
  border-color:#448844 #115511 #115511 #448844; /* media frame border color */
  padding:0px 0px;
  background-color:white;
  margin:4px 4px;
}

.itemInfo {
  font-size:10px;
  color:#22ff22;
}

.creDate {
  font-size:10px;
}


.chanFrame {
  padding:0px;
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#222244;
}




A.parentLink, A:visited.parentLink {
  padding: 1px;
  margin:2px;
  border-style:none;
  border-width:1px;
  border-color:#448844 #115511 #115511 #448844; /* media frame border color */
  background-color:inherit;
}


A:hover.parentLink {
  padding: 0px;
  margin:2px;
  border-style:solid;
  border-width:1px;
  border-color:#448844 #115511 #115511 #448844; /* media frame border color */
  background-color:#222266;
}


A:active.parentLink {
  padding: 0px;
  margin:2px;
  border-style:solid;
  border-width:1px;
  background-color:#222266;
  border-color:#448844 #115511 #115511 #448844; /* media frame border color */
  position:relative;
  top:1px;
  left:1px;
}




A.openMidi {
  outline-width:0px;
  padding: 0px;
  width:auto;
  color:#e45ce2; /* standard font color */
  margin:2px;
  font-size:9px;
  border-style:solid;
  border-width:1px;
  border-color:#884444 #551111 #551111 #884444; /* media frame border color */
}
A:hover.openMidi {
  padding: 0px;
  width:auto;
  margin:2px;
  border-style:solid;
  border-width:1px;
  border-color:#884444 #551111 #551111 #884444; /* media frame border color */
  background-color:#222266;
}
A:active.openMidi {
  padding: 0px;
  width:auto;
  margin:2px;
  border-style:solid;
  border-width:1px;
  background-color:#222266;
  border-color:#884444 #551111 #551111 #884444; /* media frame border color */
  position:relative;
  top:1px;
  left:1px;
}

div.qtPlayer {
  margin:4px;
  border-style:solid;
  background-color:#111122;
  border-width:1px;
  width:360px;
  border-color:#884444 #551111 #551111 #884444; /* media frame border color */
  color:#e45ce2; /* standard font color */
  display:block;
}


div.qtPlayer A {
  outline-width:0px;
  padding: 1px;
  width:auto;
  color:#e45ce2; /* standard font color */
  margin:2px;
  font-size:11px;
  border-style:solid;
  border-width:1px;
  border-color:#884444 #551111 #551111 #884444; /* media frame border color */
}
div.qtPlayer A:hover {
  background-color:#222266;
}
div.qtPlayer A:active {
  position:relative;
  top:1px;
  left:1px;
}
div.qtPlayingTitle {
  background-color:#112211;
  color:#00ff00;
  font-size:10px;
  border-color:#551111 #884444 #884444 #551111; /* media frame border color */
  border-style:solid;
  border-width:1px;
  padding: 0 2px 0 2px;
  margin:0 0 5px 0;
  font-family:"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","KozGoPro-Medium", "MS UI Gothic", "ＭＳ Ｐゴシック",san-serif;
}