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

/* 全体の箱　大きさ */
#tabContent {
width:626px;
}
/* ボタンになるところの箱 */
#tabIndex {
	margin: 0px;
	padding: 0px;
height:35px;
padding-top:7px;
background:url(../img/inner/tab_btbg.gif) no-repeat left top;
width:623px;
padding-left:4px;
}

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

/* コンテンツが入るところの全体の箱 */
#tabBoxIndex {
	background:url(../img/topbox01_re.gif) repeat-y 0 0;
	clear: both;
	width:626px;
	padding:0px 0px;
	margin-bottom:20px;
}

.tabBox{
width:626px;
background:url(../img/inner/tab_re.gif) repeat-y 0 0;
}
.tabBox_end{
width:586px;
background:url(../img/inner/tab_end.gif) no-repeat left bottom;
padding:10px 20px 10px 20px;
min-height:80px;
}
/*
widthとheightは可変です。
widthを変えると、横幅がまちまちなタブが出来ます。

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


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

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

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

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

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





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


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