/* MATRIX 、MATRIX2 共通属性 */
/*  Groups      Side        Header      Body  */
td.MENU_G , td.MENU_S , th.MENU_H , td.MENU_B {
	padding-top:2px;
	word-break:keep-all;
	white-space:nowrap;
	border:1px solid black;
	font-weight:bold; 
	vertical-align:middle ;
	background-color:#f9f8b9;
}

td.MENU_G { width:100px; height:30px; text-align:center; white-space:nowrap; background-color: white; }
td.MENU_G a:hover img { filter:xray(); }

td.MENU_S { width:100px; vertical-align:center; background-color: #7582AA; color : white;  }
th.MENU_H { height:30px; text-align:center; color:#ffffff; }
td.MENU_B { width:120px; vertical-align:top; background-color: transparent; }

table.MTRIX_GRP { text-align:center; margin : 10px 0 0 10px ; }
table.MTRIX_GRP td { background-color:lavender;border: 1px solid #9999cc;}

a:link,a:visited { color:darkslateblue;text-align:center; }

th.MENU_H a:link, th.MENU_H a:visited {
	display: block;
	width:150px;
	line-height: 30px;
	layout-grid-line: 30px;
	background-image: url(../image/menu_button.png);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:middle;
}

img.ICON1 , img.ICON2 { width:18px; }

/* ========== menuType = "MATRIX" のみ =============== */
th.CLR0 ,	th.CLR5 { background-color:#80a0a0; }
th.CLR1 ,	th.CLR6 { background-color:#ea6a30; }
th.CLR2 ,	th.CLR7 { background-color:#6562a6; }
th.CLR3 ,	th.CLR8 { background-color:#ae3a45; }
th.CLR4 ,	th.CLR9 { background-color:#daa520; }

table.MTRIX_TBL {
	margin : 10px 0 0 10px ;
/*	text-align:center;	*/
	border: 0;
	padding: 0;
}

/* ========== menuType = "MATRIX2" のみ =============== */
table.MTRIX_BTN {
	margin : 0px 0 0 5px;
	text-align:center;
	table-layout : fixed;
	border: 0;
	padding: 0;
}

table.MTRIX_BTN td.MENU_G , table.MTRIX_BTN td.MENU_S , table.MTRIX_BTN td.MENU_B {
	border: 1px solid #9999cc;
	background-color: transparent;
	width: 150px;
}

table.MTRIX_BTN td.MENU_B {
	text-align:left;
	font-size: 90%;
	background-color:#f5f5f5;
}

table.MTRIX_BTN th.CLR0   {
	background-color:#7582AA;
}

table.MTRIX_BTN th.MENU_H {
	width: 150px;
	height: 30px;
	vertical-align:middle;
	border: 0;
}

table.MTRIX_BTN th.MENU_H a:hover {
	background-position: 0px -85px;
}

ul.gamen-menu {
	width: 90%;
	height: 100%;
	margin: 0px;
	padding: 0;
	white-space: normal;
	list-style-type: square;
	list-style-image: url(../image/square.png);
}

ul.gamen-menu li {
	word-break: break-all;
	margin: 0.5em 0 0.5em 20px;
	padding: 0 0px 0 3px;
	word-break: keep-all;
	white-space: normal;
/*		white-space: nowrap;	*/
	color:darkslateblue;
}
