/* 日本伝統音楽研究センターのトップページのスタイルシートです
作成：東正子 jtm-www@kcua.ac.jp*/


/* トップページのイメージとキャプション */
#cover_image{ position:relative;width:780px;height:136px; border-bottom:1px solid #ccc;background:url(../images/sampleimage.jpg) no-repeat;}
#cover_image_caption{width:770px; position:absolute;top:116px;left:0; height:14px; font-size:x-small; color:#ccc; letter-spacing:0.2em; text-align:right;}

/* 更新履歴とピックアップ項目(トップページのイメージ下） */
#cover_content{width:780px; background-color:#CCCCCC;overflow: hidden;}

/* バグ対応 */
#cover_content:after {content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;}
/*\*/
* html #cover_content{
    height: 1em;
    overflow: visible;
}
/**/
   

/* お知らせと更新履歴 */
#cover_content_left{margin:1px 5px 5px 5px; float:left; width:540px; background-color:#fff; overflow:hidden; display:inline; border-right:2px solid #999; border-bottom:1px solid #999;}
#cover_content_left a:link{ text-decoration:none; color:#000;}
#cover_content_left a:visited{ text-decoration:none; color:#000;}
#cover_content_left a:hover{ text-decoration:underline; color:#FF6600;}
#cover_content_left a:active{ text-decoration:none; color:#000;}

/* お知らせ */
#left_info{font-size:10px;padding:0 0 3px 0;}
#left_info h5{font-size:12px; padding:2px 5px 3px 10px; }
#left_info p{line-height:1.4em; padding:2px 5px 5px 40px;}
#left_info hr{color:#ccc; height:1px;}
.info{background:url(../images/bg_info.jpg) no-repeat ; height:22px; width:530px ;text-indent:-9999px;margin:6px 5px 5px 5px;}
.info a{display:block;}

/* 更新履歴 */
#left_update table{font-size:10px; margin:5px 30px 0 5px; border:0; line-height:1.2em; }
#left_update th{border-top:1px solid #CCCCCC;text-align:left;font-weight:bold; vertical-align:top; font-family:"trebuchet MS", sans-serif;padding:3px;}
#left_update td{vertical-align:top;margin:2px 5px;text-align:left;padding:3px;border-top:1px solid #CCCCCC;}
.updates{background:url(../images/bg_updates.jpg) no-repeat ;width:530px; height:22px;text-indent:-9999px; margin:6px 5px 5px 5px; }


/* ピックアップ項目 */

#cover_content_right{ float:right;width:228px; min-height:300px; overflow:hidden;}
#cover_content_right h3{background:url(../images/pickup.jpg) no-repeat ; height:22px; width:210px ;text-indent:-9999px; margin:6px auto 5px;}
#cover_content_right h4{color:#000;/*height:18px;*/letter-spacing:0.2em; border-bottom:1px solid #999; padding:3px 2px 2px 10px; background:url(../images/bg_picuptitle.gif) 0 50% repeat-x; font-size:11px;}
#cover_content_right h5{ padding:5px 0 3px 2px; letter-spacing:0.1em; font-size:12px; font-weight:normal;}

#cover_content_right h6{ background-color:#F9F7F7;margin:2px 3px 4px 3px;letter-spacing:0.1em; border-left:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; padding:2px 5px;font-weight:normal; font-size:10px;}
#cover_content_right p{ color:#666666; padding:1px 0 3px 10px; font-size:10px;}
#cover_content_right ul{list-style:disc inside; margin:3px 5px 5px 5px; border:1px solid #ccc;}
#cover_content_right li{padding:1px 0 2px 15px;}
/*#cover_content_right img{border:0;}*/
#cover_content_right h4 a:link{text-decoration:none; color:#000000;}
#cover_content_right h4 a:visited{text-decoration:none; color:#000000;}
#cover_content_right h4 a:hover{text-decoration:underline; color:#FF6600;}
#cover_content_right h4 a:active{text-decoration:none; color:#000000;}

#cover_content_right p a:link{text-decoration:none; color:#666;}
#cover_content_right p a:visited{text-decoration:none; color:#666;}
#cover_content_right p a:hover{text-decoration:underline; color:#FF6600;}
#cover_content_right p a:active{text-decoration:none; color:#666;}
#cover_content_right hr{color:#ccc; height:1px; margin:0; padding:0;}
.pickup{ width:210px;margin:6px auto 8px; font-size:10px; line-height:1.2em; background-color:#Ffffff;border-top:1px solid #999;border-bottom:2px solid #999;border-left:1px solid #999;border-right:2px solid #999;}
.bgbox {color: #000000;display: inline-table;}

.bgbox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .bgbox {
    height: 35px;
}

.bgbox {
    display: block;
}
/**/


.past{text-align:right; margin:5px;}