@charset "Shift_JIS";

/*______________________________________

  BayTech Systems

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


@media(max-width:1000px) {

.br-sp { display:block;}
.br-pc { display:none;}

.fit100 {
    width: 100%;
    height: auto;}

.mg50 {
	margin-bottom: 50px !important;}

.phCenter img,
.phCenter2 img,
.phCenter3 img {
	width:100%;}
.phRight,
.phRight2 {
	width:100%;
	margin:0px auto 20px auto;
	text-align:center;}
.phCenter3 {
	width:100%;
	text-align:center;
	margin:20px auto 50px auto;}
.phRight img {
	width:90%;}
.phRight2 img,
.arrowCenter img {
	width:40%;}
.txtCenter2 {
	text-align:left;
	margin:0px auto;}
.capL {
    text-align: center;}

.introductionTxt {
    font-size: 5vw;
	color: #00CCFF;
	font-weight: bold;}

/* header */
header{
	position:fixed;
	width:100%;
	height: 60px;
	display:block;
	z-index:10000;
	padding: 0;
	margin:0px;
	background-color:#ffffff;}
header.pc {display:none!IMPORTANT;}
.header_innner {
	width:100%;
	margin:0px auto;}
#logo {
	float:left;
	padding:0px;
	margin:10px 0px 0px 5px;}
#logo img {
	width:70%;}
.headerTxt {
	display:none;}
.partner {
	float:right;
	text-align:right;
    position: absolute;
    top: 5px;
    right: 5px;}
.partner img {
	width:80%;}

#content{
	padding-top:60px;
	position:relative;}
.content_innner {
	width:98%;
	margin:3% 1%;
	position:relative;}
	
h2 {
	width:94%;
	text-align:left;
	font-size:100%;
	padding:15px 3%;}

.main_not_sp {
	display: none;}
.main_sp {
	display: block;}
#mainTtl {
	width:100%;}
#mainTtl img {
	width:100%;}
#mainTtl .icon_gsuite {
	position:absolute;
	top:20%;
	left:3%;}
#mainTtl .icon_gsuite img {
	width:50%;}
#mainTtl .icon_gsuite2 {
	position:absolute;
	top:5%;
	left:3%;}
#mainTtl .icon_gsuite2 img {
	width:30%;}
#mainTtl .icon_gsuite3 {
	position:absolute;
	top:20%;
	left:3%;}
#mainTtl .icon_gsuite3 img {
	width:40%;}

#mainTtl .btn_animation {
    display: none;}
#mainTtl .sp_btn_animation {
    position: absolute;
    top: 5%;
    left: 70%;
    display: block;
	z-index:9999;}
#mainTtl .sp_btn_animation img {
    width: 60%;}
#mainTtl .mainTxt,
#mainTtl .mainTxt4 {
	position:absolute;
	top:20%;
	left:22%;
	font-size:5.625vw;}
#mainTtl .mainTxt0 {
	position:absolute;
	top:10%;
	left:26%;
	font-size:5.625vw;}
#mainTtl .mainTxt2,
#mainTtl .mainTxt14,
#mainTtl .mainTxt15 {
	position:absolute;
	top:5%;
	left:5%;
	font-size:5.625vw;}
#mainTtl .mainTxt2 span {
	font-size:3.125vw;}
#mainTtl .mainTxt3 {
	position:absolute;
	top:10%;
	left:26%;
	font-size:5.3125vw;}
#mainTtl .mainTxt5 {
	position:absolute;
	top:51%;
	left:3%;
	font-size:5.3125vw;
	text-align: left;}
#mainTtl .mainTxt6 {
	position:absolute;
	top:18%;
	left:20%;
	font-size:105%;
	text-align: left;}
#mainTtl .mainTxt7 {
	position:absolute;
	top:15%;
	left:5%;
	font-size:4.6875vw;
	text-align: left;}
#mainTtl .mainTxt8 {
	position:absolute;
	top:30%;
	left:35%;
	font-size:4.6875vw;
	text-align: center;
	width: 60%;}
#mainTtl .mainTxt9 {
	width: 100%;
	position:absolute;
	top:12%;
	left:0;
	font-size:4.6875vw;
	text-align: center;
	line-height:1.3em;}
#mainTtl .mainTxt9 em,
#mainTtl .mainTxt14 em,
#mainTtl .mainTxt15 em {
	font-size: 4vw;
	line-height: 1.4em;}
