body{
color: #00000;
background: #ffffff;
magin: 0px;
padding: 0px;
text-align: center;
}

/*　ナビゲーションのスタイル設定　*/　
#layout{
width: 700px;
padding: 0px;
margin-left: auto;
margin-right: auto;

#top{
width: 700px;
padding: 0px;
margin: 0px;
text-align: left
}

#navbar{
width: 700px;
height: 33px;
magin: 0px;
padding: 0px;
list-style: none;
}
 .menu{
float: left;
background: #ffffff;
border: 1px solid #aaaaaa;
width: 118px;
text-align: center;
font-size: 14px;
margin: 3px 0px 3px 3px;
}

.menu a{
background: #ffffff;
color: #006a00;
display: block;
line-height: 25px
}

.menu a:hover{
background: #deefe8;
color: #006a00;
text-decoration: none;
}


/*　写真のスタイル設定　*/　
#red{
width: 700px;
float: left;
background: #900;
}

#photo{
margin: 0px 0px 20px 0px;
}

/*　コンテンツエリアのスタイル設定　*/　
#leftside{
float: left;
padding: 0px 10px 0px 0px;
width: 470px;
voice-family: "ｴ}ｴ""
voice-family: inherit;
width: 460px;
}

html>body #leftside{
width: 460px;
}

#leftside 
h1{
background: #ffffff; no-repeat center left;
padding: 0px 0px 0px 20px;
margin :10px;
color: #900;
font-size: 20px;
text-align: left;
}

/*　最近入荷商品のスタイル設定　*/
#rightside{
width: 230px;
float: left;
background: url(gazo/) no-repeat ;
}

#rightbox{
background: #fff;
width: 200px;
margin: 15px;
}

#recent{
margin: 0px 0px 0px 10px;
padding: 0px;
list-style: none;
}


#recent li{
background: url(gazo/) no-reoeat center left;
padding: 0px 0px 0px 14px;
font-size: 12px;
line-height: 24px;
text-alogn: left;
}

#recent a{
color: #366;
}

#recent a:hover{
color: #930;
}