@charset "UTF-8";
/* CSS Document */

body {
	background-color:#98CC34;
}

#contents {
	width:100%;
	float:left;
	background-color:#FFF;
}

#header_top {
	width:100%;
	background:url(../img/head_bg.jpg) repeat-x;
}

#header_top02 {
	width:100%;
	background:url(../img/head_bg02.jpg) repeat-x;
}

#foot_bg {
	width:100%;
	height:30px;
	float:left;
	margin-top:15px;
	background:url(../img/foot_bg.jpg) repeat-x;;
}

#head_cont {
	width:831px;
	height:91px;
	margin:0 auto;
	padding-right:19px;
}

#logo02 {
	float:left;
	width:235px;
	height:91px;
}

#g_navi {
	width:596px;
	height:61px;
	float:left;
}

#g_navi li {
	width:149px;
	text-indent:-9999px;
}

.g_navi01 {
	height:61px;
	display:block;
	background:url(../img/navi_01_on.jpg) no-repeat;
}
.g_navi01 a{
	height:61px;
	display:block;
	background:url(../img/navi_01_off.jpg) no-repeat;
	outline: none;
}
.g_navi01 a:hover{
	background:url(../img/navi_01_on.jpg) no-repeat;
}

.g_navi02 {
	height:61px;
	display:block;
	background:url(../img/navi_02_on.jpg) no-repeat;
}
.g_navi02 a{
	height:61px;
	display:block;
	background:url(../img/navi_02_off.jpg) no-repeat;
	outline: none;
}
.g_navi02 a:hover{
	background:url(../img/navi_02_on.jpg) no-repeat;
}

.g_navi02_01 {
	height:33px;
	display:block;
}
.g_navi02_01 a{
	height:33px;
	display:block;
	background:url(../img/navi_02_01_off.jpg) no-repeat;
	outline: none;
}
.g_navi02_01 a:hover{
	background:url(../img/navi_02_01_on.jpg) no-repeat;
}

.g_navi02_02 {
	height:33px;
	display:block;
}
.g_navi02_02 a{
	height:33px;
	display:block;
	background:url(../img/navi_02_02_off.jpg) no-repeat;
	outline: none;
}
.g_navi02_02 a:hover{
	background:url(../img/navi_02_02_on.jpg) no-repeat;
}

.g_navi03 {
	height:61px;
	display:block;
	background:url(../img/navi_03_on.jpg) no-repeat;
}
.g_navi03 a{
	height:61px;
	display:block;
	background:url(../img/navi_03_off.jpg) no-repeat;
	outline: none;
}
.g_navi03 a:hover{
	background:url(../img/navi_03_on.jpg) no-repeat;
}

.g_navi03_01 {
	height:33px;
	display:block;
}
.g_navi03_01 a{
	height:33px;
	display:block;
	background:url(../img/navi_03_01_off.jpg) no-repeat;
	outline: none;
}
.g_navi03_01 a:hover{
	background:url(../img/navi_03_01_on.jpg) no-repeat;
}

.g_navi03_02 {
	height:33px;
	display:block;
}
.g_navi03_02 a{
	height:33px;
	display:block;
	background:url(../img/navi_03_02_off.jpg) no-repeat;
	outline: none;
}
.g_navi03_02 a:hover{
	background:url(../img/navi_03_02_on.jpg) no-repeat;
}

.g_navi04 {
	height:61px;
	display:block;
	background:url(../img/navi_04_on.jpg) no-repeat;
}
.g_navi04 a{
	height:61px;
	display:block;
	background:url(../img/navi_04_off.jpg) no-repeat;
	outline: none;
}
.g_navi04 a:hover{
	background:url(../img/navi_04_on.jpg) no-repeat;
}


#pan {
	font-size:10px;
	line-height:100%;
	width:581px;
	float:left;
	height:25px;
	padding:4px 0 0 15px;
	background:url(../img/logo_shadow.jpg) no-repeat top left;
}

