@charset "utf-8";

/* ------------------------------
	switchPanel style
-------------------------------- */

/* === switchPanelA01 === */
div.switchArea {
	/*width:770px;*/
}

#contents div.contentPanelA01 + div.switchArea {
	margin-top: 25px;
}

div.contentPanelA01 div.switchArea {
	margin-top: 50px;
}

div.switchPanelA01 {
	width: 726px;
	margin: 30px 0 0;
}

div.panelAreaFull div.switchPanelA01 {
	width: 920px;
}

div.switchPanelA01 a:link,
div.switchPanelA01 a:visited {
	text-decoration:none;
}
div.switchPanelA01 a:hover,
div.switchPanelA01 a:active {
	text-decoration:underline;
}

#contents div.panelTrayUnitA01 > div.bgImageUnit > div.bgImageUnit > div.switchArea div.switchPanelA01 {
	margin-top:0;
}

div.switchPanelA01 ul {
	float:left;
	/*width:652px;*/
}

/* */
div.switchPanelA01 li.allListPreview {
	float:left;
	line-height:1.28;
	text-align:right;
	padding-left:5px;
    border-left: 1px solid #ccc;
	display: none;
}
div.switchPanelA01 li.allListPreview a {
	display:block;
	_display:inline-block;
}
div.switchPanelA01 li.allListPreview a span.switchLabel {
	display:block;
	_display:inline-block;
	height:20px;
	padding:7px 10px 4px;
}
div.switchPanelA01 li.allListPreview a:hover {
}
div.switchPanelA01 li.allListPreview a:hover span.switchLabel {
}


/* */
div.switchPanelA01 ul li {
	float:left;
	margin-right:4px;
	margin-bottom:4px;
	font-size:100%;
	line-height:1.28;
}
div.switchPanelA01 ul li a,
div.switchPanelA01 ul li span.stay {
	display:block;
	_display:inline-block;
	min-height:18px;/* (padding + border + height = 31px) */
	_height:18px;
    background-color: #e3e3e3;
}
div.switchPanelA01 ul li a {
    border: 1px solid #cbcbcb;
    background-color: #f2f2f2;
    box-shadow: 0 1px 0 #c9c9c9;
}
div.switchPanelA01 ul li a span.switchLabel,
div.switchPanelA01 ul li span.stay span.switchLabel {
	display:block;
	_display:inline-block;
	height:20px;
	padding:7px 20px 4px;
	cursor: hand; /* for IE */
	white-space: nowrap;
}
div.switchPanelA01 ul li a:hover {
    background-color: #e5eeff;
}
div.switchPanelA01 ul li a:hover span.switchLabel {
}
div.switchPanelA01 ul li a.stay,
div.switchPanelA01 ul li span.stay {
	color: #222;
    background-color: #d6d6d6;
	text-decoration: none;
    box-shadow: none;
    box-shadow: inset 0 1px 0 #cbcbcb;
}
div.switchPanelA01 ul li a.stay span.switchLabel,
div.switchPanelA01 ul li span.stay span.switchLabel {
}


/* Switch HeadPosition */
div.switchPanelA01.headPosition ul li a {
}
div.switchPanelA01.headPosition ul li span.switchLabel {
}
div.switchPanelA01.headPosition ul li a:hover {
}
div.switchPanelA01.headPosition ul li a:hover span.switchLabel {
}

/* allListPreview */
div.switchPanelA01.headPosition li.allListPreview {
}
div.switchPanelA01.headPosition li.allListPreview a {
}
div.switchPanelA01.headPosition li.allListPreview a span.switchLabel {
}
div.switchPanelA01.headPosition li.allListPreview a:hover {
}
div.switchPanelA01.headPosition li.allListPreview a:hover span.switchLabel {
}

/* stay */
div.switchPanelA01.headPosition ul li a.stay,
div.switchPanelA01.headPosition ul li span.stay {
}
div.switchPanelA01.headPosition ul li a.stay span.switchLabel,
div.switchPanelA01.headPosition ul li span.stay span.switchLabel {
}



/* */

.contentTitleA02 + div.switchArea {
	margin-top:10px;
}

/* === switchPanelB01 === */
div.switchPanelB01 {
	width:686px;
	margin-top:3px;
}

div.switchPanelB01 a:link,
div.switchPanelB01 a:visited {
	text-decoration:none;
}
div.switchPanelB01 a:hover,
div.switchPanelB01 a:active {
	text-decoration:underline;
}

.switchPanelB01 ul {
	float:left;
	/*width:618px;*/
}

