article.header{
	position: relative;
	text-align: center;
	padding: 0;
	top: 40px;
	height: 25px;
}

div.headbar{
	position: relative;
	top: 25px;
	margin: auto;
	width: 70%;
}

li.header-1st{
	list-style: none;
	width: 50%;
	height: 25px;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align:center;
}

div.headbar h5{
	position: relative;
	text-align: left;
	font-size: x-large;

}

div.shortcuts{
	width: 100%;
	height: 25px;
	float: left;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	text-align:center;
}

div.headbar p{
	position: relative;
	text-align: right;
	text-decoration: none;
	font-size: smaller;
	color: #444444;
/*	width: 80px; */
	display: block;
	justify-content: space-between;
	float: right;
}

li.header-link div{
	width: 100%;
	text-align: right;
}

div.devideLine{
	position: relative;
	margin: auto;
	top: 65px;
}


article.gallery{
	position: relative;
	margin: auto;
	padding: 0;
	width: 80%;
	height: auto;
	top: 80px;
}

div.gall1{
	position: relative;
	margin: auto;
	height: auto;
	display: block;
}

li.gall-contents1{
	list-style: none;
	width: 65%;
	height: auto;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	text-align:center;
}
li.gall-contents2{
	list-style: none;
	width: 35%;
	height: auto;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	text-align:center;
}

div.view3d{
	position: relative;
	width: 100%;
/*	min-height: 300px;*/
}

div.view3d:before{
	content:"";
	display: block;
	padding-top: 56.25%;
}

iframe.view-frame{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	border: none;
	z-index: 99;
}

li.gall-contents h4{
	position: relative;
	text-align: left;
	font-size: large;
	top: 0;
}

div.partslist{
	position: relative;
	left: 15pt;
	text-align: left;	
}

div.partslist li{
	position: relative;
	text-align: left;	
}


article.dl{
	position: relative;
	margin: auto;
	padding: 0;
	width: 80%;
	height: auto;
	top: 100px;
}

article.dl h4{
	position: relative;
	height: auto;
	text-align: left;
	font-size: large;
}

article.dl a{
	position: relative;
	text-decoration: none;
	color: #4169e1;
}

article.dl a:hover{
	opacity: 0.5;
}

div.white-popup-block{
	background: #FFF;
	padding: 20px 30px;
	text-align: center;
	max-width: 650px;
	margin: 40px auto;
	position: relative;
	height: 150px;
}

div.yesno{
	position: relative;
	height: auto;
	margin: auto;
	width: 100px;
}

div.yesno p{
	list-style: none;
	width: 50%;
	height: auto;
	float: left;
	display: flex;
	justify-content: space-around;
	align-items: center;
	text-align:center;	
}


article.legal{
	position: relative;
	margin: auto;
	padding: 0;
	width: 80%;
	height: auto;
	top: 100px;	
}

article.legal p{
	position: relative;
	font-size: small;
}

article.legal a{
	position: relative;
	text-decoration: none;
	color: #4169e1;
}

article.legal a:hover{
	opacity: 0.5;
}

article.legal img{
	position: relative;
	width: 100px;
}


article.attention{
	position: relative;
	margin: auto;
	padding: 0;
	width: 80%;
	height: auto;
	top: 110px;	
}

article.attention p{
	position: relative;
	font-size: small;
	top: -15pt;
}