body#tab h1 {
	margin-bottom:2em;
	font-size:200%;
	font-weight:normal;
	line-height:100%;
	text-align:center;
	}

body#tab div#javascript_tab {
	margin:20px auto 25px auto;
	width:600px;
	text-align:left;
	}

div#javascript_tab ul#tab {
	margin:0;
	padding:0;
	border-bottom:1px solid #333;
	background-color:#fff;
	float:left;
	width:100%;
	}



div#javascript_tab ul#tab li {
	margin:0 0 0 1em;
	padding:0;
	text-align:center;
	border:0px solid #000;
	border-bottom:none;
	float:left;
	}


div#javascript_tab ul#tab li.new {
	width:158px;
	height:36px;
	background-image:url(../images/top/tab_menu_01.gif);
	display:block;
	}
	
div#javascript_tab ul#tab li.new a {
	width:158px;
	height:36px;
	background-image:url(../images/top/tab_menu_01.gif);
	display:block;
	text-indent: -9999px;
	}
div#javascript_tab ul#tab li.selected.new a {
	width:158px;
	height:36px;
	background-image:url(../images/top/tab_menu_01a.gif);
	display:block;
	text-indent: -9999px;
	}
	
div#javascript_tab ul#tab li.selected.new a:hover {
	width:158px;
	height:36px;
	background-image:url(../images/top/tab_menu_01a.gif);
	display:block;
	}
	
div#javascript_tab ul#tab li.suisougaku {
	width:93px;
	height:36px;
	background-image:url(../images/top/tab_menu_02.gif);
	display:block;
	}
div#javascript_tab ul#tab li.suisougaku a {
	width:93px;
	height:36px;
	background-image:url(../images/top/tab_menu_02.gif);
	display:block;
	text-indent: -9999px;
	}	
	 
div#javascript_tab ul#tab li.suisougaku a:hover {
	width:93px;
	height:36px;
	background-image:url(../images/top/tab_menu_02a.gif);
	display:block;
	}	

/*
a:hover.suisougaku {
	width:93px;
	height:36px;
	background-image:url(../images/top/tab_menu_02a.gif);
	display:block;
	}
*/
	 
	 
	 
	 
div#javascript_tab ul#tab li.art {
	width:207px;
	height:36px;
	background-image:url(../images/top/tab_menu_03.gif);
	display:block;
	}
	
div#javascript_tab ul#tab li.art a {
	width:207px;
	height:36px;
	background-image:url(../images/top/tab_menu_03.gif);
	display:block;
	text-indent: -9999px;
	}
	 
div#javascript_tab ul#tab li.art a:hover {
	width:207px;
	height:36px;
	background-image:url(../images/top/tab_menu_03a.gif);
	display:block;
	}

div#javascript_tab dl{
	clear:both;
	margin:0;
	padding:5px 0 0 0;
	}
div#javascript_tab dl dd{
	clear:both;
	margin:10px 0 0 0;
	padding:3px 0 0 27px;
	font-weight:bold;
	color:#4d4d4d;
	background-image:url(../images/top/purple.gif);
	background-repeat:no-repeat;
	background-position:5px 50%;
	font-size:14px;
	}
div#javascript_tab dl dt{
	padding: 0px 1em 8px 2.4em;
	border-bottom: 1px #cccccc dotted;
	clear:both;
	}
	
div#javascript_tab dl dd.yellow{
	background-image:url(../images/top/yellow.gif);
}
	
div#javascript_tab dl dd.red{
	background-image:url(../images/top/red.gif);
}	

div#javascript_tab dl dd.blue{
	background-image:url(../images/top/blue.gif);
}	

div#javascript_tab dl dd.blue2{
	background-image:url(../images/top/blue2.gif);
}	
	
div#javascript_tab dl dd.green{
	background-image:url(../images/top/green.gif);
}

div#javascript_tab dl dd.gray{
	background-image:url(../images/top/gray.gif);
}


.link_next{
	width:63px;
	height:27px;
    background-image:url(../images/common/btn_next.gif);
    float:right;
}

.link_next a{
	display:block;
	width:63px;
	height:27px;
	text-indent: -9999px;
    background-image:url(../images/common/btn_next.gif);
}
.link_next a:hover {
    background-image:url(../images/common/btn_next_a.gif);
}