@charset "shift_jis";/*文字コード宣言　ファイルの先頭に置くこと！*/

/*===========初期設定================*/
body{ /*全体（body）に関するデフォルト*/
 background-color:#ffffff;
 margin:0;
 padding:0;
text-align:center;
}

html{/*スクロールバーの領域を常に表示してセンタリング位置のズレを避ける*/
 overflow-y:scroll;
}

h1,h2,h3,h4,h5,h6,ul,li,dl, dt, dd ,p,table,img,col{/*マージン、パッディングをなしにする。*/
 margin:0;
 padding:0;
}

p,ul,dl{
 font-size:95%;
 line-height:1.5;
}

p{/*回り込み解除*/
 clear:both;
}

img{ /* 画像のボーダーを白にする*/
 border-color:#ffffff;
}

ul{ /*リストのマークスタイルをなしにする*/
 list-style-type:none;
}

address{ /*イタリック体をなしにする*/
  font-style:normal;
}

a[target="_blank"]:after{ /*tareget属性（別ウィンドウで開く）の文の後ろにアイコンを付ける*/
 content:url(picture/new-window.gif);
 vertical-align: middle;
 margin-left: 8px;
}


/*==================全体の文書レイアウト===============*/
div#title{
 background-color:#006400;
 color:#ffffff;
 width:950px;
 padding:10px 0;
 margin:20px auto;
 text-align:center;
 font-weight:bold;
}

div#container{
 margin:0 auto;
 width:950px;
}
 
div#main{
 text-align:left; 
 width:780px;
 float:right;
 margin-bottom:10px;
}

div#sidebar{
 float:left;
 width:150px;
 margin-bottom:10px;
}

div#footer{ 
 background-color:#006400;
 color:#ffffff;
 width:950px;
 margin:0px auto;
 clear:both;
 text-align:center;

}

/*==================タイトルのスタイル===============*/
div#title span#title1{
 font-size:200%;
}
div#title span#title2{
 font-size:120%;
 letter-spacing:1em;
}

div#title a{
 color:#ffffff;
 text-decoration: none;
 display: block;
}


/*===============サイドバーの中身のスタイル==========*/

div#sidebar img#logo{ /*ロゴのスタイル*/
 width:150px
}

div#sidebar h2{
 background-color:#006400;
 color:#ffffff;
 padding-left:20px;
 margin-bottom:10px;
 font-size:100%;
}
/*お問い合わせのスタイル*/
div#address{
 width:149px;
 border:solid 1px;
 border-color:#006400;
 margin-top:10px;
}

div#address address{
 background-color:#ffffff;
 color:#000000;
 text-align:left;
 font-size:80%;
}

div#address h2{
 background:url(picture/mail.gif) no-repeat left #006400;
}




/*タブのスタイル------------------*/
ul#tab{
 margin:0;
 padding:0;
 text-align:center;
}

ul#tab li{
 border:solid #006400 1px;
 padding:3px 0;

}

ul#tab li a{
 text-decoration:none;
 color:#006400;
}

ul#tab li span{
 font-size:80%;
}

/*開いているページのときのスタイル-------------*/
ul#tab li#tab-on{
 background-image:url(picture/green.gif);
 background-repeat:repeat-x;
}
ul#tab li#tab-on a{
 color:#ffffff;
}


/*==========================メインの内容===============================*/
/*通常の区間のスタイル---------------------*/
ul#segment li{
  border:solid 1px #006400; 
  margin:20px 0;
  clear:both;
}

ul#segment li h2{/*見出しのスタイル*/
  color:#ffffff;
 background-color:#006400;
 padding:5px 20px;
 font-weight:bold;
 font-size:110%;
}

ul#segment ul,ul#segment dl,ul#segment p{
 margin: 10px 20px;
}

h1{/* 大見出しのスタイル */
 color:#000000;
 text-align:center;
 font-weight:900;
 background:url(picture/green3.bmp);
 padding:5px 0;
}

div#main>p{/*ページの頭の書き出し*/
 margin:10px 0 10px 20px;
 
}




/*=====================ホームページ=====================*/

