@charset "utf-8";
/*
Tags: two-columns, fixed-width
*/

/**
target modern browser, browser ie7,8
*/

/**
constructor
wrapper 962px padding: 10px
    |
    |-- header 960px 1pxのborder
    |
    |-- content 960
    |    |
    |    |-- main 680px 
    |    |
    |    |-- sidebar 278px 1pxのborder
    |
    |--footer 960px 1pxのborder
*/

/**
font size
10 77
11 85
12 93 (was 93)
13 100
14 108 (was 107)
15 116 (was 114)
16 123.1 (was 122)
17 131 (was 129)
18 138.5 (was 136)
19 146.5 (was 144)
20 153.9 (was 152)
21 161.6 (was 159)
22 167
23 174
24 182
25 189
26 197
*/

/**
font family
ja 中ゴシックBBB
en Optima
*/

/**
color
#000
#efefef
*/

/* -------------------------------------------------------------------
general element
 ------------------------------------------------------------------- */
html {
    margin: 0;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    color: #333;
}
* html body { /* for IE6 */
    text-align: center;
}
img {
    vertical-align: bottom;
    border: none;
}
a:link {
    color: #333;
}
a:visited {
    color: #333;
}
a:hover {
    color: darkgoldenrod;
}
a:active {
    color: #333;
}
strong, em {
    font-style: normal;
    font-weight: bold;
}




/* -------------------------------------------------------------------
page wrapper
 ------------------------------------------------------------------- */
div#wrapper {
    overflow: hidden;
    width: 200px;
    margin: auto;
    text-align: left; /* for IE6 */
}
* html div#wrapper { /* for IE6 */
    zoom: 1;
}


/* -------------------------------------------------------------------
header
 ------------------------------------------------------------------- */
div#header {
    width: 200px;
    margin-top: 25px;
    background: #fff;
}

/* logo */
#header h1 {
    float: left;
    width: 121px;
    height: 62px;
}
#header h1 a {
    text-decoration: none;
}

/* Functinal Navigation */
div#func-nav {
    width: 200px;
    float: right;
}
#func-nav li {
    float: right;
    padding: 0;
    list-style-type: none;
}
#func-nav li a {
    display: block;
    padding: 0 5px;
    border-right: 1px solid #000;
    color: #333;
    background: #fff;
    font-size: 100%;
    text-decoration: none;
}
#func-nav li a:hover {
    color: darkgoldenrod;
}

/* Facebook */
div#facebook p {
    float: right;
    padding-top: 12px;
    text-align: right;
}

/* Global Navigation */
div#nav {
    float: left;
    width: 200px
}
#nav ul#menu-nav {
    margin: 30px 0 12px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    list-style: none;
}
ul#menu-nav li {
    z-index: 1; /* for IE6, 7 記述を省くと後の要素の下に隠れることがある */
    position:relative;
    float: left;
    background: #fff;
}
ul#menu-nav li a {
    display: block;
    margin: 7px 0 5px;
    padding: 0 15px 0;
    border-right: 1px dotted #000;
    color: #000;
    font-size: 131%;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}
ul#menu-nav li a.no-action {
    cursor: default;
}
ul#menu-nav li ul.menu-nav-sub {
    position: absolute;
    display: none;
    z-index: 100;
}
ul.menu-nav-sub li {
    border-bottom: 1px dotted #000;
}
ul.menu-nav-sub li a {
    border: none !important;
}


/* -------------------------------------------------------------------
Content
 ------------------------------------------------------------------- */
div#content {
    overflow: hidden;
    width: 200px;
    margin-top: 20px;
    background: #fff;
}
* html div#content {
    zoom: 1;
}


