@charset "utf-8";

/************************
 スタイルシート switcher
   サイトトップ切り替え
************************/
/* ページ構成変更 */
div#page_frame_top,
div#page_frame_bottom
{
	position:				relative;
	width:					990px;
	margin:					0 auto;
}

.clear
{
	clear:					both;
	height:					0px;
	overflow:				hidden;
}

div#site-top-switcher
{
	top:					50px;
	left:					222px;

	cursor:					pointer;
	width:					13px;
	height:					30px;
	position:				absolute;
	background:				transparent url(../images/sw/sw_scrl30.png) no-repeat left top;
	background-color:		#dddddd;
}

div#site-top-switcher:hover
{
	background-position:	0 -30px;
}

/*
.sprite
{
	background: transparent url(/images/sprites/sprite_activeden.png) no-repeat top left;
}

div.trans
{
	position:				absolute;
	top:					0px;
	left:					0px;
	z-index:				1100;
}
*/

div#site-top-panel
{
	cursor:					default;
	position:				absolute;
	z-index:				1300;
	left:					-173px;
	top:					-20px;
	width:					190px;
	padding-bottom:			15px;
	background-color:		#232323;
/*	background-position:	-834px -670px;*/
	border:					1px solid #565044;
	text-align:				left;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
}

div#site-top-panel p
{
	font-size:				14px;
	font-family:			sans-serif;
	padding:				18px 20px 9px 20px;
	padding:				8px 20px 9px 20px;
	color:					#a19a8e;
	color:					#d1caee;
	font-weight:			bold;
	letter-spacing:			2px;
}

div#site-top-panel ul
{
	padding-top:			3px;
	list-style:				none;
}

div#site-top-panel ul li.tokai
{
/*	background-image:		url(../images/tokai-fslogo.jpg);
	background-repeat:		no-repeat;*/
}

div#site-top-panel ul li.tokai:hover
{
}

#site-top-panel ul li
{
	height:					20px;
/*	background:				url(/images/common/switchers/sprite_siteswitcher.png) no-repeat top left;*/
	padding:				5px 15px 5px 15px;
	padding:				8px 20px 9px 20px;
/*	margin-bottom:			2px;*/
	cursor:					pointer;
	font-size:				16px;
	letter-spacing:			5px;
/*	font-weight:			bold;*/
	border-top:				1px solid #2b2822;
	border-bottom:			1px solid #2b2822;
	margin-bottom:			0px;
}

#site-top-panel ul li a
{
	display:				block;
/*	text-indent:			-9999px;*/
	margin-top:				1px;
	margin-bottom:			0px;
	width:					170px;
	height:					30px;
	color:					#ffffff;
}

/*
#site-top-panel ul li img
{
	padding-left:			7px;
	padding-top:			4px;
}
*/

#site-top-panel ul li:hover
{
	margin-bottom:			0px;
	border-top:				1px solid #4b4842;
	border-bottom:			1px solid #4b4842;
	background-color:		#606060;
}

#site-top-panel ul li:hover a
{
/*	margin-top:				0px;
	margin-bottom:			1px;*/
}

#site-top-panel ul li:hover a:hover
{
	text-decoration:		none;
}

#site-top-panel ul li span
{
	font-size:				80%;
	letter-spacing:			0px;
}