@charset "euc-jp";

body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,blockquote,pre,address {
    border: none;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    list-style: none;
    margin: 0;
    padding: 0;
}
body,table,th,td,caption,form,input,textarea {
    font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "¥á¥¤¥ê¥ª", Meiryo, "£Í£Ó £Ð¥´¥·¥Ã¥¯", Helvetica, Arial, Verdana, sans-serif;
    font-size: 10pt;
}
body {
    background: #B0A078 url(../images/bg_body_home.jpg) repeat-x;
    color: #000;
    text-align: center;
}
a {
    text-decoration: none;
    color: #666;
}
a:hover {
    text-decoration: underline;
}
a.more {
    text-decoration: none;
    color: #D264B2;
    background: url(../images/icon_more_r_pink.gif) no-repeat scroll 0 50%;
    padding-left: 8px;
}
a.more:hover {
    text-decoration: underline;
}
a.feed {
    text-decoration: none;
    color: #666;
    background: url(../images/icon_feed_rss.gif) no-repeat scroll 0 50%;
    padding-left: 15px;
    font-size: 80%;
}
a.feed:hover {
    text-decoration: underline;
    color: #D264B2;
}
img {
    border: 0;
}
.bold {
    font-weight: bold;
}
.clear {
    clear: both;
}
#container {
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 970px;
}
#header {
    margin: 0;
    padding: 0 15px;
}
#header-upper {
    background: url(../images/bg_header.jpg) no-repeat left top;
    height: 50px;
    margin: 0;
    padding: 0;
}
#header-tagline {
    float: left;
    height: 20px;
    margin: 0;
    padding: 0 0 0 190px;
    width: 290px;
}
body#home #header-tagline h1 {
    color: #CCC;
    font-size: 80%;
    font-weight: normal;
    height: 12px;
    margin: 0;
    padding: 4px 0;
}
#header-menu-01 {
    background: url(../images/bg_header_menu.png) no-repeat left top;
    float: left;
    height: 14px;
    margin: 0;
    padding: 26px 5px 10px 5px;
    width: 210px;
}
#header-menu-01 ul {
    margin: 0;
    padding: 0;
    width: 100%;
}
#header-menu-01 li {
    display: block;
    height: 14px;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}
#header-menu-01 li a {
    background: url(../images/bg_header_menu.png) no-repeat left top;
    display: block;
    height: 14px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    /*\*/
    overflow: hidden;
    /**/
}
#header-menu-01 li#nav-contact {width: 75px; height: 14px;}
#header-menu-01 li#nav-company {width: 60px; height: 14px;}
#header-menu-01 li#nav-sitemap {width: 75px; height: 14px;}
#header-menu-01 li#nav-contact a {background-position: -5px -26px;}
#header-menu-01 li#nav-company a {background-position: -80px -26px;}
#header-menu-01 li#nav-sitemap a {background-position: -140px -26px;}
#header-menu-01 li#nav-contact a:hover {background-position: -5px -76px;}
#header-menu-01 li#nav-company a:hover {background-position: -80px -76px;}
#header-menu-01 li#nav-sitemap a:hover {background-position: -140px -76px;}

#header-menu-02 {
    background: url(../images/bg_header_menu.png) no-repeat 100% top;
    float: left;
    height: 14px;
    margin-left: 20px;
    padding: 26px 10px 10px 10px;
    width: 200px;
}
#header-menu-02 ul {
    margin: 0;
    padding: 0;
    width: 100%;
}
#header-menu-02 li {
    display: block;
    height: 14px;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}
#header-menu-02 li a {
    background: url(../images/bg_header_menu.png) no-repeat left top;
    display: block;
    height: 14px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    /*\*/
    overflow: hidden;
    /**/
}
#header-menu-02 li#nav-guide {width: 100px;}
#header-menu-02 li#nav-cart {width: 100px;}
#header-menu-02 li#nav-guide a {background-position: -230px -26px;}
#header-menu-02 li#nav-cart a {background-position: -330px -26px;}
#header-menu-02 li#nav-guide a:hover {background-position: -230px -76px;}
#header-menu-02 li#nav-cart a:hover {background-position: -330px -76px;}

