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

/* 全体の箱　大きさ */
#tabContent {
width:643px;
height:222px;
overflow:hidden;
}
/* ボタンになるところの箱 */
#tabIndex {
margin: 0px;
padding: 0px;
width:163px;
float:left;
height:222px;
background:url(../../img/inner/tab_glad.gif) no-repeat 2px 186px;
}

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

/* コンテンツが入るところの全体の箱 */
#tabBoxIndex {
width:480px;
padding:0px 0px;
float:right;
height:222px;
background:url(../../img/inner/tab_bg.gif) no-repeat left top;
position:relative;
}

.tabBox{
width:480px;
padding-top:15px;
color:#3B2009;
}


#tab_search{
position:absolute;
left:15px;
top:145px;
font-size:14px;
}

#tab_search table th{
text-align:right;
padding:5px 10px 5px 0px;
width:120px;
vertical-align:middle;
font-weight:normal;
}
#tab_search table td{
text-align:left;
padding:5px 5px 5px 0px;
vertical-align:middle;
font-weight:normal;
}
#tab_search table td .inner_search_input{
width:190px;
font-size:14px;
padding:2px;
}
#tab_search table td select{
width:80px;
font-size:14px;
padding:2px;
}








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

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


/* ボタン１　開いている状態 */
.test01 .open a{
display:block;
width:163px;
height:37px;
background:url(../../img/navi/tab01_s_on.gif) no-repeat left top;
text-indent:-9999px;
overflow:hidden;
}
/* ボタン１　閉じている状態 */
.test01 .close a{
display:block;
width:163px;
height:37px;
background:url(../../img/navi/tab01_s_off.gif) no-repeat left top;
text-indent:-9999px;
overflow:hidden;
}

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

.test02 .close a{
display:block;
width:163px;
height:37px;
background:url(../../img/navi/tab03_s_off.gif) no-repeat left top;
text-indent:-9999px;
overflow:hidden;
}

.test03 .open a{
display:block;
width:163px;
height:37px;
background:url(../../img/navi/tab02_s_on.gif) no-repeat left top;
text-indent:-9999px;
overflow:hidden;
}

.test03 .close a{
display:block;
width:163px;
height:37px;
background:url(../../img/navi/tab02_s_off.gif) no-repeat left top;
text-indent:-9999px;
overflow:hidden;
}

.test04 .open a{
display:block;
width:163px;
height:37px;
background:url(../../img/navi/tab04_s_on.gif) no-repeat left top;
text-indent:-9999px;
overflow:hidden;
}

.test04 .close a{
display:block;
width:163px;
height:37px;
background:url(../../img/navi/tab04_s_off.gif) no-repeat left top;
text-indent:-9999px;
overflow:hidden;
}

.test05 .open a{
display:block;
width:163px;
height:37px;
background:url(../../img/navi/tab06_s_on.gif) no-repeat left top;
text-indent:-9999px;
overflow:hidden;
}

.test05 .close a{
display:block;
width:163px;
height:37px;
background:url(../../img/navi/tab06_s_off.gif) no-repeat left top;
text-indent:-9999px;
overflow:hidden;
}


/* それぞれのロールオーバーの設定 */
.test01 .close a:hover{
background:url(../../img/navi/tab01_s_off.gif) no-repeat left top;
}
.test02 .close a:hover{
background:url(../../img/navi/tab03_s_off.gif) no-repeat left top;
}
.test03 .close a:hover{
background:url(../../img/navi/tab02_s_off.gif) no-repeat left top;
}
.test04 .close a:hover{
background:url(../../img/navi/tab04_s_off.gif) no-repeat left top;
}
.test05 .close a:hover{
background:url(../../img/navi/tab06_s_off.gif) no-repeat left top;
}

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