/***********************************************************/
/*リンクのスタイル（共通）*/
/***********************************************************/
A:link {color: #3366CC;text-decoration:underline}
A:visited {color: #1144aa;text-decoration:underline}
A:hover {color: #3366CC;text-decoration:underline}
A:active {color: #5588ee;text-decoration:underline}
/***********************************************************/
/*スタイル（共通）*/
/***********************************************************/
*{font-family:Arial, Helvetica, sans-serif;color:#333;/*margin:0;padding:0;*/}
body{
text-align:center;
background:url(../../../img/bg_body.gif);
}
p{line-height:150%;}
li{line-height:150%;}
strong{font-size:18px;line-height:150%;}
img{border:0px #fff solid;}
h2{
font-size:130%;
background:url(/img/bg_h2.gif);
line-height:40px;
padding-left:20px;
margin-top:16px;
}
h3{
margin-top:32px;
font-size:130%;
color: #2B8C2B;
border-bottom:1px #2B8C2B solid;
}
h4{
line-height:24px;
}
.tbl_style1{
border:2px #2B8C2B solid;
margin:auto;
}
.tbl_style1 th,.tbl_style1 td{
border:1px #65BE65 solid;
padding:10px;
text-align:center;
}
.tbl_style1 th{
background-color:#E4F8E4;
}
.tbl_style1 td{
text-align:left;
}
.tbl_style2{
border:2px #2B8C2B solid;
margin:auto;
}
.tbl_style2 th,.tbl_style2 td{
border:1px #65BE65 solid;
padding:10px;
}
.tbl_style2 th{
background-color:#E4F8E4;
text-align:center;
}

#pages{
width:700px;
padding:0 10px;
margin:auto;
text-align:left;
border:1px #aaa solid;
background-color:#fff;
}
/***********************************************************/
/*ヘッダー*/
/***********************************************************/
#header table{width:100%;}
#header h1 a{
/*text-indent:-9999px;
overflow:hidden;*/
font-size:46px;
background:url(http://chouki.hyouka.gr.jp/img/title.gif)  no-repeat;
display:block;
width:564px;
margin:12px 0 0 12px;
cursor:pointer;
}

/**** ログイン＆ヘルプ ****/
#header_left{
vertical-align:bottom;
line-height:16px;
}
	.help{
	background:url(/img/icn_help.gif)  no-repeat;
	padding-left:12px;
	font-size:10px;
	margin:0px 8px 0 12px;
	}
	.info{
	background:url(/img/icn_info.gif)  no-repeat;
	padding-left:12px;
	font-size:10px;
	margin:0 8px 0 12px;
	}
/**** メニュー ****/
#g_manu{padding:12px 0 0 0;background:url(/img/bg_g_menu.gif) top repeat-x;height:50px;}
#g_manu li{float:left;}
	#g_manu a{
	background:url(/img/g_menu.png);
	display:block;
	width:175px;
	height:31px;
	text-indent:-9999px;
	overflow:hidden;
	margin-top:1px;
	}
		#menu_home a			{background-position:0px 0px;}
		#menu_list a			{background-position:175px 0px;}
		#menu_kyogikai a		{background-position:350px 0px;}
		#menu_outline a			{background-position:525px 0px;}
		#menu_home a:hover		{background-position:0px 31px;}
		#menu_list a:hover		{background-position:175px 31px;}
		#menu_kyogikai a:hover	{background-position:350px 31px;}
		#menu_outline a:hover	{background-position:525px 31px;}
/***********************************************************/
/*コンテンツ*/
/***********************************************************/
#contents{
width:660px;
padding:20px;
}
/**** 注意書き ****/
.notice{
background-color:#FFFFE8;
border:2px #F7ECBA solid;
margin:36px auto;
padding:8px;
width:424px;
}
	.notice dl{margin:6px 0 12px 0;}
	.notice dd{margin-left:8px;}
	.notice ol{
	margin: 4px 0 8px 14px;
	padding-left:14px;
	}
	.notice span{font-size:10px;}
	*html .notice span{font-size:9px;}
	/**テーブルスタイル**/
	.tbl_border_b{
	border-top:1px #ccc solid;
	}
		.tbl_border_b th,
		.tbl_border_b td{
		border-bottom:1px #ccc solid;
		line-height:24px;
		padding-top:4px;
		}
	/**テキストスタイル**/
	.hissu{
	font-weight:normal;
	color:#900}
	.chui{font-size:10px;color:#955}
	*html .chui{font-size:9px;}
/***********************************************************/
/*フッター*/
/***********************************************************/
#footer{
background:url(/img/bg_foot.gif)  repeat-x;
height:24px;
padding-top:8px;
clear:both;
}
	#foot_menu{float:left;margin-left:8px;}
	#footer address{float:right;margin-right:8px;font-size:10px;}



/*floatを指定したボックスに用いる必須ハック*/
.clearfix:after
{
content				: ".";
display				: block;
height				: 0;
clear				: both;
visibility			: hidden;
}

.clearfix
{
display				: inline-block;
}
/*IE-mac\*/
*html .clearfix{height: 1%;}
.clearfix{display: block;}
/*IE-mac*/
@media print {
	#g_manu a{
	width:174px;
	}
}