@charset "utf-8";

/* =============================================
 Universal Reset
============================================= */

*{
font-family: Helvetica, Verdana, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic;
}

body{
margin:0;
padding:0;
font-size:100.01%;
line-height:1.3;
}

img{
border:0;
vertical-align:bottom;
}

ul,dl,ol{
list-style-type:none;
list-style-position:outside;
}

li li,
li dt,
li dd,
dd p,
dd li,
dd dt,
dd dd,
table li,
table dt,
table dd,
table table,
td th{
margin:0;
padding:0;
font-size:1em;
}

input,
textarea{
font-size:1em;
}

/* ===== Float Clearing ===== */

.clearFix{
display:inline-table;
}

.clearFix:after{
display:block; 
clear:both; 
visibility:hidden;
height:0; 
content:".";
}

.clearFix{
display:inline-block; /* for IE7 and IE-mac */
}

/* Hides from IE-mac \*/
* html .clearFix{
height:1%;
min-height:1%;
}

.clearFix{
display:block;
}
/* End hide from IE-mac */


/* =============================================
 Basic Layout & Style
============================================= */

body{
color:#615943;
background:url("http://hairmake-calm.com/common/img/bg_side.gif") 0 0 repeat-y;
font-size:72%;
text-align:left;
letter-spacing:0.1em;
}

a{
color:#F29206;
text-decoration:none;
}

a:link{
color:#F29206;
text-decoration:none;
}

a:visited{
color:#F2B206;
}

a:hover{
color:#FFCA7F;
text-decoration:underline;
}

a:active{
color:#f00;
}

a img{
border:#E8E8E8 1px solid;
}

a:hover img{
border:#FFCA7F 1px solid;
}

.hide{
clear:both;
border:none;
font-size:0;
text-indent:-9999px;
line-height:0;
}

.lastItem{
margin-right:0;
padding-right:0;
}

.notice{
color:#FF0000;
}

/* ===== Basic Layput ===== */

#allContentsArea{
margin-left:20px;
background:url("http://hairmake-calm.com/common/img/bg.gif") 0 0 repeat-x;
text-align:left;
}

#allContents{
width:950px;
position:relative;
}

#headerArea{
float:left;
width:200px;
}

#mainContentsArea{
float:left;
width:457px;
padding:0 30px 0;
background:#FFFFFF;
}

.subContentsArea{
float:left;
width:213px;
padding-top:80px;
}

#footerArea{
width:200px;
padding-bottom:20px;
}

/* =============================================
 Common Parts Style
============================================= */

/* ===== link More ===== */

.linkMore a{
height:auto;
_height:18px;
min-height:18px;
padding-bottom:3px;
padding-left:10px;
background:url("http://hairmake-calm.com/common/img/cmn/list_marker_1.gif") 0 3px no-repeat;
line-height:1.2;
}

/* ===== toTop ===== */

.toTop{
text-align:right;
margin-bottom:10px;
}

.toTop a{
padding-left:18px;
background:url("http://hairmake-calm.com/common/img/cmn/ico_to.gif") 0 0.2em no-repeat;
}

/* ===== Page ===== */

div.Page{
padding:7px 0 10px;
font-size:0.9em;
text-align:center;
}

div.Page ul{
margin:0;
padding:0;
}

div.Page li{
display:inline;
}

div.Page .firstItem{
float:left;
}

div.Page .lastItem{
float:right;
}

div.Page a img{
border:0;
}

/* ===== Tag cloud ===== */

.tagCloud li{
display:inline;
margin:0;
padding:0 5px 0 0;
background:none;
}

.tagCloud li{
line-height:1;
}

a.rank6{font-size:80%;}
a.rank5{font-size:100%;}
a.rank4{font-size:120%;}
a.rank3{font-size:140%;}
a.rank2{font-size:160%;}
a.rank1{font-size:180%;}

/* =============================================
 Header Area
============================================= */

#headerArea h1{
margin:0;
padding:0;
}

#headerArea a img{
border:0;
text-decoration:none;
}

#headerArea p{
margin:0;
padding:0;
}

ul#globalNavi{
margin:0;
padding:0 0 31px;
background:url("http://hairmake-calm.com/common/img/bg_menu.gif") 0 100% no-repeat;
}

ul#globalNavi li{
display:block;
width:200px; 
height:21px;
}

ul#globalNavi li a{
display:block;
width:200px; 
height:21px;
}

ul#globalNavi li a span{
display:none;
}

ul#globalNavi li#navTop a{
background:url("http://hairmake-calm.com/common/img/menu_top.gif") 0px 0px no-repeat; 
}
ul#globalNavi li#navTop a:hover{
background-position:-200px 0;
}

