@charset "utf-8";

a:link,a:active,a:visited {
  color: #FF3366;
  text-decoration: none;
}
a:hover {
  color: #0099FF;
  text-decoration: underline;
}
a:hover img{
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}
.clr {clear: both;}
.box {
  border: 2px solid #CCC;
  padding: 5px;
  margin-bottom: 5px;
  overflow:hidden;
  zoom:1;
}

#portfolio {
  list-style: none;
  height:200px;
  overflow:hidden;
}
ul#portfolio li img{
  border: 0px none #ccc;
  padding: 0px;
}
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #222;
  background-image: url(https://www.tsukuba-orch.com/img/bg.gif);
  background-repeat: repeat;
  text-align:center;
}
#wrapper {
  background-image: url(https://www.tsukuba-orch.com/img/base.gif);
  background-repeat: repeat-y;
  width: 780px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  text-align:left;
}
#header, #main, #member, #under{
  margin-bottom: 5px;
}
#main .entry {
  width: 315px;
  float: left;
  height: 300px;
}
.entry h2 {
  display: block;
  background-image: url(https://www.tsukuba-orch.com/img/reg1_h1.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 300px;
  height: 30px;
  line-height: 30px;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
}

#main .prf{
  float: left;
  width: 315px;
  height: 300px;
  padding-top: 5px;
  padding-right: 5px;
  padding-left: 10px;
}
#main .info ,#main .send{
  float: left;
  width: 430px;
  height: 300px;
  margin-left: 5px;
  background-image: url(https://www.tsukuba-orch.com/img/info_bg.jpg);
  background-repeat: no-repeat;
}
#main .info h2 ,#main .send h2{
  background-image: url(https://www.tsukuba-orch.com/img/info_h2.jpg);
  display: block;
  height: 38px;
  line-height: 40px;
  padding-left: 20px;
  font-size: 18px;
  color: #306;
  font-weight: bold;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #306;
}
#main .send iframe {
  margin:20px 20px 0px;
}
#main .info p {
  height: 220px;
  display: block;
  padding: 20px;
  color: #FFF;
  line-height: 18px;
}
#main .info p strong , #main .info p em{
  color: #FF0;
}
#main .prf h2 {
  display: block;
  background-image: url(https://www.tsukuba-orch.com/img/reg1_h1.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  height: 30px;
  width: 300px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
}
#main .prf dt {
  height: 85px;
  width: 85px;
  border: 1px solid #CCC;
  padding: 2px;
  float: left;
  margin-bottom: 10px;
}
#main .prf dd ul {
  display: block;
  float: left;
  margin-left: 5px;
  margin-bottom: 10px;
}
#main .prf dd ul li {
  line-height: 22px;
  height: 21px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCC;
  width: 208px;
}
#main .prf dd ul li strong {
  font-weight: bold;
  color: #306;
}
#main .prf dd p {
  background-color: #EEE;
  padding: 9px;
  width: 300px;
  display: block;
  font-size: 14px;
  line-height: 20px;
  height: 160px;
  border: 1px solid #CCC;
}

#member h2, #under h3 {
  display: block;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  font-weight: bold;
  background-image: url(https://www.tsukuba-orch.com/img/h_bg.gif);
  border-left-width: 5px;
  border-left-style: solid;
  border-left-color: #303;
  padding-left: 10px;
  color: #333;
  margin-bottom: 5px;
}
#member .flow {
  display: block;
  float: left;
  margin-bottom: 5px;
}

#member .flow li {
  background-repeat: no-repeat;
  height: 155px;
  width: 180px;
  display: block;
  float: left;
  margin-left: 6px;
  padding-top: 82px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
  font-size: 10px;
  line-height: 14px;
}
#member .member {
  display: block;
  float: left;
  margin-bottom: 5px;
}

#member .member li {
  float: left;
  height: 88px;
  width: 88px;
  display: block;
  padding: 3px;
  border: 1px solid #999;
  margin-left: 5px;
}
.flow1 {background-image: url(https://www.tsukuba-orch.com/img/flow01.jpg);}
.flow2 {background-image: url(https://www.tsukuba-orch.com/img/flow02.jpg);}
.flow3 {background-image: url(https://www.tsukuba-orch.com/img/flow03.jpg);}
.flow4 {background-image: url(https://www.tsukuba-orch.com/img/flow04.jpg);}
#member .box h2 {
  display: none;
}
#member .box p {
  display: block;
  background-image: url(https://www.tsukuba-orch.com/img/member_box_br.jpg);
  height: 186px;
  width: 380px;
  text-indent: -9999px;
  float: left;
}
#member .box iframe {
  display: block;
  float: left;
  margin-left: 5px;
}
#under .box.ktai {
  background-image: url(https://www.tsukuba-orch.com/img/mob.png);
  background-repeat: no-repeat;
  background-position: right bottom;
}
#footer {
  text-align: center;
  padding:10px 0px;
}