/* 
shop.css
Mieux. & approve
version 2010/03/22
*/


/*-----------------------------
◆A. 全種類のコラム共通◆
------------------------------*/


/*-------------
HTMLクラス
------------------------------*/
body {
margin : 0px;
padding: 0px;
font-family: Verdana, Helvetica, Arial, Osaka, sans-serif;
line-height: 150%;
font-size: 12px;
color: #000000;
text-align: center;
}
a:link, 
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img {
border: 0px;
}
iframe {
padding: 0px;
margin: 0px;
border: 0px;
}
input.text, textarea {
font-family: "Hiragino Kaku Gothic Std", Osaka, sans-serif;
}


/*-------------
ラッパー
------------------------------*/
#wrapper {
width: 720px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: left;
}


/*-------------
ヘッダー
------------------------------*/
#header {
width: 720px;
height: 90px;
margin: 0px auto 0px auto;
padding: 0px 0px;
clear: both;
}
#header h1 {
margin: 0px;
padding: 30px 0px 0px 30px;
float: left;
}
#header .nav {
text-align: right;
float: right;
margin: 0px;
font-size: 0.8em;
padding: 10px 20px 0px 0px;
}


/*-------------
スキップ用ナヴィゲイション
------------------------------*/
#skip-nav {
position: absolute;
left: -9999px;
font-size: small;
}


/*-------------
サイドバー
------------------------------*/
/*
サイドバー内のナヴィゲイション
（メイン）
*/
.nav_main ul {
padding: 0px;
margin: 0px 0px 10px 0px;
}
.nav_main li {
margin: 0px;
padding: 0px 0px 5px 0px;
list-style: none;
}
/*
サイドバー内のナヴィゲイション
（サブ）
*/
.nav_sub ul {
margin: auto 0px 20px 0px;
padding: 0px;
text-align: left;
}
.nav_sub  li {
background: url("../img/list_nav_sub.jpg") no-repeat left center;
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 13px;
list-style: none;
}
/*
サイドバー内の店舗情報
*/
.nav_shop  {
border-top: 1px solid #999;
margin: 20px 0px 0px 0px;
padding: 20px 0px 0px 0px;
}
.nav_shop p {
font-size: 0.8em;
color: #999;
margin: 0px;
padding: 0px;
}
.nav_shop strong {
font-weight: normal;
}
/*
サイドバー内のカレンダー
*/
.calendar {
display: none;
    margin: 10px 0px;
    text-align: center;
    color: #444444;
}
.calendarhead {
    padding-bottom: 0px;
    text-align: center;
    color: #444444;
    font-size: 9px;
    background: none;
    letter-spacing: 0.2em;
}
.calendar table {
width: 120px;
    text-align: center;
    padding: 0px;
    border-collapse: collapse;
}
.calendar th {
    padding-bottom: 3px;
    font-size: 8px;
    width: 20px;
}
.calendar td {
    padding: 2px 0;
    font-size: 9px;
    line-height: 120%;
}
.close {
    display: block;
    text-align: center;
    color: #ffffff;
	font-weight: bold;
    background: #a39170;
}
.red {
    color: #e50003;
}
.blue {
    color: blue;
}


/*-------------
メインのコラム
------------------------------*/
#main h2 {
text-align: center;
padding: 0px;
font-size: 1em;
color: #FFFFFF;
text-transform: uppercase;
margin: 0px 0px 0.9em 0px;
}
#main p {
font-size: 1em;
}
#main ul {
list-style-position: inside;
padding-left: 0px;
margin-left: 0px;
}
#main li {
display: list-item;
}


/*-------------
メインのコラム（エクストラなし）
------------------------------*/
#main-wide h2 {
text-align: center;
padding: 0px;
font-size: 1em;
color: #FFFFFF;
text-transform: uppercase;
margin: 0px 0px 0.9em 0px;
}
#main-wide p {
font-size: 1em;
}
#main-wide ul {
list-style-position: inside;
padding-left: 0px;
margin-left: 0px;
}
#main-wide li {
display: list-item;
}


/*-------------
エントリー
------------------------------*/
.entry {
margin: 0px;
padding: 0px;
}
.entry blockquote {
width: 330px;
margin: 1em 0px;
padding: 15px;
}
/*
エントリーの日付
*/
.entry-date  {
font-size: 0.9em;
text-transform: lowercase;
}
.entry-date p {
font-weight: normal;
}
/*
エントリーの続きを読む
*/
#readmore {
border: 1px solid #cccccc;
padding: 0px 5px;
}
#readmore p {
padding: 0px;
margin: 0px;
}
/*
エントリーのフッター
*/
#entry-footer  {
font-size: 0.8em;
padding: 0px 0px 15px 0px;
margin: 0px;
}
#entry-footer p {
padding: 3px 0px 0px 0px;
margin: 0px;
}