/* aside
---------------------------------------------------- */
div#aside-left {
    float: left;
    width: 200px;
    padding-right: 40px;
    margin-bottom: 100px;
}
div#aside-left a {
    text-decoration: none;
}
/* Sidebar  */
ul#sidebar {
    overflow: hidden;
}
#sidebar li {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}
/* Widget List */
#sidebar li.widget h2 {
    padding: 0 8px 6px;
    border-bottom: 2px solid #000;
    font-size: 93%;
    font-weight: bold;
}
#sidebar li.widget li {
    padding: 8px 8px 8px 20px;
    margin-bottom: 0;
    background: url(images/common/sidebar/arrow_right.png) no-repeat 5px 13px;
    border-bottom: 1px dotted #000;
}
#sidebar li.widget li a {
    line-height: 1.5;
    text-decoration: none;
}
/* ページ */
.aside-page #sidebar li {
    padding: 5px 5px 5px 20px;
    border-bottom: 1px dotted #000;
    background: url(images/common/sidebar/arrow_right.png) no-repeat left center;
}
.aside-page #sidebar li.no-listmark {
    background-image: none;
    border-bottom:  none;
}
.aside-page #sidebar li a {
    line-height: 1.5;
    text-decoration: none;
}
/* cpt_staff */
#aside-left #sidebar li.cpt-staff {
    padding: 5px 5px 5px 20px;
    border-bottom: 1px dotted #000;
    background: url(images/common/sidebar/arrow_right.png) no-repeat left center;
}
#aside-left #sidebar li.cpt_staff a {
    line-height: 1.5;
    text-decoration: none;
}


/* main
---------------------------------------------------- */
#main h2 {
    font-size: 153.9%;
    margin-bottom: 30px;
}
#main h3 {
    font-weight: bold;
}
div#content div.col1 {
    width: 200px;
}
div#content div.col2 {
    float: left;
    width: 200px;
}
div#main h2 a {
    text-decoration: none;
}
div#main h3, div#main h4 {
    margin: 20px 0 15px;
}
div#main p {
    margin: 0 0 20px;
    line-height: 1.7;
}
div#main table {
    margin: 0 0 20px;
    border-collapse: collapse;
}
div#main table th {
    padding: 5px 8px;
    border: 1px solid #ccc;
    background: #efefef;
    font-weight: bold;
}
div#main table td {
    padding: 5px 8px;
    border: 1px solid #ccc;
}
div#main ul {
    /* inherit */
}
div#main ol {
    margin: 0 0 20px 30px;
    list-style-type: decimal;
}
div#main dl {
    margin: 0 0 20px;
}
div#main dt {
    margin-bottom: 8px;
    font-weight: bold;
}
div#main li {
    line-height: 1.7;
}


/* general 
---------------------------------------------------- */
p.gotop {
    clear: both;
    padding-right: 17px;
    margin: 25px 0 70px 0 !important;
    background: url(images/common/gotop.png) no-repeat right bottom;
    font-size: 93%;
    text-align: right;
}
p.goback {
    clear: both;
    padding: 5px 0;
    margin-bottom: 10px;
    font-size: 93%;
    text-align: right;  
}
p.goback span {
    padding-left: 18px;
    background: url(images/common/goback.png) no-repeat left center;
}
p.readmore {
    font-size: 93%;
    text-align: right;
}
p.note {
    padding: 10px;
    background: #F7F7F7
}
/* タブ */
ul.tab-menu {
    overflow: hidden;
    padding: 0;
    margin: 0 0 35px;
    border-bottom: 2px solid #000;
}
* html ul.tab-menu {
    zoom: 1;
}
ul.tab-menu li {
    float: left;
    width: 140px;
    height: 22px;
    line-height: 22px;
    padding: 0;
    margin: 0;
    background: url(images/common/tab.png) no-repeat;
    text-align: center;
    cursor: pointer;
}
ul.tab-menu li.selected {
    color: white;
    background: url(images/common/tab_selected.png) no-repeat;
    font-weight: bold;
}
ul.tab-menu li.tab-button {
    width: 130px;
    background: #fff;
}
ul.tab-menu li.tab-button {
    text-align: right;
}
div.tab-panel {
    clear: both;
}
/* モーダルウィンドウ */
html, body {
    height:100%; /* for IE 6 削除するとIE6で不具合 */
}
div#modal-back {
    display:none;
    position:fixed;
    left:0;
    top:0;
    height:100%;
    width:100%;
    background:white;
    filter:alpha(opacity=60);
    opacity: 0.60;
}
* html div#modal-back {
    position: absolute;
}
div#modal-front{
    display:none;
    position: fixed;
    padding: 20px;
    background: #fff;
    border: 2px solid #efefef;
}
* html div#modal-front{
    position: absolute;
}
div#modal-front img.close{
    position:absolute;
    top:-12px;
    right:-12px;
    cursor:pointer;
}
/* tablenav */
.tablenav {
    clear: both;
    color: #333;
    background:white;
    margin: 1em auto;
    line-height:2em;
    text-align:center;
}
a.page-numbers, .tablenav .current {
    color: #333;
    padding: 2px .4em;
    border:solid 1px #ccc;
    text-decoration:none;
    font-size:smaller;
}
a.page-numbers:hover {
    color:white;
    background: #000;
}
.tablenav .current {
    color: white;
    background: #000;
    border-color: #000;
    font-weight:bold:
}
.tablenav .next, .tablenav .prev {
    border:0 none;
    background:transparent;
    text-decoration:underline;
    font-size:smaller;
    font-weight: bold;
}


