/* CSS Document */
@charset "UTF-8";

/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* 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.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is responsible for clearing any floats that may cause the tab
 * buttons and content panels to flow/wrap "funny" around floated image/block
 * elements.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
 

/* tab menu
--------------------------------------*/
.tabmenu_wrap{
	width: 100%;
	border-left: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	margin: 0 0 30px 0;
}


.tabmenu_box{
	width: 820px;
	padding: 0px;
	clear: both;
	margin: 16px;
}

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

/* tabmenu
--------------------------------------*/
.tabmenu_01,
.tabmenu_02,
.tabmenu_03,
.tabmenu_04,
.tabmenu_05{
	width: 130px;
	position: relative;
	top: 1px;
	float: left;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	outline:none;
	text-align: left;
	padding: 10px;
	margin: 0 2px 0 0;
	color: #000;
}
.tabmenu_01{background: #dc71ab;}
.tabmenu_02{background: #ffc4a7;}
.tabmenu_03{background: #fdf2bb;}
.tabmenu_04{background: #cbc1ed;}
.tabmenu_05{background: #e0fe97;}



/* hover bg color
--------------------------------------*/
.tabmenu_hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

/* selected bg color
--------------------------------------*/
.tabmenu_selected {
	color: #000;
}


/* text link color 
--------------------------------------*/
.tabmenu_box a {
	color: #000;
	text-decoration: none;
}

/* content_box
--------------------------------------*/
.tabmenu_content_box {
	clear: both;
	background-color: #FFFFFF;
	padding: 0 0 15px 0;
	color: #000;
}

.tabmenu_content {
	padding: 0px;
}

.tabmenu_content01,
.tabmenu_content02,
.tabmenu_content03,
.tabmenu_content04,
.tabmenu_content05{
	padding: 20px 14px 0px 14px;
}
.tabmenu_content01{	border-top: 8px solid #dc71ab;}
.tabmenu_content02{ border-top: 8px solid #ffc4a7;}
.tabmenu_content03{	border-top: 8px solid #fdf2bb;}
.tabmenu_content04{	border-top: 8px solid #cbc1ed;}
.tabmenu_content05{	border-top: 8px solid #e0fe97;}

.tabmenu_visible {
}


/* table
--------------------------------------*/
.tabmenu_content01 dl,
.tabmenu_content02 dl,
.tabmenu_content03 dl,
.tabmenu_content04 dl,
.tabmenu_content05 dl{
	vertical-align: bottom;
	overflow: hidden;
	margin-bottom: 10px;
}

.tabmenu_content01 dl dt,
.tabmenu_content02 dl dt,
.tabmenu_content03 dl dt,
.tabmenu_content04 dl dt,
.tabmenu_content05 dl dt{
	width: 68px;
	float: left;
}

.tabmenu_content_box dl dd.icon_01,
.tabmenu_content_box dl dd.icon_02,
.tabmenu_content_box dl dd.icon_03,
.tabmenu_content_box dl dd.icon_04,
.tabmenu_content_box dl dd.icon_05{
	width: 84px;
	float: left;
	text-align: center;
	padding: 1px 2px;
	font-size: 11px;
	margin: 0 8px 0 0;
}
.tabmenu_content_box dl dd.icon_01{ background: #b0e0fb;}
.tabmenu_content_box dl dd.icon_02{ background: #f8afd1;}
.tabmenu_content_box dl dd.icon_03{ background: #cbc1ed;}
.tabmenu_content_box dl dd.icon_04{ background: #fdf2bb;}
.tabmenu_content_box dl dd.icon_05{ background: #cee29a;}



.tabmenu_content_box dl dd.txt{
	overflow: hidden;
  margin: 0 0 10px 0;
}

.tabmenu_content_box dl dd.icon{
	float: left;
}

.tabmenu_content_box dl dt{
	background: url(../images/arrow_02.gif) 0px 6px no-repeat;
	margin: 0 2px;
	padding: 0 0 4px 8px;
	color: #000;
	text-decoration: none;
}