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

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

.ui-tabs-nav:after {
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
	list-style: none;
	display: table-cell;
}

.ui-tabs-nav a {
    display: block;
	width: 98%;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	border-top: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
	border-left: 1px solid #b0b0b0;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	font-weight: bold;
	line-height: 1.4;
	font-size: 93%;
}

.ui-tabs-nav a span {
    display: block;
	padding-bottom: 5px;
}

.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    /*z-index: 2;*/
}

.ui-tabs-nav a:link,
.ui-tabs-nav a:visited,
.ui-tabs-nav a:hover,
.ui-tabs-nav a:active{
	width: 100%;
	padding: 6px 0 10px 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f1f1f1), color-stop(1.00, #f1f1f1), color-stop(0.60, #f1f1f1), color-stop(0.50, #ffffff), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #f1f1f1 60%, #f1f1f1 100%, #f1f1f1 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #f1f1f1 60%, #f1f1f1 100%, #f1f1f1 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #ffffff 50%, #f1f1f1 60%, #f1f1f1 100%, #f1f1f1 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 50%, #f1f1f1 60%, #f1f1f1 100%, #f1f1f1 100%);
	background: linear-gradient(top, #ffffff 0%, #ffffff 50%, #f1f1f1 60%, #f1f1f1 100%, #f1f1f1 100%);
	color: #000000;
}


.ui-tabs-nav .ui-tabs-selected a,
.ui-tabs-nav a:focus,
.ui-tabs-nav .ui-tabs-disabled a:focus {
	width: 100%;
	padding: 9px 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff6c7), color-stop(1.00, #fff6c7), color-stop(0.60, #fff6c7), color-stop(0.50, #fffbe5), color-stop(0.00, #fffbe5));
	background: -webkit-linear-gradient(top, #fffbe5 0%, #fffbe5 50%, #fff6c7 60%, #fff6c7 100%, #fff6c7 100%);
	background: -moz-linear-gradient(top, #fffbe5 0%, #fffbe5 50%, #fff6c7 60%, #fff6c7 100%, #fff6c7 100%);
	background: -o-linear-gradient(top, #fffbe5 0%, #fffbe5 50%, #fff6c7 60%, #fff6c7 100%, #fff6c7 100%);
	background: -ms-linear-gradient(top, #fffbe5 0%, #fffbe5 50%, #fff6c7 60%, #fff6c7 100%, #fff6c7 100%);
	background: linear-gradient(top, #fffbe5 0%, #fffbe5 50%, #fff6c7 60%, #fff6c7 100%, #fff6c7 100%);
	color: #000000;
}

.ui-tabs-nav .ui-tabs-selected a span,
.ui-tabs-nav a:focus span,
.ui-tabs-nav .ui-tabs-disabled a:focus span{
	border-bottom: 2px solid #ff5a00;
}



.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover,
.ui-tabs-nav .ui-tabs-deselectable a:focus,
.ui-tabs-nav .ui-tabs-deselectable a:active {
    cursor: pointer;
	color: #000000;
}

/*タブ--------------------*/

#tabs02,
#tabs03 {
	width: 100%;
	padding: 0 4% 0 0;
	margin: 0 auto 20px auto;
}

#tabs02 .tab {
	display: table;
	width: 100%;
	padding: 0 4% 0 0;
	background: url(../images_common/tab_bg.gif) bottom repeat-x;
}

#tabs02 .tab li {
	width: 49%;
}

#tabs03 .tab {
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(../images_common/tab_bg.gif) right bottom repeat-x;
}

#tabs03 .tab ul {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

#tabs03 .tab li {
	width: 33.5%;
	margin: 0;
	padding: 0;
}

#customer_tabs {
	width: 100%;
	padding: 0;
	margin: 0 auto 20px auto;
	background: url(../images_common/customer_tabs_line.png) center 49px repeat-x;
	-moz-background-size: 100% 1px;
	-webkit-background-size: 100% 1px;
	-o-background-size: 100% 1px;
	-ms-background-size: 100% 1px;
	background-size: 100% 1px;
}

#customer_tabs .tab {
	display: table;
	width: 96%;
	margin: 0 2%;
	padding: 0;
	background: url(../images_common/tab_bg.gif) bottom repeat-x;
}

#customer_tabs li {
	width: 50%;
}

/*#tabs03 .tab li.tab_right {
	width: 34%;
}*/

#tab01,
#tab02,
#tab03 {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 10px 0 5px 0;
	border-bottom: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
	border-left: 1px solid #b0b0b0;
	background: #fff6c7;
}

/*#tab01 p,
#tab02 p,
#tab03 p {
	margin-bottom: 15px;
	margin: 0 5px 15px 5px;
	padding: 0;
}*/

#customer_tabs #tab01,
#customer_tabs #tab02,
#customer_tabs #tab03 {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0 0 5px 0;
	border: none;
	background: #ffffff;
}

/* #customer_tabs #tab01 p,
#customer_tabs #tab02 p,
#customer_tabs #tab03 p {
	margin: 0 2px 15px 5px;
	padding: 0;
} */

#customer_tabs #tab01 p,
#customer_tabs #tab02 p,
#customer_tabs #tab03 p {
	padding: 18px 0px;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}