@charset "utf-8";
/** |READ ME| **************************************************************************************

"調布市せんがわ劇場"

Cascading Style Sheet Setting File
facility/css/other.css

施設利用案内用CSS
----------------------------------------------------------------------------------------------------

01.Header Area Settings
ヘッダーエリア設定

02.Side Navigation Setting
サイドメニューナビゲーション設定

03.Main Settings
メインページ設定


************************************************************************************** |READ ME| **/



/** |01.Header Area Settings| ************************************************************ START **/

div#HeaderArea_back{
	width:870px;
    height:140px;
	background: url(../images/header.gif) no-repeat center top;
}

/** |01.Header Area Settings| ************************************************************** END **/


/** |02.Side Navigation Setting| ******************************************************* START **/

#SideNavi ul{
    overflow: hidden;
}


/* ご利用にあたって */
#SideNavi li#SNfacility{
background: url(../images/side/foruse_m.gif) no-repeat;
}

/* 申し込み状況 */
#SideNavi li#SNapply{
background: url(../images/side/entry_m.gif) no-repeat;
}

/* 空室状況 */
#SideNavi li#SNvacancy{
background: url(../images/side/vacancy_m.gif) no-repeat;
}


/* 入力ページへの外部リンクボタン */
#SideNavi li#SNentryevent{
background: url(../images/side/evententry_m.gif) no-repeat;
height:50px;
margin: 15px 0 0 0;
}


/** |02.Side Navigation Setting| ********************************************************* END **/

/** |03.Main Settings| ************************************************************ START **/


div#ColumnMain h2.guide{
width:600px;
height: 33px;
background: url(../images/guide_title.gif) no-repeat right top;
margin: 0 0 0 20px;
text-indent: -9999px;
}

div#ColumnMain h2.ap{
width:600px;
height: 33px;
background: url(../images/application_title.gif) no-repeat right top;
margin: 0 0 0 20px;
text-indent: -9999px;
}

div#ColumnMain h2.form{
width:600px;
height: 33px;
background: url(../images/form_title.gif) no-repeat right top;
margin: 0 0 0 20px;
text-indent: -9999px;
}

#ColumnMain h3.secondtitle{
	font-size:136%;
	border-bottom:#3399cc 1px solid;
	text-indent: 0px;
	margin: 15px 0px 15px 0;
	clear:both;
	padding: 0 0 3px 0;
}

#ColumnMain h4{
font-size:114%;
text-indent: 0px;
padding:0;
margin:25px 0px 5px 0px;
}

#ColumnMain p.upDate{
    text-align:right;
	font-size: 85%;
}

/** table **/
div#ColumnMain table.facility{
border: 1px #999 solid;
empty-cells:show;
width: 580px;
border-spacing: 0;
margin: 10px 0 30px;
border-collapse : collapse ;
}

div#ColumnMain table.thinBot{
margin-bottom:10px;
}	
div#ColumnMain td{
padding: 5px;
}

th.headline{
	font-weight: bold;
	text-align: center;
	background-color:#F0FFFF;
	border: 1px #999 solid;
}
th.haba {
	letter-spacing:0.5em;	
}

th.w100 {
	width:130px;
}
th.jikou{
font-weight: bold;
border-bottom: 1px #999 dotted;
border-left: 1px #999 solid;
color: #3399CC;
border-collapse:collapse;
background: #fff;
text-align:center;
width: 100px;
}

th.jikou02{
font-weight: bold;
border-bottom: 1px #999 dotted;
border-left: 1px #999 solid;
color: #3399CC;
border-collapse:collapse;
background: #fff;
text-align:center;
}

td.naiyou{
border-bottom: 1px #999 dotted;
border-left: 1px #999 solid;
color: #000;
font-weight: normal;
border-collapse:collapse;
background: #fff;
}

td.naiyou02{
border-bottom: 1px #999 dotted;
border-left: 1px #999 solid;
color: #000;
font-weight: normal;
border-collapse:collapse;
background: #fff;
text-align:right;
}

td.cancel{
border-bottom: 1px #999 dotted;
border-right: 1px #999 solid;
color: #000;
font-weight:normal;
border-collapse:collapse;
background: #fff;
}

td.price{
border-bottom: 1px #999 dotted;
border-left: 1px #999 solid;
color: #000;
font-weight:normal;
border-collapse:collapse;
background: #fff;
text-align:right;
}
td.price1{
border: 1px #999 solid;
color: #000;
font-weight:normal;
border-collapse:collapse;
background: #fff;
text-align:right;
}

td.center {
	text-align:center;
}

#ContentsArea{
margin:0 0 2.5em 20px;
}

div.caution p,
span.red{
	color:#d33;
	font-size:100%;
	font-weight:bold;
	line-height:150%;
	}
div.caution p.caption{
	color:#444;
	}
p.caption, span.caption{
	font-size:86%;
	font-weight:normal;
	}

.caution1{
	font-size:80%;
	font-weight:normal;
	margin:10px;
	border:1px #6AD0FF solid;
	padding:3px;
	}

div.caution {
	width:95%;
	padding : 0;
	margin:10px 20px;
}

.top15{
	margin-top:15px;
}
a.ap{
background:transparent url(/shared/images/icon/arrow_right.gif) no-repeat scroll 0%;
display:inline;
margin-right:20px;
padding:0pt 0pt 0pt 1.5em;	
}

.faci_li li{list-style:outside circle; margin-left:30px;}
.faci_li_sub{ margin:10px 0 0 30px;}
.faci_li_sub li{list-style: inside circle;}
.faci_li_sub li.type_no{list-style: outside none; font-weight:bold;}

h5{ margin:10px 0 5px 0px; padding:0; font-size:90%;}

.rehe_ol_no1{
	font-size:80%;
	margin:0;
	padding:0;
	list-style-type: none;
}
.rehe_ol_no1 li{list-style:outside; margin-left:30px;}

/** |03.Main Settings| ************************************************************ END **/