@charset "Shift_JIS";


body{
  color:#000000;
  background:#d9d9ff url("http://www.tuat-piano.com/new/img/bg.gif") center top repeat;
}

a{
  color:#00ccff;
  text-decoration: none;
}

a:hover{
  color:#99ffff;
  text-decoration: underline;
}

*{margin:0px; padding:0px;}

img{ border:0px;}

table,div{
  margin:auto;
}

ul{
  list-style-type: none;
}

body {
  font-size: 12px; /* モダンブラウザ */
  *font-size: 80%; /* IE 7 */
  *font: 80%; /* IE 6以下 */
  text-align:center;
}

/*レイアウトセレクタ*/

.CNT{
  text-align:center;
}
.L{
  text-align:left;
}
.R{
  text-align:right;
}
.FL{
  float:left;
  clear: left;
}
.FR{
  float:right;
  clear: right;
}
.CLR{
  clear: both;
}

/* IEのボックスバグの修正 */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*基本レイアウト*/

/*影*/
#bg{
  clear: both;
  width:800px;
  padding: 0px 10px 0px;
  background: url(http://www.tuat-piano.com/img/bg_con3.png);
  text-align:center;
}

* html #bg{
behavior: expression(IEPNGFIX.fix(this));
} 

/*コンテナ*/
#container{
  width:800px;
  margin: 0px;
  padding: 0px;
}

/*ヘッダ*/
#head{
  margin: 0px;
  padding: 0px;
  height: 85px;
  background-color: #ffffff;
}

/*back*/
#back{
  float: left;
}

/*更新日，管理者名*/
#head p{
  float: right;
  margin: 10px;
  color: #00ccff;
  line-height: 16px;
  text-align: right;
}

/*メール，部員ページ*/
#navi{
  clear: right;
  float: right;
  width: 200px;
  height: 16px;
  margin: 0px;
  padding: 0px;
  line-height: 16px;
}

#navi ul *{
  list-style-type:none;
  display:block;
}

#navi ul li{
  width:100px;
  height:16px;
  position:relative;
  float:left;
}

#navi ul li a{
  width:100px;
  height:16px;
  text-indent: 10px;
  line-height:16px;
  color:#00ccffF;
}

#navi ul li.mail a{ background: url(http://www.tuat-piano.com/new/img/mail.png) left no-repeat;}
#navi ul li.mail a:hover{
  background:url(http://www.tuat-piano.com/new/img/mail.png) left no-repeat;
  color:#00ccffF;
}

#navi ul li.member a{ background:url(http://www.tuat-piano.com/new/img/home.png) left no-repeat;}
#navi ul li.member a:hover{
  background:url(http://www.tuat-piano.com/new/img/home.png) left no-repeat;
  color:#00ccffF;
}

#head h1{
  height:20px;
  line-height:16px;
  font-size:11px;
  color:#333333;
  font-weight:normal;
  text-indent:10px;
}
#head h2{
  padding:4px 0 0 10px;
  font-weight:normal;
}
#head h2 a{
  font-size:24px;
  line-height:140%;
  vertical-align:top;
  text-decoration:none;
  color:#333333;
}
#head h2 a:hover{
  font-size:24px;
  line-height:140%;
  vertical-align:top;
  text-decoration:none;
  color:#333333;
}

/*グローバルナビゲーション*/
#head_menu{
  height:60px;
  margin: 0px;
  clear:left;
  font-size:14px;
}
#head_menu:after{
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
#head_menu ul *{
  list-style-type:none;
  display:block;
}  
#head_menu ul li{
  width:100px;
  height:60px;
  position:relative;
  float:left;
}
#head_menu ul li a{
  width:100px;
  height:60px;
  text-align:center;
  color:#FFFFFF;
  line-height:60px;
  text-decoration:none;
}
#head_menu ul li a.disabled {
  cursor:default;
}

#head_menu ul li a:hover{
  color:#FFFFFF;
  text-decoration:none;
}


#head_menu ul li.about a{ background:url(http://www.tuat-piano.com/new/img/about_02.png) no-repeat;}
#head_menu ul li.about a:hover{ background-position:left bottom;}

#head_menu ul li.activity a{ background:url(http://www.tuat-piano.com/new/img/activity.png) no-repeat;}
#head_menu ul li.activity a:hover{ background-position:left bottom;}

#head_menu ul li.concert a{ background:url(http://www.tuat-piano.com/new/img/concert.png) no-repeat;}
#head_menu ul li.concert a:hover{ background-position:left bottom;}

#head_menu ul li.album a{ background:url(http://www.tuat-piano.com/new/img/album.png) no-repeat;}
#head_menu ul li.album a:hover{ background-position:left bottom;}

#head_menu ul li.music a{ background:url(http://www.tuat-piano.com/new/img/music.png) no-repeat;}
#head_menu ul li.music a:hover{ background-position:left bottom;}

#head_menu ul li.bbs a{ background:url(http://www.tuat-piano.com/new/img/bbs.png) no-repeat;}
#head_menu ul li.bbs a:hover{ background-position:left bottom;}

#head_menu ul li.data a{ background:url(http://www.tuat-piano.com/new/img/data.png) no-repeat;}
#head_menu ul li.data a:hover{ background-position:left bottom;}

#head_menu ul li.link a{ background:url(http://www.tuat-piano.com/new/img/link.png) no-repeat;}
#head_menu ul li.link a:hover{ background-position:left bottom;}


/*内容*/
#contents{
  width: 760px;
  margin: 0px;
  padding: 10px;
  background: #ffffff;
  text-align: left;
}
* html #contents{
  width: 760px;
  margin: 0px;
  padding: 10px;
  background: #ffffff;
  text-align: left;
}

#modoru{
  text-align: left;
  font-size: 10px;
}

/*フッター*/
#foot{
  clear:both;
  background: url(http://www.tuat-piano.com/new/img/footer.png) no-repeat;
  width:800px;
  height:160px;
  text-align:center;
  color:#FFFFFF;
}
#foot p,
#foot p a{
  font-size:12px;
  line-height: 40px;
  color:#FFFFFF;
  text-decoration: none;
  padding-top: 120px
}


.cnt_box{
  width: 780px;
  text-align: center;
}


/* 見出し */
h2.default{
  height: 40px;
  width: 740px;
  margin: 15px 0px;
  background: url(http://www.tuat-piano.com/new/img/line03.gif) left bottom no-repeat;
  line-height: 36px;
  text-indent: 1.0em;
  font-size: 20px;
  font-weight: bold;
  color : #334455;
}

h3.default{
  height: 30px;
  width: 740px;
  margin: 0px;
  line-height: 20px;
  text-indent: 1.0em;
  font-size: 14px;
  font-weight: bold;
  color : #0066cc;
}

h4.default{
  color:#0099ff;
  background:url('http://www.tuat-piano.com/new/img/point.gif') no-repeat left;
  padding:7px 15px 0px 15px;
  height:30px;
  line-height:24px;
  margin:5px 0px 0px 0px;
  font-size:14px;
  text-align:left;
}

h5.default{
  height: 24px;
  margin-left: 12px;
  line-height: 24px;
  font-size: 12px;
  font-weight: bold;
  color : #000000;
}

.mark:hover{
  text-decoration:none;
  background-color:#ffff88;
}