/* News & Press : Post, Archive
---------------------------------------------------- */
div.article {
    overflow: hidden;
}
* html div.article {
    zoom: 1;
}
div.article h2.title {
    position: relative;
    padding: 8px 0;
    margin: 30px 0 20px;
    border-top: 2px solid #000;
    border-bottom: 1px dotted #000;
    font-size: 116%;
    font-weight: bold;
}
div.article h2.title span.article-date {
    position: absolute;
    bottom: 3px;
    right: 0;
    font-size: 60%;
}
div.article h1, div.article h2, div.article h3, div.article h4, div article h5, div article h6 {
    margin: 18px 0 10px;
    font-size: 100%;
    font-weight: bold;
}
div.article p {
    margin: 0 0 20px;
}
div.article table {
    margin: 0 0 20px;
    border-collapse: collapse;
}
div.article table th {
    padding: 5px 8px;
    border: 1px solid #ccc;
    background: #efefef;
    font-weight: bold;
}
div.article table td {
    padding: 5px 8px;
    border: 1px solid #ccc;
}
div.article li {
   line-height: 1.7;
}
div.article ul {
    margin: 0 0 20px 20px;
    list-style-type: disc;
}
div.article ol {
    margin: 0 0 20px 30px;
    list-style-type: decimal;
}
div.article dl {
    margin: 0 0 20px;
}
div.article dt {
    margin-bottom: 8px;
    font-weight: bold;
}
div.article blockquote {
    padding-left: 15px;
    margin: 0 0 20px 25px;
    border-left: 3px solid #ddd;
}
div.article blockquote p {
    margin: 0 0 10px;
}
/* Image */
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright {
    display: block;
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}
.alignleft {
    display: block;
    float: left;
    margin-right: 10px;
    marign-bottom: 10px;
}
.wp-caption {
    border: 1px solid #eee;
    text-align: center;
    padding-top: 5px;
    margin-bottom: 15px;
}



/* front-page
---------------------------------------------------- */
div.front-page {
    margin-bottom: 5px;
}
div#front-graphic {
    width: 200px;
    margin-bottom: 50px;
}
div#content div.front-page h2 {
    position: relative;
    margin: 0 0 25px;
}
div#content div.front-page h2 span.golist {
    position: absolute;
    bottom: 0;
    right: 0;
}
div#content div.front-page ul span.golist {
    position: absolute;
    top: 0;
    right: 0;
}
div#front-news, div#front-salon, div#front-style {
    overflow: hidden;
    clear: both;
}
* html div#front-news, * html div#front-salon, * html div#front-style {
    zoom: 1;
}
div#front-news-heading {
    float: left;
    width: 192px;
}
div#main ul#front-news-list {
    position: relative;
    float: right;
    width: 200px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}
ul#front-news-list li {
    margin: 0 0 10px 45px;
    padding-left: 50px;
}
ul#front-news-list li.news {
    background: url(images/top/tag_news.png) no-repeat;
}
ul#front-news-list li.press {
    background: url(images/top/tag_press.png) no-repeat;
}
ul#front-news-list li.first {
    height: 24px;
    background: none;
}
ul#front-news-list li span.news-date {
    margin-left: 10px;
}
ul#front-news-list li span.news-title {
    margin-left: 24px;
}
div.front-salon-thumbcontainer {
    float: left;
    padding: 3px 6px 3px;
    width: 180px;
    background: url(images/top/salon/salon_back.png) no-repeat;
}
div.front-salon-thumb {
    width: 180px;
    height: 115px;
}
div.front-salon-thumbcontainer h3 {
    margin: 5px 0 12px;
    font-weight: bold;
}
div.front-salon-thumbcontainer p {
    margin-bottom: 8px;
    font-size: 93%;
    line-height: 1.5;
}
div.front-style-thumbcontainer {
    float: left;
    width: 160px;
    height: 165px;
}
div.front-style-thumb {
    width:143px;
    height: 143px;
    margin: auto;
    border: 1px solid #efefef;
}


