@charset "Shift_JIS";

/*______________________________________

  BayTech Systems

  Copyright (C) 2009 All rights reserved by BayTech Systems, Inc.
  http://www.baytech.co.jp/
______________________________________*/



.ul, ol, li {
    list-style-type: none;
}
#T1,#T2,#T3,#T4 {
    margin-top: -70px;
    padding-top: 70px;
}
<!--
.style1 {color: #009900}
-->

.section {
	margin-bottom:50px;}
.tabBox .tabArea {
	width: 1000px;
	height: 60px;
	display: flex;
  	flex-wrap: wrap;
  	justify-content: space-between;
  	align-items: flex-end;
	/*border-bottom: 6px solid #D21500;*/}
.tabBox .tabArea .one_tab {
  	width: 247px;}
.tabBox .tabArea .one_tab a {
  	display: block;
  	text-decoration: none;
  	text-align: center;
  	color: #fff;
	padding: 0px 0;
	font-size: 110%;
	background-color: #A6A6A6;}
.tabBox .tabArea .one_tab .tab_inner {
	height: 60px;
	display: flex;
  	justify-content: center;
  	align-items: center;
  	transition-duration: 0.3s;}
.tabBox .tabArea .one_tab a.select .tab_inner {
  	/*background-color: #D21500;*/
	height: 60px;}
.tabBox .tabArea.bottom {
	align-items: flex-start;
  	/*border-bottom: none;*/}
.contents .tab_main {
  	display: none;
  	padding: 0;
  	text-align: center;
  	/*border-bottom: 6px solid #D21500;*/}
.innerArea {
	 padding: 30px 0 50px 0;}
.tab_main.is_show {
  	display: block;}


#mainRed .tabBox .tabArea .one_tab a.select .tab_inner {
    background: #D21500;}
#mainPurple .tabBox .tabArea .one_tab a.select .tab_inner {
    background: #B651FF;}
#mainBlue .tabBox .tabArea .one_tab a.select .tab_inner {
    background: #005BFF;}
#mainLightblue .tabBox .tabArea .one_tab a.select .tab_inner {
    background: #0084CD;}
#mainLightblue2 .tabBox .tabArea .one_tab a.select .tab_inner {
    background: #08abf5;}
#mainGreen .tabBox .tabArea .one_tab a.select .tab_inner {
    background: #00923A;}
#mainGreen2 .tabBox .tabArea .one_tab a.select .tab_inner {
    background: #00773c;}  
#mainDarkgreen .tabBox .tabArea .one_tab a.select .tab_inner {
    background: #006332;}
#mainLightGreen .tabBox .tabArea .one_tab a.select .tab_inner {
    background: #00c73c;}
#mainOrange .tabBox .tabArea .one_tab a.select .tab_inner {
    background: #F2971B;}
#mainDarkorange .tabBox .tabArea .one_tab a.select .tab_inner {
    background: #FF7200;}
#mainGray .tabBox .tabArea .one_tab a.select .tab_inner {
    background: #7C7C88;}
#mainBlack .tabBox .tabArea .one_tab a.select .tab_inner {
    background: #000000;}

#mainRed .tabBox .tabArea,
#mainRed .contents .tab_main{
	border-bottom: 6px solid #D21500;}
#mainPurple .tabBox .tabArea,
#mainPurple .contents .tab_main{
	border-bottom: 6px solid #B651FF;}
#mainBlue .tabBox .tabArea,
#mainBlue .contents .tab_main{
	border-bottom: 6px solid #005BFF;}
#mainLightblue .tabBox .tabArea,
#mainLightblue .contents .tab_main{
	border-bottom: 6px solid #0084CD;}
#mainLightblue2 .tabBox .tabArea,
#mainLightblue2 .contents .tab_main{
	border-bottom: 6px solid #08abf5;}	
#mainGreen .tabBox .tabArea,
#mainGreen .contents .tab_main{
	border-bottom: 6px solid #00923A;}
#mainGreen2 .tabBox .tabArea,
#mainGreen2 .contents .tab_main{
	border-bottom: 6px solid #00773c;}	
#mainDarkgreen .tabBox .tabArea,
#mainDarkgreen .contents .tab_main{
	border-bottom: 6px solid #006332;}
#mainLightGreen .tabBox .tabArea,
#mainLightGreen .contents .tab_main{
	border-bottom: 6px solid #00c73c;}
#mainLightGreen .tabBox .tabArea,
#mainLightGreen .contents .tab_main{
	border-bottom: 6px solid #00c73c;}
#mainOrange .tabBox .tabArea,
#mainOrange .contents .tab_main{
	border-bottom: 6px solid #F2971B;}
#mainDarkorange .tabBox .tabArea,
#mainDarkorange .contents .tab_main{
	border-bottom: 6px solid #FF7200;}
#mainGray .tabBox .tabArea,
#mainGray .contents .tab_main{
	border-bottom: 6px solid #7C7C88;}
#mainBlack .tabBox .tabArea,
#mainBlack .contents .tab_main{
	border-bottom: 6px solid #000000;}

#mainRed .tabBox .tabArea.bottom{
	border-bottom: none;}
#mainPurple .tabBox .tabArea.bottom{
	border-bottom: none;}
#mainBlue .tabBox .tabArea.bottom{
	border-bottom: none;}
#mainLightblue .tabBox .tabArea.bottom{
	border-bottom: none;}
#mainLightblue2 .tabBox .tabArea.bottom{
	border-bottom: none;}	
#mainGreen .tabBox .tabArea.bottom{
	border-bottom: none;}
#mainGreen2 .tabBox .tabArea.bottom{
	border-bottom: none;}	
#mainDarkgreen .tabBox .tabArea.bottom{
	border-bottom: none;}
#mainLightGreen .tabBox .tabArea.bottom{
	border-bottom: none;}
#mainLightGreen .tabBox .tabArea.bottom{
	border-bottom: none;}
#mainOrange .tabBox .tabArea.bottom{
	border-bottom: none;}
#mainDarkorange .tabBox .tabArea.bottom{
	border-bottom: none;}
#mainGray .tabBox .tabArea.bottom{
	border-bottom: none;}
#mainBlack .tabBox .tabArea.bottom{
	border-bottom: none;}



@media(max-width:1000px) {
.section {
	margin-bottom:50px;}
.tabBox .tabArea {
	width: 100%;
	height: 4em;
	display: flex;
  	flex-wrap: wrap;
  	justify-content: space-between;
  	align-items: flex-end;
	border-bottom: 6px solid #D21500;}
.tabBox .tabArea .one_tab {
  	width: 24.7%;}
.tabBox .tabArea .one_tab a {
  	display: block;
  	text-decoration: none;
  	text-align: center;
  	color: #fff;
	padding: 0px 0;
	font-size: 3vw;
	background-color: #A6A6A6;}
.tabBox .tabArea .one_tab .tab_inner {
	height: 4em;
	display: flex;
  	justify-content: center;
  	align-items: center;
  	transition-duration: 0.3s;}
.tabBox .tabArea .one_tab a.select .tab_inner {
  	background-color: #D21500;
	height: 4em;}
.tabBox .tabArea.bottom {
	align-items: flex-start;
	border-bottom: none;}
.contents .tab_main {
  	display: none;
  	padding: 0;
  	text-align: center;
  	border-bottom: 6px solid #D21500;}
.innerArea {
	 padding: 30px 0 50px 0;}
.tab_main.is_show {
  	display: block;}
	}