@charset "utf-8";

h1,h2,h3,h4,h5,h6,h7,h8,h9,p,p2,table,th,td,div,ul,ol,li {
	margin: 0px;
	padding: 0px;
}

/* ▼IEで表示される画像枠線を消すために追加▼ */

img { 
      border-style:none; 
}

a img {
      border-style:none;
}



body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	color: #000;
	background-color: #ccc;;
}
.float-clear {
	font-size: 0px;
	color: #FFF;
	clear: both;
}

#container {
	width: 960px;
	border-right-width: 20px;
	border-left-width: 20px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #1E2C5B;
	border-left-color: #1E2C5B;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}


#header {
	height: 80px;
	background-image: url(images/header.jpg);
}

#header h1 {
	font-size: 0px;
	text-indent: -9999px;
}
#header p {
}

#header p {
	text-align: right;
	margin-top: 25px;
	margin-right: 30px;
	font-size: 95%;
}

#header form {
	text-align: right;
	margin-top: 25px;
	margin-right: 30px;
	font-size: 95%;
}





#navigation {
	margin-bottom: 20px;

}
#header table {
	margin-top: 25px;
	margin-right: 30px;
}

#navigation h5 {
	float: left;
	font-size: 0px;
	display: inline;
	text-indent: -9999px;
}
#navigation #btn01 h5 a {
	background-image: url(images/navigationbtn.jpg);
	background-repeat: no-repeat;
	height: 36px;
	display: block;
	width: 156px;
}

#navigation #btn02 h5 a {
	background-image: url(images/navigationbtn.jpg);
	background-repeat: no-repeat;
	height: 36px;
	display: block;
	width: 156px;
	background-position: -156px;
}
#navigation #btn03 h5 a {
	background-image: url(images/navigationbtn.jpg);
	background-repeat: no-repeat;
	height: 36px;
	display: block;
	width: 155px;
	background-position: -312px;
}
#navigation #btn04 h5 a {
	background-image: url(images/navigationbtn.jpg);
	background-repeat: no-repeat;
	height: 36px;
	display: block;
	width: 183px;
	background-position: -467px;
}
#navigation #btn05 h5 a {
	background-image: url(images/navigationbtn.jpg);
	background-repeat: no-repeat;
	height: 36px;
	display: block;
	width: 155px;
	background-position: -650px;
}
#navigation #btn06 h5 a {
	background-image: url(images/navigationbtn.jpg);
	background-repeat: no-repeat;
	height: 36px;
	display: block;
	width: 155px;
	background-position: -805px;
}
#navigation #btn01 h5 a:hover {
	background-image: url(images/navigationbtn-over.jpg);
	background-repeat: no-repeat;
}
#navigation #btn02 h5 a:hover {
	background-image: url(images/navigationbtn-over.jpg);
	background-repeat: no-repeat;
}
#navigation #btn03 h5 a:hover {
	background-image: url(images/navigationbtn-over.jpg);
	background-repeat: no-repeat;
}
#navigation #btn04 h5 a:hover {
	background-image: url(images/navigationbtn-over.jpg);
	background-repeat: no-repeat;
}
#navigation #btn05 h5 a:hover {
	background-image: url(images/navigationbtn-over.jpg);
	background-repeat: no-repeat;
}
#navigation #btn06 h5 a:hover {
	background-image: url(images/navigationbtn-over.jpg);
	background-repeat: no-repeat;
}
#leftcontent {
	float: left;
	width: 160px;
	display: inline;
	margin-left: 10px;
}






#maincontent {
	width: 556px;
	float: left;
	display: block;
	padding-left: 20px;
}


#schedultable {
	width: 720px;
	float: left;
	display: block;
	padding-left: 20px;
}

/* ▼コンテンツ（大サイズ）▼ */

#maincontent-big {
	width: 760px;
	float: left;
	display: block;
	padding-left: 20px;
}




#rightcontent {
	float: right;
	width: 180px;
	display: inline;
	margin-right: 10px;
}
.box-sub  {
	border: 1px solid #CCC;
	margin-bottom: 15px;
	padding-bottom: 10px;
	padding-right: 5px;
}

h3 {
	margin-bottom: 15px;
}
.box-sub ul {
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 5px;
}
.box-sub ul li a {
	font-size: 95%;
	text-decoration: none;
	color: #000;
}