ul#globalNavi li#navBlog a{
background:url("http://hairmake-calm.com/common/img/menu_blog.gif") 0px 0px no-repeat; 
}
ul#globalNavi li#navBlog a:hover{
background-position:-200px 0;
}

ul#globalNavi li#navAboutCalm a{
background:url("http://hairmake-calm.com/common/img/menu_aboutcalm.gif") 0px 0px no-repeat; 
}
ul#globalNavi li#navAboutCalm a:hover{
background-position:-200px 0;
}

ul#globalNavi li#navMap a{
background:url("http://hairmake-calm.com/common/img/menu_map.gif") 0px 0px no-repeat; 
}
ul#globalNavi li#navMap a:hover{
background-position:-200px 0;
}

ul#globalNavi li#navPrice a{
background:url("http://hairmake-calm.com/common/img/menu_price.gif") 0px 0px no-repeat; 
}
ul#globalNavi li#navPrice a:hover{
background-position:-200px 0;
}

ul#globalNavi li#navInfo a{
background:url("http://hairmake-calm.com/common/img/menu_info.gif") 0px 0px no-repeat; 
}
ul#globalNavi li#navInfo a:hover{
background-position:-200px 0;
}

ul#globalNavi li#navStyle a{
background:url("http://hairmake-calm.com/common/img/menu_style.gif") 0px 0px no-repeat; 
}
ul#globalNavi li#navStyle a:hover{
background-position:-200px 0;
}

ul#globalNavi li#navStaff a{
background:url("http://hairmake-calm.com/common/img/menu_staff.gif") 0px 0px no-repeat; 
}
ul#globalNavi li#navStaff a:hover{
background-position:-200px 0;
}

 
/* =============================================
 Footer Area
============================================= */

#copyright{
text-align:center
}

/* =============================================
 Main Contents Area
============================================= */

/* ===== Topic Path ===== */

div#topicPath{
margin-bottom:15px;
}

div#topicPath em{
font-weight:bold;
font-style:normal;
}

/* ===== Page heading ===== */

div.pageHeading{
padding:20px;
margin-bottom:30px;
background:url("http://hairmake-calm.com/common/img/bg_title.gif") 0 100% no-repeat;
}

div.pageHeading h2{
margin:0;
padding:0;
color:#2D4B23;
font-size:1.3em;
line-height:1;
}

/* ===== entryHeading ===== */

div.entryHeading{
margin-bottom:10px;
font-weight:bold;
}

div.entryHeading h3{
margin:0 0 0;
padding:0;
font-size:1.2em;
}

div.entryHeading .date{
}

/* ===== entryArea ===== */

div.entryArea{
margin-bottom:30px;
background:url("http://hairmake-calm.com/common/img/line_dot.gif") 0 100% repeat-x;
}

div.entryBody{
clear:both;
}

div.entryBody blockquote{
padding-bottom:0.8em;
font-style:italic;
}

div.entryBody p.moreText{
clear:both;
margin-top:0;
padding-top:10px;
}

div.entryFooter{
clear:both;
padding-top:10px;
padding-bottom:10px;
text-align:right;
font-size:0.9em;
}

div.entryFooter dl{
margin:0;
padding:0 0 3px;
}

div.entryFooter dt,
div.entryFooter dd{
display:inline;
margin:0;
padding:0 0 0 5px;
}

div.entryFooter dt{
margin-left:12px;
}

div.entryFooter ul{
margin:0;
padding:0;
}

div.entryFooter li{
display:inline;
margin-right:6px;
padding-left:7px;
}

div.entryFooter li.permalink{
margin-right:0;
}

div.entryFooter li.trackback,
div.entryFooter li.permalink{
background:url("http://hairmake-calm.com/common/img/separator.gif") 0 0 no-repeat;
}

/* ===== entryModule ===== */

div.entryModule{
clear:both;
padding:30px 0 0px;
}

div.entryModule h4{
margin-bottom:10px;
padding:5px 3px 5px 3px;
background:url("http://hairmake-calm.com/common/img/line_dot.gif") 0 100% repeat-x;
font-size:0.9em;
}

div.entryModule h4 span{
}

div.entryModule ul{ 
padding:0;
}

div.entryModule ul,
div.entryModule p,
div.entryModule form{ 
margin:0px 10px 25px;
font-size:0.9em;
}

div.entryModule ul p{ 
margin:0px 0 5px;
font-size:1em;
}

div.entryModule li{ 
margin-top:3px;
}

div.entryModule.commentUp{
padding-bottom:20px;
}

