@charset "Shift_JIS";



/*左カラム*/
#column_left{
  width: 480px;
  float: left;
}

/*右カラム*/
#column_right{
  width: 240px;
  float: right;
}

* html #column_left{
  margin-top: 10px;
  margin-left: 2px;
}

* html #column_right{
  margin-top: 10px;
  margin-right: 5px;
  width: 240px;
}


/*INFORMATION*/
.message {
	float: left;
	width: 500px;
	padding-left: 10px;
	margin: 10px;
}

.message p{
    line-height: 16px;
}

* html .message {
	margin: 10px 0px;
}

/*各項目のセレクタ*/
.box_top {
	float: left;
	width: 500px;
	margin: 10px;
}
* html .box_top {
	margin: 10px 0px;
}
.box_top .title_02 {
	height: 28px;
	padding-left: 20px;
    line-height: 28px;
	letter-spacing: 1px;
	font-size: 14px;
	color: #FFFFFF;
}
.box_top .title_02 {
	background: url(http://www.tuat-piano.com/new/img/bar_02.png) no-repeat;
}

/*お知らせ*/
.announce {
	float: left;
	width: 500px;
	padding-left: 0px;
	margin: 5px;
}

.announce p{
	float: left;
	width: 500px;
	padding-left: 10px;
	line-height: 16px;
	margin: 5px;
}

* html .announce {
	margin: 10px;
}

/*全体写真*/
.photo {
	float: left;
	width: 500px;
	padding-left: 20px;
	margin: 10px;
}
* html .announce {
	margin: 10px;
}


/*更新履歴*/
.koushin {
	float: left;
	width: 470px;
	height: 140px;
	padding-left: 20px;
	margin: 10px;
	background: #FFFFFF;
	overflow-y: scroll;
}

.koushin dl{
  line-height: 18px;
}

.koushin dl dt{
  width: 50px;
  font-weight: bold;
  color: #6699ff;
}

.koushint dl dd{
  clear: left;
  width: 390px;
  color: #000000;
  line-height: 20px;
}

.koushin dl dt
.koushin dl dd{
  float: left;
  margin: 10px 0px;
  display: block;
  line-height: 18px;
}

* html .koushin {
	margin: 10px;
}

.frame {
	width: 240px;
	height: 280px;
	margin: 10px;
	padding: 15px;
	padding-bottom: 30px;
	background: url(http://www.tuat-piano.com/new/img/frame.png) no-repeat;
}

* html .frame,{
	width: 240px;
	height: 280px;
	margin: 0px;
}


.frame ul li{
  display: block;
  width: 240px;
  padding-left: 20px;
  margin-top: 6px;
  height: 20px;
  background: url(http://www.tuat-piano.com/new/img/kusa.gif) left bottom no-repeat;
  font-size: 12px;
  line-height: 20px;
  color: #000000;
}

* html .frame ul li{
  margin-top: 2px;

}


.frame ul li.count{
  display: block;
  width: 210px;
  padding-left: 20px;
  margin-top: 12px;
  height: 20px;
  background: url(http://www.tuat-piano.com/new/img/kusa.gif) 0% 60% no-repeat;
  font-size: 12px;
  line-height: 20px;
  color: #000000;
}
.frame ul li.count span{
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: ##33ccff;
}

.frame table{
  border: none;
}
.frame table tr{
  height: 32px;
}

.frame table tr td{
  text-align: cener;
}
.frame table tr td.count01{
  text-align: left;
  text-indent: 20px;
  background: url(http://www.tuat-piano.com/new/img/kusa.gif) 0% 50% no-repeat;
  font-size: 12px;
  line-height: 20px;
  color: #000000;
}
.frame table tr td.count02{
  text-align: left;
  text-indent: 20px;
  background: url(http://www.tuat-piano.com/new/img/ksua.gif) 0% 65% no-repeat;
  font-size: 12px;
  line-height: 20px;
  color: #000000;
}
.frame table tr td.count02 span{
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #33ccff;
}

/*スケジュール*/
#schedule{
  width: 230px;
  margin: 10px;
  padding: 1px;
  background: #ffffff;
  border: solid 1px #0099ff;
}
#schedule h2{
  margin: 0px;
  height: 24px;
  width: auto;
  border: none;
  background: #0099ff;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 24px;
}
* html #schedule{
  margin: 10px 0px;
}

#schedule #underline{
  margin: 5px 5px 5px;
  background: url(http://www.tuat-piano.com/new/img/underline2.gif) repeat;
  border: none;
}
#schedule h3,
#schedule dd,
#schedule dt{
  margin: 0px 5px;
  line-height: 24px;
}
#schedule h3{
  text-align: center;
  font-size: 14px;
  color: #8dc78d;
}
#schedule h3 span{

  color: #008000;
}
#schedule dt{
  display:  block;
  width: 50px;
  height: 24px;
  clear: left;
  float: left;
  font-size: 12px;
  color: #3399ff;
  text-align: right;
}

#schedule dd, x:-moz-broken {
  width: 210px;
}
#schedule dd, x:x {
  width: 150px;
  display: block;
  color: #222222;
  font-size: 12px;
}