/* */
div.switchPanelB01 li.allListPreview {
	float:left;
	line-height:1.28;
	text-align:right;
	padding-left:5px;
    border-left: 1px solid #ccc;
	display: none;
}
div.switchPanelB01 li.allListPreview a {
	display:block;
	_display:inline-block;
	/*padding-left:2px;*/
}
div.switchPanelB01 li.allListPreview a span.switchLabel {
	display:block;
	_display:inline-block;
	height:20px;
	padding:7px 10px 4px;
}
div.switchPanelB01 li.allListPreview a:hover {
}
div.switchPanelB01 li.allListPreview a:hover span.switchLabel {
}

div.switchPanelB01 ul li {
	float:left;
	margin-right:4px;
	margin-bottom:4px;
	font-size:100%;
	line-height:1.28;
}
div.switchPanelB01 ul li a,
div.switchPanelB01 ul li span.stay {
	display:block;
	_display:inline-block;
	min-height:18px;/* (padding + border + height = 31px) */
	_height:18px;
	/*padding-left:1px;*/
}
div.switchPanelB01 ul li a {
	_visibility: visible;
    border: 1px solid #cbcbcb;
    background-color: #f2f2f2;
    box-shadow: 0 1px 0 #f5f5f5;
}
*:first-child+html div.switchPanelB01 ul li a {
	visibility: visible;
}
div.switchPanelB01 ul li a span.switchLabel,
div.switchPanelB01 ul li span.stay span.switchLabel {
	display:block;
	_display:inline-block;
	height:20px;
	padding:7px 20px 4px;
	cursor:hand;/* for IE */
	white-space: nowrap;
	_visibility: visible;
}
*:first-child+html div.switchPanelB01 ul li a span.switchLabel,
*:first-child+html div.switchPanelB01 ul li span.stay span.switchLabel {
	visibility: visible;
}
div.switchPanelB01 ul li a:hover {
    background-color: #e5eeff;
}
div.switchPanelB01 ul li a:hover span.switchLabel {
}
div.switchPanelB01 ul li a.stay,
div.switchPanelB01 ul li span.stay {
    background-color: #d6d6d6;
	color:#222;
	text-decoration:none;
    box-shadow: none;
    box-shadow: inset 0 1px 0 #d0d0d0;
}
div.switchPanelB01 ul li a.stay span.switchLabel,
div.switchPanelB01 ul li span.stay span.switchLabel {
}
div.switchPanelB01 ul li a.stay:hover span.switchLabel,
div.switchPanelB01 ul li span.stay:hover span.switchLabel {
}

/* ------------------------------
	tabPanel Area style
-------------------------------- */
div.tabArea {
	margin-top:10px;
	margin-bottom:5px;
}

div.tabArea div.tabPanelA01 div.tabA01 {
}
div.tabA01 li {
	float:left;
	margin:0 3px 0 0;
	line-height:1.1;
}
div.tabA01 li.first-child {
	_margin: 0 4px 0 1px;
}
div.tabA01 li a {
	display:block;
	padding-left: 6px;
    border: 1px solid #cbcbcb;
    border-bottom: none;
    background-color: #f2f2f2;
}
div.tabA01 a:link,
div.tabA01 a:visited {
	text-decoration:none;
}
div.tabA01 a:hover,
div.tabA01 a:active {
    background-color: #e5eeff;
	text-decoration:underline;
}

div.tabA01 li a span.tabLabelUnit {
	display:block;
	padding-right:6px;
}
div.tabA01 li a span.tabLabelItem {
	display:block;
}
div.tabA01 li a span.tabLabel {
	display: block;
	_display: inline-block;
	min-height: 20px;
	_height: 20px;
	margin: 0 -6px;
	padding: 9px 20px 2px;
	cursor: hand;/* for IE */
}
div.tabA01 li a:hover,
div.tabA01 li a:active {
}
div.tabA01 li a:hover span.tabLabelUnit,
div.tabA01 li a:active span.tabLabelUnit {
}
div.tabA01 li a:hover span.tabLabelItem,
div.tabA01 li a:active span.tabLabelItem {
}
div.tabA01 li a:hover span.tabLabel,
div.tabA01 li a:active span.tabLabel {
}
div.tabA01 li.stay {
}
div.tabA01 li:first-child.stay {
	margin-left:0;
}
div.tabA01 li.stay a,
div.tabA01 li.stay a:hover,
div.tabA01 li.stay a:active {
    border-color: #fff;
    background-color: #fff;
	padding:0;
	text-decoration: none !important;
}
div.tabA01 li.stay span.tabLabelUnit,
div.tabA01 li.stay a:hover span.tabLabelUnit,
div.tabA01 li.stay a:active span.tabLabelUnit {
	display:block;
	margin:0;
	padding:0;
}