#mainTtl .mainTxt10 {
	position:absolute;
	top:20%;
	left:5%;
	font-size:4.6875vw;}
#mainTtl .mainTxt10 span {
	font-size:3.1vw;}
#mainTtl .mainTxt11 {
	position:absolute;
	top:20%;
	left:5%;
	font-size:4.6875vw;}
#mainTtl .mainTxt11 span {
	font-size:3.1vw;}
#mainTtl .mainTxt12 {
	position:absolute;
	top:10%;
	left:26%;
	font-size:5.3125vw;}
#mainTtl .mainTxt13 {
	position:absolute;
	top:30%;
	left:5%;
	font-size:5.3125vw;}
#mainTtl .mainTxt13 span {
	font-size:3.1vw;}

#mainTtl .mainBtnTop,
#mainTtl .mainBtnTop2,
#mainTtl .mainBtnTop3,
#mainTtl_script .inner .mainBtnTop,
#mainTtl_script .inner .mainBtnTop2,
#mainTtl_script .inner .mainBtnTop3,
#mainTtl_marketplace .inner .mainBtnTop,
#mainTtl .patent,
.long_patent{
	display:none;}
.mainBtnTopSP,
.mainBtnTopGSP,
.mainBtnTopRSP,
.mainBtnTopOSP {
	display:block;}
.mainBtnTopSP {
	width:92%;
	border-radius: 10px;
	padding:3%;
	margin:10px 1%;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	color:#FFFFFF;
	line-height:1.5em;}
.mainBtnTopSP span {
	font-size:80%;}
.patentSP {
	width: 94%;
	display: block;
	margin: 5px 3%;
    line-height: 2.0em;
    padding: 0px;
    background-color: #FF0000;
    text-align: center;
    color: #FFFFFF;
    font-size: 93%;}
#mainRed .mainBtnTopSP {
	background-color:#D21500;}
#mainPurple .mainBtnTopSP {
	background-color:#B651FF;}
#mainBlue .mainBtnTopSP {
	background-color:#005BFF;}
#mainLightblue .mainBtnTopSP {
	background-color:#0084CD;}
#mainLightblue2 .mainBtnTopSP {
	background-color:#08abf5;}
#mainGreen .mainBtnTopSP {
	background-color:#00923A;}
#mainGreen2 .mainBtnTopSP {
	background-color:#00773c;}
#mainDarkgreen .mainBtnTopSP {
	background-color:#006332;}
#mainOrange .mainBtnTopSP {
	background-color:#F2971B;}
#mainDarkorange .mainBtnTopSP {
	background-color:#FF7200;}
#mainGray .mainBtnTopSP {
	background-color:#7C7C88;}
#mainBlack .mainBtnTopSP {
	background-color:#000000;}
.mainBtn,
.mainBtnO,
.mainBtnG {
	width:94%;
	border-radius: 10px;
	padding:3%;
	margin:0px 0px 5px 0px;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	color:#FFFFFF;
	line-height:1.5em;}
.mainBtnTopSP span,
.mainBtn span,
.mainBtnO span,
.mainBtnG span {
	font-size:70%;
	line-height:1.3em;}
.mainBtnTopSP em,
.mainBtn em {
	background-color:#FF0000;
	font-size:70%;
	padding:0px 10px;
	margin:0px 5px;}
.mainBtnTopSP em.orange {
	background-color:#FFA835;}
.mainBtnTopSP em.green {
	background-color:#78A816;}
.mainBtnTopSP em.red {
	background-color:#E10102;}
.mainBtnTopSP em.blue {
	background-color:#0029C1;}
.mainBtnTopSP em.white {
	background-color:#F1F1F1;
	color:#545454;}
.mainBtnTopSP em a,
.mainBtn em a {
	color:#FFFFFF;
	display:inline-block;}
.mainBtnTopSP em.white a{
	color:#545454;
	display:inline-block;}
.mainBtnTopSP a,
.mainBtn a {
	color:#FFFFFF;
	display:block;}

#mainTtl_script {
	width:100%;
	height:150px;
	background-image:url(../../images/script_mainbg.jpg);
    background-position: center top;
    background-repeat: repeat-x;
	margin:0px auto 15px auto;}
#mainTtl_marketplace {
	width:100%;
	height:150px;
	background-image:url(../../images/Script_Marketplace_mainbg.jpg);
    background-position: center top;
    background-repeat: repeat-x;
	margin:0px auto 15px auto;}
#mainTtl_script .inner,
#mainTtl_marketplace .inner {
	width:98%;
	margin:0px 1%;
	position:relative;}
#mainTtl_script .inner .icon_script,
#mainTtl_marketplace .inner .icon_script {
	width:30%;
	position:absolute;
	top:10px;
	right:0px;}
#mainTtl_script .inner .icon_script img,
#mainTtl_marketplace .inner .icon_script img {
	width:100%;}
