BODY {margin:0px;}
* {
    font-family:"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","KozGoPro-Medium", "MS UI Gothic", "ＭＳ Ｐゴシック",san-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:#22ff22; /* header font color */
}

.contentsOuterColor {
  background-color:#000022;
}
.contentsColor {
  background-color:#000022;
}
.contentsColor div {
  color:#22ff22; /* standard font color */
}
.footerColor {
  background-color:#222244; /* footer background color */
  color:#22ff22; /* footer font color */
}
.footerLink {
  margin:2px 5px;
}
.footerFont {
  font-size:10px;
}
.archiveFooter {
  letter-spacing:2px;
}

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

.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;
}
.registPodcast {
  overflow:hidden;
  height:22px;
  line-height:22px;
  width:120px;
  font-size:12px;

}

.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;
}

A.headerButton {
  outline-width:0px;
  padding: 0px;
  width:auto;
  color:#22ff22;
  margin:2px;
  border-style:solid;
  border-width:1px;
  border-color:#448844 #115511 #115511 #448844; /* media frame border color */
}

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



A:hover.headerButton {
  padding: 0px;
  width:auto;
  margin:2px;
  border-style:solid;
  border-width:1px;
  border-color:#448844 #115511 #115511 #448844; /* 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:#448844 #115511 #115511 #448844; /* media frame border color */
  position:relative;
  top:1px;
  left:1px;
}


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.link, A:visited.link {
  padding: 1px;
  margin:2px;
  border-style:none;
  border-width:1px;
  border-color:#448844 #115511 #115511 #448844; /* media frame border color */
  background-color:inherit;
  color:inherit;
}


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


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

div.channelText {
  margin:5px 0px 5px 5px;
  border-width:1px;
  border-style:dotted;
  padding:4px;
  width:590px;
  height:150px;
  overflow:hidden;
  font-size:12px;
  letter-spacing:2px;
  line-height:15px;
}

.topFrame {
  overflow:auto; 
  height:320px; 
  width:780px;
}

.archiveFrame {
  overflow:auto; 
  height:491px; 
  width:780px;
}

.archiveItem {
  overflow:hidden;
  width:750px;
  border-top-width:1px;
  border-top-color:#222244;  /* footer background color */
  border-top-style:solid;
  padding:5px;

}

.topItem:first-child {
  border-top-style:none;
}

.topItem {
  padding:0px;
  border-collapsed:collapsed;
  border-top-width:1px;
  border-top-style:solid;
  border-top-color:#222244;
  width:760px;
  overflow:hidden;

}

.chanItemItemName {
  margin:5px;
  font-size:14px;
  width:370px;
  height:32px;
  line-height:16px;
  overflow:hidden;
}

.chanItemCreDate {
  margin:10px 5px 3px 9px;
  font-size:10px;
  width:360px;
  height:12px;
}
div.chanItemModDate {
  margin:2px 5px 3px 9px;
  font-size:10px;
  width:360px;
  height:12px;
  color:#22ff22;
}
div.chanItemInfo {
  margin:2px 5px 3px 9px;
  font-size:10px;
  width:360px;
  height:12px;
  color:#22ff22;
}
div.chanItemItemText {
  margin:5px;
  width:260px;
  height:80px;
  overflow:hidden;
  padding:4px;
  border-width:1px;
  border-color:#22ff22;  /* footer background color */
  border-style:dotted;
  font-size:10px;
  letter-spacing:1px;
  line-height:12px;
}


div.chanItemItemName A,div.chanItemItemName A:visited {
  outline-width:0px;
  padding: 0px;
  width:auto;
  margin:2px;
  border-style:solid;
  border-width:1px;
  border-color:#448844 #115511 #115511 #448844; /* media frame border color */
  color:#22ff22; /* standard font color */
}

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


div.chanItemItemName A:active {
  padding: 0px;
  width:auto;
  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;
}

div.archiveCreDate {
  font-size:10px;
  height:18px;
  padding-left:2px;
}

div.archiveItemName {
  font-size:14px;
  letter-spacing:1px;
  width:580px;
  overflow:hidden;
}


div.archiveItemName A,div.archiveItemName A:visited {
  outline-width:0px;
  padding: 1px;
  width:auto;
  margin:2px;
  color:#22ff22; /* standard font color */
  border-style:solid;
  border-width:1px;
  border-color:#448844 #115511 #115511 #448844; /* media frame border color */
}

div.archiveItemName A:hover {
  padding: 1px;
  width:auto;
  margin:2px;
  background-color:#222266;
}


div.archiveItemName A:active {
  padding: 1px;
  width:auto;
  margin;2px;
  background-color:#222266;
  position:relative;
  top:1px;
  left:1px;
}





div.archiveNum {
  font-size:10px;
  letter-spacing:2px;
  text-align:right;
  width:150px;
}

div.archiveModDate {
  font-size:10px;
  letter-spacing:1px;
  text-align:right;
  width:150px;
}


div.archiveItemInfo {
  font-size:10px;
  letter-spacing:1px;
  text-align:right;
  width:150px;
}
