@charset "utf-8";
/* CSS Document */

#wrapper{
    width:100%;	
}

#top{
	text-align:center;
    background:url(../../images/common/index_img01.png) repeat-x top center;	
}

#logo{
	width:85%;
	margin:4% auto 2% auto;
	text-align:center;	
}


.banner {
	padding:4% 3%;
	text-align:center;
    background:url(../../images/index/index_img05.jpg) no-repeat left center,url(../../images/index/index_img06.jpg) no-repeat right center;
   
    -webkit-background-origin: border-box, border-box,border-box,border-box,padding-box;
    -moz-background-origin: border-box, border-box,border-box,border-box,padding-box;
    -o-background-origin: border-box, border-box,border-box,border-box,padding-box;
    background-origin: border-box, border-box,border-box,border-box,padding-box;
  
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
    -o-background-clip: border-box;
    background-clip: border-box;	
   
    -moz-background-size:50%;		
    -webkit-background-size:50%;
    -o-background-size:50%;
    background-size:50%;
 }
 
#main{
    margin-top:4%;	
}
 
#sidebar{
	float: left;
	width: 32%;
	margin-left: 2%;
	
}

#sidebar img{
    margin-top:5%;	
}
#sidebar img.img01{
    margin-top:0;	
}

.sidenav02{
	margin-top: 8%;
	padding: 30% 0 25% 0;
	text-align: center;
	background: url(../../images/common/qr.jpg) no-repeat;
	background-size: 100%;
}

.sidenav02 img{
	width: 40%;
}


#content{
	float: left;
	width: 61%;
	margin-left: 3%;
}

.index01{
	padding:5% 0 1% 0;
    background:#fef6f7 url(../../images/index/index_img09.jpg) repeat-x;	
}

.index01_in{
	padding-left:25px;
    background:url(../../images/index/index_img07.jpg) no-repeat 15px center;	
}

.index_txt01{
	padding: 2% 3% 3% 4%;
	font-size: 1.2em;
	color: #cf997f;
	line-height: 1.4em;
}

#footer{
	margin-top:8%;
	color:#651414;
    text-align:center;	
}

#footer .footer_img{
    padding:2% 0;	
}