/*============================================================================*/
/*画面表示に適用する設定*/
/*============================================================================*/
@media screen { 

/*基本設定　背景が白、文字が黒、フォントサイズは設定の100％*/
body {
background-color: white; 
color: black;
font-size:100%;
 }

/*ストロングタグは、トップページの強調だけ色を黒く。その他は赤く。*/
strong{
font-size:120%;
color: red;
}

strong.top{
font-size:120%;
color: black;
}

/*総合センタータイトルの書式。プルダウンメニューと並べたときに、左に寄せる*/
div.logo {
   float: left;
}

/*リンクの目次の書式設定。行間が2.0倍、赤枠の囲みの設定。ＨＴＭＬでは下の方に書くけど、<div="main">の設定とあわせて、画面表示は左にでるようにする。*/
div.menu {
line-height: 2.0em; 
   border: 1px solid red;
   width: 95%;
   margin: 2%; 
   padding: 1%; 
}
/*ページの主な内容の書式設定。画面の７０％右に寄せて、リンクの目次が左に出るようにする。行間1.8倍。*/
div.main {
   float: right;
   width: 70%;
   line-height: 1.8em;
   padding: 1%; 
}
/*float設定のクリア。*/
div.clear {
   clear: both;
}

/*ロゴの背景色の設定。*/
div.cover {
background-color: #FFCC99;
}

/*プルダウンメニューのフォントサイズ*/
select {
	font-size:24pt;
}

/*プルダウンメニューの説明書きのフォントサイズ。ロゴ（社会福祉総合センター）と並べて、画面の右に寄せる*/
form {
font-size: 14pt;
   float: right;
}

/*table（料金表）の文字サイズと枠線の設定。普通の文字よりちょっと大きめ。*/
table, td, tr, th { 
font-size: 105%; 
border:1px black solid;
border-collapse: collapse;
padding: 5px;
}

/*各会議室のテーブル見取り図。センタリングの設定。*/
tbody.map{
text-align: center;
}

/*各会議室の料金表テーブルの右寄せ設定。*/
tbody.charge{
text-align: right;
}


}

/*============================================================================*/
/*印刷するときの設定*/
/*============================================================================*/
@media print {

body {
	color: black;
	font-size:120%;
 }


/*事業団タイトルの書式*/
div.logo {
	margin: 10px;
}

/*印刷時のリンク目次の書式設定。画面には出てるけど、印刷はさせない。*/
div.menu {
	display:none;
}

/*印刷ページの主な内容の書式設定。行間1.3倍。*/
div.main {
	background: white; 
   line-height: 1.3em;
}

/*float設定のクリア。*/
div.clear {
   clear: both;
}


/*tableの文字サイズと枠線の設定。*/
table, td, tr { 
border:1px black solid;
border-collapse: collapse; 
padding: 5px;
}



/*通常リストの設定。●ではなく○に。*/
ul { 
list-style: circle; 
} 

/*<hr class="page">印刷するときのページ区切りを指定。画面上には見せない。*/
hr.page {
border: 1px white solid; 
page-break-after: always; 
} 
/*各会議室のテーブル見取り図。センタリングの設定。*/
tbody.map{
text-align: center;
}

/*各会議室のtable（料金表）の右寄せ設定。*/
tbody.charge{
text-align: right;
}

}