<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
</head>
@charset &quot;Shift_JIS&quot;;

/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
	line-height:1.5;	/*全要素の行の高さを1.5倍にする*/
	color:#333333;		/*文字色*/

} 
body {
	background-image:url(images/gray.jpg);	/*内容全体の背景*/
	background-repeat:repeat-x;		/*背景画像を横方向のみ繰り返す*/
	background-attachment: fixed;           /*スクロール固定*/
	background-color:#ffffff;	/*ページ全体の背景色*/
	text-align:center;		/*IE6以下でセンタリングするための対策*/
	border-right-color;#cccccc;
}
div#pagebody {
	width:830px; margin:0 auto;	/*内容全体をセンタリング*/
	text-align:left;		/*テキストの配置を左揃えにする*/
	
	background-color:#ffffff;		/*内容全体の背景色*/
}



/*============================================
ヘッダ
============================================*/
div#header {
	margin:0px
	width:100%
	height:90px;	/*背景画像のサイズに合わせてボックスの高さを指定*/
	background-image:url(&quot;images/back2.gif&quot;);	/*ヘッダ部分の背景画像*/
	background-repeat:repeat;		/*背景画像を繰り返す*/
	background-color:#ffffff;		/*ヘッダ部分の背景色*/
        border-bottom: double 10px #76203D}   /*ラインの色(エンジ）*/





/*============================================
メインメニュー（左カラム）
============================================*/
div#leftContainer {
	width:200px;			/*幅の指定*/
	margin:10px 0px 10px 10px;	/*位置調整（IE6のバグに注意）*/
	display:inline;			/*IE6のマージン算出のバグ対策*/
	float:left;			/*メインメニューのカラムを左寄せにする*/
}

/*メインメニューの余白調整*/
ul#menu_body {
	margin:10px 0px 10px 0px;
	padding:10px 10px 10px 10px;
	background-color:#F0C6D4;　　　/*メインメニュー色（ウスムラサキ）*/

        
}

/*メニューのボディ部分（背景・フォントサイズ・文字色）*/
ul#menu_body li {
	height:30px; padding:10px 0px 0px 0px; 　/*ボックスの高さを指定*/
	;text-align:center; 
	list-style-type:none;
        ;font-size:130%;	
	font-weight: bolder;
}

ul#menu_body li a {
 	display:block;
	text-decoration:none;                     /*リンクの下線を無くす*/
	background-image:url(&quot;images/menu_back.png&quot;); 　 /*背景画像を指定*/
	;color:#76203D; 　 /*メニューの文字色(エンジ）*/

}

ul#menu_body li a:hover {
	color:#FFFFFF
; 　　　　　　　　　　/*カーソルが乗っているリンクの色（シロ）*/
}

/*主催等の余白調整・枠・文字サイズ*/
div#side {
	margin:10px 0px 10px 0px;
	padding:10px 0px 10px 0px;
	border: medium solid #4671E1;      /*枠色(ブルー）*/
}

div#side p {
	;font-size:70%;
}





/*============================================
中央カラム全体
============================================*/
div#content {
	width:590px; margin-right:10px               /*幅の指定と位置調整*/
	;float:right;				/*カラム全体を右寄せにする*/
}

/*============================================
top（中央カラム）
============================================*/
div#top {
	width:580px; margin:10px;　　　　　　　　　/*幅の指定と位置調整*/
　　　　;padding:10px 10px 10px 0px
	float:right;				    /*カラム全体を右寄せにする*/0
　　　　border-bottom:ridge;			　　　　	
}

/*見出し・段落・水平線のスタイル指定*/
h1 {
	font-size:150%;font-weight: bolder;margin-bottom:10px; padding-left:25px;
	border-bottom:solid 4px#4671E1;/*色(ブルー）*/


}

h2 {font-size:110%; margin:10px 0px 0px 5px;
}

span#item {
	font-size:110%;	
	font-weight: bolder;
}	

p {font-size:100%; margin:0px 0px 0px 10px; 
}

a:link {color:#9933FF;}                      /*未訪問のリンクの色*/
a:visited {color:#FF0066;}                   /*訪問済みのリンクの色*/
a:hover {color:#ffffff; background:#4671E1;} /*カーソルが乗っているリンクの色(ブルー）*/
a:active {color:#ffff00;}                    /*クリック中のリンクの色*/


table { background-color:#000000;　  border-collapse: collapse;}
th{ background-color:#cccccc;
        color:#000000;
      }
   td { background-color:#ffffff;
        color:#000000;
      }

/*特別公演の余白調整・枠・文字サイズ*/
div#lecture {
	margin:10px 0px 10px 0px;
	padding:10px 0px 10px 0px;
	border: medium solid #4671E1;　　　　 /*枠色(ブルー）*/

}

div#lecture p {
	;font-size:90%;
}

/*右よせ*/
p.right {text-align: right; }


table#registration {
		border:2px;
        margin:auto;
        text-align:center;
}


/*演題登録方法の見出し*/
td.title02  {
        color:#4671E1;   /*色(ブルー）*/
		font-weight: bold;
}

/*演題登録ボタン*/
.btn-flat-border {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #76203D;
  border: solid 2px #76203D;
  border-radius: 3px;
  transition: .4s;
}

.btn-flat-border:hover {
  background: #76203D;
  color: white;
}

/*============================================
更新情報（中央カラム）
============================================*/
div#Update {
	width:580px; margin:10px; padding-top:10px; /*幅の指定と位置調整*/
/*	background-image:url(&quot;images/images/bar_news.gif&quot;);	/*中央カラムの背景画像*/
	background-repeat:no-repeat;			/*背景画像を繰り返さない*/
*/　　　　float:right;					/*カラム全体を右寄せにする*/
}

dl {
	overflow: scroll;  				 /* スクロール表示 */ 
	width: 550px;
	height: 200px;
	background-color:#eeeeee;
	padding-left:10px;
        font-size:90%
}



/*============================================
フッタ
============================================*/
div#footer {
	width:796px; margin:0 auto;
　　　　text-align:center;
	clear:both;					/*回り込みを解除する*/
	background-image:url(&quot;images/backbar.gif&quot;);	        /*フッタ部分の背景画像*/
	background-repeat:repeat;			/*背景画像を繰り返す*/
	background-color:#F0C6D4;			/*フッタ部分の背景色（ウスムラサキ）*/
}
address {
	font-style:normal;			 /*フォントスタイルを標準にする*/
	font-size:small;			 /*フォントサイズを小さくする*/
	padding:5px 0px 5px 0px;		 /*要素内容の位置調整*/
	color:#ffffff;
}
