@charset "utf-8";
html {
	height: 100%;
}

body {
	font-size: 10%;
	width: 100%;
	height:100%;
}

#container {
	width: 100%;
	height:auto !important;
	height:100%;
	min-height:100%;
	position: relative;
}

h1, h2, h3, h4, h5, h6, p ,li{
	line-height: 1.8;
}

#leftPattern {
	display: none;


}
#rightPattern {
	display: none;


}
#topBar {
	z-index: 2;
	
	
}
#topImage #topImagePC {
	display: none;
}
#topImage img {
	width: 100%;
	height:auto;
}


#wrapper {
	z-index: 1;
	width: 100%;
	height:100%;
	padding-bottom:70px;

}

#titleLogo img {
	width: 150px;
	display: block;
	padding-top: 5px;
	padding-bottom: 3px;
}

#mainNav1 a,#mainNav2 a,#mainNav3 a,#mainNav4 a,#mainNav5 a {
	padding-top: 10px;
	padding-bottom: 10px;
}
.mainNavText1 {
	font-size: 0.8rem;
}

.mainNavText2   {
	font-size: 0.5rem;
}


#hero iframe {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 100%;
}
#mainBanner img {
	width: 100%;
	height:auto;
}



#mainContents {
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
}
#mainCopy {
	margin-bottom: 15px;
}
#mainCopy h1 {
	font-size: small;
}


.flickSlider .flickThumb {
	display: none;
}



#pickupBanners {
	margin-top: 10px;
	margin-bottom: -10px;
}
.pickupBanner   {
	overflow-x: hidden;
	padding-bottom: 20px;
}
.pickupBanner img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}

#footer {
	z-index: 3;
	position:absolute;
	width: 100%;
	bottom: 0px;
	height: 50px;
	padding-top: 5px;	
	
}
#footerLogo a  , #footerLogo img{
	width: 30px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
#copyright {
	font-size: 0.5rem;
	text-align: center;
}

.basicSection, .historySection {
	padding: 5px;
	margin-bottom: 20px;
}




.sectTitleUnit {
	width: 100%;
	overflow-x: hidden;
	margin-bottom: 8px;
}
.sectTitleTop   {
	height: 30px;
	background-size: 30px 30px;
	width: 30px;
}
.sectTitle   {
	height: 30px;
	background-size: auto 30px;
	width: 100%;
	margin-right: -100px;
	padding-left: 5px;
	
	
}
.sectTitleEnd   {
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
}
.sectTitle h2 {
	font-size: 0.8rem;
}
.sectArticle {
	padding: 10px;
}









.historyText1   {
	margin-left: 5px;
	
}
.historyText2 {
	margin-bottom: 10px;
	margin-left: 15px;
}











.productBanner {
	margin-bottom: 20px;
}
.productBanner img {
	width: 256px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.productArticle {
	padding-bottom: 20px;
	padding-left: 5px;
	padding-right: 5px;
	
}

.linkButton a {
	width: 150px;
	margin-top: 15px;
	padding-top: 12px;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.flexibleImage {
	width: 100%;
	height: auto;
}










.supportBanner  {
	display: none;
}
.supportArticle  {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
}
.supportArticle .unitTitle {
	padding-left: 10px;
}
.supportArticle .linkButton a {
	margin-bottom: 0;
}





.companyText1 {
	margin-left: 5px;
	
}
.companyText2 {
	margin-left: 20px;
	margin-bottom: 10px;
}

.staffArticle .unitTitle {
	padding-left: 10px;
}
.staffBanner img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	width: 80px;
	height: 80px;
	margin-top: 10px;
}
#socialButtons   {
	float: right;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 15px;
}


.iconBanner img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	width: 100px;
	height: 100px;
}
#screenShotList {
	overflow-x: scroll;
	white-space: nowrap;

}



.screenShot  {
	display: inline;
	margin-top: 0;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 0;
	height: 227px;
}
.appCaption li {
	padding-bottom: 5px;

}
.appCaption ul {
	padding-left: 5px;

}
.appCaption h3, .appCaption h4 {
	margin-bottom: 5px;
}




#documentHeader {
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#documentWrapper {
	width: 100%;
	padding-bottom:70px;
}
#documentWrapper h2 {
	margin-left: 5px;
}

#documentTitle  {
	text-align: center;
}
#documentUl {
	margin-bottom: 15px;
	padding-right: 10px;
}
#documentUl li {
	margin-bottom: 20px;
}
#documentUl p {
	padding-left: 5px;
	padding-top: 5px;
}

#prWrapper h1 {
	margin-bottom: 25px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: medium;
}

#prWrapper h2   {
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: medium;
}
#prWrapper h3 {
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 120%;
}

#prWrapper p {
	margin-top: 10px;
	line-height: 1.2rem;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 120%;
}
#prWrapper img  {
	max-width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
#prWrapper .allowLeft, #prWrapper .allowRight{
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-width: 100%;
}


#contactUs {
	margin-top: 20px;
	padding: 20px;
}

.formItem {
	margin-bottom: 25px;
}
.formItem input {
	width: 100%;
	margin: 0;
	padding: 5px 0;
}
.formItem textarea {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
}


#submitButton {
	margin-left: auto;
	display: block;
	margin-right: auto;
}
#backButton {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#submitButtons {
	width: 120px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#submitButtons:after {
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
}

#submitButtons #submitButton {
	float: left;
}
#submitButtons #backButton {
	float: right;
}




#contactUs .allertText  {
	text-align: right;
}
#comfirmation {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}
#documentUl  {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
}
#documentUl p  {
	margin-left: 15px;
}

.separateLine {
	width: 100%;
	display: block;
	margin-top: 25px;
	margin-bottom: 25px;
}
.appCaption img {
	width: 100%;
	height: auto;
}
.appCaption figure {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#bodyWithBackground {
	font-size: 10%;
	width: 100%;
	background-size: 12px 12px;
	background-image: url(../images/crossTexture006.png);
	background-repeat: repeat;
}
.construction img {
	width: 100px;

}
.construction p {
	margin-top: 20px;
	margin-bottom: 20px;
}