/**************************************************************************************************/
/*                                                                                                */
/*      《癒しのサロン》                                                                          */
/*                                                                                                */
/*          ［スタイルシート］                                                                    */
/*                                                                                                */
/*                                                                    Copyright (C) Heartful Soft */
/* +------+------------+------------------------------------------------------------------------+ */
/* | Ver. |    開始    |    完了    | 内容                                                      | */
/* +------+------------+------------------------------------------------------------------------+ */
/* | 1.00 | ****-**-** | ****-**-** | 作成開始 (****-**-** 完了)                                | */
/* | 1.01 | 2014-10-30 | 2014-10-30 | bodyのleft-martginを削除                                  | */
/* | 1.02 | 2014-12-28 | 2014-12-28 | .title_orengeを追加                                       | */
/* | 1.02 | 2014-12-28 | 2014-12-28 | .title_orengeを追加                                       | */
/* | 1.03 | 2015-07-03 | 2015-07-03 | div#wholeを追加                                           | */
/* | 1.04 | 2017-10-23 | 2017-10-23 | 不要な空白を削除など                                      | */
/* | 1.05 | 2018-04-16 | 2018-04-16 | いろいろ整理                                              | */
/* | 1.06 | 2019-06-17 | 2019-06-17 | ｻｰﾊﾞｰ変更のためcharsetをutf-8に変更                       | */
/* | 1.07 | 2019-07-26 | 2019-07-26 | div#titleを削除                                           | */
/* |      |            |            | div#leftとdiv#rightを変更                                 | */
/* | 1.08 | 2019-10-28 | 2019-10-28 | narrow24、narrow20を追加                                  | */
/* | 1.09 | 2025-08-06 | 2025-08-12 | お客様の感想のclassを追加                                 | */
/* | 1.10 | 2025-08-09 | 2025-08-10 | ご案内のclassを追加                                       | */
/* | 1.11 | 2025-08-15 | 2025-08-15 | お知らせ／ブログのclassを追加                             | */
/* +------+------------+------------------------------------------------------------------------+ */
/**************************************************************************************************/

@charset   "utf-8";

body{
  scrollbar-face-color: #ffe0ff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #fff8ff;
  scrollbar-shadow-color: #f8e8f8;
  scrollbar-darkshadow-color: #f0e0f0;
  scrollbar-arrow-color: #d09090;
  scrollbar-track-color: #fcf0ff;
  color : #6c4a24;
}

/** 全体 ********************************************************************/

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

a:visited{
  color: #0000ff;
  text-decoration: none;
}
a:active{
  color: #0000ff;
  text-decoration: none;
}
a:hover{
  color: #ff0000;
  text-decoration:underline;
}

/** エリア ******************************************************************/

div#whole{
  width : 900px;
}

div#header{
  width : 900px;
}

div#footer{
  width : 900px;
  clear : both;
}

div#content{
  width : 900px;
  margin-top : 2px;
}

div#left{
  float : left;
  width : 176px;
}

div#right{
  float : right;
  border: solid 1px #ff00ff;
  padding: 4px;
  width : 710px;
}

/** デフォルトの表の文字サイズと行の高さ ************************************/

.table{
  font-size : 14px;
  line-height : 24px;
}

/** 表の行の高さ ************************************************************/

.narrow{
  line-height : 16px;
}

.narrow20{
  line-height : 20px;
}

.narrow24{
  line-height : 24px;
}

.wide{
  line-height : 32px;
}

/** 表の文字色 **************************************************************/

.white{
  color : white;
}

.black{
  color : black;
}

.gray{
  color : gray;
}

.red{
  color : red;
}

.maroon{
  color : maroon;
}

.maroon_back{
  background-color : maroon;
}

.green{
  color : green;
}

.blue{
  color : blue;
}

.pink{
  color : fuchsia;
}

.orange{
  color : orange;
}

.fine_orange{
  color : #ff7f00;
}

.lightgreen{
  color : #dafee9;
}

.lightblue{
  color : #97ffff;
}

.lightpink{
  color : #ffdefb;
}

.lightorange{
  color : #ffd8b0;
}

.lightyellow{
  color : #ffffd5;
}

/** 表の背景色 **************************************************************/

.white_back{
  background-color : white;
}

.black_back{
  background-color : black;
}

.gray_back{
  background-color : gray;
}

.red_back{
  background-color : red;
}

.green_back{
  background-color : green;
}

.blue_back{
  background-color : blue;
}

.pink_back{
  background-color : fuchsia;
}

.orange_back{
  background-color : orange;
}

.fine_orange_back{
  background-color : #ff7f00;
}

.lightgreen_back{
  background-color : #dafee9;
}

.lightblue_back{
  background-color : #97ffff;
}

.lightpink_back{
  background-color : #fff8ff;
}

.lightorange_back{
  background-color : #ffd8b0;
}

.lightyellow_back{
  background-color : #ffffd5;
}

/** 表の文字サイズ **********************************************************/

.bold{
  font-weight : bold;
}

.small{
  font-size : 12px;
  line-height : 16px;
}

.mid{
  font-size : 13px;
  line-height : 20px;
}

.large{
  font-size : 16px;
  font-weight : bold;
}

.big{
  font-size : 24px;
  line-height : 32px;
  font-weight : bold;
}

/**************************************************************************************************/
/*  ご案内                                                                                        */
/**************************************************************************************************/

td.information-photo {
  background-color: #ffffff;
}

td.information-note {
  font-size       : 16px;
  font-weight     : bold;
  vertical-align  : top;
  background-color: #ffffff;
}

/**************************************************************************************************/
/*  お客様の感想                                                                                  */
/**************************************************************************************************/

table.voice-frame {
  width: 100%;
  padding: 0px; 
  border: 1px #ff00ff solid;
  border-spacing: 0px; 
  background-color: white;
  margin: 0px 0px 10px;
}

table.voice-title {
  width: 100%;
  padding: 0px; 
  border-spacing: 0px; 
  background-color: #ff00ff;
}

td.voice-title {
  color      : white;
  line-height: 20px;
  font-size  : 16px;
  font-weight: bold;
  padding    : 8px;
  background-color: #ff00ff;
}

td.voice-comment {
  color      : black;
  line-height: 20px;
  font-size  : 16px;
  padding    : 8px;
  background-color: white;
}

/**************************************************************************************************/
/*  お知らせ／ブログ                                                                              */
/**************************************************************************************************/

table.blog-frame {
  width: 100%;
  padding: 0px; 
  border: 1px orange solid;
  border-spacing: 0px; 
  background-color: white;
  margin: 0px 0px 10px;
}

table.blog-title {
  width: 100%;
  padding: 0px; 
  border-spacing: 0px; 
  background-color: orange;
}

td.blog-title {
  color      : black;
  line-height: 20px;
  font-size  : 16px;
  font-weight: bold;
  padding    : 8px;
  background-color: orange;
}

td.blog-comment {
  color      : black;
  line-height: 20px;
  font-size  : 16px;
  padding    : 8px;
  background-color: white;
}