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

body {height: 100%; width: 800px; text-align: center; margin: auto; background-color: #ffe4e1;} 
#home {}
#head {height: 400px; width: 800px; background: url("images/main.png") no-repeat center top; margin: 20px 0 0 0;}
.nav {margin: 0 0 0 500px;}
.nav li {float: left;}

.nav li a {display: block; background: no-repeat;}
.nav li a b {display: none;} 

.nav li#price a {height: 30px; width: 80px; background-image: url("images/price.png");}
.nav li#reserve a {height: 30px; width: 100px; background-image: url("images/reserve.png");}

.nav li#price a:hover {background-image: url("images/price2.png");}
.nav li#reserve a:hover {background-image: url("images/reserve2.png");}

#recentArticle {height: 250px; width: 800px; background: url("images/recent.png") no-repeat center top; padding: 40px 0 0 0;}
#recentArticle div {float: left;}
.recent {height: 160px; width: 250px; margin: 0 50px 0 100px;}
.cherry:before {content: url("images/cherry.png");}
#recentNail {border: solid 3px #ff6666;}
.text {height: 220px; width: 400px; text-align: left; margin: 30px 0 0 0;}

#center {height: 170px; width: 600px; margin: 0 0 0 150px; text-align: left;}

#hand {background: url("images/nailHand.png") no-repeat center top;}
#foot {background: url("images/nailFoot.png") no-repeat center top;}
.nail {height: 180px; background: no-repeat; z-index: 2; padding: 20px 0 0 60px;}

.flickable1 {height: 140px; width: 670px; overflow: auto; z-index: 1; background-color: #ffe4e1;}
.flickable1 ul {list-style: none; width: 2730px; ; background-color: #ffe4e1;}
.flickable1 ul li {height: 100px; width: 120px; margin: 0 10px 0 0; padding: 0; float: left;}
.flickable1 ul li img {height: 100px; width: 120px; border: solid #ffcc33 2px;}

#footer {height: 100px; width: 800px;}
#space img {border: solid 3px #ffaaaa;}