div.entryModule li.listUpdate{
text-align:right;
}

div.entryModule li.listTitle{
}

div.entryModule li span.entryTitle{
padding-right:5px;
}

div.entryModule li.listBody{
}

div.entryModule li span.textDate{
padding-right:2px;
padding-left:3px;
}

div.entryModule li span.textAuthor{
padding-right:2px;
padding-left:3px;
}

div.entryModule li .reply{
padding-left:5px;
}


/* ==MT4 comment=============================== */
div.entryModule.commentUp p{
margin-bottom:5px;
}

#comment-greeting{
margin:0px 10px 20px;
font-size:0.9em;
}

#comment-form-name label,
#comment-form-email label,
#comment-form-url label{
display:block;
width:100px;
float:left;
}

#comment-form-name,
#comment-form-email,
#comment-form-url{
clear:both;
margin-bottom:8px;
}

#comment-form-remember-me{
margin-left:100px;
margin-bottom:8px;
}

input#comment-author,
input#comment-email,
input#comment-url{
width:200px;
}

textarea#comment-text{
width:320px;
margin-left:100px;
margin-bottom:8px;
}

#comments-open-captcha{
margin-left:100px;
margin-bottom:8px;
}

#comments-open-captcha p{
font-size:1em;
margin-top:3px;
margin-left:0;
}

#comments-open-footer{
text-align:right;
}

/* ==table=============================== */

table.table01{
}

table.table01 th,
table.table01 td{
padding:7px 10px 7px;
background:#EFEFEF;
}

table.table01 th{
text-align:left;
font-weight:normal;
}

table.table01 td{
text-align:right;
}


/* ============================================= */

/* =============================================
 Sub Contents Area
============================================= */

div.module{
margin:0 0 30px;
font-size:0.9em;
line-height:1.6;
}

div.module h2{
margin-bottom:12px;
color:#495F41;
font-size:1.1em;
letter-spacing:0em;
}

div.module ul{
margin:0;
padding:0;
}

div.module li{
margin-bottom:1px;
}

div.module p{
margin-bottom:0.2em;
}

div.module p.moreText{
margin:0 0 7px;
padding:0;
line-height:1.5;
text-align:left;
}

div.module p .phone{
font-size:1.2em;
font-weight:bold;
}



/* ===== calendar ===== */

div.module.calendar table{
margin:0;
padding:0;
width:180px;
}

div.module.calendar table th,
div.module.calendar table td{
margin:0;
padding:0;
text-align:center;
}

/* ===== search ===== */

div.module.search form,
div.module.search input{
margin:0;
padding:0;
}

div.module.search input.textbox{
width:157px;
}

div.module.search input.btn{
display:inline;
vertical-align:bottom;
}


/* ===== tag cloud ===== */

div.module.tagCloud li{
padding-left:0;
}

/* ===== rss ===== */

div.rss li a{
display:block;
min-height:20px;
padding-left:20px;
background:url("http://hairmake-calm.com/common/img/ico_rss.gif") 0 0 no-repeat;
line-height:1.6;
}


/* ==thumnailsArea=============================== */

.thumnails{
padding-bottom:10px;
}

.thumnails li{
float:left;
width:102px;
margin-right:10px;
margin-bottom:10px;
}

/* =============================================
 Style Pages
============================================= */
body.stylePage{
background:none;
padding:20px;
}

div#styleContentsArea{
/*width:550px;*/
text-align:left;
}

body.stylePage h1,
body.stylePage h2,
body.stylePage h3{
margin:0;
padding:0;
line-height:0;
text-indent:-99999px;
}

div.descriptionArea01{
float:left;
width:228px;
margin-right:20px;
}

div#imageArea01{
float:left;
width:302px;
position:relative; /*keep this intact*/
visibility:hidden; /*keep this intact*/
}

div#imageArea02{
width:300px;
background:#000000;
}

div#imageArea02 img{
opacity:0;
}

div.descriptionArea01 p{
line-height:1.4;
}
div.descriptionArea01 .date{
font-size:1.1em;
font-weight:bold;
margin-bottom:10px;
}

div.descriptionArea01 h4{
font-size:1.3em;
margin-bottom:10px;
}

div.descriptionArea01 .staff{
margin-top:15px;
margin-bottom:10px;
}



/* =============================================
 for IE6
============================================= */
* html ul#globalNavi{
padding-bottom:29px;
}

* html ul#globalNavi li{
/*margin-bottom:-2px;*/
}

/* =============================================
 for IE7
============================================= */
ul#globalNavi li{
zoom:1;
font-size:0;
}