#header-lower {
    clear: both;
    height: 70px;
    margin: 0;
    padding: 0;
}
#header-logo {
    float: left;
    margin: 0;
    padding: 0;
}
#header-nav {
    float: left;
    height: 40px;
    margin: 30px 0 0 20px;
    padding: 0;
    width: 700px;
}
#header-nav ul {
    margin: 0;
    padding: 0;
    width: 100%;
}
#header-nav li {
    display: block;
    height: 40px;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}
#header-nav li a {
    background: url(../images/bg_header_nav.jpg) no-repeat left top;
    display: block;
    height: 40px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    /*\*/
    overflow: hidden;
    /**/
}
#header-nav li#nav-home {width: 100px;}
#header-nav li#nav-products {width: 130px;}
#header-nav li#nav-store {width: 120px;}
#header-nav li#nav-happy {width: 150px;}
#header-nav li#nav-news {width: 100px;}
#header-nav li#nav-blog {width: 100px;}
#header-nav li#nav-home a {background-position: 0 0;}
#header-nav li#nav-products a {background-position: -100px 0;}
#header-nav li#nav-store a {background-position: -230px 0;}
#header-nav li#nav-happy a {background-position: -350px 0;}
#header-nav li#nav-news a {background-position: -500px 0;}
#header-nav li#nav-blog a {background-position: -600px 0;}
#header-nav li#nav-home a:hover {background-position: 0 -40px;}
#header-nav li#nav-products a:hover {background-position: -100px -40px;}
#header-nav li#nav-store a:hover {background-position: -230px -40px;}
#header-nav li#nav-happy a:hover {background-position: -350px -40px;}
#header-nav li#nav-news a:hover {background-position: -500px -40px;}
#header-nav li#nav-blog a:hover {background-position: -600px -40px;}
#header-nav li#nav-home a.active {background: url(../images/bg_header_nav.jpg) 0 100%;}
#header-nav li#nav-products a.active {background: url(../images/bg_header_nav.jpg) -100px 100%;}
#header-nav li#nav-store a.active {background: url(../images/bg_header_nav.jpg) -230px 100%;}
#header-nav li#nav-happy a.active {background: url(../images/bg_header_nav.jpg) -350px 100%;}
#header-nav li#nav-news a.active {background: url(../images/bg_header_nav.jpg) -500px 100%;}
#header-nav li#nav-blog a.active {background: url(../images/bg_header_nav.jpg) -600px 100%;}

body#home #header-title {
    background: url(../images/bg_header_title_home.jpg) no-repeat left top;
    clear: both;
    height: 80px;
}
body#home #header-title-text {
    float: left;
    margin: 0;
    padding: 25px 20px;
    width: 610px;
}
body#home #header-title-text h2 {
    background: url(../images/caption_home_welcome.jpg) no-repeat left top;
    height: 30px;
    text-indent: -9999px;
}
#header-title-contact {
    float: left;
    height: 60px;
    margin: 0;
    padding-top: 10px;
    width: 290px;
}
body#home #content {
    background: url(../images/bg_content_home_bdy.jpg) repeat-y left top;    
    clear: both;
    margin: 0;
    overflow: auto;
    padding-bottom: 20px;
    width: 100%;
}
body#home #content-body {
    background: url(../images/bg_content_home_top.jpg) no-repeat left top;    
    margin: 0;
    padding: 0 15px;
}
body#home #top {
    background: url(../images/bg_home_top.jpg) repeat-x left top;
    height: 280px;
    margin: 0;
    padding: 0;
}
body#home #top p {
    line-height: 150%;
    margin-bottom: 0.4em;
    padding: 0;
}
body#home #top-text {
    float: left;
    margin: 0;
    padding: 20px 10px 12px 20px;
}
body#home #top-text-body {
    background: url(../images/bg_home_romimsg.jpg) no-repeat right bottom;
    height: 248px;
    margin: 0;
    padding: 0;
    width: 520px;
}
body#home #top-text h3 {
    background: url(../images/caption_home_top.png) no-repeat left top;
    height: 23px;
    margin-bottom: 1em;
    padding: 0;
    text-indent: -9999px;
}
body#home #top-image {
    float: left;
    margin: 0;
    padding: 10px 10px 10px 0;
    width: 380px;
}
body#home #main {
    clear: both;
    float: left;
    margin-top: 20px;
    padding: 0 20px;
    width: 680px;
}
body#home #third-pearl {
    margin: 0;
    padding: 0;
}
body#home #third-pearl p {
    line-height: 150%;
    margin-bottom: 0.5em;
    padding: 0;
}
body#home #third-pearl h3 {
    background: url(../images/caption_home_3rdpearl.png) no-repeat left top;
    height: 20px;
    margin-bottom: 1em;
    padding: 0;
    text-indent: -9999px;
}
body#home #promise {
    margin-top: 20px;
    padding: 0;
}
body#home #promise p {
    line-height: 150%;
    margin-bottom: 0.5em;
    padding: 0 5px;
}
body#home #promise h3 {
    background: url(../images/caption_home_promise.png) no-repeat left top;
    height: 20px;
    margin-bottom: 1em;
    padding: 0;
    text-indent: -9999px;
}
body#home #promise p.annotation {
    font-size: 80%;
    padding-top: 3px;
}
body#home #promise-01 {
    margin: 0;
    padding: 0;
}
body#home #promise-01 h4 {
    background: url(../images/caption_home_promise_tops.png) no-repeat left top;
    height: 26px;
    margin-bottom: 0.5em;
    padding: 0;
    text-indent: -9999px;
}
body#home #promise-02 {
    margin-top: 1.2em;
    padding: 0;
}
body#home #promise-02 h4 {
    background: url(../images/caption_home_promise_tops.png) no-repeat left -26px;
    height: 26px;
    margin-bottom: 0.5em;
    padding: 0;
    text-indent: -9999px;
}
body#home #promise-03 {
    margin-top: 1.2em;
    padding: 0;
}
body#home #promise-03 h4 {
    background: url(../images/caption_home_promise_tops.png) no-repeat left -52px;
    height: 26px;
    margin-bottom: 0.5em;
    padding: 0;
    text-indent: -9999px;
}
body#home #products {
    margin-top: 20px;
    padding: 0;
}
body#home #products h3 {
    background: url(../images/caption_home_products.png) no-repeat left top;
    height: 20px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}