#mainTtl_script .inner .mainTxt {
	position:absolute;
	top:20px;
	left:5px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:130%;
	line-height:1.5em;
	text-shadow: 1px 1px 5px #7B7B7B,
    -1px 1px 5px #7B7B7B,
    1px -1px 5px #7B7B7B,
    -1px -1px 5px #7B7B7B;}
#mainTtl_marketplace .inner .mainTxt {
	position:absolute;
	top:15px;
	left:5px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:6.25vw;
	line-height:1.1em;
	text-shadow: 1px 1px 5px #7B7B7B,
    -1px 1px 5px #7B7B7B,
    1px -1px 5px #7B7B7B,
    -1px -1px 5px #7B7B7B;}
#mainTtl_script .inner .mainTxt span,
#mainTtl_marketplace .inner .mainTxt span {
	font-size:4.0625vw;}
#mainTtl_script .inner .mainTxt em {
	font-size:4.0625vw;
	color:#FFD200;}
#mainTtl_marketplace .inner .mainTxt em {
	font-size:55%;
	color:#FFA200;
	text-shadow:none;
	margin-top: 5px;}
.mainBtnTopGSP {
	width:92%;
	border-radius: 10px;
	padding:3%;
	margin:10px 1%;
	text-align:left;
	font-size:120%;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#7DBE00;
	line-height:1.5em;}
.mainBtnTopRSP {
	width:92%;
	border-radius: 10px;
	padding:3%;
	margin:10px 1%;
	text-align:left;
	font-size:120%;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#F20000;
	line-height:1.5em;}
.mainBtnTopOSP {
	width:92%;
	border-radius: 10px;
	padding:3%;
	margin:10px 1%;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#FFA200;
	line-height:1.5em;}
.mainBtnTopGSP a,
.mainBtnTopRSP a,
.mainBtnTopOSP a {
	color:#FFFFFF;
	display:block;}
	
	
.manualBtn {
	width:90%;
	border-radius: 10px;
	padding:2% 3%;
	text-align:center;
	font-size:80%;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#FF6C00;
	line-height:1.5em;
	margin:0px auto;}
.manualBtn a{
	color:#FFFFFF;
	display:block;}


.provideBox,
.provideBox2,
.provideBox3 {
	width:96%;
	padding: 2%;
	font-size: 3vw;
    line-height: 1.4em;}

.txt_indentO {
    text-indent: 0;}
.provideBox_phRight,
.provideBox_phRight2 {
	text-align:center;
    float: right;
	margin:0px auto 20px auto;}
.provideBox_phRight img,
.provideBox_phRight2 img {
	width:100%;}

.provideBox_txt1 {
	 font-size: 116%;}
.provideBox_txt2 {
	 font-size: 131%;}

.W730 {
	width:100%;}
.securityList dl {
	*zoom: 1;}
.securityList dt {
	width:100%;
	margin-bottom:5px;}
.securityList dd {
	padding-left:0px;
	margin-bottom:15px;}

.W240 {
	width:93%;
	margin-left:0px;
	padding:3%;}
.W240_noline {
	width:93%;
	padding:0;
	text-align:center;
	margin:5px auto 0px auto;}
.W240C {
	text-align:center;
	margin:0px auto 10px auto;}

/* --------------- tab --------------- */
#tabTop,
#Anchor,
#menuBoxLink,
#Email,
#calendar,
#drive,
#site,
#account {
	margin-top:-60px;
	padding-top:60px;}
.tab,
.tab2,
.tab3 {
	width:100%;
	display : table;}
.tab li {
    width: 24.7%;
	margin-right:1px;}
.tab a {
    width: 100%;
    font-size: 60%;
	height:4em;
    text-align: center;
	line-height:1.3em;
    padding: 10px 0px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: center;}
