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

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

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

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

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

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


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

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

.test02 .close a{
display:block;
width:198px;
height:31px;
background:url(../img/word/w_tab02_off.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}

.test03 .open a{
display:block;
width:198px;
height:31px;
background:url(../img/word/w_tab03_on.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}

.test03 .close a{
display:block;
width:198px;
height:31px;
background:url(../img/word/w_tab03_off.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}


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

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