/* ▼box-subマウスオン▼ */
.box-sub ul li a:hover {
        color:#ff0000;
        text-decoration : none;
}





.box-center {
	border: 1px solid #CCC;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 2px;
	margin-bottom: 20px;
}


.box-summary {
	border: 1px solid #CCC;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 30px;
	padding-left: 2px;
	margin-bottom: 20px;
}

.box-summary ul {
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 10px;
}

.box-summary li  {
	font-size: 100%;
	text-decoration: none;
	color: #000;
	margin-bottom: 20px;
}


.box-summary li a {
	font-size: 100%;
	text-decoration: none;
	color: #000;
}

.box-summary li a:hover {
        color:#ff0000;
        text-decoration : none;
}


.box-summary h3  {
	padding-right: 20px;
	padding-left: 35px;
}


/* ▼ギャラリートップページ用Ul▼ */
.box-summary ul.gallery {
	list-style-type: none;
	list-style-position: inside;
	padding-left:5px;
}

.box-summary li.gallery  {
	font-size: 100%;
	text-decoration: none;
	color: #000;
	margin-bottom: 10px;
}

.box-summary img.gallery{
	padding: 2px 5px;
        margin-right: 5px;
        vertical-align: middle; 
}



/* ▼フライヤートップページ用Ul▼ */
.box-summary ul.flyer {
	list-style-type: none;
	list-style-position: inside;
	padding-left:5px;
}

.box-summary li.flyer  {
	font-size: 100%;
	text-decoration: none;
	color: #000;
	margin-bottom: 20px;
}

.box-summary img.flyer {
	float: left;
	padding: 5px 10px;
        margin-right: 5px;
        vertical-align: top; 
}



.box-scheduletable {
	border: 0px solid #CCC;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 2px;
	margin-bottom: 20px;
}


/* ▼コンテンツ（大サイズ）のボックス▼ */

.box-maincontent-big {
	border: 2px solid #CCC;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 2px;
	margin-bottom: 20px;
}






h2  {
	margin-bottom: 15px;
}
#maincontent .box-center h5 {
	font-size: 95%;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 140%;
}
#maincontent .box-center h5 a {
	text-decoration: none;
	font-weight: normal;
	color: #000;
}


/* ▼box-centerの行頭を下げる▼ */


#maincontent .box-center h5.tab {
	font-size: 95%;
	padding-right: 20px;
	padding-left: 100px;
	line-height: 140%;
}
#maincontent .box-center h5.tab a {
	text-decoration: none;
	font-weight: normal;
	color: #000;
}






/* ▼マウスオン（トップ）のアレンジ▼ */
#maincontent .box-center h5 a:hover {
        color:#ff0000;
        border-bottom:1px dotted #ff0000;
        text-decoration : none;
}




#maincontent .box-center h6 {
	font-size: 11px;
	margin-top: 20px;
	text-indent: 20px;
}
#maincontent .box-center h6 a {
	font-weight: normal;
	text-decoration: none;
	color: #000;
	background-image: url(images/brt-go.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 240px;
	margin-left: 300px;
	height: 17px;
}

#maincontent .box-center h6 a:hover {
        color:#ff0000;
        text-decoration : none;
}



#maincontent .box-center h7 {
	font-size: 95%;
	padding-right: 20px;
	padding-left: 120px;
	line-height: 140%;
        color:#696969
}
#maincontent .box-center h7 a {
	text-decoration: none;
	font-weight: normal;
	color: #000;
}


/* ▼boxs-centerの項目表記の追加▼ */

#maincontent .box-center ul {
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 20px;

}
#maincontent .box-center ul li a {
	font-size: 95%;
	text-decoration: none;
	color: #000;
}






/* ▼boxs-center2関連のアレンジ▼ */


.box-center2 {
	border: 1px solid #CCC;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	margin-bottom: 10px;
}


#maincontent .box-center2 h5 {
	font-size: 88%;
	padding-right: 2px;
	padding-left: 2px;
	line-height: 160%;
}
#maincontent .box-center2 h5 a {
	text-decoration: none;
	font-weight: normal;
	color: #000;
}


#maincontent .box-center2 h6 {
	font-size: 11px;
	margin-top: 4px;
	text-indent: 20px;
}
#maincontent .box-center2 h6 a {
	font-weight: normal;
	text-decoration: none;
	color: #000;
	background-image: url(images/brt-go.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 240px;
	margin-left: 400px;
	height: 17px;
}

