@charset "utf-8";

@media screen and (max-width: 768px) {
/*--------------------------------------------------------------------------------*/
/* overlay Menu */
/*--------------------------------------------------------------------------------*/

#OverlayBox{
	display: none;
	width: 100%;
	max-width: 768px;
	height: 100%;
	position: fixed;
	overflow: auto;
	top: 0%;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1000;
	background-color: rgba(255,255,255,0.95);
    }
	
#OverlayBox .OverlayInnerBox{padding:60px 4% 50px;}
	

#OverlayBox .CloseBox{position:fixed;top: 0%;right:0%;z-index: 10000;}

#OverlayBox p#CloseBtn{
	color: #333;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 3.4rem;
	text-align: center;
	color: #A9231C;
	cursor: pointer;

}

#OverlayBox div.LeftBox a,
#OverlayBox a{ display:block; width:100%; text-align:center; background:#fff;  color:#333; line-height:44px; height:44px;}
#OverlayBox div.sogoBox,
#OverlayBox{ padding-bottom:10px; width:100%; font-size:1.6rem; font-weight:bold;}
#OverlayBox div.sogoBox a,
#OverlayBox a{ background:#a9231c;color:#fff;}	
#OverlayBox div.LeftBox,
#OverlayBox{ padding-bottom:10px; width:100%; font-size:1.6rem; font-weight:bold;}
#OverlayBox div.LeftBox a,
#OverlayBox a{
	background: #e8e3da;
	color: #665e52;
	border: 1px solid #BAAF9C;
}
#OverlayBox{ margin-bottom:0px;}
#OverlayBox ul{ width:102%; margin-right:-2%;}
#OverlayBox ul li{ float:left; width:48%; margin-right:2%; margin-bottom:10px;}
#OverlayBox a{ background:#0c5b92;}
#OverlayBox a:hover{opacity: 0.5; /* 55％不透明度(＝45％透過) */}	
#OverlayBox div.LeftBox{ padding-bottom:30px;}
#OverlayBox div.LeftBox a{ margin-bottom:10px;}

 
/*--------------------------------------------------------------------------------*/
/* tab menu */
/*--------------------------------------------------------------------------------*/

.TabBox{width:94%; margin:0 auto;}

.tabNav li {
    float:left;
	width:33.3%;
	border-top:1px solid #888888;
	border-left:1px solid #888888;
}

.tabNav li.Last{border-right:1px solid #888888;}

.tabNav li a{
    display:block;
	color:#333333;
	padding:10px 3%;
	border-radius:5px;
	-webkit-border-radius:8px 8px 0 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dadada));
}

.tabNav li a.active{background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#607b3b)); color:#FFFFFF;}

.TabBox div.TabInnerBox{
    border:1px solid #888888;
	padding:15px 0px;
	width:99.8%;
}

/*--------------------------------------------------------------------------------*/
/* togmenu */
/*--------------------------------------------------------------------------------*/

.togmenu {display:none;}

.FBmenuBtn,
.menubtn{cursor:pointer;cursor:hand; width:80%; vertical-align:bottom;}

#menu ul {
	margin: 0;
	padding: 0;
	background:#003399;
}
#menu li {
	list-style: none;
	border-top: 1px dotted #fff;
}
#menu li a {
	padding: 10px 3%;
	display:block;
	text-decoration:none;
	background:#003399;
	color: #fff;
}

}