div.tabA01 li.stay span.tabLabelItem,
div.tabA01 li.stay a:hover span.tabLabelItem,
div.tabA01 li.stay a:active span.tabLabelItem {
	display:block;
	margin:0;
	padding:0;
}
div.tabA01 li.stay span.tabLabel,
div.tabA01 li.stay a:hover span.tabLabel,
div.tabA01 li.stay a:active span.tabLabel {
	display:block;
	_display:inline-block;
	margin:0;
	padding:0;
	min-height:20px;
	_height:20px;
	padding:9px 20px 2px;
	color:#222;
}
div.tabContent {
	padding:14px 20px 30px;
    background-color: #fff;
}

/* FullSize */
div.panelAreaFull div.tabArea div.tabPanelA01 div.tabA01 {
}
div.panelAreaFull div.tabArea div.tabPanelA01 div.tabContent {
	padding-top:18px;
}
div.tabContent > *:first-child {
	margin-top: 0 !important;
}
div.tabContent div.switchArea {
	margin-top:20px;
}

/* --- switchB01 --- */
div.switchB01 {
	width:686px;
}
div.switchB01 a:link,
div.switchB01 a:visited {
	text-decoration:none;
}
div.switchB01 a:hover,
div.switchB01 a:active {
	text-decoration:underline;
}
div.switchB01 ul {
	float:left;
	/*width:618px;*/
}
div.panelAreaFull div.switchB01 {
	width:880px;
}

/* */
div.switchB01 li.allListPreview {
	float:left;
	line-height:1.28;
	text-align:right;
	padding-left:5px;
    border-left: 1px solid #ccc;
	display: none;
}
div.switchB01 li.allListPreview a {
	display:block;
	_display:inline-block;
}
div.switchB01 li.allListPreview a span.switchLabel {
	display:block;
	_display:inline-block;
	height:20px;
	padding:7px 10px 4px;
}
div.switchB01 li.allListPreview a:hover {
}
div.switchB01 li.allListPreview a:hover span.switchLabel {
}
div.switchB01 ul li {
	float:left;
	margin-right:4px;
	margin-bottom:4px;
	font-size:100%;
	line-height:1.28;
}
div.switchB01 ul li a,
div.switchB01 ul li span.stay {
	display:block;
	_display:inline-block;
	min-height:18px;/* (padding + border + height = 31px) */
	_height:18px;
}
div.switchB01 ul li a {
    border: 1px solid #cbcbcb;
    background-color: #f2f2f2;
    box-shadow: 0 1px 0 #f5f5f5;
}
div.switchB01 ul li a span.switchLabel,
div.switchB01 ul li span.stay span.switchLabel {
	display:block;
	_display:inline-block;
	height:20px;
	padding:7px 20px 4px;
	cursor: hand;/* for IE */
}
div.switchB01 ul li a:hover {
    background-color: #e5eeff;
}
div.switchB01 ul li a:hover span.switchLabel {
}
div.switchB01 ul li a.stay,
div.switchB01 ul li span.stay {
    background-color: #d6d6d6;
	color:#222;
	text-decoration:none;
    box-shadow: inset 0 1px 0 #d0d0d0;
}
div.switchB01 ul li a.stay span.switchLabel,
div.switchB01 ul li span.stay span.switchLabel {
}
div.switchB01 ul li a.stay:hover span.switchLabel,
div.switchB01 ul li span.stay:hover span.switchLabel {
}


/* ===  === */
div.switchContent {
	clear:both;
	float:none;
}
div.switchPanelA01 + div.switchContent > :first-child {
	margin-top:0;
}
#contents div.panelTrayUnitA01 > div.bgImageUnit > div.bgImageUnit > div.switchArea div.switchContent {
	margin-top:15px;
}
#contents div.panelTrayUnitA01 > div.bgImageUnit > div.bgImageUnit > div.switchArea div.switchContent + div.switchContent {
	margin-top:25px;
}
#contents div.panelTrayUnitA01 > div.bgImageUnit > div.bgImageUnit > div.switchArea div.switchContent + div.switchContent .contentTitleA02 {
	margin-top:0;
}
div.tabContent div.switchContent {
	margin-top:23px;
}
div.contentPanelA01 div.switchContent {
	margin-top:24px;
}

