@charset "UTF-8";

/*
**********************************************************************

* page.css

* site name   : http://naked-face.com/
* description : Each Page styles
* since       : 2009-08-30
* editor      : Tooru Ehara 
* modified    : 
* editor      :

*********************************************************************
*/



/*
===== CONTENTS ===========================================

  1: Main Body styles

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


/*
*********************************************************************

* 1:Main Body styles

*********************************************************************
*/

#category-visual{
margin-bottom:1em;
}

#primary h1{
background:url("../img/bg_h1.jpg") 0 0 no-repeat;
font-size:1.8em;
font-weight:normal;
color:#ffffff;
padding:17px 0 0 25px;
height:48px;
}

#primary h2{
background:url("../img/bg_h2.jpg") 0 0 no-repeat;
font-size:1.1em;
color:#4d4d4d;
padding:8px 0 0 20px;
width:100%;
height:34px;
margin-bottom:1em;
}

#primary h3{
font-size:1.1em;
color:#f06a6a;
}

.section p{
margin-bottom:2em;
}


/*table
-------------------------------------------------------------------*/
#primary table{
border-collapse:collapse;
border:1px dotted #f06a6a;
margin-bottom:2em;
}

#primary th{
background:#fff0f5;
border:1px dotted #f06a6a;
padding:.5em;
}

#primary td{
border:1px dotted #f06a6a;
padding:.5em;
}

#primary table.layout,
#primary table.layout td,
#primary table.layout th{
background:#f0f6f9;
border:none;
vertical-align:top;
}

#primary .even th{
background-color:#ffdde8;
}

#primary .even td{
background-color:#f3f3f3;
}

table.layout .order{
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-size:2em;
color:#00889e;
padding-right:7px;
}

/*faq
-------------------------------------------------------------------*/
.faq-box{
margin-bottom:2em;
}

.faq-box dt{
background:#fff0f5;
border:1px solid #ffae82;
padding:5px;
margin-bottom:1em;
}

.faq-box dd{
text-indent:-2.2em;
padding:5px 5px 5px 2.8em;
margin-bottom:2em;
}

.faq-box .icon{
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-size:2em;
color:#f06a6a;
margin-right:.3em;
}

.faq-box dd .icon{
color:#53b0ff;
}

/*lineup
-------------------------------------------------------------------*/
#localnav h4{
margin:1px 2px .5em;
padding:2px;
}
#localnav h4.skincare{
background:#fff0f5;
border:1px dotted #fa94ad;
color:#f72b5c;
}

#localnav h4.haircare{
background:#f8fdff;
border:1px dotted #a3e6ff;
color:#53b0ff;
}

#localnav h4.suppli{
background:#fff8ec;
border:1px dotted #ffd07f;
color:#ffbe41;
}

span.lotion,
.rounded.lotion h4{
color:#f24592;
}

span.pack,
.rounded.pack h4{
color:#59a42b;
}

span.cleansing,
.rounded.cleansing h4{
color:#0097de;
}

.rounded.lotion{
background:#ffe3eb url("../img/bg_rounded_lotion_btm.gif") 0 100% no-repeat;
}

.lotion .rounded-top{
background:url("../img/bg_rounded_lotion_top.gif") 0 0 no-repeat;
}

.rounded.pack{
background:#e3ffe6 url("../img/bg_rounded_pack_btm.gif") 0 100% no-repeat;
}

.pack .rounded-top{
background:url("../img/bg_rounded_pack_top.gif") 0 0 no-repeat;
}

.lineup div.cut_r{
width:231px;
text-align:center;
}

.lineup .spec{
background:#eaeaea;
padding:10px;
margin-bottom:2em;
}

.lineup .spec dl{
width:350px;
}

.lineup .spec dt{
float:left;
clear:left;
font-weight:bold;
width:80px;
}

.lineup .spec dd{
margin:0 0 .2em 80px;
}
/*cart
-------------------------------------------------------------------*/
.purchase{
background:#fff0f5;
border:1px dotted #f72b5c;
padding:7px;
margin-bottom:1em;
}

.purchase .cart-box{
float:left;
padding-left:10px;
width:270px;
}

/*about
-------------------------------------------------------------------*/
.about #category-title p{
background:url("../about/img/bg_category.jpg") 95% -20px no-repeat;
}