dl#news dt{
 border:none;
 display: list-item;
 list-style-type:disc;
 margin-top:10px;
 font-size:120%;
 font-weight: bold;
}

dl#renew{
 font-size:85%;
 line-height: 1.5;
}

dl#renew dt{
 font-weight:bold;
 margin-right:1em;
 float:left;
}


/*=====================活動紹介のぺージ==================*/


ul#act-menu{
 font-size:80%;
 list-style-type: disc;
 margin:10px 0 20px 30px ;
 float:left;
 clear:both;
}

ul#act-menu li {
 float: left;
 margin:0 15px;
}

ul#act-menu li ul li{
 list-style-type: square;
 clear:both;
 padding:0;
}
ul#act-menu li ul{
 list-style-type: square;
 margin-left:10px;
 
}
ul#activity {
 clear:both;
 }
 
ul#activity li{

 margin:30px 0;
}

ul#activity li ul{
 border:solid 1px #006400; 
 margin:5px 0;
 clear:both;
}

ul#activity li ul li{
 margin:0;
}

ul#activity li p{
 padding:10px 15px;
 clear:none;
}

ul#activity li ul h3{
 color:#ffffff;
 background-color:#006400;
 padding:5px 10px;
 font-weight:bold;
 clear:both;
}

ul#activity h2{
 color:#ffff00;
 background:#006400 ;
 text-align:center;
 clear: both;
}

ul#activity ul#act-album{
 width:300px;
 float:right;
 border:none;
 clear:none;
}

ul#act-album li{
 width:150px;
 float:left;
 clear:none;
 text-align: center;
}

ul#act-album li h4{
 font-size:90%;
}

ul#act-album img{
 width:130px;
}

ul#activity li#gidaiyose ul{
 border:none;
 clear:none;
 margin:0 15px;
}
ul#activity li h4{
 padding:0 5px;
 text-align: left;
}
li#gidaiyose a{
 margin:0 5px;
}

#gidaiyose strong{
  padding-left:30px;
  margin-right:10px;
  font-weight: bold;
}

strong#haru{
 background:url(picture/sakura.gif) no-repeat left center;
}

strong#natsu{
 background:url(picture/ajisai.gif) no-repeat left center;
}
strong#aki{
 background:url(picture/momiji.gif) no-repeat left center;
}
strong#huyu{
 background:url(picture/kadomatsu.gif) no-repeat left center;
}
strong#raishun{
 background:url(picture/ume.gif) no-repeat left center;
}

/*===============出前寄席のページ===========================*/

dl#main-address dt{/*連絡先のスタイル（部員募集の連絡先にも影響*/
 float:left;
 clear:both;
 width:70px;
 font-weight:bold;
}

/*===============スケジュールのページ=====================*/
ul#schedule{
 margin:10px;
}

#schedule h2{
 font-size: 110%;
}

div#schedule dl{
 margin:5px 10px;
}


#schedule dt{
 float:left;
 clear:both;
 width:6em;
}
#scheduler dd{
 float:left;
}


}

/*=====================部員募集中のページ====================*/



li#konnahito{
  padding:20px;
}
 
li#konnnahito dt{
 background: url(picture/reten.gif) no-repeat center left;
 padding-left: 25px;
 margin-top:1em;
}

li#konnnahito dd{
 background: url(picture/arrow.gif) no-repeat center left;
 margin-left:15px;
 padding-left: 25px;
 color:#dc143c;
}

li#konnnahito p{
 margin:10px 30px ;
 color:#dc143c;
 font-weight: bold;
 font-size: 120%;
}

/*--活動時間・場所のスタイル--*/
ul#recruit-act li{
 border:none;
 margin:0 0 5px 0;
}


ul#recruit-act dt{
 float:left;
 padding-right: 15px;
}

ul#recruit-act img{
 float: right;
 height: 70px;
}

ul#recruit-act p,ul#recruit-act dl{
 margin:0 0 0 20px;
}

ul#recruit-act h3{
 margin-top: 0.5em;
}



 
/*====================現役紹介のページ=====================*/
ul#team{
 margin:10px auto;
}

