
/* * * *  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*section1
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#section1 {
	background:#afe700;
}
#section1 .main-img{
	max-width:1080px;
	height:580px;
	
	margin:30px auto 0;
	background:url(../images/index/main-img.jpg) center 0 no-repeat;
	position:relative;
	}
#section1 .main-img p{
	position:absolute;
	padding:0;
}
	
#section1 .main-img p.systemnoah {
	bottom:0;
	left:5px;
}
#section1 .main-img p.main-mail{
	bottom:5px;
	right:140px;
}
#section1 .main-img p.main-fax {
	bottom:5px;
	right:5px;
}
 .ura{
	position:fixed;
	right:0px;
	top:200px;
	
	}
 .ura img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
 .ura img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}	


/* * * *  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*section1 裏
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
body.urapage{
	background:#ccc;}
#section1-ura {
background:url(../images/index/ura-bg.png),#2e3032;
}
#section1-ura .main-img{
	max-width:1080px;
	height:580px;
	margin:30px auto 0;

	background:url(../images/index/main-img-ura.jpg) center 0 no-repeat;
	position:relative;
	z-index:0;
	}
#section1-ura .main-img p.voltar01{
	position:absolute;
	left:20%;
	top: 10%;
	z-index:1;
}
#section1-ura .main-img p.voltar02{
	position:absolute;
	left:40%;
	top: 1%;
	z-index:2;
}
#section1-ura .main-img p.voltar03{
	position:absolute;
	left:60%;
	top: 10%;
}

#section1-ura .main-img p.voltar05{
	position:absolute;
	bottom:10%;
	left: 11%;
	z-index:5;
}
#section1-ura .main-img p.voltar09{
	position:absolute;
	bottom:7%;
	left: 33%;
	z-index:9;
}
#section1-ura .main-img p.voltar06{
	position:absolute;
	bottom:2%;
	left: 45%;
	z-index:6;
}
#section1-ura .main-img p.voltar07{
	position:absolute;
	bottom:9%;
	left: 60%;
	z-index:7;
}

#section1-ura .main-img p.voltar10{
	position:absolute;
	top:25%;
	z-index: 10;
	left: 1%;
}
#section1-ura .main-img p.voltar12{
	position:absolute;
	top:40%;
	left:45%;
	z-index:12;
}

#section1-ura .main-img p.systemnoah {
	position:absolute;
	bottom:0%;
	left:1%;
}



/* * * *  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*section3
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


#section3 {
	padding:15px 0 25px;}
.news-box{
	border:#718800 solid 2px;
	border-radius:14px;
    -webkit-border-radius:14px;  
    -moz-border-radius: 14px;  
	padding:10px 15px 10px 220px;
	background:url(../images/index/yumeyume-info.png) no-repeat left bottom;
	}
.news-box ul li{
	border-bottom:#718800 dashed 1px;
	margin:7px 0;
	padding-bottom:3px;
	font-size:0.93em;
}	
/* * * *  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*section4
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#section4 {
	padding:0 0 25px;
}

#section4 li{
	display:inline-block;
	width:48.5%;
	padding:7px 0.5%;}
#section4 li:first-child {display:block;
width:auto;}
		
@media only screen and (max-width: 800px) {
	#section1 .main-img{
	width:100%;
		background-size:864px;
		height:464px;

	
	}
	#section1 .main-img p.systemnoah {
	bottom:0;
	left:0;
}

	#section1-ura .main-img{
	width:100%;
		background-size:864px;
		height:464px;

	
	}
	#section1-ura .main-img p.systemnoah {
	bottom:0;
	left:0;
}

}
@media only screen and (max-width: 730px) {
	#section1 .main-img{
	margin:0;
		background-size:810px;
		height:435px;

	}
#section1 .main-img p img{
}
	
#section1 .main-img p.main-mail{
	bottom:5px;
	right:120px;
}
	#section1-ura .main-img{
	margin:0;
		background-size:810px;
		height:435px;

	}


.news-box{
	padding:5px 15px 5px 195px;
	}
	
#section4 li{
	width:48%;
	padding:5px 0.5%;}

	
	
}


@media only screen and (max-width: 550px) {
		#section1 .main-img{
		background-size:648px;
		height:348px;
	}
		#section1-ura .main-img{
		background-size:648px;
		height:348px;
	}
}
@media only screen and (min-width: 481px) {
	img.img-pc{	display:block;}
img.img-sm{	display:none;}
}
@media only screen and (max-width: 480px) {
	#section1 .main-img{
		background-size: 540px;
		height:290px;
	}
#section1 .main-img p img{
	width:90px;}
	
#section1 .main-img p.main-mail{
	bottom:5px;
	right:100px;
}
	#section1-ura .main-img{
		background-size: 540px;
		height:290px;
	}
#section1-ura .main-img p img{
	width:90px;}
	
.news-box{
	padding:130px 15px 5px 15px;

	background:url(../images/index/yumeyume-info.png) no-repeat center top;
	}
	img.img-pc{	display:none;}
img.img-sm{	display:block;}

	#section4 li{
		display:block;
		width:auto;
		padding:5px 0px;
	}
	

}
