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

#menulist{
	margin:0px;
	padding:0px;
	
}

#menulist li{
	display:inline;
	list-style:none;
}

#menulist li a{
	display: block;
	width: 870px;
	height: 35px;
	float: left;
}


#menulist li#m1 a{background: url(../images/menu.gif) 0px 0px;width:221px;text-indent: -5000px;}
#menulist li#m2 a{background: url(../images/menu.gif) -221px 0px;width:218px;text-indent: -5000px;}
#menulist li#m3 a{background: url(../images/menu.gif) -439px 0px;width:218px;text-indent: -5000px;}
#menulist li#m4 a{background: url(../images/menu.gif) -657px 0px;width:213px;text-indent: -5000px;}

#menulist li#m1 a:hover{background: url(../images/menu.gif) 0px -35px;width:221px;text-indent: -5000px;}
#menulist li#m2 a:hover{background: url(../images/menu.gif) -221px -35px;width:218px;text-indent: -5000px;}
#menulist li#m3 a:hover{background: url(../images/menu.gif) -439px -35px;width:218px;text-indent: -5000px;}
#menulist li#m4 a:hover{background: url(../images/menu.gif) -657px -35px;width:213px;text-indent: -5000px;}

/* On / Off Sh------------------------------------------------------------------------*/
.p1 #menulist li#m1 a , #menulist li#m1 a:hover{background-position: 0px -35px;}
.p2 #menulist li#m2 a , #menulist li#m2 a:hover{background-position: -221px -35px;}
.p3 #menulist li#m3 a , #menulist li#m3 a:hover{background-position: -439px -35px;}
.p4 #menulist li#m4 a , #menulist li#m4 a:hover{background-position: -657px -35px;}

/* --- 表全体 --- */
table.example {
	width: 100%;
	border: 1px #c0c0c0 solid;
	border-collapse: collapse;
	font-size: 80%;
}

/* --- セル --- */
table.example th,
table.example td {
/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
padding: 6px 8px; /* セルのパディング（上下、左右） */
border: 1px #c0c0c0 solid; /* セルの境界線 */
}

/* --- 見出しセル --- */
table.example thead th {
	background-color: #999999; /* 見出しセルの背景色 */
	text-align: center;
	color: #FFF;
}

/* --- 奇数行 --- */
table.example tr.odd {
	background-color: #ffffff; /* 奇数行の背景色 */
	text-align: right;
}
/* --- センター文字 --- */
table.example tr.naka {
	background-color: #ffffff;
	text-align: center;
}


/* --- 偶数行 --- */
table.example tr.even {
	background-color: #f5f5f5; /* 偶数行の背景色 */
	text-align: right;
}


/* --- 表全体2 --- */
table.example2 {
	width: 100%; /* 表の幅 */
	border: 1px solid #666666; /* 大枠の境界線 */
	border-collapse: collapse;
	font-size: 80%;
}

/* --- 表タイトル --- */
table.example2 caption {
padding-bottom: 5px; /* 表タイトルの下パディング */
}

/* --- セル --- */
table.example2 th,
table.example2 td {
	/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
	padding: 6px 8px; /* セルのパディング（上下、左右） */
	border: 1px solid #666666; /* セルの境界線 */
	text-align: center;
}

/* --- 奇数列 --- */
table.example2 col.odd {
	background-image: url(../lineup/images/blue.gif);
}

/* --- 偶数列 --- */
table.example2 col.even {
background-color: #ffffff; /* 偶数列の背景色 */
}

/* --- 見出しセル --- */
table.example2 thead th {
	background-color: #999999; /* 見出しセルの背景色 */
	text-align: center;
	color: #FFF;
}