
a:link { color: #0000ff; }
a:visited { color: #800080; }
a:hover { color: #ff0000; }
a:active { color: #ff8000; }

body {
	font-size: 12px;
	background:#ccffcc;
	background-image:url(../picture/other/back.jpg);
	color: #000000;
	margin:10px 0px 10px 0px;
}

h1{
	font-weight: bold;
	font-size: 12px;
	color: #000000;
}

h2{
	font-weight: bold;
	font-size: 12px;
	color: #000000;
}



/* ------------------------------
 　ヘッダメニュー部
------------------------------ */

// メニューバー
div#header_menu_bar {
	background-color: #006400; /* バーの背景色 */
	border-top: 0px double #800000; /* バーの上端線 */
	border-bottom: 0px double #800000; /* バーの下端線 */
	min-width: 630px; /* メインメニュー全部が収まる最低横幅 */
}


// メインメニュー
div#header_menu_bar ul#header_menu {
	margin: 0px 0px 0px 0px; /* メニューバー外側の余白 */
	padding: 0px; /* メニューバー内側の余白 */
	height: 40px; /* メニューバーの高さ */
}
div#header_menu_bar ul#header_menu li {
	margin: 0px 0px 0px 0px; /* メニューバー外側の余白 */
	width: 120px; /* メニュー項目の横幅 */
	height: 40px; /* メニュー項目の高さ(「メニューバーの高さ」と一致させる) */
	float: left;
	list-style-type: none;
	position: relative;
}
div#header_menu_bar ul#header_menu a {
	border-width: 3px; /* サブメニュー全体の枠線の太さ */
	border-style: double; /* サブメニュー全体の枠線の線種 */
	border-color: #ffffff; /* サブメニュー全体の枠線の色 */

	margin: 0px 0px 0px 0px; /* メニューバー外側の余白 */
	background-color: #006400; /* メニュー項目の背景色 */
	color: white; /* メニュー項目の文字色 */
	line-height: 40px; /* メニュー項目のリンクの高さ(「メニュー項目の高さ」と一致させる) */
	text-align: center; /* メインメニューの文字列の配置(中央寄せ) */
	text-decoration: none; /* メニュー項目の装飾(下線を消す) */
	display: block;
	width: 100%;
	height: 100%;
}
div#header_menu_bar ul#header_menu a:hover {
	background-color: #00ff7f; /* メニュー項目にマウスが載ったときの背景色 */
	color: #005500; /* メニュー項目にマウスが載ったときの文字色 */
}

/* メニューバー直後のClearfix */
div#header_menu_bar ul#header_menu { zoom:1; }
div#header_menu_bar ul#header_menu:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }


// サブメニュー
div#header_menu_bar ul#header_menu ul.sub {
	background-color: #cc0000; /* サブメニュー全体の背景色 */
	border-width: 1px 1px 0px 1px; /* サブメニュー全体の枠線の太さ */
	border-style: solid; /* サブメニュー全体の枠線の線種 */
	border-color: #2f4f4f; /* サブメニュー全体の枠線の色 */
	margin: 0px;
	padding: 0px;
	display: none;
	position: absolute;
}
div#header_menu_bar ul#header_menu ul.sub li {
	width: 135px; /* サブメニュー1項目の横幅 */
	height: 35px; /* サブメニュー1項目の高さ */
	border-width: 0px 0px 1px 0px; /* サブメニュー1項目の枠線の太さ */
	border-style: solid; /* サブメニュー1項目の枠線の線種 */
	border-color: #ffffff; /* サブメニュー1項目の枠線の色 */
}
div#header_menu_bar ul#header_menu ul.sub li a {
	line-height: 35px; /* サブメニュー1項目の行の高さ(「サブメニュー1項目の高さ」と合わせる) */
	text-align: left;  /* サブメニュー1項目の項目名の配置(左寄せ) */
	text-indent: 5px;  /* サブメニュー1項目の項目名前方の余白 */
}
div#header_menu_bar ul#header_menu ul.sub li a:hover {
	background-color: #00ff7f; /* サブメニュー項目にマウスが載ったときの背景色 */
	color: #005500; /* サブメニュー項目にマウスが載ったときの文字色 */
}