#maincontent .box-center2 h6 a:hover {
        color:#ff0000;
         text-decoration : none;
}



.box-center2 ul {
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 10px;
}

.box-center2 li  {
	font-size: 100%;
	text-decoration: none;
	color: #000;
	margin-bottom: 5px;
}


.box-center2 li a {
	font-size: 100%;
	text-decoration: none;
	color: #000;
}

.box-center2 li a:hover {
        color:#ff0000;
        text-decoration : none;
}


.box-center2 h3  {
	padding-right: 20px;
	padding-left: 10px;
}
















/* ▼box-sub関連のアレンジ▼ */

h2  {
	margin-bottom: 15px;
}
#rightcontent .box-sub h10 {
	font-size: 90%;
	padding-right:10px;
	padding-left: 10px;
	line-height: 140%;
}
#rightcontent .box-sub h10 a {
	text-decoration: none;
	font-weight: normal;
	color: #000;
}


/* ▼box-sub h6マウスオン（トップ）のアレンジ▼ */
#rightcontent .box-sub h10 a:hover {
        color:#ff0000;
        text-decoration : none;
}


/* ▼box-sub h6　h6リンクボタンのアレンジ▼ */

#rightcontent .box-sub h11 {
	font-size: 11px;
	margin-top: 20px;
	text-indent: 20px;
}
#rightcontent .box-sub h11 a {
	font-weight: normal;
	text-decoration: none;
	color: #000;
	background-image: url(images/brt-go.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 160px;
	margin-left: 10px;
	height: 17px;
}

#rightcontent .box-sub h11 a:hover {
        color:#ff0000;
        text-decoration : none;
}


#maincontent .topics {
	padding: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}



#footer {
	background-color: #F8E9D6;
	padding-top: 10px;
	padding-bottom: 7px;
}
#footer p {
	text-align: center;
	font-size: 105%;
}
#footer h5 {
	font-size: 85%;
	text-align: center;
	font-weight: normal;
	margin-bottom: 20px;
	color: #333;
}

#footer h6 {
	font-size: 100%;
	color: #999;
	font-weight: normal;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}

/* ▼フッターのリンクボタンのアレンジセット▼ */

#footer h5 a {
  	text-decoration: none;
	font-weight: normal;
	color: #000;
}

#footer h5 a:hover {
        color:#ff0000;
        text-decoration : none;
}



/* ▼表全体の装飾▼ */
table.noveltable {
   border-collapse: collapse;
   border: 2px #000080 solid;
   width: 916px;
   table-layout: fixed;
}



/* ▼表のセル(全部)の装飾▼ */
table.noveltable th,
table.noveltable td {
   padding: 0.5em;
   border-style: solid;
   border-color: #000080;
   border-width: 1px;
}




/* ▼表のヘッダ(上部)の装飾▼ */
table.noveltable thead th {
   border-bottom: 3px #000080;
   background-color: #9DD2EE;
   letter-spacing: 0.15em;
}


/* ▼表の時間軸の装飾▼ */
table.noveltable th.thead12 {
   background-color: #EDB0CB;
}



/* ▼表のヘッダ(定員表記2月11日)の装飾▼ */
table.noveltable th.capa {
   font-size: 85%;
   height : 8px ; 
   border-bottom: 1px  #000080;
   background-color: #9DD2EE;
   letter-spacing: 0.15em;
   text-align: center;
}


/* ▼表のヘッダ(定員表記2月12日)の装飾▼ */
table.noveltable th.capa12 {
   font-size: 85%;
   height : 8px ; 
   border-bottom: 1px  #000080;
   background-color: #EDB0CB;
   letter-spacing: 0.15em;
   text-align: center;
}



/* ▼表のヘッダ(フロア2月11日表記)の装飾▼ */
table.noveltable th.floor {
   font-size: 85%;
   height : 10px ; 
   border-bottom: 3px double #000080;
   background-color: #9DD2EE;
   letter-spacing: 0.15em;
   text-align: center;
}


/* ▼表のヘッダ(フロア2月12日表記)の装飾▼ */
table.noveltable th.floor12 {
   font-size: 85%;
   height : 10px ; 
   border-bottom: 3px double #000080;
   background-color: #EDB0CB;
   letter-spacing: 0.15em;
   text-align: center;
}




