@charset "UTF-8";

/* SpryTabbedPanels.css - version 0.4 - 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.
 */


.TabbedPanels {
	margin: 0px;
	padding: 0px;
	clear: none;
	width:100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
	background-image:url(../img/tab_bg.gif);
	background-repeat: no-repeat;
	background-position:top right;
	border:0px #FFF solid;
}


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



/* 非選択時 */
.TabbedPanelsTab {
	position: inherit;
	top:0px;
	float: left;
	padding:0px;
	margin: 0px 0px 0px 0px;
	font: bold 0.7em sans-serif;

	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	height:80px;
		border: none;
	background-image:url(../img/wnew_tab_bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

.TabbedPanelsTab span{ display:none;}

/* オンマウス時 */
.TabbedPanelsTabHover {
	border: none;
}

.wnew_tab01{ width:150px; background-position:0px 0px;}
.wnew_tab01:hover{ background-position:0px -170px;}

.wnew_tab02{ width:137px; background-position:-150px 0px;}
.wnew_tab02:hover{background-position:-150px -170px;}

.wnew_tab03{ width:137px; background-position:-287px 0px;}
.wnew_tab03:hover{background-position:-287px -170px;}







/* 選択時 */
.TabbedPanelsTabSelected{
	border: none;

}
.TabbedPanelsTabSelected.wnew_tab01{background-position:0px -85px;}
.TabbedPanelsTabSelected.wnew_tab02{background-position:-150px -85px;}
.TabbedPanelsTabSelected.wnew_tab03{background-position:-287px -85px;}


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

/* 記事表示エリア */
.TabbedPanelsContentGroup {
	clear: both;
	border: none;
	background-image:url(../img/wnew_tab_left.gif);
	background-repeat: repeat-y;
	background-position:top left;
}


.TabbedPanelsContent {
	padding: 0px;
}

.TabbedPanelsContentVisible {
}

.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	position: relative;
	border: none;
}


.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border: none;
}


.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border: none;
}


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

@media screen and (max-width: 573px) {

.TabbedPanels { width:98%; margin-left:3px;  background-image: url("../img/tab_bg_s.gif");}

.wnew_tab01{ width:94px; background-position:0px 0px;}
.wnew_tab01:hover{ background-position:0px -70px;}

.wnew_tab02{ width:85px; background-position:-94px 0px;}
.wnew_tab02:hover{background-position:-94px -70px;}

.wnew_tab03{ width:85px; background-position:-179px 0px;}
.wnew_tab03:hover{background-position:-179px -70px;}

/* 選択時 */
.TabbedPanelsTabSelected.wnew_tab01{background-position:0px -70px;}
.TabbedPanelsTabSelected.wnew_tab02{background-position:-94px -70px;}
.TabbedPanelsTabSelected.wnew_tab03{background-position:-179px -70px;}
.TabbedPanelsTab { height:60px; background-image:url(../img/top_s_tabu.gif);}
}