@charset "utf-8";

/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0; 			/*全要素のマージン・パディングをリセット*/
	line-height:1.5;				/*全要素の行の高さを1.5倍にする*/
	color:#333333;					/*文字色*/

} 
body {
	background-color:#999999;		/*ページ全体の背景色*/
	text-align:center;				/*IE6以下でセンタリングするための対策*/
}

div#pagebody {
	width:1000px;
	margin:0 auto;
	text-align:left;
}

/*============================================
サブメニュー（左カラム）
============================================*/
div#menu {
	width:185px;				/*幅の指定*/
	margin-top:10px;
	float:left;					/*左寄せにする*/
}

/*サブメニューのボディ部分（余白調整・背景画像・背景色）*/
ul#menu_body {
	padding-bottom:6px;
	background-color:#eeeeee;
}

ul#menu_body li a {
	position:relative;
	display:block;				/*リンクをブロック表示にする*/
	margin:0px 4px 0px 4px;		/*サブメニュー項目のマージン*/
	padding:4px 0px 4px 20px;	/*サブメニュー項目のパディング*/
	background-color:#eeeeee;	/*サブメニュー項目の背景色*/
	text-decoration:none;		/*リンクの下線を無くす*/
	line-height:40px;

}

ul#menu_body li a::before,
ul#menu_body li a::after {
	position:absolute;
	top:22px;
	right:5px;
	display:block;
	content:'';
	width:12px;
	height:3px;
	background-color:#f0f;
/*	border-radius:4px; */
}
ul#menu_body li a::before {
	margin-top:-4px;
	-webkit-trasform:rotate(45deg);
	transform:rotate(45deg);
}
ul#menu_body li a::after {
	margin-top:3px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

ul#menu_body li {
	font-size:90%;				/*文字サイズを90%にする*/
	font-weight:bold;
	text-align:left;
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;				/*リスト項目をインライン表示にする*/
}

ul#menu_body li a:hover {
	background-color:#ffffff;	/*リンクにマウスが乗ったら色を変える*/
}

#title {
	width:780px;
	height:95px;
	margin-top:10px;
	margin-left:30px;
	padding-top:10px;
	padding-left:4px;
	background-color:#eeeeee;
	text-align:left;
	font-weight:bold;
	float:left;
}
.ttl {
	padding-left:20px;
}

div#notice {
	width:780px;
	height:400px;
	margin-top:10px;
	margin-left:30px;
	padding-top:4px;
	padding-left:4px;
	background-color:#eeeeee;
	text-align:left;
	font-weight:bold;
	float:left;
	overflow:auto;
}

.notice_ttl {
	margin-left:4px;
}

#notice table {
	width: 740px;									/* テーブルの幅 */
	border: 1px solid;								/* テーブルの境界線 */
	border-color: #c0c0c0 #999999 #999999 #c0c0c0;	/* テーブルの境界線色（上右下左） */
}
/* --- データセル（td） --- */
.td_date {
	width:100px;							/* 日付欄の幅 */
}

#notice td {
	padding: 5px 5px 5px;					/* データセルのパディング（上、左、下） */
	background-color: #ffffff;				/* データセルの背景色 */
	border-bottom: 1px #c0c0c0 dotted;		/* データセルの下境界線 */
}

div#copyright {
	clear: both;

	padding-top:10px;
	text-align:right;
}