/* Salon Page
---------------------------------------------------- */
#salon-photo {
    overflow: hidden;
}
* html #salon-photo {
    zoom: 1;
}
/* 画像 スライド */
#salon-photo-main {
    float: left;
    width: 200px;
    height: 350px;
    margin-right: 15px;
}
#salon-photo-thumb {
    float: right;
    width: 185px;
    height: 350px;    
}
#salon-photo-thumb ul {
    padding: 0;
    margin: 0 0 0 0;
    list-style: none;
}
#salon-photo-thumb ul li {
    margin-bottom: 10px;
}
/* サロン詳細 */
#salon-detail {
    overflow: hidden;
    margin-top: 30px;
}
* html #salon-detail {
    zoom: 1;
}
#salon-detail table {
    width: 200px;
}
#salon-detail th {
    width: 150px;
    padding: 8px 15px;
    line-height: 1.8;
}
#salon-detail td {
    padding: 8px 15px;
    line-height: 1.8
}
div.salon-staff-thumbcontainer {
    float: left;
    width: 170px;
    height: 165px;
}
div.salon-staff-thumb {
    width:143px;
    height: 143px;
    margin: auto;
    border: 1px solid #efefef;
}
/* Google Maps */
div#map_canvas {
    width: 200px;
    height: 380px;
}


/* Menu&Price Static Page
---------------------------------------------------- */
.menu-row {
    overflow: hidden;
    padding-top: 15px;
    border-top: 1px dotted darkgoldenrod;
}
* html .menu-row {
    zoom: 1;
}
div#main .menu-row h3 {
    margin-top: 0;
}
div#main .menu-row table {
    width: 100%;
    padding: 15px 0;
}
div#main .menu-row th {
    width: 200px;
    background: #efefef;
}
div#main .menu-row th.colspan {
    /*width: 100%;*/
}
div#main .menu-row td {
    text-align: right;
}


/* Staff : Single Page for Custom Post Type
---------------------------------------------------- */
div#staff-container {
    overflow: hidden;
    width: 200px;
}
* html div#staff-container {
    zoom: 1;
}
p#staff-photo {
    float: left;
    width: 200px;
    /* height: 450px; */
    padding: 8px;
    border: 2px solid #efefef;
}
p#staff-message {
   float: right;
   width: 330px;
   margin-left: 30px;
}
div#staff-style-container p {
    margin: 15px 0;
}
div.staff-style-thumbcontainer {
    float: left;
    width: 160px;
    height: 165px;
}
div.staff-style-thumb {
    width:143px;
    height: 143px;
    margin: auto;
    border: 1px solid #efefef;
}


/* Style : Archive for Custom Post Type
---------------------------------------------------- */
div#filter-container {
    width: 200px;
    margin: 30px 0 18px;
}
/* Filter for Style Type */
div#filter-style {
    position: relative;
    float: left;
    width: 280px;
    margin-right: 20px;
}
div#filter-style h3 {
    font-weight: bold;
    padding: 8px 0;
    margin: 0;
    background: #eee;
    border: 1px solid #ddd;
    text-align: center;
}
div#filter-style ul {
    position: absolute;
    top: 32px;
    left: 0;
    display: none;
    width: 280px;
    padding: 0;
    margin: 0;
    background: #efefef;
    border-bottom: 1px solid #ddd;
}
div#filter-style ul li {
    position: relative;
    padding: 4px 6px;
    margin: 0;
    border-bottom: 1px solid #ddd;
}
div#filter-style  ul li a {
    display: block;
    text-align: center;
    text-decoration: none;
}
div#filter-style ul li ul {
    position: absolute;
    top: 0;
    left: 280px !important;
    left: 140px; /* for IE6 */
}
/* Staff */
div#filter-staff {
    position: relative;
    float: left;
    width: 280px;
    margin-right: 20px;
}
div#filter-staff h3 {
    font-weight: bold;
    padding: 8px 0;
    margin: 0;
    background: #eee;
    border: 1px solid #ddd;
    text-align: center;
}
div#filter-staff ul {
    position: absolute;
    top: 32px;
    left: 0;
    display: none;
    width: 280px;
    padding: 0;
    margin: 0;
    background: #efefef;
    border-bottom: 1px solid #ddd;
}
div#filter-staff ul li {
    clear: left;
    padding: 8px 20px;
    margin: 0;
    border-bottom: 1px solid #ddd;
}
div#filter-staff ul li a {
    display: block;
    text-align: center;
    text-decoration: none;
}
/* container */
div#style-container {
    overflow: hidden;
    clear: both;
    width: 200px;
    margin-top: 20px;
}
* html div#style-container {
    zoom: 1;
}
div.style-thumbcontainer {
    float: left;
    width: 160px;
    height: 225px;
}
div.style-thumb {
    width:143px;
    height: 143px;
    margin: auto;
    border: 1px solid #efefef;
}
div#main p.style-stylist-info {
   padding: 0 0 0 8px;
   margin: 10px 0 0 8px;
   line-height: 1.5;
   border-left: 3px solid #ddd;
}