body#home #products h4#color {
    background: url(../images/caption_home_product_tops.png) no-repeat left top;
    height: 26px;
    margin-bottom: 0.5em;
    padding: 0;
    text-indent: -9999px;
}
body#home #products h4#category {
    background: url(../images/caption_home_product_tops.png) no-repeat left -26px;
    height: 26px;
    margin-bottom: 0.5em;
    padding: 0;
    text-indent: -9999px;
}
body#home #products h4#scene {
    background: url(../images/caption_home_product_tops.png) no-repeat left -52px;
    height: 26px;
    margin-bottom: 0.5em;
    padding: 0;
    text-indent: -9999px;
}
body#home #products h4#price {
    background: url(../images/caption_home_product_tops.png) no-repeat left -78px;
    height: 26px;
    margin-bottom: 0.5em;
    padding: 0;
    text-indent: -9999px;
}
body#home #products h4#size {
    background: url(../images/caption_home_product_tops.png) no-repeat left -104px;
    height: 26px;
    margin-bottom: 0.5em;
    padding: 0;
    text-indent: -9999px;
}
body#home #products a {
    color: #666;
    text-decoration: none;
}
body#home #products a:hover {
    border: none;
    color: #D264B2;
    text-decoration: underline;
}
body#home #products ul {
    margin: 0;
    padding: 0 5px;
}
body#home #products li {
    list-style: none;
    margin-bottom: 0.2em;
}
body#home #products li a {
    background: url(../images/icon_more_r_pink.gif) no-repeat scroll 0 50%;
    color: #666;
    padding-left: 8px;
    text-decoration: none;
}
body#home #products li a:hover {
    color: #D264B2;
    text-decoration: underline;
}
body#home #products .gridbox {
    clear: both;
    margin-top: 1em;
    overflow: auto;
    padding: 0;
    width: 100%;
}
body#home #products .gridcol2l {
    float: left;
    margin: 0;
    padding-right: 10px;
    width: 335px;
}
body#home #products .gridcol2r {
    float: left;
    margin: 0;
    padding: 0;
    width: 335px;
}
body#home #products .gridcol3l {
    float: left;
    margin: 0;
    padding-right: 10px;
    width: 220px;
}
body#home #products .gridcol3c {
    float: left;
    margin: 0;
    padding-right: 10px;
    width: 220px;
}
body#home #products .gridcol3r {
    float: left;
    margin: 0;
    padding: 0;
    width: 220px;
}
body#home #products .recommend {
    border-bottom: 1px dotted #999;
    margin-bottom: 7px;
    overflow: auto;
    padding: 5px 5px 8px 5px;
    width: 325px;
}

