/*  タブ切り替え
---------------------------------------------*/


dl {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: px # solid;
	
　　　　
          width: 650px;
   

}
dl dt {
	float: left;
	
	padding: 0px 0;
	font-weight: bold;
	text-indent: 1em;
	line-height: 120%;
        
        background-color:#ｆｆｆ;

}
dl dd {
	padding: 0px 0 0px 0px;
	line-height: 150%;
	background-color:#ｆｆｆ;
text-align: center;

}


div#javascript_tab_sample ul#tab {
	margin:0;
	padding:0;
	border-bottom:none;  
	position: absolute;
         left: 22px; /* 左方向からの配置位置を指定 */
	top: 300px; /
         margin:0 0 0 0;
	float:left;
	width:100%;
	}

div#javascript_tab_sample ul#tab li {
	margin:0.3em 0.1em 0em 0em;
	padding:0.5em 1em;
	text-align:center;
	border-top: 2px solid #000000;
          border-bottom: none; 
	border-right: 2px solid #000000;
	border-left: 2px solid #000000;
          
	float:left;
	width:10em;
         background-color:#000;

	}

div#javascript_tab_sample ul#tab li.selected {
	background-color:#fff;
	border-top: 2px solid #000000;
          border-bottom: none; 
	border-right: 2px solid #000000;
	border-left: 2px solid #000000;
	padding:0.8em 1em 0.5em 1em;
         margin:0em 0.1em 0em 0em;

}

div#javascript_tab_sample ul#tab li.selected a {
	color:#000;
         font-size:16px;

	}

div#javascript_tab_sample ul#tab li a {
	color:#fff;
          font-size:16px;

          text-decoration:none;
	}
div#javascript_tab_sample ul#tab li a:hover {
	color:#f4da02;
          font-size:16px;

	}

	
div#javascript_tab_sample1 ul#tab {
	margin:0;
	padding:0;
	border-bottom:none;  
	
         margin:0 0 0 0;
	float:left;
	width:100%;
	}

div#javascript_tab_sample1 ul#tab li {
	margin:0.3em 0.1em 0em 0em;
	padding:0.5em 1em;
	text-align:center;
	border-top: 2px solid #000000;
          border-bottom: none; 
	border-right: 2px solid #000000;
	border-left: 2px solid #000000;
          
	float:left;
	
         background-color:#000;

	}

div#javascript_tab_sample1 ul#tab li.selected {
	background-color:#fff;
	border-top: 2px solid #000000;
          border-bottom: none; 
	border-right: 2px solid #000000;
	border-left: 2px solid #000000;
	padding:0.8em 1em 0.5em 1em;
         margin:0em 0.1em 0em 0em;

}

div#javascript_tab_sample1 ul#tab li.selected a {
	color:#000;
         font-size:14px;

	}

div#javascript_tab_sample1 ul#tab li a {
	color:#fff;
          font-size:14px;

          text-decoration:none;
	}
div#javascript_tab_sample1 ul#tab li a:hover {
	color:#f4da02;
          font-size:14px;

	}

div#javascript_tab_sample2 ul#ta {
	margin:0;
	padding:0;
	border-bottom:none;  
	position: absolute;
         left: 13px; /* 左方向からの配置位置を指定 */
	top: 301px; /
         margin:0 0 0 0;
	float:left;
	width:100%;
	}

div#javascript_tab_sample2 ul#ta li {
	margin:0.3em 0.1em 0em 0em;
	padding:0.8em 1em 0.7em 1em;
	text-align:center;
	border-top: 1px solid #eeeeee;
          border-bottom: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
          
	float:left;
	
         background:#050505 url(../mitaka/image/lesson688.png) left top repeat-y;


	}

div#javascript_tab_sample2 ul#ta li.selected {
	background: #ffffff ;
	border-top: 1px solid #cccccc;
          border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	padding:1.2em 1em 0.7em 1em;
         margin:0em 0.1em 0em 0em;

}

div#javascript_tab_sample2 ul#ta li.selected a {
	color:#000000;
         font-size:13px;

	}

div#javascript_tab_sample2 ul#ta li a {
	color:#dcdcdc;
          font-size:13px;

          text-decoration:none;
	}
div#javascript_tab_sample2 ul#ta li a:hover {
	color:#84bff6;
          font-size:13px;

	}
