@charset "UTF-8";

/* グローバルナビからのページ */

/* ここから JQuery ui.tabs.css */
	
	/* Caution! Ensure accessibility in print and other media types... */
	@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
			.ui-tabs-hide {
					display: none;
			}
	}
	
	/* Hide useless elements in print layouts... */
	@media print {
			.ui-tabs-nav {
					display: none;
			}
	}
	
	/* Skin */
	.ui-tabs-nav, .ui-tabs-panel {
			font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
			font-size: 12px;
	}
	/* タブul */
	.ui-tabs-nav {
		list-style: none;
		margin: 0 0 0 0;
		padding: 0 0 0 4px;
		_height: 39px;
		min-height: 39px;
		min-width: 380px;
		_width: 100%;
		position: relative;
	}
	/*  回り込み解除 */
	.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
		display: block;
		clear: both;
		content: " ";
		_width:100%;
		_background-color:#6CB7FB;
	}
	.ui-tabs-nav li {
		float: left;
		margin: 10px 0 0 5px;
		min-width: 74px; /* be nice to Opera */
		z-index: 98;
	}
	/* タブの背景 */
	.ui-tabs-nav a, .ui-tabs-nav a span {
			display: block;
			padding: 0 10px;
			background: url(/themes/base/images/tab.png) no-repeat;
	}
	.ui-tabs-nav a,.ui-tabs-nav a:link,.ui-tabs-nav a:visited,.ui-tabs-nav a:hover,.ui-tabs-nav a:active {
		margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
		padding-left: 0;
		color: #333333/*#27537a*/;
		font-weight: bold;
		line-height: 1.4;
		text-align: left;
		text-decoration: none;
		white-space: nowrap; /* required in IE 6 */
		outline: 0; /* prevent dotted border in Firefox */
	}
	.ui-tabs-nav a:link {
		color: #333333;
	}
	.ui-tabs-nav a:visited {
		color: #333333;
	}
	.ui-tabs-nav a:hover {
		color: #0066FF;
		text-decoration: underline;
	}
	.ui-tabs-nav a:active {
		color: #FF0033;
	}
	.ui-tabs-nav .ui-tabs-selected a {
			position: relative;
			top: 1px;
			z-index:99;
			margin-top: 0;
			color: #333333;
	}
	
	.ui-tabs-nav a span {
		_width: 40px; /* IE 6 treats width as min-width */
		min-width: 40px;
		height: 27px; /* IE 6 treats height as min-height */
		min-height: 20px;
		padding: 7px 0 0 15px;
	}
	*>.ui-tabs-nav a span { /* hide from IE 6 */
			width: auto;
			height: auto;
	}
	.ui-tabs-nav .ui-tabs-selected a span {
			padding-bottom: 1px;
	}


	/* ふつうタブ */
	.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
		background-position: 100% -150px;
		z-index: 1;
	}
	.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
		background-position: 0 0;
	}

	/* selectタブ */
	.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
		background-position: 100% -201px;
		z-index: 1;
	}
	.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
		margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
		background-position: 0 -51px;
		z-index: 97;
	}
	
	/* ふつうタブ　hover */
	.ui-tabs-nav a:hover {
				background: url(/themes/base/images/tab.png) no-repeat;
				background-position: 100% -250px;
	}
	.ui-tabs-nav a:hover span {
				background: url(/themes/base/images/tab.png) no-repeat;
				background-position: 0 -100px;
				z-index: 100;
	}
	
	/* selectタブ　hover */
	.ui-tabs-nav .ui-tabs-selected a:hover {
				background: url(/themes/base/images/tab.png) no-repeat;
				background-position: 100% -201px;
				color:#0066FF;
				z-index:101;
	}
	.ui-tabs-nav .ui-tabs-selected a:hover span {
				background: url(/themes/base/images/tab.png) no-repeat;
				background-position: 0 -51px;
				z-index:101;
				text-decoration:none;
				color:#333333;
	}
	
	/* ここまで */
	
	.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
			cursor: text;
	}
	.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
	.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
			cursor: pointer;
	}
	.ui-tabs-disabled {
			opacity: .4;
			filter: alpha(opacity=40);
	}
	
	.ui-tabs-loading em {
			padding: 0 0 0 20px;
			background: url(loading.gif) no-repeat 0 50%;
	}
	
	/* Additional IE specific bug fixes... */
	* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
			display: inline-block;
	}
	*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
			display: inline-block;
	}
	
	/* 囲み */	
	#fragment-1,#fragment-2,#fragment-3,#fragment-4 {
	width:598px;
	_width:600px;
		margin: 0 0 0 0;
		_margin: -1px 0 0 0;
		padding: 10px;
		border-right: 1px solid #6CB7FB;
		border-bottom: 1px solid #6CB7FB;
		border-left: 1px solid #6CB7FB;
		background-color: #DEEFFD;
		z-index:4;
		overflow: auto;
		_overflow: hedden;
		}
	
		
/* ここまでJQuery ui.tabs.css */