@charset "utf-8";

/*reset*/
body,div,h1,h2,h3,p,ul,li,img{
margin: 0;
padding:0;
line-height: 1.0;
}
a{text-decoration: none;}
ul{list-style:none;}
img{
border: none;
vertical-align: bottom;
}

/*body*/
body{
background: #E2EDC3;
color: #333;
font-size: 16px;
}
/*layout*/
#container{
width: 900px;
margin: 0 auto;
margin-top: 20px;
}
#header{
width: 900px;
height: 130px;
background: #000 url(img/bg_header.png);
border-radius: 10px;
margin-bottom: 20px;}
#header h1{
padding-left:24px;
padding-top: 20px;}
#wrapper{
background: #FFF;
overflow: hidden;
padding: 20px;
width: 860px;
padding-bottom: 20px;}
#nav{
float: left;
width: 205px;}
#content{
float: right;
width: 635px;}
#content h2{
margin-bottom: 20px;}
#content h3{
background:url(img/icon.png) no-repeat bottom left;
padding-left: 20px;
color:#485A0E;
margin-bottom: 10px;
}
.layout1{
background:url(img/img_cake.jpg) no-repeat top right;
width: 635px;
height:160px;}
.layout1 p{
padding-left: 20px;
line-height: 1.6;}
.layout2{
background:url(img/img_living.jpg) no-repeat top right;
width: 635px;
height:160px;}
.layout2 p{
padding-left: 20px;
line-height: 1.6;}

#footer{
background: #FFF;
margin-bottom: 20px;
}

/*item*/


#footer p{
text-align: center;
line-height: 3.0;
}

#nav{}
#nav li a{
display: block;
width: 185px;
font-weight: bold;
margin-bottom: 10px;
padding-left: 20px;
line-height: 2.5;}
li.home a:link{
color: #485A0E;
border: 2px solid #89A439;
}
li.home a:hover{
color: #FFF;
background:#F4A42B;
border: 2px solid #F4A42B;}
li.menu a:link{
color: #485A0E;
border: 2px solid #89A439;
}
li.menu a:hover{
color: #FFF;
background:#F4A42B;
border: 2px solid #F4A42B;}
li.access a:link{
color: #485A0E;
border: 2px solid #89A439;
}
li.access a:hover{
color: #FFF;
background:#F4A42B;
border: 2px solid #F4A42B;}
li.contact a:link{
color: #485A0E;
border: 2px solid #89A439;
}
li.contact a:hover{
color: #FFF;
background:#F4A42B;
border: 2px solid #F4A42B;}