/* Recruit
---------------------------------------------------- */
div#recruit h4 {
    padding: 0 0 4px 8px;
    border-left: 3px solid #000;
    border-bottom: 1px dotted #000;
    font-weight: bold;
}
div#recruit h4.curriculum {
    padding: 0;
    margin-top: 50px;
    margin-bottom: 10px;
    border: none;
}
div#recruit div.box-color1 {
    padding: 10px 20px;
    background: #e8ecf0;
}
div#recruit div.box-color2 {
    padding: 10px 20px;
    background: #d1e0ef;
}
div#recruit div.box-color3 {
    padding: 10px 20px;
    background: #efefef;
}
div#recruit div.box-color1 p {
    margin-bottom: 0px !important;
}
div#recruit div.box-color2 p {
    margin-bottom: 0px !important;
}
div#recruit div.box-color3 p {
    margin-bottom: 0px !important;
}
div#main table.recruit-table {
    width: 200px;
}
div#main table.recruit-table th {
    width: 180px;
}


/* Sitemap
---------------------------------------------------- */
div#main div#sitemap ul li {
    padding: 5px 0 0 30px;
    background: url(images/sitemap/arrow_right.png) no-repeat 5px 13px;
}
div#main div#sitemap ul ul {
    margin-left: 30px;
}


/* Pop up Window
---------------------------------------------------- */
div#page-popup h2 {
    margin: 30px 20px 18px;
}
div#page-popup p {
    margin: 18px 20px;
}




/* -------------------------------------------------------------------
フッター
 ------------------------------------------------------------------- */
div#footer-wrapper {
    position: relative;
    overflow: hidden;
    clear: both;
    background: #000;
}
* html div#footer-wrapper {
    text-align: center;
    zoom: 1;
}
div#footer {
    overflow: hidden;
    width: 200px;
    padding: 9px 0 18px;
    margin: 0 auto;
}
* html div#footer {
    zoom: 1;
    text-align: left; /* for IE6 */
}
/* footer-nav */
div#footer-nav {
    width: 100%;
}
#footer-nav ul#menu-footer-nav {
    margin: 10px 0 0;
    list-style: none;
    overflow: hidden; /* alternate clearfix */
}
#footer-nav ul#menu-footer-nav {
    zoom: 1; /* for IE6 */
}
#footer-nav li {
    float: left;
    padding: 0;
    list-style-type: none;
}
#footer-nav li a {
    display: block;
    padding: 0 10px;
    border-right: 1px solid #fff;
    color: #fff;
    font-size: 93%;
    text-decoration: none;
}
#footer-nav li a:hover {
    color: darkgoldenrod;
}
/* address */
#footer address {
    padding: 10px 5px;
    color: #fff;
    font-size: 85%;
    font-style: normal;
    text-align: right;
}




/* -------------------------------------------------------------------
汎用スタイル
 ------------------------------------------------------------------- */
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-red {
    color: red;
}
.text-bold {
    font-weight: bold;
}
.text-small {
    font-size: 93%;
}
.text-xsmall {
    font-size: 85%;
}
.text-clear {
    font-size: 14px;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.float-clear {
    clear: both;
}




/* -------------------------------------------------------------------
Clearfix
------------------------------------------------------------------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
/* Hides from -mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from -mac */