a:link    { color: #FFFFFF; }
a:visited { color: #FFFF00; }
a:active  { color: #FF00FF; }
a:hover   { color: #00FFFF; }

.blinking
	{
animation-name : blink;
animation-duration : 2s; 
animation-iteration-count : infinite; 
	}



body {	background-color : #000000;
	color : #FFFFFF ;
	margin-left : 5% ;
	}
.v_blank{
	width: 5% ;
	height : auto ;
	float: left;
	}

.h_blank{
	height : 5% ;
	width :: auto ;
	}


.top{   display: flex ;
	width:100% ;
	border-top : solid 10px #FFFFFF ;
	}

.top_1 {
	float : left ;
	width : 50% ;
	padding : 5px 0px ;
	color : #FFFFFF ;
	background: linear-gradient( #000000,#4B0082);
	}


.top_2 {
	float : left ;
	width : 50% ;
	color : #FFFFFF ;
	background: linear-gradient(#000000,#4B0082);
	}

.top_3 {
	display: block ;
	width: 70% ;
	color: #FFFFFF ;
	background-color : #000000 ;
	font-size : 0.8em ;
	}


.top_4 {
	display: block ;
	width: 25% ;
	color: #FFFFFF ;
	background-color : #000000 ;
	font-size : 1.0em ;
	text-align : center ;
	}
.m_left {
	width: 25%;
	float: left;
	text-align: center ;
	background-color: #008080;
	}

.m_right {
	display : flex ;
	width : auto ;
	height : auto ;
	}

.m_right_1 {
	display : inline-block ;
	float : left;
	width : 50% ;
	height : auto ;
	text-align : center ;
	background-color : #191970 ;
	border : solid 5px #FFFFFF ;
	border-radius: 10px;

	}

.m_right_2 {
	display : inline-block ;
	float : left ;
	width : 50% ;
	height : auto ;
	text-align : center ;
	background: linear-gradient(#4B0082,#000000);
	color : #FFFFFF ;
	}

.m_right_3 {
	display : block ;
	float: left;
	width : 80%;
	height : auto ;
	padding :  0px 10px 0px 10px ;
	text-align : center ;
	background-color : #191970 ;
	}

.m_right_4 {
	display : block ;
	float: left;
	width : 20%;
	height : auto ;
	padding : 20px ;
	text-align : center ;
	background-color : #191970 ;
	}
.bottom {
	width: 100%;
	text-align: left ;
	background: linear-gradient(#00008B, #006400);
	}

.menu 
	{
	display : inline-block ;
	border : solid 0.2px #000000 ;
	text-align: center ;
	background-color: #008080 ;
	padding : 0px ;
	margin : 5px ;
	}
.moji {
 	text-align: center ;
        padding: 5px 10px ;
        border-style: outset;
        border-width: 1px ; 
        border-color: #ff0000 ;
	background-color: #000000;
	}




a[target=_blank] {
	padding-right: 20px;
	background: url(./out_icon.gif) right center/11px auto no-repeat;
}


.menu_1 
	{
	display : inline-block ;
	text-align: center ;
	background-color: #000000 ;
	padding : 0px ;
	margin : 5px ;
	}

.middle{
	 width: 100%;
    margin: 0 auto;
    border: 1px solid #000;
    padding: 10px;
    overflow: hidden;
	}

.m_left_1 {
	 width: 20%;
    float: left;
    border: 1px solid #000;
    padding: 15px 15px;
	}


.m_left_2 {
	width: 50%;
    float: left;
    padding: 10px ;
	}

.m_left_3 {
	width: 25%;
    float: left;
	}

.m_left_4 {
	width: 20%;
	float: left;
	padding: 5px 5px;
	background: linear-gradient(#008000,#008080) ;

	}


.m_right_common {
	padding-left:100px ;
	}



.middle{
	width: 100%;
	margin: 0 auto;
	border: 1px solid #000;
	padding: 10px;
	overflow: hidden;
	}


.m_flex {
	display: flex;
	height:auto;
	padding:10px;
	background: linear-gradient(#800000,#000080) ;


	}

.flex_item {
	display: grid;
	place-items: center;
	text-align : center ;
	padding: 10px 10px;
	border: 0.5px solid #000000 ;
	border-radius: 10px;
	}

.index_item {
	display: grid;
	place-items: center;

	text-align : center ;
	padding: 10px 10px;
	border: 0.5px solid #000000 ;
	border-radius: 10px;
	background-color: #006400 ;
	color : #FFFFFF ;
	}


table, td, th {border-width: 2px; border-style: solid ; }
th { background: #000000; }
th { text-align: center; }

td { text-align: center; }
td { background-color: #000080 ; }
td { width: 300; }
caption { font-size: 1.2em ; 
	  color : red ;


	text-align: left;
}