#pan02 {
	font-size:10px;
	line-height:100%;
	width:581px;
	float:left;
	height:25px;
	padding:4px 0 0 15px;
	background:url(../img/logo_shadow02.jpg) no-repeat top left;
}

#pan02 a:link{
	color:#000;
}

#pan02 a:visited{
	color:#000;
}

#pan02 a:hover{
	color:#F00;
}

#container_t{
	width:850px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#book_swf {
	width:831px;
	margin:0;
	float:left;
	padding:0;
	outline: none;
}

#book_swf object{
	outline: none;
}

#top_cont {
	width:668px;
	margin:60px auto;
	float:left;
	padding:0 91px;
}

#top_box01 {
	width:668px;
	float:left;
}

.main_img01{
	width:334px;
	height:241px;
	background:url(../../img/top/main_img01_on.jpg) no-repeat;
	border:none;
	float:left;
}

.main_img01 a{
	width:334px;
	height:241px;
	display:block;
	overflow:hidden;
	outline: none;
}

.main_img01 a:hover{
	text-indent:-999px;
}

.main_img02{
	width:334px;
	height:241px;
	background:url(../../img/top/main_img02_on.jpg) no-repeat;
	border:none;
	float:left;
}

.main_img02 a{
	width:334px;
	height:241px;
	display:block;
	overflow:hidden;
	outline: none;
}

.main_img02 a:hover{
	text-indent:-999px;
}

#top_box02 {
	width:668px;
	float:left;
	padding-top:20px;
}

#top_ttl {
	width:314px;
	float:left;
}

#top_ttl div {
	width:314px;
	float:left;
}


#top_news {
	width:314px;
	float:right;
	padding-top:23px;
}


#top_news div {
	width:314px;
	float:left;
}

.top_txt{
	margin-top:8px;
}

.top_banar{
	margin-top:19px;
	width:314px;
	height:42px;
	background:url(../../img/top/banar_over.jpg) no-repeat;
}

.top_banar a{
	width:314px;
	height:42px;
	display:block;
	overflow:hidden;
	outline: none;
}

.top_banar a:hover{
	text-indent:-999px;
}

.news_ttl{
	width:72px;
	float:left;
}

.btn_backnum{
	width:91px;
	float:right;
}

.new_bar01{
	margin-top:6px;
}

#top_news ul {
	width:314px;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

#top_news li {
	width:314px;
	float:left;
	margin:0;
	padding:6px 0;
	background:url(../../img/top/news_dotline.gif) left bottom no-repeat;
}

#top_news.lineless {
	background:none;
}

#top_news li span {
	float:left;
	margin:0;
	padding:0;
	color:#F00;
	font-size:10px;
	line-height:100%;
}

#top_news li p{
	width:294px;
	float:left;
	margin:0;
	padding:0 0 0 20px;
	text-decoration:none;
	line-height:150%;
	background:url(../../img/top/news_icon.gif) 0px 2px no-repeat;
}

#top_news li p a:link{
	color:#000;
	text-decoration:none;
}

#top_news li p a:visited{
	color:#000;
	text-decoration:none;
}

#top_news li p a:hover{
	color:#F00;
	text-decoration:none;
}


/*----------------------*/

#news_list{
	width:492px;
	margin:0;
	padding:0;
	list-style:none;
}

#news_list li{
	width:492px;
	margin:0;
	padding:15px 0;
	background:url(../../htmlbook/news/img/dot_line.gif) left bottom repeat-x;
}

#news_list p{
	width:93px;
	height:19px;
	font-size:10px;
	line-height:100%;
	margin:0;
	padding:6px 0 0 5px;
	float:right;
	display:block;
	background:url(../../htmlbook/news/img/date_bg.gif) no-repeat;
}

#news_list span{
	padding:1px 0 3px 20px;
	background:url(../../img/top/news_icon.gif) 0px 0px no-repeat;
	line-height:150%;
}

#news_list a:link{
	color:#000;
	text-decoration:none;
}

#news_list a:visited{
	color:#000;
	text-decoration:none;
}

#news_list a:hover{
	color:#F00;
	text-decoration:none;
}