@charset "UTF-8";

.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTab
	{
	width:80px;
	font-weight:bold;
	line-height:1.3;
	color:#333333;
	margin: 0px 0px 0px 0px;
	padding:3px 0px 3px 0px;
	background:url(../images/tomtom/tab.jpg) repeat-x left top #DAE3FF;
	float: left;
	position: relative;
	top: 1px;
	z-index:1;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-color: #d0d0d0; /* 選択されていないタブの周辺ボーダーカラー */
/*	border-top-color: #99CCFF;
	border-right-color: #99CCFF;
	border-bottom-color: #99CCFF;
	border-left-color: #99CCFF; */
	}
.TabbedPanelsTab span {
	padding: 0px 5px;
	display:block;
}
.TabbedPanelsTabHover
	{
	background:#FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
/*	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;*/
	border-color:#d0d0d0; /* hover時のタブ周辺ボーダーカラー */
	}
.TabbedPanelsTabHover span
	{
	display:block;
	padding: 0px 5px;
	}

.TabbedPanelsTabSelected
	{
	background:#FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none; /* 選択されているタブの周辺のボーダーカラー leftだけは色が変わらない*/
	border-top-color: #d0d0d0;
	border-right-color: #d0d0d0;
	border-bottom-color: #FFFFFF;
	border-left-color: #d0d0d0;
	}
.TabbedPanelsTabSelected span
	{
	display:block;
	padding: 0px 5px;
	}
.tab01
	{
	width:84px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d0d0d0;/* 選択されているタブのleftボーダーカラー */
	}	

.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear:both;
	border:1px solid #d0d0d0; /* メインの一覧が表示されているBOXの周辺ボーダーカラー */
}
.TabbedPanelsContent {
	padding: 15px 10px 0px 10px;
}
.TabbedPanelsContentVisible {
}
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	z-index:2;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
/*	border-top-color: #666633;
	border-right-color: #9d99;
	border-bottom-color: #CCdC;
	border-left-color: #CCCd;*/
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}