@charset "UTF-8";
/*
Theme Name: hair coeur
Theme URI: http://www.coeur-coeur.jp/
Description: hair coeur Theme for WordPress
Author: SAWAI HIROSHI
*/

/*
[Structure]
body
|
|--#wrapper
|    |
|    |-- #header
|    |    |
|    |    |-- #logo
|    |    |
|    |    |-- #address
|
|-- #wrapperContent
|    |
|    |--#content
|    |    |
|    |    |-- #movie
|    |    |
|    |    |-- #mainNavi
|
|-- #wrapperFooter
|    |
|    |--#footer
|    |    |
|    |    |-- #footerNavi
|    |    |
|    |    |-- #footerlo
*/

/* content
---------------------------------------------------- */
#header div#address {
    background: none;
}

/* content
---------------------------------------------------- */
div#content {
    font-size: 1.2em;
}
#content div#wrapperCol {
    width: 760px;
    margin: 20px;
    background: url(./images/home/back_col.gif) no-repeat;
}
#content div.col {
    float: left;
    width: 275px;
}
#content .col h2 {
    margin-bottom: 15px;
    text-align: center;
}
#content .col ul {
    margin: 0 10px;
    list-style: none;
}
#content div.extraCol {
    float: right;
    width: 209px;
    border-left: 1px solid #CCCCCC;
}
#content .extraCol p {
    margin: 0 0 15px;
    text-align: right;
}
/* ----- movie ----- */
#content div#movie {
    width: 800px;
    height: 250px;
    margin: 0 auto;
    background: #FFFFFF;
}
/* ----- Main Navi ----- */
#content div#mainNavi {
    clear: both;
    width: 760px;
    height: 29px;
    padding: 10px 20px;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #EDE5E2;
}
#content #mainNavi ul {
    width: 760px;
    height: 29px;
    text-align: center;
}
#content #mainNavi li {
    float: left;
    width: 95px;
    height: 29px;
    list-style: none;
    overflow: hidden;
}
#content #mainNavi li a{
    display: block;
    width: 95px;
    height: 29px;
    text-indent: -9999px;
}
#content #mainNavi li#naviNews {
    background: url("./images/com/navi/news.gif") no-repeat;
}
#content #mainNavi li#naviShop {
    background: url("./images/com/navi/shop.gif") no-repeat;
}
#content #mainNavi li#naviMenu {
    background: url("./images/com/navi/menu.gif") no-repeat;
}
#content #mainNavi li#naviStaff {
    background: url("./images/com/navi/staff.gif") no-repeat;
}
#content #mainNavi li#naviBlog {
    background: url("./images/com/navi/blog.gif") no-repeat;
}
#mainNavi li#naviBbs {
    background: url("./images/com/navi/bbs.gif") no-repeat;
}
#content #mainNavi li#naviFaq {
    background: url("./images/com/navi/faq.gif") no-repeat;
}
#content #mainNavi li#naviHome {
    background: url("./images/com/navi/home.gif") no-repeat;
}
#content #mainNavi li:hover {
    background-position: 0 -29px !important;
    text-decoration: none;
}
/* footer
---------------------------------------------------- */
/*  Footer Nagigation  */
#footer div#footerNavi {
   float: right;
    width: 300px;
    height: 28px;
    margin: 15px;
}
#footer #footerNavi ul {
    width: 300px;
    height: 28px;
    text-align: center;
}
#footer #footerNavi li {
    float: right;
    width: 100px;
    height: 28px;
    list-style: none;
    overflow: hidden;
}
#footer #footerNavi li a{
    display: block;
    width: 100px;
    height: 28px;
    text-indent: -9999px;
}
#footer #footerNavi li#naviRecruit {
    background: url("./images/com/navi/recruit.gif") no-repeat;
}
#footer #footerNavi li#naviPrivacy {
    background: url("./images/com/navi/privacy.gif") no-repeat;
}
#footer #footerNavi li#naviContact {
    background: url("./images/com/navi/contact.gif") no-repeat;
}
#footer #footerNavi li:hover {
    background-position: 0 -28px !important;
    text-decoration: none;
}