body,
	html{
			height: 100%;
			background-color: #FFF;
			color:#000;
			scroll-behavior: smooth;
	}

#header{
	border-bottom: solid 2px #FF9900;
}

.table{
		width:85%;
		margin-left: 1em;
	}
.table th{
		width:25%;
	}
	
#main h2 {
		margin: 1em auto 0.5em auto;
		padding: 0.1em 0.5em;/*上下 左右の余白*/
		color: #494949;/*文字色*/
		background: transparent;/*背景透明に*/
		border-left: solid 8px #ffaf58;/*左線*/
		font-size: 150%;
}

#main h3 {
		margin: 1em auto 0.5em auto;
		padding: 0.1em 0.5em;/*上下 左右の余白*/
		color: #333;/*文字色*/
		background: transparent;/*背景透明に*/
		border-left: solid 15px #F33;/*左線*/
		font-size: 110%;
}

#main p {
		margin-left: 2em;
}

#main .pictureR {
	margin: 10px 2em 10px 10px;
	float:right;
	padding: 5px;
	background-color: #EFEFEF;
	border: 1px solid #999;
}
#main .pictureL {
	margin: 10px 10px 10px 2em;
	float:left;
	padding: 5px;
	background-color: #EFEFEF;
	border: 1px solid #999;
}

#main .pictureR p {
	color: #333;
	font-size:70%;
	font-weight: bold;
	text-align: center;
	margin: 0px;
}

#main .pictureL p {
	color: #333;
	font-size:70%;
	font-weight: bold;
	text-align: center;
	margin: 0px;
}

.page_top{
	clear:both;
	margin: 1em auto 1.5em auto;
	text-align: right;
}


.navbar{
	clear:both;
}

.side_menue{
		margin:5em auto;
		padding:0;
		width: 100%;
		text-align:left;
}

.menue_arrow{
	color:orange;
}
	
/*index.phpのparallax用box*/
#main .box{
    
    color:white;
    text-align:justify;
    position: relative;
    z-index: 100;
    margin:auto;
    height:auto;
}
#main .box p,#main .box ol{
    color:white;
    line-height:1.5;
	width: 80%;
}

.position{
		font-size:90%;
		color:#666;
}

.clear{
	clear:both;
}

.floatbox2{
	float:left;
	width:45%;
	margin: 1em;
}