/* paging */
#contents div.pagingB01 {
	width: 100%;
	overflow: hidden;
}
#contents div.pagingB01.top {
	padding: 0 0 19px 0;
    border-bottom: 1px solid #ccc;
}
#contents div.pagingB01.bottom {
	padding: 19px 0 1px 0;
    border-top: 1px solid #ccc;
}
#contents div.pagingB01 div.pagingUnitB01 {
	position: relative;
	float: left;
	left: 50%;
}
#contents div.pagingB01 div.pagingUnitB01 div.prev{
	float: left;
	position: relative;
	right: 50%;
	margin: 0 9px 0 0;
}
#contents div.pagingB01 div.pagingUnitB01 div.next{
	float: left;
	position: relative;
	right: 50%;
	margin: 0 0 0 3px;
}
#contents div.pagingB01 div.pagingUnitB01 ul{
	float: left;
	position: relative;
	right: 50%;
}
#contents div.pagingB01 div.pagingUnitB01 ul li{
	float: left;
}
#contents div.pagingB01 div.pagingUnitB01 ul li a{
	display: block;
	width: 23px;
	height: 25px;
	margin: 0 6px 0 0;
	line-height: 25px;
	text-align: center;
    border: 1px solid #cbcbcb;
	background-color: #f2f2f2;
    box-shadow: 0 1px 0 #f5f5f5;
}
#contents div.pagingB01 div.pagingUnitB01 ul li a:link,
#contents div.pagingB01 div.pagingUnitB01 ul li a:visited {
	text-decoration:none;
}
#contents div.pagingB01 div.pagingUnitB01 ul li a:hover,
#contents div.pagingB01 div.pagingUnitB01 ul li a:active {
    background-color: #e5eeff;
	text-decoration:underline;
}
#contents div.pagingB01 div.pagingUnitB01 ul li.current em{
	display: block;
	width: 23px;
	height: 25px;
	margin: 0 6px 0 0;
	line-height: 25px;
	text-align: center;
    border: 1px solid #cbcbcb;
    background-color: #d6d6d6;
    box-shadow: none;
    box-shadow: inset 0 1px 0 #d0d0d0;
}

#contents div.panelAreaFull div.pagingB01.top {
}
#contents div.panelAreaFull div.pagingB01.bottom {
}

/* === switchLinkA01 === */
div.switchLinkA01 {
	width: 726px;
	margin: 0 3px 15px;
}
div.switchLinkA01 a:link,
div.switchLinkA01 a:visited {
	text-decoration:none;
}
div.switchLinkA01 a:hover,
div.switchLinkA01 a:active {
	text-decoration:underline;
}
div.switchLinkA01 ul li {
	float:left;
	margin-right:4px;
	margin-bottom:4px;
	font-size:100%;
	line-height:1.28;
}
div.switchLinkA01 ul li a,
div.switchLinkA01 ul li span.stay {
	display:block;
	_display:inline-block;
	_width:auto;
	min-height:18px;/* (padding + border + height = 31px) */
	_height:18px;
	padding-left:1px;
}
div.switchLinkA01 ul li a {
    background-color: #f2f2f2;
}
div.switchLinkA01 ul li a span.switchLabel,
div.switchLinkA01 ul li span.stay span.switchLabel {
	display:block;
	height:20px;
	padding:7px 20px 4px;
    border: 1px solid #cbcbcb;
	/* for IE */
	cursor:hand;
	_display:inline-block;
	_width:auto;
}

div.switchLinkA01 ul li a:hover {
    background-color: #e5eeff;
}

div.switchLinkA01 ul li a:hover span.switchLabel {
	background:url(http://cdn2.hubspot.net/hub/134521/file-409014230-png/new-img/shared/switch/switch_05.png) 100% 0 no-repeat;
	_background-image: url(http://cdn2.hubspot.net/hub/134521/file-406824801-gif/new-img/shared/switch/switch_05.gif);
}

div.switchLinkA01 ul li a.stay,
div.switchLinkA01 ul li span.stay {
	background:url(http://cdn2.hubspot.net/hub/134521/file-409082110-png/new-img/shared/switch/switch_03.png) -685px 0 no-repeat;
	_background-image: url(http://cdn2.hubspot.net/hub/134521/file-409095840-gif/new-img/shared/switch/switch_03.gif);
	color:#222;
	text-decoration:none;
}

div.switchLinkA01 ul li a.stay span.switchLabel,
div.switchLinkA01 ul li span.stay span.switchLabel {
	background: url(http://cdn2.hubspot.net/hub/134521/file-409082110-png/new-img/shared/switch/switch_03.png) 100% 0 no-repeat;
	_background-image: url(http://cdn2.hubspot.net/hub/134521/file-409095840-gif/new-img/shared/switch/switch_03.gif);
}

/* Clear */
div.switchLinkA01 ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
div.switchLinkA01 ul {
	min-height:1px;
	zoom:1;
}
* html div.switchLinkA01 ul {
	height:1;
}