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

/*
[Structure]
body
|
|--#wrapper
|    |
|    |-- #header
|    |    |
|    |    |-- #logo
|    |    |
|    |    |-- #address
|
|-- #wrapperContent
|    |
|    |--#content
|    |    |
|    |    |-- #sidebar
|    |    |    |
|    |    |    | -- # mainNavi
|    |    |
|    |    |-- #pageGraphic
|    |    |
|    |    |-- #main
|    |    |
|    |    |-- #extrabar
|
|-- #wrapperFooter
|    |
|    |--#footer
|    |
|    | -- #footerlogo
*/
/* page graphic
---------------------------------------------------- */
#content div#pageGraphic {
   float: right;
  margin: 20px 0;
   width: 660px;
}

#content #pageGraphic h2 {
   margin: 0 20px 0 0;
   text-align: center;
}

/* main
---------------------------------------------------- */
#content div#main {
    float: left;
    width: 470px;
}
#content div#main h2 {
    margin: 20px  0 10px 20px;
    text-align: center;
}
#content div#main h3 {
    margin: 20px  0 10px 10px;
}
#content div#main p {
    margin: 10px 0 10px 10px;
}
/* sidebar
---------------------------------------------------- */
#content div#sidebar {
    float: left;
    width: 140px;
}
/* extrabar
---------------------------------------------------- */
#content div#extrabar{
    float: right;
    width: 180px;
}
#content div#extrabar h2 {
    margin: 20px 0 8px;
    font-size: 1em;
    text-align: center;
}
#content div#extrabar ul {
    clear: both;
    width: 150px;
    margin: 0 0 0 10px;
    padding: 0;
    list-style: none;
}
/* ----- FAQ List ----- */
#content #extrabar ul#faqList {
    width: 150px;
    margin: 20px 0 0 5px;
    list-style: none;
}
#content #extrabar #faqList li {
    width: 148px;
    height: 1%;
    margin: 0;
    padding: 0;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #CE6B8B;
    background:  #F9F3EE;
    line-height: 24px;
}
#content #extrabar #faqList li#heading {
    width: 150px;
    height: auto;
    margin: 0;
    padding: 0;
    background: #FFFFFF;
    border: none;
}
#content #extrabar #faqList li a {
    padding-left: 8px;
    color: #666666;
    text-decoration: none;
}
/* ----- Archive List ----- */
#content div#extrabar ul#archiveList {
    margin: 10px 0 30px 8px;
}
/* ----- Recent Post List ----- */
#content div#extrabar ul#recentPostList {
    margin: 10px 0 30px 8px;
}
#content #extrabar p#emulateList 
{
   width: 150px;
    height: 24px;
   line-height: 24px;
}