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

body,h1,h2,h3,p,div,ul,ol,li,dl,dd,dt,table,form,blockquote,pre,address{
  margin : 0;
  padding : 0;
}


.r_image{
	width:800px;
}

div#wrapper {  
    width: 1100px; 
	height: 500px;
    margin: 100px auto auto auto;  
    text-align: auto;  
    /*border: 1px solid #FF0000;  */
}  

body{
  color : #333333;
  background-color : #ffffff;
  line-height : 1.4;
	text-align: left;
	font-family:Arial, Helvetica, "sans-serif";
	
}

.main{
  width : 1150px;
}
.sidemenu{
	width : 300px;
	float : left;
	line-height: 40px;
	padding : 0 0 0 20px;
  /*
	background-color : #ffff99;
  border : solid 0px #ffff99;
	*/
}
.ul{
	line-height: 10px;
}

.contents{
  width : 800px;
  float : left;
	/*
  background-color : #eeeeee;
  border : solid 0px #eeeeee;
	*/
}

.contents h1,.contents h2, .contents p{
  padding-left : 20px;
  padding-right : 20px;
}
.sidemenu ul{
  list-style-type : none;
}

a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #807F7F; }
a {text-decoration: none;}


/* ----- acordion menu ------ */

label {
    display: block;
    margin: 0;
}
input[type="checkbox"].on-off{
    display: none;
}
.menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}
.menu li {
    padding: 0px;
}
input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}
input[type="checkbox"].on-off:checked + ul{
    height: 580px;
}

}
	
}