---------------------------------------------*/
div#javascript_tab_sample3 ul#tab {
	

	padding:0px 0px 0px 0px;
	margin:em 0.0em 0em 0em;

	float:left;

	width:100%;
	}

div#javascript_tab_sample3 ul#tab li {
	margin:2.3em 0.1em 0.1em 0em;
	padding:0.8em 1em;
	text-align:center;
	border-top: 1px solid #eeeeee;
            border-bottom: 1px solid #eeeeee;

	border-right: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
          
	float:left;
	
         background:#050505 url(../mitaka/image/lesson688.png) left top repeat-y;


	}

div#javascript_tab_sample3 ul#tab li.selected {
	background: #ffffff ;
	border-top: 1px solid #cccccc;
          border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	padding:1.2em 1em 0.8em 1em;
         margin:2em 0.1em 0.1em 0em;

}

div#javascript_tab_sample3 ul#tab li.selected a {
	color:#000;
         font-size:12px;

	}

div#javascript_tab_sample3 ul#tab li a {
	color:#fff;
          font-size:12px;

          text-decoration:none;
	}
div#javascript_tab_sample3 ul#tab li a:hover {
	color:#84bff6;
          font-size:12px;

	}
---------------------------------------------*/

---------------------------------------------*/
div#javascript_tab_sample4 ul#tab {
	position: absolute;
         left: 30px; /* 左方向からの配置位置を指定 */
	top: 239px; /

	padding:0px 0px 0px 0px;
	margin:em 0.0em 0em 0em;
	}

div#javascript_tab_sample4 ul#tab li {
	margin:1.3em 0.1em 0.1em 0em;
	padding:0.8em 1em;
	text-align:center;
	border-top: 1px solid #999;
            border-bottom: 1px solid #999;

	border-right: 1px solid #999;
	border-left: 1px solid #999;
          
	float:left;
	
         background:#fff;


	}

div#javascript_tab_sample4 ul#tab li.selected {
	background: #ffffff url(../mitaka/image/lesson693.png) left top repeat-y;
	border-top: 1px solid #333;
          border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	padding:1.2em 1em 0.8em 1em;
         margin:1em 0.1em 0.1em 0em;

}

div#javascript_tab_sample4 ul#tab li.selected a {
	color:#fff;
         font-size:12px;

	}

div#javascript_tab_sample4 ul#tab li a {
	color:#000;
          font-size:12px;

          text-decoration:none;
	}
div#javascript_tab_sample4 ul#tab li a:hover {
	color:#84bff6;
          font-size:12px;

	}
---------------------------------------------*/


/*CSS black style pagination*/

div.pagination2 {
		margin: 0px 0px 0px 0px;
		 float: right;
 background: #000000;
border-bottom: 2px solid #000000;
	width:650px;}


	div.pagination {
		padding: 8px 5px;
		margin: 3px;
		text-align:center;
		color:#a0a0a0;
		font-size:80%;
	}
	div.pagination a {
		border: 1px solid #909090;
		margin-right:3px;
		padding:8px 8px;
		background-image:url(../mitaka/image/lesson513.png);
		background-position:bottom;
		text-decoration: none;
		color: #c0c0c0;
	}
	div.pagination a:hover, div.meneame a:active {
		border: 1px solid #f0f0f0;
		background-image:url(../mitaka/image/lesson514.png);
		background-color:#404040;
		color: #ffffff;
	}
	div.pagination span.current {
		margin-right:3px;
		padding: 8px 10px;
		border: 1px solid #ffffff;
		font-weight: bold;
		background-color: #606060;
		color: #ffffff;
	}
	div.pagination span.disabled {
		margin-right:3px;
		padding:5px 5px;
		border: 1px solid #606060;
		color: #808080;
	}



div.paginations {
		padding: 6px 8px;
		margin: 2px;
		text-align:center;
		color:#a0a0a0;
		font-size:80%;
	}
	div.paginations a {
		border: 1px solid #909090;
		margin-right:2px;
		padding:6px 8px;
		background-image:url(../mitaka/image/lesson513.png);
		background-position:bottom;
		text-decoration: none;
		color: #c0c0c0;
	}
	div.paginations a:hover, div.meneame a:active {
		border: 1px solid #f0f0f0;
		background-image:url(../mitaka/image/lesson514.png);
		background-color:#404040;
		color: #ffffff;
	}
	div.paginations span.current {
		margin-right:2px;
		padding: 8px 10px;
		border: 1px solid #ffffff;
		font-weight: bold;


		background-color: #606060;
		color: #ffffff;
	}
	div.paginations span.disabled {
		margin-right:2px;
		padding:5px 5px;
		border: 1px solid #606060;
		color: #808080;
	}