.tab2 li {
    width: 19.2%;
	margin-right:1px;}
.tab2 a {
    width: 100%;
    font-size: 60%;
	height:4em;
    text-align: center;
	line-height:1.5em;
    padding: 10px 0px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: center;}
.tab3 li {
    width: 16.4%;
	margin-right:1px;}
.tab3 a {
    width: 100%;
    font-size: 60%;
	height:5em;
    text-align: center;
	line-height:1.3em;
    padding: 10px 0px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: center;}

.tabSection .contents .content {
	width:100%;}

.tabListT {
	margin: 2% 0 5% 0;}
.tabListB {
	margin: 5% 0;}
.tabListT li,
.tabListB li {
    width: 19.2%;
	height: 5em;
	margin-right: 1%;
	font-size: 3.125vw;}

.phList,
.phList2,
.phList3,
.phList4,
.phList5,
.phList6 {
	width:96%;
	margin:0px 2% 30px 2%;}
.phList li,
.phList2 li,
.phList3 li,
.phList4 li,
.phList5 li,
.phList6 li {
	width:100%;
	display:inline-block;
	margin-right:0px;
	margin-top:10px;
	vertical-align:top;}
.phList li:nth-child(3n),
.phList2 li:nth-child(3n),
.phList3 li:nth-child(3n),
.phList4 li:nth-child(3n) ,
.phList5 li:nth-child(2),
.phList6 li:nth-child(2) {
	margin-right:0px;}
.phList li span,
.phList2 li span,
.phList3 li span,
.phList4 li span,
.phList5 li span,
.phList6 li span {
	font-size:88%;
	text-align:left;
	line-height:1.3em;}
.phList li img,
.phList2 li img,
.phList3 li img,
.phList4 li img,
.phList5 li img,
.phList6 li img {
	width:100%;}

/* --------------- ‹ŒPDF --------------- */
.youtubeBox,
.youtubeBoxbig,
.pdfBox {
	width:100%;}
/* --------------- VPDF --------------- */
.pdfBox2 {
	width:100%;}
.pdf2 {
	position:relative;
	overflow: hidden;
	border:5px #DBDBDB solid;
	margin:30px 0 5px 0;}
.iframe,
.pdf2 iframe {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;}
    


.W500 {
	float:left;
	width:100%;
	padding:0px;
	margin-bottom:5px;
	border-bottom: 1px #C1C1C1 dotted;}

.toolLeft {
	float:left;
	width:97%;
	text-align:left;
	margin:0px auto 10px 3%;}
.toolLeft img {
	width:20%;}
.toolRight {
	float:left;
	width:100%;
	text-align:left;}


.example_list li {
	display: inline-block;
	margin: 0 2% 4% 2%;
	text-align: left;
	vertical-align: top;
	width: 96%;
	font-size:93%;}

/* contact */
#contact {
	width:100%;
	background-color:#FFF8C8;
    margin-top: 30px;
	position:relative;}
.contact_innner {
	width:98%;
	margin:3% 1%;}
h3.contactTtl {
	font-size: 108%;
    line-height: 1.4em;
    text-align: left;
    color: #FF6C00;
    font-weight: bold;
    margin: 0px;
    padding-bottom: 0.5em;}
ul.contactList {
	width:96%;
	margin:20px 2% 0px 2%;}
ul.contactList li {
	float:left;
	width:46%;
	padding:0px;
	margin:0px 2%;
	list-style:none;}
ul.contactList li.txt {
	width:100%;
	display:block;
	line-height:1.5em;}
ul.contactList li img {
	width:100%;}

.contact_innner dl {
	position:absolute;
	top:88%;
	right:0px;
	left:10px;
	width: 90%;
	margin:0px auto;
	text-align:center;
	padding:0px;
	clear: both;
    display: block;}
.contact_innner dt {
	float:left;
	width:30%;
	padding:0px;
	display:block;
	vertical-align:bottom;}

.pdfList {
	width:96%;
	margin:5px 2% 5px 4%;}
.pdfList li {
	margin-bottom: 20px;}

.table_pdf {
	margin-bottom: 30px;
	width: 100%;
	border: none;}
.table_pdf thead {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	vertical-align: middle;}
.table_pdf thead td {
	font-size: 108%;
	font-weight: normal;
	vertical-align: middle;
	text-align:center;
	padding:0px;
	margin: 0px auto;}