/* ▼表のフッタ(下部)の装飾▼ */
table.noveltable tfoot th {
   background-color: #ffffcc;
   border-right: 1px #000080 solid;
   letter-spacing: 0.10em;
   color: #000080;
   font-size: 90%;
}
table.noveltable tfoot td {
   color: #20b2aa;
   font-weight: bold;
   font-size: 90%;
}
table.noveltable tfoot th,
table.noveltable tfoot td {
   border-top: 2px solid #000080;
}


/* ▼表の時間軸の装飾▼ */
table.noveltable th.timeline {
   width : 72px ; 
   background-color: #9DD2EE;
   letter-spacing: 0.15em;
}



/* ▼表の時間軸の装飾▼ */
table.noveltable th.timeline12 {
   width : 72px ; 
   background-color: #EDB0CB;
   letter-spacing: 0.15em;
}






/* ▼価格セルの装飾▼ */
table.noveltable td.price {
   text-align: right;
}

/* ▼時間セルの装飾▼ */
table.noveltable tbody th {
   text-align: left;
}


/* ▼空欄セルのセンタリング▼ */
table.noveltable td.nullcenter {
   text-align: center;
}





/* ▼フォントの装飾▼ */

}
h2  {
	margin-bottom: 15px;
}

#schedultable h8 {
	font-size: 95%;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 140%;
}


#schedultable h8 a {
	text-decoration: none;
	font-weight: normal;
	color: #000;
}


#schedultable h8 a:hover {
        color:#ff0000;
        border-bottom:1px dotted #ff0000;
        text-decoration : none;
}





#schedultable h6 {
	font-size: 11px;
	margin-top: 20px;
	text-indent: 20px;
}

#schedultable 6 a {
	font-weight: normal;
	text-decoration: none;
	color: #000;
	background-image: url(images/brt-go.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 150px;
	margin-left: 390px;
	height: 17px;
}



#schedultable h9 {
	font-size: 85%;
	padding-right: 5x;
	padding-left: 5px;
	line-height: 140%;
        color:#1E2C5B;
}

#schedultable h9 a {
	text-decoration: none;
	font-weight: normal;
	color: #000;
}



#schedultable img {
	float: left;
	padding: 0px;
        vertical-align: middle;
}	


/* ▼スケジュールの当該プログラムのセル背景着色▼ */
table.noveltable td.marking {
   background-color: #faebd7;
}



/* ▼写真のレイアウト(イメージボックス）▼ */

div.imagebox {
   border: 0px dashed #0000cc; /* 1.枠線 */
   background-color: #ffffff;  /* 2.背景色 */
}
p.image, p.caption {
   text-align: left; /* 3.左り寄せ */
   margin: 8px;        /* 4.余白・間隔 */
}
p.caption {
   font-size: 90%;  /* 5.文字サイズ */
   color: #00008b; /* 6.文字色 */
   padding-left: 15px;
}



/* ▼写真のレイアウト(左回り込み）▼ */

img.img_left{
	float: left;
	padding: 2px 5px;
        vertical-align: middle; 
}

img.img_left2{
	float: left;
	padding: 10px 20px;
        vertical-align: middle; 
}








div.clear{
	clear: both;
	margin: 0 0 2px 0;
}


/* ▼写真のレイアウト(右列小ブロック）▼ */

img.img_right{
	float: left;
	padding: 7px;
}

div.clear{
	clear: both;
	margin: 0 0 2px 0;
}




/* ▼復興支援サムネイル画像のレイアウト(ギャラリートップ）▼ */

img.img_gallery{
	float: left;
	padding: 7px;
         margin-left: 10px; 
         margin-right: 10px
}

div.clear{
	clear: both;
	margin: 0 0 2px 0;
}





/* ▼画像(ボタン）のレイアウト(スケジュールジャンプ）▼ */

img.img_btn_s{
	padding-left: 30px;
        vertical-align: middle;
}


/* ▼画像(ボタン）のhover画像切り替え(スケジュールジャンプ）▼ */

a#btn_schedule_link {
   float: right;
   margin-right: 150px;
   vertical-align: middle;
   display: block;
   width: 60px; /* 画像1枚分の横幅 */
   height: 12px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("images/btn_schedule_link_11.jpg"); /* 画像ファイル名 */
}

a#btn_schedule_link:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}


a#btn_schedule_link2 {
   float: right;
   margin-right: 150px;
   vertical-align: middle;
   display: block;
   width: 60px; /* 画像1枚分の横幅 */
   height: 12px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("images/btn_schedule_link_12.jpg"); /* 画像ファイル名 */
}

