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

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

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

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

.tabentry{
width:520px;
padding:10px;
background:url(img/tabimg02.gif) no-repeat 10px bottom;
position: relative;
}
.tabentry dd	{
	background: url(img/tab_icon.gif) no-repeat 8px 4px;
	padding-left: 20px;
}
p.tab_day	{
	font-size: 10px;
	line-height: 130%;
	letter-spacing: 1px;
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
}

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

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


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

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

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

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

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



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

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