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

#tabFour{

	width: 620px;
	height: 42px;
	background-image: url(fourtab.jpg);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	clear: both;
}

#tabFour ul{
	}

#tabFour li {
	float: left;
	list-style-type: none!important;
}

#tabFour ul li a {
	display: block;
	list-style-type: none!important;
	height: 42px;
	text-indent: -9999px;
}

#tabFour ul li.list01 {
	width: 155px!important;
	background: url(none)!important;
	margin: 0px!important;
	padding: 0px!important;
}

#tabFour ul li.list02 {
	width: 155px!important;
	background: url(none)!important;
	margin: 0px!important;
	padding: 0px!important;
	background-position: -155px 0px!important;
}

#tabFour ul li.list03 {
	width: 155px!important;
	background: url(none)!important;
	margin: 0px!important;
	padding: 0px!important;
	background-position: -310px 0px;
}

#tabFour ul li.list04 {
	width: 155px!important;
	background: url(none)!important;
	margin: 0px!important;
	padding: 0px!important;
	background-position: -465px 0px;
}
/* 背景画像の位置指定(ロールオーバー) */
#tabFour ul li.list01 a:hover,
#tabFour ul li.list01 a.active {
	background-image: url(fourtab.jpg);
	background-position: 0px -42px;

}

#tabFour ul li.list02 a:hover,
#tabFour ul li.list02 a.active {
	background-image: url(fourtab.jpg);
	background-position: -155px -42px;
}

#tabFour ul li.list03 a:hover,
#tabFour ul li.list03 a.active {
	background-image: url(fourtab.jpg);
	background-position: -310px -42px;
}

#tabFour ul li.list04 a:hover,
#tabFour ul li.list04 a.active {
	background-image: url(fourtab.jpg);
	background-position: -465px -42px;
}

/*---------------------------------------------*/

#tabTwo{

	width: 620px;
	height: 42px;
	background-image: url(twotab.jpg);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	clear: both;
}

#tabTwo ul{
	}

#tabTwo li {
	float: left;
	list-style-type: none!important;
}

#tabTwo ul li a {
	display: block;
	list-style-type: none!important;
	height: 42px;
	text-indent: -9999px;
}

#tabTwo ul li.list01 {
	width: 155px!important;
	background: url(twotab.jpg)!important;
	margin: 0px!important;
	padding: 0px!important;
}

#tabTwo ul li.list02 {
	width: 155px!important;
	background: url(twotab.jpg)!important;
	margin: 0px!important;
	padding: 0px!important;
	background-position: -155px 0px!important;
}
/* 背景画像の位置指定(ロールオーバー) */
#tabTwo ul li.list01 a:hover,
#tabTwo ul li.list01 a.active {
	background-image: url(twotab.jpg);
	background-position: 0px -42px;

}

#tabTwo ul li.list02 a:hover,
#tabTwo ul li.list02 a.active {
	background-image: url(twotab.jpg);
	background-position: -155px -42px;
}