/*-------------
特集バナー用コラム
------------------------------*/
#nav_feature {
width: 150px;
padding: 0px;
margin: 0px 0px 0px 0px;
}
#nav_feature p {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 13px;
font-size: 10px;
}


/*-------------
フッター
------------------------------*/
#footer {
width: 680px;
margin: 0px auto;
padding: 20px 0px;
clear: both;
}
#footer .pagetop {
text-align: right;
}
#footer p {
font-size: 0.8em;
text-align: center;
}
#footer address {
font-size: 0.8em;
font-style: normal;
line-height: 135%;
border-top: 1px solid #cccccc;
padding: 5px 0px 0px 0px;
text-align: center;
}


/*-------------
要素を隠す
------------------------------*/
.hide {
display: none;
}


/*-----------------------------
◆B. トップページ用コラム◆
------------------------------*/


/*-------------
タイトル画像
------------------------------*/
.column-news #titlephoto {
margin-top: 10px;
}


/*-------------
コンテント
------------------------------*/
.column-news #content {
margin: 20px 0px 0px 0px;
padding: 0px 20px 10px 20px;
}


/*-------------
サイドバー
------------------------------*/
.column-news #sidebar {
width: 150px;
float: left;
padding: 0px;
margin: 0px;
}
.column-news #sidebar h2 {
font-size: 10px;
color: #FFFFFF;
text-align: center;
padding: 0px;
margin: 0px 0px 0px 0px;
}
.column-news #sidebar p {
margin-top: 0px;
/*padding: 0px;*/
font-size: 0.8em;
}


/*-------------
特集バナー用コラム
------------------------------*/
.column-news #nav_feature {
float: right;
}


/*-------------
メインのコラム
------------------------------*/
.column-news #main-top {
width: 330px;
padding: 0px 10px 0px 0px;
margin: 0px 145px 0px 175px;
}
.column-news #main-top h2 {
width: 330px;
font-size: 1em;
color: #FFFFFF;
}
.column-news #main-top dt{
width: auto;
padding: 3px 0px 0px 0px;
float: left;
}
.column-news #main-top dd{
padding: 0px 0px 0px 10px;
text-transform: lowercase;
}

/*
以前のニュース
*/
.column-news .morenews {
clear: both;
font-size: 0.9em;
}
.column-news .morenews p {
text-align: center;
}


/*-------------
エントリー
------------------------------*/
.column-news .entry {
border-bottom: 1px dotted #cccccc;
margin-bottom: 3px;
}
/*
エントリーの日付
*/
.column-news .entry-date  {
margin: -7px 0px 0px 0px;
}



/*-----------------------------
◆C. カテゴリー用コラム◆
------------------------------*/


/*-------------
HTMLクラス
------------------------------*/


/*-------------
コンテント
------------------------------*/
.column-basic #content {
width: 500px;
float: right;
padding: 0px 22px 0px 0px;
margin: 0px;
}


/*-------------
ヘッダー
------------------------------*/
.column-basic #header {
padding-bottom: 10px;
margin-bottom: 20px;
}


/*-------------
見出し写真
------------------------------*/
.column-basic #main-img {
width: 500px;
margin-bottom: 20px;
}

#main .entry dt {
font-size: 0.9em;
color: #000000;
padding-top: 1px;
font-weight: bold;
}
#main .entry dd {
margin-left: 0px;
border-bottom: 1px dotted #cccccc;
}


/*-------------
メインのコラム
------------------------------*/
.column-basic #main {
width: 360px;
float: left;
}
.column-basic #main h2 {
width: 360px;
margin: 0px 0px 10px 0px;
}
.column-basic #main h3 {
font-size: 1.3em;
padding: 0px 0px 5px 0px;
margin: 1.1em 0px;
}
.column-basic #main h4 {
font-size: 1.1em;
padding: 0px 0px 0px 5px;
}
.column-basic #main h5 {
font-size: 1em;
padding: 5px 0px 0px 0px;
}


