@charset "shift_jis";

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

これ以外に
があります。

このスタイルシートの内容

1.基本
2.レイアウト
3.何にでも使えそうなクラス
 a.ボーダー無し
 b.隠そう
 c.右寄せ
 d.左寄せ
 e.真ん中
 f.左マージンいろいろ
 　10px　20px　30px　40px　50px　60px　70px　80px　90px  100px
 　1em 2em 3em 4em 5em 6em 7em 8em 9em 10em
 g.右マージン
 h.上マージン
 i.下マージン
 j.マージンセット
 
 k.インデントいろいろ
 l.ボーダー
*/

/*
1-----基本の基本--------------------------------------------
*/


/*すべてのマージンを一旦ゼロにする*/
*{margin:0; padding:0}

/* ボディ (フォント　背景）*/
body{font-size:medium; line-height:1.8em;
	color:#333;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3",
	"Hiragino Kaku Gothic Pro",
	"ＭＳ Ｐゴシック", "MS P Gothic",
	Osaka,Verdana,Arial, Helvetica, sans-serif;
	background:url(../images/bg_gray.gif) repeat-x; }
	
/* 基本リンク li青　vi青　hoオレンジ　ac青*/	
a:link{text-decoration:none; color:#36c;}
a:visited{text-decoration:none; color:#36c;}
a:hover{text-decoration:underline; color:#f60;}
a:active{text-decoration:none; color:#36c;}

/*
2-----レイアウト--------------------------------------------
*/
/* 外枠 */
#container{width:780px; margin:10px auto; background-color:#fff;border:1px solid #ccc;}
/* ヘッダ*/
#header{width:780px;/* height:45px; */background-color:#fff;}
/* ヘッダ下メニュー */
#menu{width:780px; height:24px;}
/* ボディ */
#body{clear:left;width:780px;}



/* -----------------------------
バグとり */
#body:after {content: "";display:block; clear:both; height:1px;overflow: hidden;}
/*\*/
* html #body{height: 1em;overflow: visible;}
/**/

/* -----------------------------
 */

/* バグ取りクラス版 */

.pkg:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; }
 * html .pkg { display: inline-block; } /* no ie mac \*/ 
 * html .pkg { height: 1%; } 
 .pkg { display: block; } /* */


/* フッター */
#footer{
	clear: both;
	height: 28px;
	background: url(../images/bg_footer.gif) repeat-x;
	background-color: #333;
	border-bottom: 1px solid #000;
	border-top: 1px solid #607897;
	padding: 0;
}
#footer p{
	text-align: right;
	margin: 7px 0 0 0;
	color: #ccc;
	font-size: x-small;
	font-family: "Trebuchet MS", Verdana, sans-serif;
}

/*ボディ内*/

/* ボディ見出し部分*/
#content_head{height:40px;border-bottom:1px solid #CCCCCC; background:url(../images/bg_content_head.gif) repeat-x;}

/*パンくずリスト*/
#breadcrumbs{font-size:x-small; padding:2px 15px; color:#999; border-bottom:1px solid #cccccc; line-height:1em;}

#breadcrumbs a:link{text-decoration:none; color:#999;}
#breadcrumbs a:visited{text-decoration:none; color:#999;}
#breadcrumbs a:hover{text-decoration:underline; color:#f60;}
#breadcrumbs a:active{text-decoration:none; color:#000;}

/*更新日*/
.update_date{text-align:right; font-size:x-small; color:#000; margin:1px 6px 0 0;}

/*禁則処理*/

p{word-break:normal;}

/* ボディ左側部分 */
#content_left{float:left; width:149px; height:500px; overflow:visible;}

/* ボディ右側部分 */
#content_right{float:right; width:630px; margin:0 0 20px 0; line-height:1.5em; text-align:left; background-color:#fff; border-left:1px solid #ccc;}
#content_right_in{width:599px; margin:2px 15px 0 15px; overflow:visible; line-height:1.8em;}


/* ボディ左側リスト */

/*1段目リスト*/

.ul{margin:8px 4px 0 2px; font-size:small; line-height:1.2em; border:1px solid #ccc;}
.li_space{list-style-type:none; padding:2px 2px 2px 10px; border-bottom:1px solid #ccc; background-color:#eee;}
.li{list-style-type:none; padding:2px 2px 2px 10px; border-bottom:1px solid #ccc; background-color:#868079; margin:1px 0 0 0;}
.li_dark{list-style-type:none; padding:2px 2px 2px 10px; border-bottom:1px solid #ccc; background-color:#555; margin:1px 0 0 0;letter-spacing:0.1em;}
.li_current{list-style-type:none; color:#fff; background-color:#E16A1A; padding:2px 2px 2px 15px;}/* 現在位置 */
.li_current_link{list-style-type:none; color:#fff; background-color:#E16A1A; padding:2px 2px 2px 15px;}/* 現在位置リンクあり */


.li a:link{color:#fff;}
.li a:visited{color:#fff;}
.li a:hover{color:#fff;}
.li a:active{color:#fff;}

.li_current_link a:link{color:#fff;}
.li_current_link a:visited{color:#fff;}
.li_current_link a:hover{color:#ffff;}
.li_current_link a:active{color:#fff;}


.li_dark a:link{color:#fff;}
.li_dark a:visited{color:#fff;}
.li_dark a:hover{color:#fff;}
.li_dark a:active{color:#fff;}

/*2段目以下リスト*/
.ul2{margin:3px 2px 0 5px; font-size:x-small; line-height:1.2em; background-color:#fff;}
.li2{list-style-type:none; padding:2px 2px 2px 10px; border-top:1px solid #ccc;}
.li2_current{list-style-type:none; color:#fff; background-color:#E16A1A; padding:2px 2px 2px 10px;}/* 現在位置 */

.li2_current a:link{color:#fff;}
.li2_current a:visited{color:#fff;}
.li2_current a:hover{color:#ffff;}
.li2_current a:active{color:#fff;}



/* 箱入り情報部分 */
.listedbox{float:left; width:250px; border:1px solid #ccc; margin:20px 0px 20px 40px; padding:0; display:inline;}
.listedbox a:link{ text-decoration:none; color:#000;}
.listedbox a:visited{ text-decoration:none; color:#000;}
.listedbox a:hover{ text-decoration:underline; color:#f60;}
.listedbox a:active{ text-decoration:none; color:#000;}

.listedbox_text{margin:3px; text-align:left; line-height:1.4em;font-size:x-small;}

.box_thmub_img{margin:3px; color:#000; border:1px solid #666;}
.h_listedbox{letter-spacing:0.1em; border-bottom:1px solid #CCCCCC; border-left:5px solid #E16A1A; padding:2px 2px 2px 10px; background:url(../images/bg_picuptitle.gif) 0 50% repeat-x;font-weight:normal; font-size:small;}



/* 水平区切り線（HRなどに） */
.line{
	border-top: 1px solid #ccc;
	border-bottom: none;
	border-right: none;
	border-left: none;
	color:#fff;
	margin-top:10px; margin-bottom:5px;
}

/* ページ先頭へ */
.goto_top{border-bottom:1px solid #ccc; font-size:x-small; text-align:right; margin:40px 20px 10px 0; padding:0;}

/* グレイ線のテーブル */
.gtable{background-color:#ccc; border:0;border-collapse: collapse; }
.gth{background-color:#eee; border:1px solid #ccc; padding:5px;}
.gtd{background-color:#fff; border:1px solid #ccc; padding:5px;}
.caption_left{text-align:left;}

.gths{background-color:#fff; border-bottom:1px solid #ccc; padding:20px 3px 3px 3px;}

/* 下ラインのテーブル */
.ltable{border:0; text-align:left;}
.lth{padding:3px; border-bottom:1px solid #ccc; vertical-align:top;}
.ltd{padding:3px; border-bottom:1px solid #ccc;}

/*リストスタイル無し*/
.nonolist{list-style-type:none;}

/*ボーダー無し*/
.b0{border:0}
/*よく使う1pxグレーボーダー*/
.bdg1{border:1px solid #ccc;}
/*よく使う1pxグレーボーダー(下線*/
.bdg2{border-bottom:1px solid #ccc;}
/*文字太字間あけ*/
.str{font-weight:bold; letter-spacing:0.1em;}
/* 隠す */
.hide{display:none;}
/*文字ちっさめ*/
.fss{font-size:smaller;}
/*文字小*/
.fs{font-size:small;}
/* 文字おっきめ */
.fbigger{font-size:larger;}
/*真ん中に*/
.cent{text-align:center;}
/*下線*/
.udr{text-decoration:underline;}
/*取り消し線*/
.ovr{text-decoration:overline;}
/*フォントウェイトをノーマルに*/
.normal{font-weight:normal;}
/*プリフォーマット*/
.pre{white-space:pre;}
/*グレイの文字*/
.c-gr{color:#999999;}


/* 左マージンいろいろ */
.mg1{margin-left:10px; margin-right:10px}
.mg2{margin-left:20px; margin-right:10px}
.mg3{margin-left:30px; margin-right:10px}
.mg4{margin-left:40px; margin-right:10px}
.mg5{margin-left:50px; margin-right:10px}
.mg6{margin-left:60px; margin-right:10px}
.mg7{margin-left:70px; margin-right:10px}
.mg8{margin-left:80px; margin-right:10px}
.mg9{margin-left:90px; margin-right:10px}
.mg10{margin-left:100px; margin-right:10px}

/* 上マージンいろいろ */
.tmg5{margin-top:5px;}
.tmg10{margin-top:10px;}
.tmg15{margin-top:15px;}
.tmg20{margin-top:20px;}
.tmg30{margin-top:30px;}
.tmg50{margin-top:50px;}
.tmg120{margin-top:120px;}

/* 下マージンいろいろ */
.bmg5{margin-bottom:5px;}
.bmg10{margin-bottom:10px;}
.bmg15{margin-bottom:15px;}
.bmg20{margin-bottom:20px;}
.bmg30{margin-bottom:30px;}

/* インデント各種 */
.ind-1{ text-indent:-1em;}
.ind-2{ text-indent:-2em;}
.ind-3{ text-indent:-3em;}
.ind1{ text-indent:1em;}
.ind2{ text-indent:2em;}
.ind3{ text-indent:3em;}
.ind4{ text-indent:4em;}
.ind5{ text-indent:5em;}
.ind6{ text-indent:6em;}

.gray {
	color: #CCC;
}