@charset "UTF-8";

/* タブ用CSS *******************************************************/

.TabbedPanels {
	margin: 0px;
}


.TabbedPanelsTabGroup {
	margin: 0px;
	margin-top:5px;
	margin-bottom:0px;
	padding: 0px;
}

.TabbedPanelsTab {
	text-align:center;
	position: relative;
	top: 1px;
	float: left;
	/*	padding: 4px 10px;
	margin: 0px 1px 0px 0px;*/
	font: bold 0.7em sans-serif;
	/*background-color:#99FF33;		/* 何もしていない場合 */
	background-color:#CCFF66;		/* 何もしていない場合 */
	/*background-color:#99FF00;*/
	/*background-color:#FFCC00;*/
	list-style: none;
	/*border-left: solid 1px #666666;*/ /*2009/05/26*/
	/*border-bottom: solid 1px #666666;*/ /*2009/05/26*/
	/*border-top: solid 1px #666666;*/ /*2009/05/26*/
	/*border-right: solid 1px #666666;*/ /*2009/05/26*/
/*
	-moz-user-select: none;
	-khtml-user-select: none;
*/
	cursor: pointer;
	/**/ /*2009/05/26*/
	padding:0px;
	margin:0px;
	height:30px;
	background-image:url(../img/tab-base.gif);
	background-repeat:no-repeat;
	background-position:left top;
	display:block;
	border-bottom: 1px solid #CCCCCC;
}

.TabbedPanelsTab a {
	color:#CC0000;	/* フォントカラー */
	background-image:url(../img/tab-right.gif);
	background-repeat:no-repeat;
	background-position: right top;
	display:block;
	/*height:30px;*/
	height:20px;
	margin:0px;
	margin-left:5px;
	/*padding:0px 5px;*/
	padding:0px;
	padding-top:10px;
	text-decoration:none;
	font-size:14px;
	font-family:"ＭＳ ゴシック", "Osaka－等幅"
}

.TabbedPanelsTabHover {
	background-color: #CCCCCC;		/* マウスオーバー時 */
}


.TabbedPanelsTabSelected {
	background-color: #FFFFFF;	/* タブ選択時 */
	border-bottom: 1px solid #FFFFFF;
}


.TabbedPanelsTab a {
	/*color: black;*/
	color:#99FF33;
	text-decoration: none;
}

/* コンテンツ部分 */ 
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #666666;
	border-bottom: solid 1px #666666;
	border-top: solid 1px #666666;
	border-right: solid 1px #666666;
	background-color: #FFFFFF;
}

.TabbedPanelsContent {
	padding: 4px;
}

.TabbedPanelsContentVisible {
}

.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}