/*-------------
メインのコラム（エクストラなし）
------------------------------*/
.column-basic #main-wide {
width: 500px;
float: left;
}
.column-basic #main-wide h2 {
width: 500px;
margin: 0px 0px 10px 0px;
}
.column-basic #main-wide h3 {
font-size: 1.3em;
padding: 0px 0px 5px 0px;
margin: 1.1em 0px;
}
.column-basic #main-wide h4 {
font-size: 1.1em;
padding: 0px 0px 0px 5px;
}
.column-basic #main-wide h5 {
font-size: 1em;
padding: 5px 0px 0px 0px;
}


/*-------------
エントリー
------------------------------*/
/*
エントリーの日付
*/
.column-basic .entry-date  {
margin: -12px 0px 0px 0px;
}


/*-------------
エクストラ
------------------------------*/
.column-basic #extra {
width: 120px; 
float: right;
margin: 0px 0px 0px 20px;
padding: 0px;
}
.column-basic #extra h3 {
font-size: 1.1em;
color: #000000;
padding: 3px 0px 3px 5px;
margin: 0px 0px 0px 0px;
border-bottom: 1px dotted #000000;
}
.column-basic #extra p {
font-size: 10px;
margin: 0px 0px 10px 0px;
}
.column-basic #extra ul {
margin-left: 0px;
padding: 0px;
}
.column-basic #extra li {
font-size: 11px;
list-style: none;
}
.column-basic #extra li li {
font-size: 11px;
list-style: none;
margin: 0px 0px 0px 10px;
}
.column-basic #extra dt {
font-size: 0.9em;
color: #000000;
font-weight: bold;
}
.column-basic #extra dd {
margin-left: 0px;
}


/*-------------
サイドバー
------------------------------*/
.column-basic #sidebar {
width: 150px;
float: left;
margin: 0px;
padding: 0px 0px 0px 22px;
}


/*-----------------------------
◆E. スタッフ◆
------------------------------*/
.staff  {
text-align: left;
}
.staff #main {
margin: 0px;
width: 350px;
padding: 0px 0px 0px 0px;
text-align: left;
}
.staff #main h3 {
font-size: 1.3em;
padding: 0px 0px 5px 0px;
}
.staff #main h4 {
font-size: 0.9em;
padding: 0px;
margin: 0.6em 0px;
color: #000000;
}
.staff-list {
margin: 0px 0px 30px 0px;
}
#staff-name-romaji {
margin-top: -15px;
padding: 0px;
font-size: 0.8em;
}
#staff-wrapper {
margin-bottom: 30px;
}
#staff-profile {
margin: -5px 0px 0px 0px;
/* ↑ IE5 for Mac 対策 \*/
margin: 0px;
}
#staff-profile p {
padding: 0px;
margin: 5px 0px;
}
#staff-profile dl {
margin: -5px 0px 5px 0px;
border-top: 1px dotted #cccccc;
}
#staff-blog {
margin:0 0 45px 0;
padding: 0;
width:360px;
    overflow: hidden;
}
#staff-blog:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #staff-blog {
    height: 1em;
    overflow: visible;
}
/**/
#staff-blog-qr {
border:1px solid #cccccc;
width:99px;
height:99px;
float:left;
}
#staff-blog-url {
width:240px;
height:99px;
float:right;
}
#staff-blog-url p {
margin:0;
padding: 0;
color:#333333;
}

/*-----------------------------
◆F. 価格表◆
------------------------------*/

.price  {
text-align: left;
}
.price #main {
margin: 0px;
width: 350px;
padding: 0px 0px 0px 0px;
text-align: left;
}
.price #main h2 {
width: 350px;
}
.price #main h3 {
font-size: 1.3em;
padding: 0px 0px 5px 0px;
}
.price #main h4 {
font-size: 1.1em;
padding: 0px 0px 0px 5px;
}
.price #main h5 {
font-size: 1em;
padding: 5px 0px 0px 0px;
}
.price #main p {
padding: 0px;
margin: 10px 0px;
}
.price-list ul {
margin: 15px 0px 30px 0px;
	border: 1px solid #999999;
	border-width: 0 0 0 1px;
}
.price-list li {
list-style: none;
margin-left: 0px;
padding: 0px 0px 0px 10px;
}
.price-table table {
	font-size: 100%;
	line-height: 150%;
	border: 1px dotted #999999;
	border-width: 1px 0 0 0;
	}