.table_pdf thead td img {
	width: 100%;}
.table_pdf tbody {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: auto 0px;
  vertical-align: middle;}
.table_pdf tbody th {
	display: block;
	vertical-align: middle;
	width: 100%;
	margin: 3% auto;
	text-align: center;}
.table_pdf tbody tr.box {
	width: 50%;
	float: left;
	display: inline-block;}
.table_pdf tbody td{
	width: 50%;
	display: block;
	height: auto;
	padding: 0px;
	vertical-align: middle;
	text-align:center;
	font-size: 88%;
	margin: 0px auto;}
.table_pdf tbody td.two {
	width: 100%;
	display: block;
	height: auto;
	padding: 0px;
	vertical-align: middle;
	text-align:center;
	font-size: 88%;
	margin: 0px auto;}
.table_pdf tbody th img {
	width: 20%;
	text-align: center;
	margin: 0px auto;}
.table_pdf tbody td img {
	width: 100%;
	text-align: center;
	margin: 0px auto;}

.pdfarrow_not_sp {
	display: none;}
.pdfarrow_sp {
	display: block;}

#table_engineer {
	margin:20px auto;
	line-height:1.6em;}
#table_engineer th,
#table_engineer td {
		width: 94%;
		display: block;
		border-top: none;
		padding:15px 3%;
		border:none;}

/* Marketplace */
#Marketplace_box {
	width:90%;
	padding:3% 3% 3% 3%;}
.MarketplaceL {
	width: 100%;
	float: left;
	text-align: center;
	margin: 5px auto;}
.MarketplaceL img {
	width: 80%;	}
#mainDarkgreen h4.Marketplace_ttl {
	font-size: 100%;}
.Marketplace_linkttl {
    color: #367900;
    font-size: 100%;
    font-weight: bold;
    padding-bottom: 5px;
	padding-left: 1em;}
.Marketplace_linkttl a {
	background-image: url(../../images/arrow_Green01.gif);
	background-position: left 3px;
	background-repeat: no-repeat;
	padding-left: 1.2em;}

/* Spreadsheets */
.rss_txt {
	line-height: 1.8em;}
.spreadsheets_ttl {
	line-height: 1.8em;
	font-size: 5.3125vw;}

#spreadsheets_table {
	margin:5px auto 10px auto;
	line-height:1.6em;}
#spreadsheets_table th,
#spreadsheets_table th.icon {
	float: left;
	display: block;
	width: 100%;
	font-size:100%;
	text-align:left;
	padding:0;
	font-weight: bold;
	vertical-align:middle;
	background-color: #FFFFFF;
	border-bottom: none;
	margin-bottom: 7px;}
#spreadsheets_table td {
	height: 35px;
	float: left;
	display: block;
	width: 80%;
	font-size:100%;
	text-align:left;
	padding:0;
	vertical-align:middle;
	border-bottom:none;
	margin-bottom: 5px;}
#spreadsheets_table td.day {
	width: 100%;
	text-align: left;
	border-bottom:1px #D0D0D0 dotted;
	margin-bottom: 5%;}
#spreadsheets_table td.arrow_open {
	width: 15%;
    background-image: url(../../images/arrow_Orange04.gif);
    background-position: left 8px;
    background-repeat: no-repeat;
	padding:0px 0px 0px 15px;
	vertical-align:middle;
	border-bottom:none;
	color: #FF6C00;}

/* googlesiteicon */
.googlesiteicon {
	width: 100%;
	margin: 0px auto;
	text-align: center;}
.googlesiteiconL,
.googlesiteiconR {
	float: none;
	width: 100%;
	text-align: center;}
.googlesiteiconL li,
.googlesiteiconR li {
	text-align: center;
	margin-bottom: 5%;}
.googlesiteiconL li img,
.googlesiteiconR li img {
	width: 100%;}

.googlesiteicon_txt {
	float:none;
	width: 100%;
	color: #F1AA00;
	font-weight: bold;
	font-size: 4.0625vw;
	line-height: 1.5em;
	text-align: left;
	padding-top: 8px;}
.googlesiteicon_btn {
    float:none;
    width: 100%;
    margin: 0px auto;
    border: none;
    padding: 0px;
	text-align: center;}
.googlesiteicon_btn img {
	width: 60%;}
.googlesiteicon_ttl {
	line-height: 1.8em;
	font-size: 5.3125vw;}

