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

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

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

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

.tabBox{
width:370px;
background:url(../img/glad01.gif) repeat-x 0 0;
padding:0px 12px 5px 12px;

}
/*
widthとheightは可変です。
widthを変えると、横幅がまちまちなタブが出来ます。

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


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

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

.test02 .close a{
display:block;
width:67px;
height:27px;
background:url(../img/navi/tab02.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}

.test03 .open a{
display:block;
width:66px;
height:27px;
background:url(../img/navi/tab03_on.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}

.test03 .close a{
display:block;
width:66px;
height:27px;
background:url(../img/navi/tab03.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}

.test04 .open a{
display:block;
width:66px;
height:27px;
background:url(../img/navi/tab04_on.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}

.test04 .close a{
display:block;
width:66px;
height:27px;
background:url(../img/navi/tab04.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}

.test05 .open a{
display:block;
width:67px;
height:27px;
background:url(../img/navi/tab05_on.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}

.test05 .close a{
display:block;
width:67px;
height:27px;
background:url(../img/navi/tab05.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}

.test06 .open a{
display:block;
width:66px;
height:27px;
background:url(../img/navi/tab06_on.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}

.test06 .close a{
display:block;
width:66px;
height:27px;
background:url(../img/navi/tab06.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}


/* それぞれのロールオーバーの設定 */
.test01 .close a:hover{
background:url(../img/navi/tab01_over.gif) no-repeat 0 0;
}
.test02 .close a:hover{
background:url(../img/navi/tab02_over.gif) no-repeat 0 0;
}
.test03 .close a:hover{
background:url(../img/navi/tab03_over.gif) no-repeat 0 0;
}
.test04 .close a:hover{
background:url(../img/navi/tab04_over.gif) no-repeat 0 0;
}
.test05 .close a:hover{
background:url(../img/navi/tab05_over.gif) no-repeat 0 0;
}
.test06 .close a:hover{
background:url(../img/navi/tab06_over.gif) no-repeat 0 0;
}

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