@charset "utf-8";
/*********************************************
**    Copyright (c) 2009-2014 . GREENENTERPRISE
**                  All Rights Reserved.
**********************************************/
/**************************************************************************************************
Initialization
**************************************************************************************************/
body,div,ul,li,h1,p {margin: 0;padding: 0;}
body {font-size: small;}
img {vertical-align: bottom;border: 0;}

.over:hover {
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	-webkit-opacity: 0.6;
	opacity: 0.6;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	filter: alpha(opacity=60);
}

/* OUTLINE
-------------------------------------------------------------------------------------------------*/
img.bgmaximage{position:fixed !important;}

#maincontent {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	width: 100%;
	height: 100%;
	min-height: 400px;
}
h1 {
	position: absolute;
	bottom: 164px;
	left: 45px;
	z-index: 100;
	font-size: 100%;
}
h1 img {max-width: 300px;}
ul {
	position: absolute;
	bottom: 60px;
	left: 45px;
	z-index: 100;
	list-style: none;
}
ul li {margin-top: 20px;}
ul li img {height: 22px;}
p {
	color: #FBFBFB;
	position: absolute;
	bottom: 14px;
	right: 12px;
	font-size: 10px;
	text-shadow: 0 4px 4px #000;
}
@media (max-width: 640px){
	h1 {bottom: 153px;left: 0;right: 0;margin: auto;width: 240px;}
	h1 img {width: 240px;}
	ul {bottom: 49px;left:0;width: 100%;}
	ul li {margin-top: 20px; text-align: center;}
	p {width: 100%;right: 0;text-align: center;}
}

@media only screen and (max-width: 640px)and (orientation: portrait){
	img.bgmaximage{display: none !important;}
	html {width: 100%; height: 100%;}
	body {
		overflow: hidden;
		width: 100%; height: 100%;
		background: url(../../images/img_visual.jpg) no-repeat 60% center;
		background-size: cover;
	}
}
@media only screen and (orientation: landscape){
	body {background-position: center center;}
}