/*  タブ切り替え｜1｜
---------------------------------------------*/






	div.pagination3 {
		padding: 0px 5px 0px 5px;
		margin: 0px 0px 5px 0px;
		text-align:right;
		color:#dcdcdc;
		font-size:80%;
	}
	div.pagination3 a {
		border: 1px solid #909090;
		margin-right:3px;
		padding:4px 8px 4px 8px;
		
		background-position:bottom;
		text-decoration: none;
		color: #dcdcdc;
	}
	div.pagination3 a:hover, div.meneame a:active {
		border: 1px solid #666;
	
		color: #666;
	}
	div.pagination3 span.current {
		margin-right:3px;
		padding: 4px 10px 4px 10px;
		border: 1px solid #606060;
                   
		font-weight: bold;
		background-color: #fff;
		color: #666;
	}
	div.pagination3 span.disabled {
		margin-right:3px;
		padding:5px 5px;
		border-left: 1px solid #606060;
                   border-right: 1px solid #606060;
		color: #808080;
	}



div.paginations {
		padding: 6px 8px;
		margin: 2px;
		text-align:center;
		color:#a0a0a0;
		font-size:80%;
	}
	div.paginations a {
		border: 1px solid #909090;
		margin-right:2px;
		padding:6px 8px;
		background-image:url(../mitaka/image/lesson513.png);
		background-position:bottom;
		text-decoration: none;
		color: #c0c0c0;
	}
	div.paginations a:hover, div.meneame a:active {
		border: 1px solid #f0f0f0;
		background-image:url(../mitaka/image/lesson514.png);
		background-color:#404040;
		color: #ffffff;
	}
	div.paginations span.current {
		margin-right:2px;
		padding: 8px 10px;
		border: 1px solid #ffffff;
		font-weight: bold;
		background-color: #606060;
		color: #ffffff;
	}
	div.paginations span.disabled {
		margin-right:2px;
		padding:5px 5px;
		border: 1px solid #606060;
		color: #808080;
	}



div.paginationleft {
		padding: 8px 5px;
		margin: 3px 3px 3px 0px;
		text-align:left;
		color:#a0a0a0;
		font-size:90%;
	}
	div.paginationleft a {
		border: 1px solid #909090;
		margin-right:3px;
		padding:8px 8px;
		background-image:url(../mitaka/image/lesson513.png);
		background-position:bottom;
		text-decoration: none;
		color: #c0c0c0;
font-size:90%;

	}
	div.paginationleft a:hover, div.meneame a:active {
		border: 1px solid #f0f0f0;
		background-image:url(../mitaka/image/lesson514.png);
		background-color:#404040;
		color: #ffffff;
font-size:90%;

	}
	div.paginationleft span.current {
		margin-right:3px;
		padding: 8px 10px;
		border: 1px solid #ffffff;
		font-weight: bold;
		background-color: #606060;
		color: #ffffff;
font-size:90%;

	}
	div.paginationleft span.disabled {
		margin-right:3px;
		padding:5px 5px;
		border: 1px solid #606060;
		color: #808080;
font-size:90%;

	}









/*  タブ切り替え
---------------------------------------------*/
.menu { color:#272727; border-bottom:1px solid #000000; height:27px;width:620px;}
.menu ul {margin:0px; padding:0px; list-style:none; text-align:center;}
.menu li {display:inline; line-height:23px;}
.menu li a {color:#000000; text-decoration:none; padding:12px 10px 10px 10px;  }
.menu li a.tabactive { color:#fff; background: #cccccc url(../mitaka/image/lesson684.png); font-weight:bold;  position:relative;}
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4 {border:5px solid #ececec; width:610px; text-align:center;padding:0px 0px; font-size:12px; margin-bottom:5px;}

/*  タブ切り替え
---------------------------------------------*/