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

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

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

/* コンテンツが入るところの全体の箱 */
#tabBoxIndex {
width:480px;
padding:0px 0px;
float:right;
height:202px;
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:125px;
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_j_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_j_off.gif) no-repeat left top;
text-indent:-9999px;
overflow:hidden;
}

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

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

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

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



/* それぞれのロールオーバーの設定 */
.test01 .close a:hover{
background:url(../../img/navi/tab01_j_off.gif) no-repeat left top;
}
.test02 .close a:hover{
background:url(../../img/navi/tab02_j_off.gif) no-repeat left top;
}
.test03 .close a:hover{
background:url(../../img/navi/tab03_j_off.gif) no-repeat left top;
}

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