@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: #2887ab;
	cursor: pointer;

}

#OverlayBox div.LeftBox a,
#OverlayBox a{
	display: block;
	width: 100%;
	text-align: center;
	background: #fff;
	color: #333;
	padding-top: 3%;
	padding-bottom: 3%;
	line-height: 180%;

}
#OverlayBox div.sogoBox,
#OverlayBox{ padding-bottom:10px; width:100%; font-size:1.6rem; }
#OverlayBox div.sogoBox a,
#OverlayBox a{ background:#81b934;color:#fff;}	
#OverlayBox div.LeftBox,
#OverlayBox{
	width: 100%;
	font-size: 1.3rem;
	padding-top: 10px;
}
#OverlayBox div.LeftBox a,
#OverlayBox a{
	background: #2887ab;
	color: #fff;
	border: 1px solid #fff;

}
#OverlayBox{ margin-bottom:0px;}
	
#OverlayBox ul{
	width: 100%;}
	
#OverlayBox dt{
	margin-top: 20px;
}
	
	
#OverlayBox ul li{

	width: 100%;

	margin-top: 5px;

}
#OverlayBox ul li a{
	background-color: #3e99bb;
	
}	
	
#OverlayBox a{
	background: #2887ab;
	
}
#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: 35%;
	border-top: 1px solid #9f6f18;
	border-left: 1px solid #9f6f18;
	
}

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

.tabNav li a{
	display: block;
	color: #9d9d9d;
	padding: 15px 3%;
	background-color: #e8e8e8;
	text-align: center;
	
}

.tabNav li a:hover{
opacity: 0.8; /* 80％不透明度(＝80％透過) */	
}

.tabNav li a.active{background-color:#c3a773; color: #333;}

.TabBox div.TabInnerBox{
    border:1px solid #9f6f18;
	padding:15px 0px;
	width:99.8%;
}
	
#tab1 {
	padding: 3%;
	background-color: #fffdf9;
	border: 2px solid #9F6F18;
}		

#tab2 {
	padding: 3%;
	background-color: #fffdf9;
	border: 2px solid #9F6F18;
}		
	
/*--------------------------------------------------------------------------------*/
/* 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;
}