﻿HTML{
  height:100%;
}
BODY{
  background:url(bg.gif) #555555;
  background-position:bottom;
  background-attachment:fixed;
  background-repeat:repeat-x;
  color:#d0d0d0;
  font-size:8pt;
  scrollbar-highlight-color:#f3f3f3;
  scrollbar-shadow-color:#f3f3f3;
  scrollbar-arrow-color:#222222;
  scrollbar-track-color:#333333;
  scrollbar-base-color:#f3f3f3;
  scrollbar-face-color:#f3f3f3;
  scrollbar-darkshadow-color:#555555;
  scrollbar-3dlight-color:#555555;
  margin:0px;
  height:100%;
  overflow-y:scroll;
  *text-align:center;
}
A:link{
  text-decoration:none;
  color:#fb5f00;
  border-bottom:1px dashed #d0d0d0;
}
A:active{
  text-decoration:none;
  color:#fb5f00;
  border-bottom:1px dashed #d0d0d0;
}
A:visited{
  text-decoration:none;
  color:#ffc106;
  border-bottom:1px dashed #d0d0d0;
}
A:hover{
  text-decoration:none;
  color:#000000;
  border-bottom:1px solid #fb5f00;
}
.noborder A{
  border:none;
}
A:hover[name]{
  text-decoration:none;
  color:inherit;
}
INPUT,SELECT,TEXTAREA{
  background:#000000;
  color:#cccccc;
  font-size:8pt;
  border:1px solid #d0d0d0;
  padding:2px;
}
TD{
  font-size:8pt;
}
HR{
  color:#ffc106;
  width:100%;
  height:1px;
}
P{
  font-size:12px;
  line-height:180%;
  margin:0.5em 3%;
}
UL,LI{
  line-height:180%;
  margin:0.5em 3%;
  list-style:square;
}
DIV{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  box-sizing:border-box;
}
.hogo{
  color:#111111;
}
.invisible{
  visibility:hidden;
}
#noborder A{
  border:none;
}
#noborder A:hover{
  border:none;
}
#noborder A:visited{
  border:none;
}
.clearfix:after{
  content:"";
  clear:both;
  display:block;
}

.contents{
  width:950px;
  background:#555555;
  box-shadow:10px 10px 10px 10px rgba(0,0,0,0.5);
  margin:0px auto 50px auto;
  text-align:left;
}
.contents_box{
  width:100%;
  border-bottom:1px solid #fb5f00;
  margin-bottom:10px;
  clear:both;
}
.contents_left{
  width:49%;
  float:left;
}
.contents_right{
  width:49%;
  float:left;
}
.contents_top{
  border-bottom:1px solid #fb5f00;
}
.contents_bottom{
  clear:both;
}
#record{
  text-align:left;
  line-height:180%;
  height:80px;
  margin:0.5em 5%;
  overflow:auto;
  position:relative;
}
#record DL{
  width:100%;
  border-bottom:1px dashed #222222;
  clear:both;
}
#record DT{
  color:#000000;
  font-size:8pt;
  width:60px;
  float:left;
}
#record DD{
  width:300px;
  float:left;
}


H1{
  color:#000000;
  font-size:20pt;
  font-family:Arial;
  border-left:30px solid #000000;
  padding-left:5px;
  margin-left:5px;
}
.subtitle{
  color:#222222;
  font-family:Arial;
  border-left:10px solid #000000;
  padding-left:5px;
  margin-top:20px;
}
.subtitle2{
  color:#000000;
}
.subtitle3{
  color:#ffffff;
}
.subtitle_nomargin{
  color:#222222;
  font-family:Arial;
  border-left:10px solid #000000;
  padding-left:5px;
  margin-left:5px;
}

.top{
  padding-left:5px;
  margin-left:5px;
}

DL{
  line-height:180%;
}
#cdinfo{
  width:420px;
  margin:0px auto;
  border:1px solid #000000;
}
#cdinfo DL{
  padding:3px;
  margin:0.5em 5%;
  clear:both;
}
#cdinfo DT{
  width:100px;
  float:left;
}
#cdinfo DD{
  width:300px;
  border-left:1px dashed #000000;
  padding-left:5px;
  float:left;
}
#cdinfo DL+DL{
  border-top:1px solid #000000;
}

