@charset "utf-8";

/*------------------
.tabMainBox
(Tab after <h1>)
------------------*/
#contents ul.tabMainBox {
	margin-bottom:-10px;
	position:relative;
	top:-20px;
	overflow:hidden;
	width:630px;
	list-style:none;
}
#contents ul.tabMainBox li {
	float:left;
}



/*------ Width of <li> ------*/

/* cont_effect */

body.pageEffect #contents ul.tabMainBox li.tab1 {
	width:157px;
}body.pageEffect #contents ul.tabMainBox li.tab2 {
	width:158px;
}body.pageEffect #contents ul.tabMainBox li.tab3 {
	width:158px;
}body.pageEffect #contents ul.tabMainBox li.tabLast {
	width:157px;
}


/*------ <a> ------*/

/* center */
#contents ul.tabMainBox li a {
	padding:7px 0;
	border-right:1px solid #CCC;
/*	float:left;*/
	display:block;
	background:#E5F2DF url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/tab_main_bg.gif) no-repeat center bottom;
	color:#333;
	text-align:center;
	text-decoration:none;
}

/* leftmost */
#contents ul.tabMainBox li.tab1 a {
	background:#E5F2DF url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/tab_main_bg.gif) no-repeat left bottom;
}

/* rightmost */
#contents ul.tabMainBox li.tabLast a {
	border:0;
	background:#E5F2DF url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/tab_main_bg.gif) no-repeat right bottom;
}



/*------ stay & hover ------*/
/* center */
#contents ul.tabMainBox li a.linkOn,
#contents ul.tabMainBox li a:hover {
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/tab_main.gif) no-repeat center bottom;
	color:#FFF;
}

/* leftmost */
#contents ul.tabMainBox li.tab1 a.linkOn,
#contents ul.tabMainBox li.tab1 a:hover {
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/tab_main.gif) no-repeat left bottom;
	color:#FFF;
}

/* rightmost */
#contents ul.tabMainBox li.tabLast a.linkOn,
#contents ul.tabMainBox li.tabLast a:hover {
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/tab_main.gif) no-repeat right bottom;
	color:#FFF;
}

body.pageCompensation01 #contents ul.tabMainBox li.tab1 a,
body.pageCompensation03 #contents ul.tabMainBox li.tabLast a {
	font-weight:bold;
}