/*-------------------------------------------------
  portal
-------------------------------------------------*/
#backup {
    margin-top: -70px;
    padding-top: 70px;}

.portalC img {
	width: 100%;}

#table_portal {
	margin:20px auto;
	line-height:1.6em;}
#table_portal th,
#table_portal td {
	width: 94%;
	display: block;
	border-top: none;
	padding:15px 3%;
	border:none;}

.portalBtn {
    width: 94%;
    font-size: 120%;}


/* facebook */
.facebook_logo {
	margin-bottom: 5%;}
	
/* footer */
footer p {
	font-size:70%;}

#pageTop a {
	position:fixed;
	bottom:0px;
	right:0px;
	width:50px;
	height:50px;
	z-index:9999;}



/* Active! gate SS */
h3.othersTtl {
    width: 96%;
    background-color: #e6be41;
    color: #FFFFFF !important;
    margin: 0px;
    border-radius: 3px;
    font-weight: bold;
    line-height: 1.5em;
    font-size: 4vw;
    text-align: left;
    padding: 2%;}
h4.otherssubTtl {
    width: 100%;
    border-bottom: 3px #e6be41 solid;
    background-color: #FFFFFF !important;
    color: #000000 !important;
    margin: 40px auto 10px auto;
    border-radius: 3px;
    font-weight: bold;
    line-height: 1.5em;
    font-size: 4vw;
    text-align: left;
    padding: 0 0 5px 0;}
h5.gateTtl {
    color: #000000 !important;
    margin: 0;
    font-weight: bold;
    line-height: 1.5em;
    font-size: 3.5vw;
    text-align: left;
    padding: 0 0 3px 0;}
.gateInner,
.gateInner2,
.gateInner3 {
    width: 100%;
    margin: 0 auto;}
.gateflex {
    display: flex;
    flex-wrap: wrap;}
.gateflexTxt {
    width: 44%;
    font-size: 3.4vw;
    line-height: 1.8em;}
.gateflexTxtL {
    width: 56%;
    font-size: 3.4vw;
    line-height: 1.8em;}
.gateflexImg {
    width: 100%;
    text-align: center;
    margin: 2% auto;}

.gateflex2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 0;
    border-top: 1px #cfcfcf solid;}
.gateflex3 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 15px 10px;}
.bottomline {
    border-bottom: 1px #cfcfcf solid;}

.gateflex2Img {
    width: 20%;
    text-align: center;
    margin: 0 auto;}
.gateflex2Img2 {
    padding: 3%;
    text-align: center;
    margin: 0 3%;
    background-color: #FFFFFF;
    border-radius: 100%;}
.gateflex2Txt {
    width: 75%;
    margin: 0 0 0 5%;}

.bgGreen {
    background-color: #bbffba;
    border-radius: 20px;
    margin: 20px 0 10px 0;}

.table_gateSS table {
	width:100%;
	margin: 3% auto 5px auto;}
.table_gateSS table tr th,
.table_gateSS table tr td {
    width: auto;
	border:1px solid #9c9c9c;
	padding:5px;
	position:relative;}
.table_gateSS table tr th {
	background-color:#50b841;
	color:#FFF;
	font-size:3vw;
    font-weight: bold;
	line-height: 1.7em;
	text-align: center;}
.table_gateSS table tr th.yellow {
    background-color: #e6be41;}
.table_gateSS table tr td {
    background-color: #FFFFFF;
    text-align: center;
    font-size: 3vw;
    font-weight: normal;
    color: #000;
    line-height: 1.5em;
    padding: 8px;}


.menuBox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;}
.menuItem a {
    display: block;
    width: 48vw;
    background-color: #A6A6A6;
    color: #FFFFFF;
    font-size: 4.3vw;
    text-align: center;
    padding: 12px 0;
    margin-bottom: 5px;
    border-radius: 5px;}
.menuItem a:hover {
    background-color: #D21500;}

h4.digestTtl {
    display: flex;
    align-items: center;
    border-bottom: 6px #D21500 solid;
    color: #D21500;
    background-color: transparent !important;
	font-size: 6vw;
	border-radius: 0;
	line-height: 1.8em;
	text-align: left;
	font-weight: bold;
	margin: 0 0 30px 0;
	padding: 5px;}
h4.digestTtl img {
    width: 15%;
    margin-right: 20px;}




}