body#home #products .recommend img {
    background: #FFF;
    border: 1px solid #999;
    float: left;
    padding: 3px;
    width: 80px;
}
body#home #products .recommend a:hover img {
    border: 1px solid #D264B2;
}
body#home #products .recommend p {
    float: left;
    margin-left: 8px;
    font-size: 90%;
    width: 229px;
}
body#home #products .recommend p.pink {
    background: url(../images/icon_recommend_pink.png) no-repeat left top;
    padding-top: 16px;
}
body#home #products .recommend p.green {
    background: url(../images/icon_recommend_green.png) no-repeat left top;
    padding-top: 16px;
}
body#home #products .recommend-last {
    margin: 0;
    overflow: auto;
    padding: 5px 5px 0 5px;
    width: 325px;
}
body#home #products .recommend-last img {
    background: #FFF;
    border: 1px solid #999;
    float: left;
    padding: 3px;
    width: 80px;
}
body#home #products .recommend-last a:hover img {
    border: 1px solid #D264B2;
}
body#home #products .recommend-last p {
    float: left;
    margin-left: 5px;
    font-size: 90%;
    width: 232px;
}
body#home #products .recommend-last p.green {
    background: url(../images/icon_recommend_green.png) no-repeat left top;
    padding-top: 16px;
}
body#home #products .colorcol3 {
    margin: 0;
    padding-left: 5px;
}
body#home #products .colorcol3 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
body#home #products .colorcol3 li {
    list-style: none;
    float: left;
    margin-right: 5px;
    width: 95px;
}
body#home #sub {
    float: left;
    margin-top: 20px;
    padding: 0;
    width: 210px;
}
body#home #store {
    margin: 0;
    padding: 0;
}
body#home #store h3 {
    background: url(../images/bg_home_sub_tops.png) no-repeat left top;
    height: 50px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    width: 200px;
}
body#home #store a:hover h3 {
    background: url(../images/bg_home_sub_tops.png) no-repeat 100% top;
    cursor: pointer;
    height: 50px;
    margin: 0;
    padding: 0;
    width: 200px;
}
body#home #ranking {
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    margin: 0;
    padding: 0;
    width: 198px;
}
body#home #ranking h4 {
    background: url(../images/bg_home_ranking_top.png) no-repeat left top;
    height: 30px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    width: 198px;    
}
body#home #ranking ul {
    margin: 0;
    padding: 0;
}
body#home #ranking li {
    display: block;
    height: 80px;
    line-height: 0;
    list-style: none;
    margin: 1px 0 0 0;
    padding: 0;
    width: 198px;
}
body#home #ranking li a {
    background: url(../images/bg_home_ranking_entry.png) no-repeat left top;
    color: #666;
    display: block;
    font-size: 90%;
    height: 70px;
    line-height: normal;
    padding: 5px 9px;
    text-decoration: none;
    width: 180px;
}
body#home #ranking li a:hover {
    color: #333;
}
body#home #ranking li#first a {background-position: 0 0;}
body#home #ranking li#second a {background-position: 0 -80px;}
body#home #ranking li#third a {background-position: 0 -160px;}
body#home #ranking li#fourth a {background-position: 0 -240px;}
body#home #ranking li#fifth a {background-position: 0 -320px;}
body#home #ranking li#first a:hover {background-position: -198px 0;}
body#home #ranking li#second a:hover {background-position: -198px -80px;}
body#home #ranking li#third a:hover {background-position: -198px -160px;}
body#home #ranking li#fourth a:hover {background-position: -198px -240px;}
body#home #ranking li#fifth a:hover {background-position: -198px -320px;}

