@charset "UTF-8";

/* SpryTabbedPanels.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */
body{
	color: #626262;
	font: normal 1em "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}


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


.T_allGroup {　/* 名前は変えられる */
	margin: 0px;
	padding: 0px;
}


.Tab_buttom { /* タブ、名前を変えてもよい */
	position: relative;
	top: 1px;
	float: left;
	padding: 12px 25px 12px 12px;
	margin: 0px 4px 0px 0px;
	font: 0.8em;
	list-style: none;
	border-left: solid 1px #666;
	border-bottom: solid 1px #626262;
	border-top: solid 1px #626262;
	border-right: solid 1px #626262;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	background: #F7F7F7;/* 薄い乳白色 */
	color: #626262;/* 通常グレー */
}


.something{
	font-size: 0.6em;
}



.TabbedPanelsTabHover { /* 名前を変えちゃダメ.変えるならjsも。タブホーバー、ベージュ */
	background: #F7F7F7;
	outline: none;/*足した*/
	color: #5A74C8;/*ホーバー文字色あお*/
}


.TabbedPanelsTabSelected {
	background: #F7F7F7;/* アクティブタブボタン、白色 */
	border-bottom: 1px solid #F7F7F7;/* ボトムラインは同じ色にして境界を無くす */
	outline: none;/*足した*/
	color: #5A74C8;/*アクティブな文字色あお*/
}


.TabbedPanelsTab a {
	color: #626262;
	text-decoration: none;
	outline: none;/*足した*/
}

.Pa_ContentGroup { /* 名前を変えてもよいのだが、htmlの方と同じに */
	clear: both;
	border-left: solid 1px #666;
	border-bottom: solid 1px #666;
	border-top: solid 1px #626262;
	border-right: solid 1px #626262;
	background: #F7F7F7; /* パネルは乳白色にしてアクティブなタブボタンとなじませる */
}


.Pa_Content {/* パネルの中のテキスト名前を変えてもよい */
	overflow: hidden;
	padding: 8px;
	font: bold 0.8em sans-serif;/*パネルの中のテキスト*/
}


.Pa_Content ul{list-style:none; margin:0px; padding:15px;}

.Pa_Content ul li{
	list-style:none;
	margin-bottom:10px
}

.Pa_Content ul li a{
	text-decoration: none;
	color: #5870CC;
}

.Pa_Content ul li a:hover{
		color: #5870CC;
	text-decoration: underline;
}
.Pa_Content ul li a:visited{
		color: #5870CC;
}


.Pa_Content p {
	color: #626262;
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: normal;	
}/*足した*/


.TabbedPanelsContentVisible {
}



.VTabbedPanels {
	overflow: hidden;
	zoom: 1;
}


.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	position: relative;
	border-top: solid 1px #626262;
	border-right: solid 1px #626262;
	border-left: solid 1px #666;
	border-bottom: solid 1px #666;
	background: #F7F7F7;/* 薄い乳白色 */
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}


.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #F7F7F7E;/* 薄い乳白色*/
	border-bottom: solid 1px #626262;
}


.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

/* Styles for Printing */
@media print {
.gray {
	color: #999;
}
.TabbedPanels {
	overflow: visible !important;
}
.TabbedPanelsContentGroup {
	display: block !important;
	overflow: visible !important;
	height: auto !important;
}
.TabbedPanelsContent {
	overflow: visible !important;
	display: block !important;
	clear:both !important;
}
.TabbedPanelsTab {
	 overflow: visible !important;
	 display: block !important;
	 clear:both !important;
}
}

.fl_left{
	float: left;
}
.fl_right{
	float: right;
}
.fl_clear{clear: both;}