@charset "UTF-8";/*globalnavi */

/* 全体の箱　大きさ */
#tabContent {
width:633px;
}
/* ボタンになるところの箱 */
#tabIndex {
	margin: 0px;
	padding: 0px;
height:37px;
}

/* ボタンになるところの個々の箱 */
#tabIndex div {
	float:left;
	cursor: pointer;
}

/* コンテンツが入るところの全体の箱 */
#tabBoxIndex {
	background:url(../img/tabbox_re.gif) repeat-y 0 0;
	clear: both;
	width:633px;
	border-bottom:1px solid #DDD9D5;
}

.tabBox{
padding:7px 0px;
}
/*
widthとheightは可変です。
widthを変えると、横幅がまちまちなタブが出来ます。

text-indent:-9999px;
overflow:hidden;
display:block;
上記3つは必須です。
*/


/* ボタン１　開いている状態 */
.test01 .open a{
display:block;
width:127px;
height:37px;
background:url(../img/tabnavi01-on.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}
/* ボタン１　閉じている状態 */
.test01 .close a{
display:block;
width:127px;
height:37px;
background:url(../img/tabnavi01-off.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}

/* 以降繰り返し */
.test02 .open a{
display:block;
width:126px;
height:37px;
background:url(../img/tabnavi02-on.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}

.test02 .close a{

display:block;
width:126px;
height:37px;
background:url(../img/tabnavi02-off.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}

.test03 .open a{
display:block;
width:127px;
height:37px;
background:url(../img/tabnavi03-on.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}

.test03 .close a{

display:block;
width:127px;
height:37px;
background:url(../img/tabnavi03-off.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}

.test04 .open a{
display:block;
width:126px;
height:37px;
background:url(../img/tabnavi04-on.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}

.test04 .close a{

display:block;
width:126px;
height:37px;
background:url(../img/tabnavi04-off.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}

.test05 .open a{
display:block;
width:127px;
height:37px;
background:url(../img/tabnavi05-on.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}

.test05 .close a{

display:block;
width:127px;
height:37px;
background:url(../img/tabnavi05-off.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}


/* それぞれのロールオーバーの設定 */
.test01 .close a:hover{
background:url(../img/tabnavi01-over.gif) no-repeat 0 0;
}
.test02 .close a:hover{
background:url(../img/tabnavi02-over.gif) no-repeat 0 0;
}
.test03 .close a:hover{
background:url(../img/tabnavi03-over.gif) no-repeat 0 0;
}
.test04 .close a:hover{
background:url(../img/tabnavi04-over.gif) no-repeat 0 0;
}
.test05 .close a:hover{
background:url(../img/tabnavi05-over.gif) no-repeat 0 0;
}


/*********************************************************************/