.about #lineup {
margin-bottom:2em;
}

.about #lineup h3{
padding:3px 5px;
margin:0 10px 1em;
}

.about #lineup .skincare h3{
background:#fff0f5;
border:1px dotted #fa94ad;
color:#f72b5c;
}

.about #lineup .haircare h3{
background:#f8fdff;
border:1px dotted #a3e6ff;
color:#53b0ff;
}

.about #lineup .suppli h3{
background:#fff8ec;
border:1px dotted #ffd07f;
color:#ffbe41;
}

.about #lineup li{
font-size:.8em;	
float:left;
padding:0 0 10px 16px;
width:81px;
}

.about #lineup .haircare{
float:left;
width:292px;
}

.about #lineup .suppli{
float:right;
width:292px;
}

.about #difference{
background:url("../about/img/bg_water.jpg") 0 60px no-repeat;
position:relative;
height:250px;
}

.about #difference p{
position:absolute;
top:60px;
width:150px;
}

.about #difference p.oil{
left:110px;
}

.about #difference p.water{
right:0px;
}

.about #flow .section p{
padding-top:7px;
padding-left:85px;
}


/*selfete
-------------------------------------------------------------------*/
#five-points{
background:#fff0f5;
border:1px solid #f06a6a;
padding:.7em 10px;
margin-bottom:2em;
}

#five-points .order{
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-size:2em;
color:#f06a6a;
padding-right:7px;
}

#five-points li{
margin-bottom:1em;
}

/*salon
-------------------------------------------------------------------*/


/*link
-------------------------------------------------------------------*/
.link .section ul{
background:#e8e8e8;
padding:10px;
}


/*sitemap
-------------------------------------------------------------------*/
.sitemap #primary h2 {
background:#e8e8e8 url("../sitemap/img/bg_sitemap_btm.gif") no-repeat scroll 0 100%;
border:medium none;
margin-bottom:.7em;
padding:0;
width:280px;
}

.sitemap #primary h2 a,
.sitemap #primary h2 span{
background:transparent url("../sitemap/img/bg_sitemap_top.gif") no-repeat scroll 0 0;
display:block;
padding:7px 0 0 25px;
}

.sitemap .column{
width:280px;
}

.sitemap #primary li {
background:transparent url("../img/icn_arrow_pink.gif") no-repeat scroll 5px 50%;
margin-left:0.7em;
padding:.5em 0 .2em 15px;
}

.sitemap #primary ul{
margin-bottom:1em;
}


/*voice
-------------------------------------------------------------------*/
.voice-box{
border:1px solid #a06c3d;
position:relative;
padding:7px;
}

.voice-box.odd,
.voice-box.even{
margin:0 80px 3em 80px;
}

.voice-box.odd img{
position:absolute;
bottom:0;
left:-80px;
}

.voice-box.even img{
position:absolute;
bottom:0;
right:-80px;
}

/*blog
-------------------------------------------------------------------*/
.blog .meta{
border-top:1px dotted #f06a6a;
margin:1em 0;
padding-top:.5em;
}

.blog #primary h1 a{
color:#ffffff;
text-decoration:none;
}

.blog #primary #comment_form table{
background:#fff0f5;
border:none;
width:100%;
}

.blog #comment_form th{
border:none;
width:100px;
}

.blog #comment_form td{
border:none;
}

.blog #secondary h3{
background:url("../blog/img/bg_localnav.jpg") 0 0 no-repeat;
height:26px;
padding:8px 0 0 15px;
}

* html .blog #secondary h3{
height:34px;
}

.blog #localnav{
background:none;
}

.blog #localnav ul{
background:url("../img/bg_localnav.gif") 0 100% no-repeat;
padding:.3em 0 0 0; 
margin-bottom:2em;
}

.blog #localnav li .date{
margin-right:.5em;
}

.blog #calendar h3{
margin-bottom:.5em;
}

.blog #calendar .current_month{
margin:0 .3em;
}

.blog #calendar table{
width:100%;
}

.blog #calendar thead th{
color:#f06a6a;
}

.blog #calendar td a{
background-color:#f06a6a;
text-align:center;
display:block;
color:#ffffff;
}