@charset "UTF-8";
/* CSS Document */
#home #wrap{
	visibility: hidden;
}

/*visual*/
#visualBoxWrap{
	width: 100%;
	padding-top: 139%;
	position: relative;
	padding-bottom: 200px;
	background: #e5ead4;
}
#visualBox{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#visualBox li{
	background:#e5ead4;
	min-width: 890px;
	position: relative;
}
.visualOver{
	width: 48.8%;
	position: absolute;
	top: 25px;
	left: 25px;
	text-align: center;
	z-index: 2;
}
.catchImg{
	width: 5%;
	display: none;
	position: absolute;
	left: 60px;
	top: 120%;
}
.visual1 .catchImg{
	left: 70%;
	width: 7%;
}
.topTxt{
	display: none;
	width: 90%;
	text-align: center;
	padding-left: 5%;
}
#home .visualOver{
	display: none;
}
.topLogo{
	display: none;
	width: 100%;
}
.visual2 .visualOver{
	width: 45%;
	position: absolute;
	top: 25px;
	left: 25px;
	text-align: center;
	z-index: 2;
}

.visual2 .topLogo{
	position: relative;
	left: 80% !important;
	width: 100%;
}
.visual2 .topTxt{
	position: relative;
	left: 80% !important;
	width: 90%;
}
.visual2 .catchImg{
	left: 7%;
	width: 5%;
}
.visualOver img{
	width: 100%;
	height: auto;
}

.topVisual{
	width: 100%;
	height: auto;
}


/*bnr*/
#bnrBox{
X	background: #e5ead4;
	text-align: center;
	padding: 30px 0;
	width: 100%;
	position: absolute;
	z-index:5;
	bottom: 0;
	height: 200px;
}
#bnrBox li{
	display: inline;
	line-height: 45px;
}
#bnrBox li img{
	margin: 5px;
	vertical-align: middle;
}

#bnrBox li img{  
    -webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;  
    opacity: 1;  
    filter: alpha(opacity=100);  
}
#bnrBox li img:hover{
    opacity: 0.8;  
    filter: alpha(opacity=80);  
}
#contentsArea{

}