a#btn_schedule_link2:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}


/* ▼画像(ボタン＝講座紹介）のhover画像切り替え(スケジュールジャンプ）▼ */

a#btn_schedule_link3 {
   float: right;
   margin-right: 40px;
   vertical-align: middle;
   display: block;
   width: 60px; /* 画像1枚分の横幅 */
   height: 12px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("images/btn_schedule_link_intro.jpg"); /* 画像ファイル名 */
}

a#btn_schedule_link3:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}




/* ▼画像(ボタン）のhover画像切り替え(広報チラシPDFへのジャンプ）▼ */

a#btn_schedule_link4 {
   float: right;
   margin-right: 150px;
   vertical-align: middle;
   display: block;
   width: 60px; /* 画像1枚分の横幅 */
   height: 12px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("images/btn_flyer_pop.jpg"); /* 画像ファイル名 */
}

a#btn_schedule_link4:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}


a#btn_schedule_link4 {
   float: right;
   margin-right: 150px;
   vertical-align: middle;
   display: block;
   width: 60px; /* 画像1枚分の横幅 */
   height: 12px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("images/btn_flyer_pop.jpg"); /* 画像ファイル名 */
}

a#btn_schedule_link4:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}






.txtclor-date {
	color: #A7212E;
}

.box-summary ul.gallery2 {
	list-style-type: none;
	font-size: 100%;
	list-style-position: inside;
	list-style-image : url("images/brt-gallery.jpg");
	padding-left: 10px;
}



/* ▼リスト（ギャラリー使用の小サイズ）▼ */
.box-summary ul.gallery3 {
	list-style-type: square;
	font-size: 100%;
	list-style-position: inside;
	padding-left: 5px;
}

.box-summary li.gallery3  {
	font-size: 90%;
	text-decoration: none;
	color: #000;
	margin-bottom: 2px;
}



/* ▼リスト（ギャラリー使用の小サイズ）★行間狭く▼ */
.box-summary ul.gallery4 {
	list-style-type: square;
	font-size: 100%;
	list-style-position: inside;
	padding-left: 5px;
}

.box-summary li.gallery4  {
	font-size: 90%;
	text-decoration: none;
	color: #000;
	margin-bottom: 0px;
}

.box-summary li.gallery4  {
	font-size: 100%;
	text-decoration: none;
	color: #000;
	margin-bottom: 2px;
}


.box-summary li.gallery4 a {
	font-size: 100%;
	text-decoration: none;
	color: #000;
}

.box-summary li.gallery4 a:hover {
        color:#ff0000;
        text-decoration : none;
}





/* ▼マークなしリスト（ギャラリー使用の小サイズ）★行間狭くかつマークなし▼ */
.box-summary ul.nomark {
	list-style-type: none;
	font-size: 100%;
	list-style-position: inside;
	padding-left: 20px;
        margin-top: 30px;
}

.box-summary li.nomark  {
	font-size: 90%;
	text-decoration: none;
	color: #000;
	margin-bottom: 5px;
}


.box-summary li.nomark a {
	font-size: 100%;
	text-decoration: none;
	color: #000;
}

.box-summary li.nomark a:hover {
        color:#ff0000;
        text-decoration : none;
}


/* ▼マークなしリスト（ギャラリー使用の小サイズ）★行間狭くかつマークなし
そして丈夫マージンなしに改造▼ */

.box-summary ul.nomark_top {
	list-style-type: none;
	font-size: 100%;
	list-style-position: inside;
	padding-left: 10px;
        margin-right: 20px;
        margin-top: 15px;
}

.box-summary li.nomark_top  {
	font-size: 90%;
	text-decoration: none;
	color: #000;
	margin-bottom: 5px;
}


.box-summary li.nomark_top a {
	font-size: 100%;
	text-decoration: none;
	color: #000;
}

.box-summary li.nomark_top a:hover {
        color:#ff0000;
        text-decoration : none;
}




.box-summary h6 {
	font-size: 11px;
	margin-top: 4px;
	text-indent: 20px;
}
.box-summary h6 a {
	font-weight: normal;
	text-decoration: none;
	color: #000;
	background-image: url(images/brt-go.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 240px;
	margin-left: 350px;
	height: 17px;
}

.box-summary h6 a:hover {
        color:#ff0000;
         text-decoration : none;
}