@charset "shift-jis";

/*■■設定全般■■*/
*{margin:0; padding:0;}
html,body{background:url('img/css/bg.png') #ffffff center fixed; text-align:center; color:#444444; height:100%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
html{overflow-y:scroll;}

/*□□見出し文字□□*/
h1{font-size:21px; line-height:24px; margin:20px 0 0 0; letter-spacing:-5px;}
h2{letter-spacing:2.5px; text-indent:40px; color:#fbfbfb; background:url('img/css/h2.png'); border-bottom:#22aaaa solid 0px; border-left:#22aaaa double 0px; clear:both; margin:24px 0 0 0;}
h3{width:300px; margin:20px 0 0 5px; padding:2px 0 0 12px; border-bottom:3px #335599 solid; border-left:8px #335599 double; color:#334455; clear:both;}

/*□□リンクテキストの設定□□*/
a{overflow:hidden;}
a:link{text-decoration:none; color:#335599;}
a:visited{text-decoration:none; color:#335599;}
a:hover{text-decoration:none; color:#99bbdd;}
a:active{text-decoration:none; color:#99bbdd;}

/*□□各種タグの設定□□*/
table{border:none;}
td{padding:0 20px 0 0;}
br{letter-spacing:normal;}
noscript{color:#aa4433; font-weight:bold;}
hr{display:none; clear:both;}
p{margin-bottom:20px;}

/*□□リストの設定□□*/
ul{list-style:none;}
ol{margin-left:20px;}
.disc{list-style:disc;}

/*□□画像関係の設定□□*/
img{border:0;}
.margin-left{margin:0 0 0 20px;}

/*□□フロートの設定□□*/
.right{float:right;}
.left{float:left;}
.clear{clear:both;}

/*□□文字装飾□□*/
.b{font-weight:bold;}
.blue{color:#336688;}
.red{color:#aa4433;}
.b-blue{color:#336688; font-weight:bold;}
.b-red{color:#aa4433; font-weight:bold;}
.b-small{font-weight:bold; font-size:85%;}
.large{margin:0 0 0 2px;}

/*□□レイアウト調整用□□*/
.margin-top{margin-top:30px;}
.margin-right{margin-right:30px;}
.margin-bottom{margin-bottom:30px;}
.margin-left{margin-left:30px;}

.mini-margin-top{margin-top:20px;}
.mini-margin-right{margin-right:20px;}
.mini-margin-bottom{margin-bottom:20px;}
.mini-margin-left{margin-left:20px;}

.index01{padding:0 0 0 1em;}
.index02{padding:0 0 0 2em;}
.index03{padding:0 0 0 3em;}
.index04{padding:0 0 0 4em;}

.inline{display:inline;}
.block{display:block;}





/*■■ページ全体■■*/
#back{width:942px; min-height:100%; height:auto !important; height:100%; background:url('img/css/back.png') repeat-y; margin:0 auto; position:relative; text-align:left; z-index:1;}





/*■■ページ左側■■*/
#left{width:224px; height:552px; position:absolute; top:0px; left:6px; z-index:10; background:url('img/css/leftna.png') repeat-y; text-align:left;}

/*□□楽団ロゴ□□*/
#logo{width:224px; height:210px; background:#ffffff url('img/css/logo1-on.png'); text-indent:-7200px; line-height:210px; position:absolute; top:0px;}
#logo a{display:block;}
#logo a:link,#logo a:visited{ background:url('img/css/logo1.png');}
#logo a:hover,#logo a:active{background:none;}

/*□□左メニュー□□*/
#menu{width:200px; height:312px; position:absolute; top:240px; left:12px; list-style:none; padding:0; text-align:left;}

/*各枠の設定*/
.menu01,.menu02,.menu04,.menu05{width:175px; height:50px; text-indent:-7200px; line-height:50px; float:left; clear:both;}
.menu03{width:175px; height:50px; text-indent:-7200px; line-height:50px; margin:0 0 50px 0; float:left; clear:both;}

/*左メニュー・オンマウス*/
.menu01 a{width:175px; height:50px; background:url('img/css/menu01.png') no-repeat; display:block;}
.menu02 a{width:175px; height:50px; background:url('img/css/menu02.png') no-repeat; display:block;}
.menu03 a{width:175px; height:50px; background:url('img/css/menu03.png') no-repeat; display:block;}
.menu04 a{width:175px; height:50px; background:url('img/css/menu04.png') no-repeat; display:block;}
.menu05 a{width:175px; height:50px; background:url('img/css/menu05n.png') no-repeat; display:block;}
.menu01 a:hover,.menu02 a:hover,.menu03 a:hover,.menu04 a:hover,.menu05 a:hover{background:none;}

.menu02-x{width:175px; height:50px; text-indent:-7200px; line-height:50px; float:left; clear:both;}
.menu03-x{width:175px; height:50px; text-indent:-7200px; line-height:50px; margin:0 0 50px 0; float:left; clear:both;}
.menu02-x a,.menu03-x a{display:block;}





/*■■ページ右側■■*/
#right{width:706px; position:relative; left:230px; z-index:10; background:url('img/css/right.png') left repeat-y #ffffff;}

/*□□最上部□□*/
#top-box{width:706px; height:73px; position:relative; line-height:60px; z-index:20;}

/*文字*/
.top-font01{width:30px; height:30px; float:left; line-height:30px; text-indent:-9999px; position:absolute; top:24px; left:395px; background:#555555 url('img/css/top-font01-a.png') no-repeat; z-index:40;}
.top-font02{width:30px; height:30px; float:left; line-height:30px; text-indent:-9999px; position:absolute; top:24px; left:430px; background:#555555 url('img/css/top-font02-a.png') no-repeat; z-index:40;}
.top-font01 a{width:30px; height:30px; background:#999999 url('img/css/top-font01.png') no-repeat; display:block;}
.top-font02 a{width:30px; height:30px; background:#999999 url('img/css/top-font02-a.png') no-repeat; display:block;}
.top-font01 a:hover,.top-font02 a:hover{background:none;}

/*トップメニュー　リンク*/
.top-menu01{width:100px; height:35px; float:left; line-height:35px; text-indent:-9999px; position:relative; top:19px; left:485px; background:#555555 url('img/css/top-menu01-a.png') no-repeat; z-index:40;}
.top-menu02{width:100px; height:35px; float:left; line-height:35px; text-indent:-9999px; position:relative; top:19px; left:485px; background:#555555 url('img/css/top-menu02-a.png') no-repeat; z-index:40;}
.top-menu01 a{width:100px; height:35px; background:url('img/css/top-menu01.png') no-repeat; display:block;}
.top-menu02 a{width:100px; height:35px; background:url('img/css/top-menu02.png') no-repeat; display:block;}
.top-menu01 a:hover,.top-menu02 a:hover{background:none;}

/*トップ画像*/
#top-img{width:706px; height:211px; background:#ffffff url('img/css/top-img3.png'); position:relative; z-index:15; text-indent:-7200px; clear:both;}

/*パンくずナビ*/
#navi{width:706px; height:30px; line-height:30px; background:url('img/css/navi.png'); text-indent:15px; color:#ffffff; position:relative; z-index:25; margin:0 0 -10px 0;}
#navi a:link,#navi a:visited{text-decoration:none; color:#aaccff;}
#navi a:hover,#navi a:active{text-decoration:underline; color:#eeeeff;}

/*コンテンツのナビゲーション*/
#content-navi{width:706px; height:47px; line-height:47px; margin:0; color:#ffffff; position:relative; top:10px; background:url('img/css/content-navi.png');}
#content-navi li{width:146px; height:45px; float:left; margin:2px 0 0 0; line-height:45px; right no-repeat; letter-spacing:0px; text-align:center; position:relative; left:15px; font-weight:bold;}
#content-navi li a{display:block;}
#content-navi a:link,#content-navi a:visited{text-decoration:none; color:#eeeeee;}
#content-navi a:hover,#content-navi a:active{text-decoration:none; color:#ffffff; background:url('img/css/content-navi-on.png');}
.selected{background:url('img/css/content-navi-on.png');}

/*□□メイン文章部分□□*/
#main{width:678px; margin:0 0 0 14px; position:relative; text-align:left;}

/*通常文章*/
.para{width:658px; background:url('img/css/underline1.png'); margin:20px 0 20px 10px; font-size:30px;}

.img-box-right{background:#ffffff; float:right;}
.img-box-left{background:#ffffff; float:left;}
.img-box-right img{background:#ffffff; margin:0 0 25px 15px; padding:4px; border:#aaaaaa 1px solid;}
.img-box-left img{background:#ffffff; margin:0 15px 25px 0; padding:4px; border:#aaaaaa 1px solid;}

/*更新履歴＆お知らせ*/
.news01{width:220px; height:432px; position:absolute; left:10px; border-right:#b9b9b9 solid 1px; margin:18px 0 0 0; background:url('img/css/news01.png') no-repeat;}
ul.news01 li{width:200px; vertical-align:bottom; position:relative; top:28px; float:left;}
ul.news01 li img,ul.news01 li a img{display:block; margin:0 0 7px 0;}

#log{width:418px; line-height:20px; height:422px; overflow-y:scroll; margin:0 0 38px 0; position:relative; top:18px; left:250px; padding:10px 0 0 0;}
#log li{margin:0 0 10px 0; background:url('img/css/underline-log.png') no-repeat bottom left; padding:0 0 10px 0;}
#log li div{font-weight:bold; font-size:85%;}


/*演奏会情報*/
.concert-img{width:162px; height:222px; background:url('img/css/concert-img.png') no-repeat; margin:15px 0 0 0; position:absolute; left:10px; float:left;}
.concert-img img{margin:11px;}
.concert-information{width:480px; position:relative; left:190px; top:0px !important; top:24px; margin:24px 0 0 0;}
.concert-information-log{width:480px; position:relative; left:192px; top:24px; height:242px;}
.table-concert{position:relative; left:192px;}

/*トレーナー紹介用*/
.trainer-img{width:122px; height:250px; background:url('img/css/trainer-img.png') no-repeat; margin:15px 0 0 0 ; position:absolute; left:10px; float:left;}
.trainer-img img{margin:10px;}
.trainer-information{width:500px; position:relative; top:24px; left:152px; height:242px;}

/*団員募集のページ用*/
p.active{margin:1px 15px 20px 0; padding:3px 0 0 0; line-height:1.6em;}

/*リンク用*/
ul.link{list-style:disc; width:640px; overflow:auto; position:relative; left:1em;}
ul.link li{margin-left:20px; float:left; width:280px;}

/*団員用ページ更新履歴*/
#member-log{list-style:disc; width:653px; margin:18px 0 20px 15px; height:168px; overflow-y:scroll; line-height:24px;}
ul#member-log li{margin-left:20px;}

/*サイトマップ用*/
ul.sitemap{list-style:disc; width:640px; overflow:auto; position:relative; left:1em;}
.sitemap li{margin-left:20px;}
li.sitemap-sub{margin-left:42px; list-style:circle;}

/*■■ページ下側■■*/
#footer{width:706px; height:129px; line-height:30px;
 background:url('img/css/footer.png') bottom right no-repeat; z-index:35;}

/*□□ページ内ジャンプ□□*/
#jump{width:140px; height:40px; line-height:40px; position:absolute; right:22px; bottom:84px; z-index:40; background:url('img/css/jump-a.png') no-repeat bottom;}
#jump a{width:140px; height:40px; line-height:40px; display:block; text-indent:-7200px;}
#jump a:link,#jump a:visited{background:url('img/css/jump.png') no-repeat bottom;}
#jump a:hover,#jump a:active{background:none;}

/*□□最下部の文章□□*/
#bottom-navi{width:460px; line-height:20px; text-align:right; position:relative; left:230px; top:96px;}