@charset "utf-8";

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

	1: Application all
	2: Flame layout
	3: Decoration
	4: Nail Salon
	5: Facial-Esthe
	6: links

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



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

	Application all

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

/*== Template Setting ====================================*/

/* 通常リンクのカラー */
a{text-decoration:underline;}
a:link,
a:visited{color:#c0e;}
a:hover{color:#60e;}

/* ボーダーカラー */
#container,
#footer{
  border-color:#f37;
}


/* ページタイトルの背景色 */
h2.title{
  background:#f37;
}

/* ページサブタイトルの色 */
h3{
  color:#e05;
}

/* 店舗案内のtable */
table.about{
  width:560px;
  margin:25px 0;
  border-collapse:separate;
  border:0;
  background:#ccc;/*線の色*/
}

table.about th{
  color:#777;/*項目名の文字色*/
  width:150px;
  padding:7px;
  background:#eee;/*項目名の背景*/
}

table.about td{
  width:379px;
  padding:7px;
  background:#fff;/*内容の背景*/
}

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





html,body{
  text-align:center;
  line-height:1.5;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Verdana,Arial,"ＭＳ Ｐゴシック",sans-serif;
  font-size:100%;
  margin:0;
  padding:0;
}

body{
  color:#333;
  width:100%;
  background:#f37;
}

table{
  text-align:left;
  font-size:100%;
  color:#333;
}


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

h1,h2,h3,h4,h5,h6{
  font-size:100%;
  margin:0;
}

form,p,dl,dd{
  padding:0;
  margin:0;
}

input,select,textarea{
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Verdana,Arial,"ＭＳ Ｐゴシック",sans-serif;
  font-size:100%;
}

hr{
  height:1px;
  padding:0;
  margin:0;
  border:0;
}

address,em{
  font-style:normal;
}



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

	Flame layout

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

#container{
  text-align:left;
  font-size:82%;
  width:800px;
  padding:0 20px;
  margin:0 auto;
  background:#fff;
}

#contents{
  float:left;
  width:560px;
  margin-bottom:15px;
}

#side{
  float:right;
  width:210px;
  padding:9px;
  margin-bottom:15px;
  border:1px solid #f37;
  background:#fef;
}

#footer{
  clear:both;
  text-align:center;
  width:800px;
  padding:25px 0;
  border-top-width:3px;
  border-top-style:solid;
}



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

	Decoration

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

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

ul#navigation{
  overflow:hidden;
  list-style:none;
  width:800px;
  padding:15px 0 0 0;
  margin:0;
}

ul#navigation li{
  float:left;
  text-align:center;
  width:160px;
  height:38px;
}



p#main-image{
  clear:both;
  width:800px;
  padding:15px 0;
}




/*== Contents ============================================*/

ul#news{
  list-style:none;
  width:538px;
  padding:5px 10px 10px;
  margin:0;
  border:1px solid #f50;
}

ul#news li{
  overflow:hidden;
  width:538px;
  margin-top:5px;
}

ul#news li strong{
  display:block;
  color:#003073;
  padding-left:21px;
  background:url('../img/icon_03.gif') 0 0 no-repeat;
}

ul#news li em{
  font-weight:bold;
  color:#f50;
}


ul#news li img.left{
  float:right;
  margin:0 0 0 10px;
}



h2.title{
  font-size:200%;
  color:#fff;
  padding:5px;
  margin-bottom:15px;
}


div.section{
  overflow:hidden;
  width:560px;
  margin-top:25px;
}

h3{
  font-weight:normal;
  font-size:120%;
  padding:5px 0 5px 35px;
  margin-bottom:15px;
  background:url('../img/icon_01.gif') 0 50% no-repeat;
}



/*== Side ================================================*/

#side h2{
  font-size:110%;
  color:#f37;
  margin-bottom:10px;
}

#side dl dt{
  font-weight:bold;
  padding-left:15px;
  margin-top:5px;
  background:url('../img/icon_02.gif') 0 3px no-repeat;
}


#side dl dd div{
  padding:5px;
  border:1px dotted #e07;
  background:#fff;
}


#side p img{
  margin:5px 0;
}

#side p.advance{
  text-align:center;
  padding-top:10px;
}

#side p.advance em{
  font-size:80%;
  font-weight:bold;
  color:#e07;
}



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

	About

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

p.boutique img{
  float:left;
  margin-right:10px;
}



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

	Nail Salon

==========================================================*/
p#appeal{
  font-size:14px;
  line-height:2;
  padding: 0 15px;
  color:#555;
}

p#appeal img{
  float:right;
  margin:0 0 10px 10px;
}



div.price-table{
  background:url('../img/photo_nail01.jpg') 100% 35px no-repeat;
}

div.nail ul.price{
  list-style:none;
  padding:0px;
  margin:0 0 15px 25px;
  font-size: 12px;
}

div.nail ul.price li{
  padding:3px 0 0 15px;
  margin-top:10px;
  background:url('../img/icon_02.gif') 0 top no-repeat;
}

div.nail ul.price li strong{
  color:#ff3377;
  font-size: 14px;
}

div.nail ul.price li span.note{
  color:#232323;
  font-weight:bold;
  font-size: 11px;
}


p.nail-info{
  color:#003073;
  margin:0 0 15px 25px;
}



div.nail div.section ul.explanation{
  list-style:outside;
  font-size:13px;
  padding:0;
  margin:35px 0 15px 18px;
}

div.nail div.section ul.explanation li{
  color:#003073;
  list-style-type:disc;
  font-weight:bold;
}

div.nail ul.explanation li em{
  font-weight:normal;
}

div.nail p.attention{
  padding:0px 20px;
  color:#CF2660;
}



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

	Facial-Esthe

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

div#seaweed{
  line-height:2;
  font-size: 13px;
}
div#seaweed div.img{

  float:right;
  border:1px solid #ccc;
}
div#seaweed p{

}

div.facial ul.course{
  list-style:none;
  padding:0;
  margin:0;
  font-size: 13px;
}

div.facial ul.course li{
  padding:3px 0 0 15px;
  margin-top:10px;

}

div.facial ul.course li strong{
  line-height:2;

    color:#003073;
  font-size: 15px;
}
div.facial  ul.price{
  list-style:none;
  padding-left:40px;
  margin:0 0 30px;
  font-size: 14px;
}

div.facial  ul.price li{
  padding:0;
  margin-top:10px;
  border-bottom:1px dotted #999;
  color:#003073;
}
div.facial  ul.price li span{
  width:31em;
  display:inline-block;
}


p.counseling{
  overflow:hidden;
  width:538px;
  padding:10px;
  margin-top:15px;
  border:1px solid #ccc;
  background:#fafafa;
}

p.counseling img{
  float:left;
  margin-right:10px;
}




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

	links

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

.links h3{
  font-weight:normal;
  font-size:120%;
  color:#555;
}

.links dl{
  margin:15px 0;
  border-top:1px dotted #ccc;
}

.links dl dt{
  padding:10px 10px 5px;
}

.links dl dt a{
  font-weight:bold;
}

.links dl dd{
  padding:0 10px 10px;
  border-bottom:1px dotted #ccc;
}


.links p.admin{
  font-size:80%;
  color:#777;
}

.links p.admin a:link,
.links p.admin a:visited,
.links p.admin a:hover{color:#555;}