ul#team-menu{
 font-size:80%;
 list-style-type: disc;
 margin-left: 30px;
}



ul#team-menu li {
 float: left;
 margin:0 15px;
}

ul#team-menu li ul li{
 list-style-type: square;
 float:none;
 padding:0;
}
ul#team-menu li ul{
 list-style-type: square;
 margin-left:-5px;
}
ul#team-menu img.kamon{
 height: 70px;
}

ul#team li{
 float:left;
 clear:both;
 margin:20px 0;
 
}

ul.teigo{
 float:left;
 clear:both;

}

ul#team h2{
 color:#ffff00;
 background:#006400 ;
 text-align:center;
 clear:both;/*回り込みを解除*/
}




ul#team li ul.teigo li{
 border:solid 1px #006400; 
 width:350px;
 float:left;
 clear:none;
 margin:5px 15px;
}

ul.teigo li h3{
 color:#ffffff;
 background-color:#006400;
 padding:5px 10px;
 font-weight:bold;
}

ul#team h3 img.crest{
 height: 30px;
}

ul#team h2 img.crest{
 height: 50px;
}
#team h2 span{/*高座名の振り仮名*/
 font-size:80%;
 font-weight:normal;
}

#team h3 span{/*高座名の振り仮名*/
 font-size:80%;
 font-weight:normal;
}

.tigo li a:hover{/*画像を触ると拡大表示*/
 position:absolute;
 right:0;
 width:150px;
}


.teigo li a:hover img{/*IEで画像を触ると拡大表示*/
 position:absolute;
 width:150px;
}
 
.teigo dl{
 font-size:80%;
 float:left;
 width:260px;
 height:150px;
 margin:5px 5px;
}

.teigo dt{
 float:left;
 clear:both/*回り込みを解除*/
 font-weight:bold;
 margin-right: 0.5em;
}


img.team{
 float:right;
 width:80px;
}

table#graduate{
 clear:both;
 width:760px;
 table-layout: fixed;
 border-collapse: collapse;
 border:solid #006400 1px;
 font-size:70%;
}

table#graduate caption{
 font-size: 150%;
 font-weight: bold;
 background: #006400;
 color:#ffffff;
 margin:10px 0;
 
 
}

/*
#graduate col#real-name{
 width:85px;
}
*/

#graduate col#manzai{
 width:200px;
}

#graduate col#year{
 width:90px;
}

#graduate thead{
 text-align: center;
}

#graduate span{
 font-size:80%;
 margin-left: 20px;
}

#graduate td,#graduate th{
  border:solid #006400 1px;
  padding:3px 5px;
}

#graduate h2{
 font-size:130%;
 background-color:#9ACD32;
 color:#000000;
 margin-top:1em;
 clear:both;
}

#graduate li{
 margin-top:0.5em;
 font-size: 80%;
}




/*=======================リンクのページ========================*/

ul#link-menu{
 float:left;
 list-style-image: url(picture/link.gif) ;
 }

ul#link-menu li{
 margin:0 60px;

}

div#link-menu{
 float:left;
 margin-left: 50px;
}

#link-menu h3{
 font-size: 90%;
 border:solid #9acd32;
 border-width:  0 0 2px 5px;
}

#linl-menu dl{
 width:300px;
}

#link-menu dt{
 float: left;
 width:150px;
}

#link-menu dd{
 margin-left: 180px;
 font-weight: bold;
}



ul.link {
 width:370px;
}

ul#left{ 
  clear:left;
  float:left;

}
ul#right{ 
 float:right;


}


ul.link  li{
  border:solid 1px #006400; 
  margin:20px 0;
  clear:both;
}



ul.link li h2{/*見出しのスタイル*/
  color:#ffffff;
 background-color:#006400;
 padding:5px 20px;
 font-weight:bold;
 font-size:110%;
}

ul.link li dl dt{
 border:none;
 margin-top:10px;
 font-size: 85%;

}

ul.link li dl dd{
 font-size: 85%;
}


ul.link dl{
 margin: 10px 20px;
}