body {
       margin: 0;
       padding: 0;
		font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
		width: auto !important;
		overflow-x: hidden !important;
		font-size: 100%
    }    

#menu{
           position: fixed;
           width: 100%;
           padding: 0%;           
           top: 0;
           background: #928178;
}

.mainDiv{
    color: #000000;
    width: 80%;
    height: auto;
    margin:0;
    padding: 0;           

}

.section1{    background: #FFFF99;   padding: 15% 10% 5% 10%;}
.section2{    background: #99CCCC;   padding: 7% 10% 5% 10%;}
.section3{    background: #FFD5EC;   padding: 7% 10% 5% 10%;}
.section4{    background: #CBFFD3;   padding: 7% 10% 5% 10%;}
.section5{    background: #FFCC66;   padding: 7% 10% 5% 10%;}
.section6{    background: #DCC2FF;   padding: 7% 10% 5% 10%;}
.section7{    background: #CCCC99;   padding: 7% 10% 5% 10%;}
.section8{    background: #FFD5EC;   padding: 7% 10% 5% 10%;}
.section9{    background: #CBFFD3;   padding: 7% 10% 5% 10%;}
.section10{    background: #DCC2FF;   padding: 7% 10% 5% 10%;}

.homeBtn{
    display: inline-block;
    float: left;
    width: 8%;
    padding: 0.1% 0;
    text-align: center;
    border-radius: 5px;
    color: #3B434B;
    background: #FFFF99;
    transition: all 0.25s ease-in-out;

}

.menuBtn{
    display: inline-block;
    float: left;
    width: 8%;
    padding: 0.3% 0;
    text-align: center;
    border-radius: 5px;
    color: #c8c2be;
    background: #544a47;
    transition: all 0.25s ease-in-out;

}

.menuBtn:hover{
    display: inline-block;
    float: left;
    width: 8%;
    padding: 0.3% 0;
    text-align: center;
    border-radius: 5px;
    color: #c8c2be;
    background: #887f7a; 
    transition: all 0.25s ease-in-out;
}

.menuBtn:action{
    display: inline-block;
    float: left;
    width: 8%;
    padding: 0.3% 0;
    text-align: center;
    border-radius: 5px;
    color: #c8c2be;
    background: #887f7a; 
    transition: all 0.25s ease-in-out;
}


#Ul li a{
    display: inline-block;
    float: left;
    width: 10%; 
	margin: 0.5%;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none; 
}

#Ul{
    height: auto; 
    width: 100%;
    margin: auto;
     list-style: none;
}

.textContent{
    width: 90%;
    margin: 2% auto;
}


.title { 
	font-size: 400%;
	color: #3B434B;
	font-weight:bold;
	
} 

h2 {
	font-size: 150%;
	color: #3B434B;
	border-bottom: 3px dashed #928178;
	font-weight:bold;
}


img {
  max-width: 100%;
  height: auto;
}

.wrapper{
    max-width: 100%;
}

p { 
        text-align: justify;
}