@charset "utf-8";

/*++++++++++++++++++++++++++++++++++++++++++++++++++++
CSS Information

 Site URL:     http://shigoto.digiaca.com/
 File Name:    jquery.tabs.css
 Created:      2008/03/28
 Last update:  2008/08/08
 Author:       shigoto@digiaca.com
 Copyright:    (C)2008 K2I.,All Rights Reserved.

Summary
 勤務地エリアボックスのタブ切り替えのスタイル

++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* 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... */
	.tabs-hide{
		display:none;
	}
}

/* Hide useless elements in print layouts... */
@media print{
	.tabs-nav{
		display:none;
	}
}

/* Skin */
.tabs-nav{
	list-style:none;
	margin:0;
	padding:0;
}
.tabs-nav li{
	margin:0;
	padding:0;
	width:200px;
	height:24px;
	vertical-align:bottom;
}
.tabs-nav li a{
	position:relative;
	top:-1px;
	display:block;
	height:24px;
	padding-left:25px;
	background:url(../../images/tabsw_haikei.gif) no-repeat 0 -27px;
	color:#27537a !important;
	font-size:12px;
	font-weight:bold;
	line-height:2em;
	text-align:left;
	text-decoration:none;
	white-space:nowrap; /* required in IE 6 */ 
}
.tabs-nav .tabs-selected a,.tabs-nav li a:hover{
	color:#000 !important;
	background-position:0 0px;
	border:none;
}
.tabs-nav .tabs-selected a,.tabs-nav a:hover,.tabs-nav a:focus,.tabs-nav a:active{
	outline:0; /* prevent dotted border in Firefox */
}
.tabs-nav .tabs-selected a:link,.tabs-nav .tabs-selected a:visited,.tabs-nav .tabs-disabled a:link,.tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor:text;
}
.tabs-nav a:hover,.tabs-nav a:focus,.tabs-nav a:active{ /* @ Opera, we need to be explicit again here now... */
	cursor:pointer;
}
.tabs-nav .tabs-disabled{
	opacity:.4;
}
.tabs-container{
	padding:0;
	margin:0;
	 width:333px;
	height:191px;
	position:absolute;
	left:200px;
	top:0;
}