.price-table caption {
 	font-weight: bold;
	border: 1px solid #999999;
	border-width: 1px 0 0 0;
	background: #f6f6f6;
	padding: 4px 0px;
}	
.price-table th {
	background: #f6f6f6;
	padding: 0px;
	border: 1px solid #999999;
	border-width: 1px 0 0 0;
	padding-left: 7px;
	padding-right: 7px;
 	font-weight: bold;
}
.price-table td {
	padding: 1px;
	border: 1px dotted #999999;
	border-width: 0 0 1px 0;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 90%;
}


/*-----------------------------
◆G. スタッフブログ◆
------------------------------*/


/*-------------
エントリー
------------------------------*/
.entry-blog h3 {
font-size: 1.3em;
padding: 0px 0px 0px 21px;
margin: 0px;
}
.entry-blog h4 {
font-size: 0.8em;
padding: 0px 0px 5px 0px;
margin: 0px;
}
.entry-blog p {
margin: 10px 0px ;
padding: 0px;
}


/*-------------
スタッフ別カテゴリー
------------------------------*/
#blog-staff-profile {
width:360px;
margin: 0;
padding: 10px 0 0 0;
clear: both;
overflow: hidden;
}
#blog-staff-profile:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #blog-staff-profile {
height: 1em;
overflow: visible;
}
/**/

#blog-staff-profile-name {
width:285px;
float:right;
margin:0;
padding:0;
}
#blog-staff-profile-name-h3 {
margin:0 0 5px 0;
padding:0;
font-size: 1.3em;
font-weight:bold;
color:#9e9e9e;
padding: 0px 0px 5px 0px;
border-bottom:1px dotted #333333;
}
#blog-staff-profile-name-link {
margin:0;
padding:0 0 0 15px;
background: url(../img/list_small.gif) 1px .3em no-repeat;
}
#blog-staff-profile-image {
width:65px;
height:49px;
float:left;
margin:0;
padding:0;
}


/*-------------
コメント・トラックバック
------------------------------*/
#comments-open-data p {
    margin-bottom: 10px;
}
#comment-post {
   font-weight: bold;
}
#comment-author, #comment-email, #comment-url, #comment-text, #comment-text {
    width: 270px;
    border: 1px solid #cccccc;
}
#comment-bake-cookie {
   margin-left: 2px;
   vertical-align: middle;
}
#comments-open-footer {
    text-align: left;
}
.trackbacks,
.comments {
    margin: 0px 5px
    padding: 10px 0px;
    color: #36414d;
}
.trackbacks-header,
.comments-header,
.comments-open-header {
    margin: 15px 0;
    padding: 2px 0 2px 0px;
}
#trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 150%;
    word-break: break-all;
}
.trackback-content p,
.comment-content p {
    margin-top: 10px;
    margin-bottom: 5px;
}
#trackback-footer,
#comment-footer {
    border-top: 1px dotted #36414d;
    padding-top: 3px;
    margin-right: 0px;
}
#trackback-footer p,
#comment-footer p {
    font-size: 10px;
    margin: 0;
    padding: 1px 0 0 0;
text-transform: uppercase;
    text-align: right;
}
.comments-open label {
    display: block;
}
.comments-head {
    font-size: 11px;
    padding: 2px 0 2px 0px;
    margin: 15px 0;
}
#comment-preview,
#comment-post,
#comment-cancel {
font-size: 12px;
background: #ffffff;
color: #494949;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-bottom: 1px solid #333333;
border-right: 1px solid #333333;
margin: 1px 0px 0px 0px;
width: 60px;
padding: 2px 2px;
}


/*-----------------------------
◆H. カレンダー◆
------------------------------*/
#googlecalendar {
text-align: center;
margin: 0px;
padding: 0px 10px;
}


/*-----------------------------
◆I. ケラスターゼ◆
------------------------------*/
.kerastase-material {
width: 500px;
height: 195px;
}
.kerastase-photo {
width: 198x;
}
.kerastase-text {
margin: -198px 0px 0px 210px;
}
#kerastase {
font-size: 100%;
}
#kerastase caption {
text-align: left;
border: 1px solid #999999;
border-width: 0 0 1px 0;
}


/*-----------------------------
◆J. 会社概要・採用情報◆
------------------------------*/
#office dl { 
	width: 100%;
}
#office dt {
	font-size: 0.9em;
	color: #000000;
	border-top: 1px dotted #cccccc;
	padding-top: 1px;
	font-weight: bold;
	}
#office dd {
	margin-left: 0px;
}
/*
罫線で囲んで強調
*/
#emphasis-border {
border: 1px solid #a39170;
padding: 3px 6px;
background: #f4f1ec;
}