/* ------------------------------
 　ヘッダ部
------------------------------ */
.cell_head_head {
	text-align : center;
	font-weight: bold;
	font-size: 16px;
	background:#ccccff;
	color: #000000;
	margin:0px 0px 0px 0px;
}

.cell_head_text {
	font-weight: normal;
	font-size: 12px;	
	background:#eeffee;
	color: #000000;
	margin:0px 0px 0px 0px;
}



/* ------------------------------
 　タイトル部
------------------------------ */
.cell_title_head {
	text-align : center;
	font-weight: bold;
	font-size: 16px;
	background:#ffcccc;
	color: #000000;
	margin:0px 0px 0px 0px;
}

.cell_title_text {
	font-weight: normal;
	font-size: 12px;	
	background:#eeffee;
	color: #000000;
	margin:0px 0px 0px 0px;
}



/* ------------------------------
 　サイド部
------------------------------ */
.cell_side_head {
	font-weight: bold;
	font-size: 12px;	
	background:#ccccff;
	color: #000000;
	margin:0px 0px 0px 0px;
}

.cell_side_menu {
	font-weight: normal;
	font-size: 12px;	
	background:#eeffee;
	color: #000000;

	border-left: #555555 1px solid;
	border-right: #555555 1px solid;
	border-top: #555555 1px solid;
	border-bottom: #555555 1px solid;

	margin:0px 0px 0px 0px;
}

.cell_side_text {
	font-weight: normal;
	text-align : center;
	font-size: 12px;	
	background:#eeffee;
	color: #000000;
	margin:0px 0px 0px 0px;
}


/* ------------------------------
 　メイン部
------------------------------ */
.cell_main_head {
	font-weight: bold;
	font-size: 16px;	
	background:#ccccff;
	color: #000000;
	margin:0px 0px 0px 0px;
}

.cell_main_head2 {
	font-weight: bold;
	font-size: 14px;	
	background:#ffffcc;
	color: #000000;
	margin:0px 0px 0px 0px;
}

.cell_main_head3 {
	font-weight: bold;
	font-size: 12px;	
	background:#ffccff;
	color: #000000;
	margin:0px 0px 0px 0px
}

.cell_main_text {
	font-weight: normal;
	font-size: 12px;	
	background:#eeffee;
	color: #000000;
	margin:10px 0px 10px 0px;
}

/* ------------------------------
 　フッタ部
------------------------------ */

.cell_footer_text {
	font-weight: normal;
	text-align : center;
	font-size: 12px;
	background:#eeffee;
	color: #000000;
	margin:0px 0px 0px 0px;
}


/* ------------------------------
 　その他
------------------------------ */
.hidden_fig {
	color: #eeffee;
}


/* ------------------------------
 　汎用スタイル
------------------------------ */
.cell_red {
	font-weight: bold;
	font-size: 12px;	
	background:#ffcccc;
	color: #000000;
	margin:0px 0px 0px 0px;
}

.cell_green {
	font-size: 12px;	
	background:#ccffcc;
	color: #000000;
	margin:0px 0px 0px 0px;
}

.cell_blue {
	font-weight: bold;
	font-size: 12px;	
	background:#ccccff;
	color: #000000;
	margin:0px 0px 0px 0px;
}

.cell_yellow {
	font-weight: bold;
	font-size: 12px;	
	background:#ffffcc;
	color: #000000;
	margin:0px 0px 0px 0px;
}


* {
	font-family: “Lucida Grande”, “segoe UI”, “ヒラギノ丸ゴ ProN W4”, “Hiragino Maru Gothic ProN”, “メイリオ”, Meiryo, Verdana, Arial, sans-serif;
	line-height: 18px;
}
