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

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

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

/* コンテンツが入るところの全体の箱 */
#tabBoxIndex {
	clear: both;
width:578px;
margin:0px auto 30px auto;
}

.tabBox{
	width:550px;
	margin:0px auto;
	padding-top:10px;

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

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


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

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

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

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

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

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

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



/* それぞれのロールオーバーの設定 */
.test01 .close a:hover{
background:url(../img/navi/ticket01_on.gif) no-repeat 0 0;
}
.test02 .close a:hover{
background:url(../img/navi/ticket02_on.gif) no-repeat 0 0;
}
.test03 .close a:hover{
background:url(../img/navi/ticket03_on.gif) no-repeat 0 0;
}
.test04 .close a:hover{
background:url(../img/navi/ticket04_on.gif) no-repeat 0 0;
}


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