body#home #ranking img {
    background: #FFF;
    border: 1px solid #999;
    float: left;
    margin-right: 5px;
    padding: 3px;
    width: 80px;
}
body#home #ranking p {
    margin: 0;
    padding-top: 2px;
}
body#home #blog {
    margin-top: 15px;
    padding: 0;
}
body#home #blog h3 {
    background: url(../images/bg_home_sub_tops.png) no-repeat left -50px;
    height: 50px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    width: 200px;
}
body#home #blog a:hover h3 {
    background: url(../images/bg_home_sub_tops.png) no-repeat 100% -50px;
    cursor: pointer;
    height: 50px;
    margin: 0;
    padding: 0;
    width: 200px;
}
body#home #recent-top {
    background: #EBEBEB;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    height: 19px;
    margin: 0;
    padding: 5px 10px;
    width: 178px;
}
body#home #recent-top h4 {
    background: url(../images/caption_home_blog_recent.png) no-repeat left top;
    float: left;
    margin-top: 3px;
    padding: 0;
    text-indent: -9999px;
    width: 70px;
}
body#home #recent-top p {
    float: left;
    height: 11px;
    margin: 0;
    padding: 5px 0 3px 0;
    width: 108px;
}
body#home #recent-posts {
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    clear: both;
    margin: 0;
    padding: 0;
    width: 198px;
}
body#home #recent-posts h4 {
    font-size: 100%;
    font-weight: bold;
}
body#home #recent-posts p {
    font-size: 90%;
    margin-top: 2px;
}
body#home #recent-posts ul {
    margin: 0;
    padding: 0;
}
body#home #recent-posts li {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #999;
    display: block;
    height: 50px;
    line-height: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 198px;
}
body#home #recent-posts li a {
    background: url(../images/bg_home_recent_posts.png) repeat-x left top;
    color: #666;
    display: block;
    height: 32px;
    line-height: normal;
    padding: 7px 9px 11px 9px;
    text-decoration: none;
    width: 180px;
}
body#home #recent-posts li a:hover {
    background: #F0D0F0;
    color: #333;
}
body#home #mail {
    margin-top: 15px;
    padding: 0;
}
body#home #mail h3 {
    background: url(../images/bg_home_sub_tops.png) no-repeat left -100px;
    height: 30px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    width: 200px;
}
body#home #mail ul {
    background: #F0F0F0;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    margin: 0;
    padding: 0;
    width: 198px;
}
body#home #mail li {
    display: block;
    list-style: none;
    line-height: 2em;
    margin: 0;
    padding: 0;
    width: 198px;
}
body#home #mail li a {
    color: #666;
    display: block;
    line-height: 2em;
    padding: 0 9px;
    text-decoration: none;
    width: 180px;
}
body#home #mail li a:hover {
    color: #D264B2;
    text-decoration: none;
}
body#home #footer {
    background: url(../images/bg_footer_home.jpg) no-repeat left bottom;
    clear: both;
    margin: 0;
    padding-bottom: 40px;
}
body#home #footer-body {
    background: url(../images/bg_footer_home_bdy.jpg) repeat-y left top;    
    margin: 0;
    padding: 0 15px;
}
body#home #footer-content {
    background: url(../images/bg_footer_home_top.png) no-repeat left top;
    margin: 0;
    padding-top: 15px;
    width: 100%;
    overflow: auto;
}
body#home #footer-nav {
    float: left;
    margin: 0;
    padding-left: 20px;
    width: 700px;
}
body#home #footer-nav a {
    color: #666;
    text-decoration: none;
}
body#home #footer-nav a:hover {
    color: #000;
    text-decoration: none;
}
body#home #footer-nav h3 {
    font-size: 80%;
    font-weight: bold;
    margin-bottom: 0.3em;
    padding: 0;
}
body#home #footer-nav .gridbox {
    margin: 0;
    overflow: auto;
    padding: 0;
    width: 100%;
}
body#home #footer-nav .gridcol5 {
    float: left;
    margin: 0;
    padding-right: 20px;
    width: 120px;
}
body#home #footer-nav .gridcol5 ul {
    maring: 0;
    padding: 0;
}
body#home #footer-nav .gridcol5 li {
    font-size: 80%;
    line-height: normal;
    margin-top: 0.5em;
    padding: 0;
}
body#home #showroom {
    float: left;
    margin: 0;
    padding-right: 20px;
    width: 200px;
}
body#home #showroom h3 {
    background: url(../images/bg_home_showroom.png) no-repeat left top;
    height: 124px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    width: 200px;
}
body#home #showroom a:hover h3 {
    background: url(../images/bg_home_showroom.png) no-repeat 100% top;
    cursor: pointer;
    height: 124px;
    margin: 0;
    padding: 0;
    width: 200px;
    /*\*/
    overflow: hidden;
    /**/
}
body#home #copyright {
    clear: both;
    color: #666;
    font-size: 80%;
    margin-top: 10px;
    padding-right: 20px;
    text-align: right;
}
/* END_OF_FILE */