#aboutlink DL{
  margin:0.5em 5%;
  clear:both;
}
#aboutlink DT{
  width:90px;
  float:left;
}
#aboutlink DD{
  width:270px;
  padding-left:5px;
  float:left;
}
#aboutlink DL+DL{
  border-top:1px solid #000000;
}
#staff DL{
  margin:0.5em 5%;
  clear:both;
}
#staff DT{
  width:150px;
  padding-left:5px;
  float:left;
}
#staff DD{
  width:150px;
  float:left;
}
#staff DL+DL{
  border-top:1px solid #000000;
}

.pickup{
  margin:0 auto;
}
.pickup_left{
  width:470px;
  float:left;
}
.pickup_right{
  width:470px;
  border-left:1px dashed #d0d0d0;
  float:left;
}
.pickup A IMG{
  border:1px solid #000000;
  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  opacity:0.6;
}
.pickup A:hover IMG{
  border:1px solid #ffffff;
  filter:alpha(opacity=100);
  -moz-opacity:1.0;
  opacity:1.0;
}
.pickup_right UL{
  list-style:none;
  margin:0px;
}
.pickup_right LI{
  font-size:10pt;
  list-style:none;
  display:inline;
  margin:0px;
}
.pickup_right LI+LI:before{
  content:"/ ";
  color:#000000;
  margin-left:2px;
}
.youtube{
  text-align:center;
}
.youtube_text{
  text-align:center;
}
.youtube_text A{
  background:#000000;
  color:#ffffff;
  border-bottom:none;
  margin:2px 0px;
  padding:5px;
  display:inline-block;
}
.youtube_text A:hover{
  background:#ffffff;
  color:#000000;
  border-bottom:none;
  display:inline-block;
}
.youtube IFRAME{
  width:420px;
  height:315px;
}

.footer{
  background:#000000;
  padding:5px;
  text-align:center;
  clear:both;
}
.sns{
  width:100%;
  height:25px;
  bottom:5px;
  right:10px;
  position:fixed;
  z-index:5;
  text-align:right;
}


.drama_player{
  margin:5px 0px;
}

.tab_border{
  margin-left:20px;
  border:1px solid #d0d0d0;
}

@media(max-width:950px){
.contents{
  max-width:95%;
  background:#555555;
  border-left:1px solid #fb5f00;
  border-right:1px solid #fb5f00;
  border-bottom:1px solid #fb5f00;
  margin:0px auto 50px auto;
  *text-align:left;
}
.contents_left{
  width:100%;
  float:none;
}
.contents_right{
  width:100%;
  float:none;
}
.topimg{
  max-width:100%;
  height:auto;
}
.contents IMG{
  max-width:100%;
  height:auto;
}
#aboutlink DT{
  width:100%;
  float:none;
}
#aboutlink DD{
  width:100%;
  float:none;
}
#staff DT{
  width:100%;
  float:none;
}
#staff DD{
  width:100%;
  float:none;
}
.piclup_left{
  width:100%;
  float:none;
}
.pickup_right{
  width:100%;
  border-left:none;
  margin-left:0px;
  padding-left:0px;
  float:none;
  clear:both;
}
}

@media(max-width:590px){
AUDIO{
  max-width:80%;
}
.contents{
  width:99%;
  background:#555555;
  border-left:1px solid #fb5f00;
  border-right:1px solid #fb5f00;
  border-bottom:1px solid #fb5f00;
  margin:0px auto 50px auto;
  *text-align:left;
}
.contents_left{
  width:100%;
  float:none;
}
.contents_right{
  border-left:0;
  width:100%;
  float:none;
}
.topimg{
  max-width:100%;
  height:auto;
}
#cdinfo{
  width:100%;
  margin:0px;
}
#cdinfo DL{
  width:100%;
  clear:both;
}
#cdinfo DT{
  width:100%;
  float:none;
}
#cdinfo DD{
  width:100%;
  border-left:none;
  padding-left:2px;
  float:none;
}
.youtube IFRAME{
  display:none;
}
.youtube_text A{
  background:#000000;
  color:#ffffff;
  border-bottom:none;
  font-size:12pt;
  padding:5px;
  display:inline-block;
}
.youtube_text A:hover{
  background:#ffffff;
  color:#000000;
  border-bottom:none;
  font-size:12pt;
  display:inline-block;
}
.pickup IMG{
  max-width:70%;
  height:auto;
}
}