/* *****  main.css  *****	*/
/* 主要な書式設定		*/

a img {
				/* イメージにリンクを付けた場合の書式	*/
  border : none;		/* 枠を付けない				*/
}

#frame {
			/* 最外枠の設定（内部要素にも引き継がれる）	*/
  width : 1050px;		/* 外枠の幅を固定（内部要素が大きい場合は、拡張される。）*/
  margin : 0 auto;		/* 外枠の左右マージンを同じにする。（中央揃え）		*/
}

.main-contents {
		/* お知らせ、トピックが入る部分		*/
  background-color : #ffffcc;	/* 背景色				*/
  padding : 10px;		/* 隙間調整				*/
  vertical-align: top;		/* 上寄せ設定				*/
}

.left-bar{
	  			/* 左側の部分（バナーエリア）		*/
  width : 260px;		/* 幅の設定				*/
  vertical-align : top;		/* 内容を上に寄せる			*/
  text-align : center; 		/* センタリング表示			*/ 
}

.left-bar img{
			/* バナーエリアに表示する画の設定	*/
  width : 240px;		/* 幅の設定				*/
  margin-top : 15px;		/* 上にスペースをとる			*/
}

.c-caption{
			/* お知らせ、トピック等のタイトル部分	*/
  font-size : 1.4em;		/* 文字サイズ				*/
  font-weight : bold;		/* ボールド（太文字）			*/
  font-style : italic;		/* イタリック（斜体）			*/
  text-decoration : underline overline;	/* 文字の上下に線を引く		*/
  padding-left : 20px;		/* 字下げ				*/
  padding-top : 20px;		/* 隙間調整（文字サイズの分、上を空ける）	*/
  padding-bottom : 8px;		/* 隙間調整				*/	
}

.c-caption p {
		/* タイトル補足（過去のリンク）		*/
  text-align : right;		/* 右寄せ				*/
  font-size : 0.7em;		/* 文字サイズ変更			*/
  margin-top : -18px;		/* 位置調整（段落部分の改行幅を小さく）	*/
  margin-right : 20px;		/* 右余白				*/
}

.note-table{
			/* お知らせ表				*/
  width : 100%;			/* 幅の設定				*/
}

.note-table th{
			/* お知らせ　項目名			*/
  height : 1.3em;		/* 項目名欄の高さ			*/
  padding : 0.3em;		/* 文字と罫線間の隙間調整		*/
  padding-bottom : 0em;
  font-weight : bold;		/* ボールド（太文字）			*/
}

.note-table td{
  padding : 0.3em;		/* 文字と罫線間の隙間調整		*/
}

.topic-table{
			/* トピックの表				*/
  width : 100%;			/* 幅の設定				*/
  text-align : center;		/* センタリング表示			*/
}

.topic-table th {
		/* トピックのタイトル（記事毎）		*/
  width : 100%;			/* 幅の設定				*/
  font-size : 1.3em;		/* 文字サイズ				*/
  padding-top : 10px;		/* 位置調整（文字サイズの分、上を空ける）	*/
  padding-bottom : 2px;		/* 位置調整				*/
  font-weight : bold;		/* ボールド（太文字）			*/
}

.topic-table th p {
		/* トピックの日付			*/
  font-size : 0.7em;		/* 文字サイズ				*/
  text-align : right;		/* 右寄せ				*/
  margin-top : 0px;		/* 位置調整				*/
  margin-right : 10px;		/* 右余白				*/
}

.topic-table td{
		/* トピックの各欄			*/
  vertical-align : top;		/* 記事を上に寄せる			*/
  padding : 0.2em;
}

.topic-table td.exp{
		/* トピックの説明文			*/
  text-align : left;		/* 左寄せ				*/
}

.topic-table td.exp p{
		/* トピックの説明文の段落指定部分	*/
  margin-top : 0.2em;		/* 余白調整				*/
  margin-left : 1.2em;		/* 余白調整（インデントの代用）		*/
}


.footer {
			/* フッターの書式設定			*/
  background-image : url(../img/blue_p6b.gif);	/* 背景の指定		*/
}

.footer img{
			/* 灯台画像の書式			*/
  height : 125px;		/* 画像の高さ				*/
  border-width : 0px;		/* 囲みなし				*/
  float : right;		/* 右端に寄せる				*/
}

.copy{
				/* 著作権表示、セキュリティーポリシー	*/
  margin-left : 10em; 		/* 余白調整				*/
  margin-top : 0.4em; 		/* 余白調整（上下の余白を指定するため	*/
  margin-bottom : 1.3em;	/* 余白調整	ｐ要素を使用）		*/
}

.footer span{
			/* 保安部名表示				*/
  font-size : 2em;			/* 文字サイズ			*/
  font-family : "游明朝 Demibold";	/* フォント名			*/
  font-weight : 900;			/* 太字				*/
  color : #000044;			/* 文字色			*/
  letter-spacing : 3px;			/* 文字間隔			*/
  margin-left : 10em;			/* 余白調整			*/
}

.addr{
				/* アドレス表示				*/
  margin-left : 26em;		/* 余白調整				*/
  margin-top : 0.4em; 		/* 余白調整（上下の余白を指定するため	*/
  margin-bottom : 0.4em;	/* 余白調整	ｐ要素を使用）		*/
  line-height : 1.1em;		/* 改行幅調整				*/
}