/* 共通設定 */
body {
/*  background-color: #ccffcc;*/     /* ページの背景色 標準*/
/*  scrollbar-base-color: #006633;*/ /* スクロールバーの色 標準*/

/*  background-color: #ff9900;*/     /* ページの背景色 ハロウィン用*/
/*  scrollbar-base-color: #993399;*/ /* スクロールバーの色 ハロウィン用*/

/*  background-color: #006633;*/         /* ページの背景色 クリスマス用*/
/*  scrollbar-base-color: #cc0000;*/     /* スクロールバーの色 クリスマス用*/
  background-image: img/w_asi.gif;
  background-color: #FFB6C1;        /* ページの背景色 デフォルト#0000ff*/
  scrollbar-base-color: #DB7093;     /* スクロールバーの色 デフォルト#99ffff*/
  scrollbar-arrow-color: #FFF0F5;    /* スクロールバーの矢印色 デフォルト#0000cc*/
}

a:link { /* リンク先をまだ見ていないときの文字色 */
  color: #006600;
}

a:visited { /* リンク先を見ているときの文字色 */
  color: #cc0066;
}

a:hover { /* リンク先にカーソルを乗せたときの色 */
  color: #ff9900;
  background-color: #ffcc99;
}


/* index.html */
div#header1 {
  color: #660000;
  background:  #ffffff;
  padding-top: 5px;
  padding-right: 0px;
  padding-left: 45px;
  font-weight: bold;
  padding-bottom: 0px;
  margin: 0px;
  width: 750px;
  height: auto
}
h1#title1 {
  text-align: center;
  padding-top: 0px
  padding-right: 0px;
  padding-left: 15px;
  font-size: 100%;
  float: left;
  padding-bottom: 0px;
  margin: 0px;
  width: 57%;
}
ul#title2 {
  padding-right: 10px;
  font-size: 70%;
  float: right;
  margin: 0px;
  width: 40%;
  list-style-type: none;
  text-align: right
}
li#title3 {
  padding-top: 0px
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  display: inline;
  margin: 0px;
}

/* index.html サロン用*/
div#header1_1 {
  color: #660000;
  background:  #ffffff;
  padding-top: 5px;
  padding-right: 0px;
  padding-left: 0px;
  font-weight: bold;
  padding-bottom: 0px;
  margin: 0px;
  width: 750px;
  height: auto
}
h1#title1 {
  text-align: center;
  padding-top: 0px
  padding-right: 0px;
  padding-left: 15px;
  font-size: 100%;
  float: left;
  padding-bottom: 0px;
  margin: 0px;
  width: 57%;
}
ul#title2 {
  padding-right: 10px;
  font-size: 70%;
  float: right;
  margin: 0px;
  width: 40%;
  list-style-type: none;
  text-align: right
}
li#title3 {
  padding-top: 0px
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  display: inline;
  margin: 0px;
}


div#header2 {
  width: 750px;
}

div#navi {
  width: 750px;
  font-weight: bold;
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
}

div#content {
  width: 750px;
  background-color: #ffffff;
}

div#float2 {
  width: 400px;
  background-color: #ffffff;
  text-align: right;
  float: left;
  padding-left: 5px;
}

div#menu {
  width: 200px;
  float: left;
}

div#main {
  width: 550px;
  float: left;
}

div#footer {
  clear: both;
  width: 750px;
  padding-left: 5px;
  padding-right: 5px;
}


/* ■その他 */

body {
  line-height: 1.5;
}
p {
  padding: 0.5em;
  margin: 0;
}

div#header2 {
  color: #fff;
  background: #fff;
}
div#navi {
  color: #600000;
  background: #fff;
}
div#menu {
  color: #ffffff;
  background: #fff;
}
div#main {
  color: #fff;
  background: #fff;
}
div#footer {
  color: #006633;
  background: #fff;
}


/* お店の紹介用 */

div#box1 {
  border: 1px solid #ff69b4;/*#000000;*/
}

div#box2 {
  line-height: 1.3;
  border-width: 1px;
  border-style: solid;
border-color: #fff #fff #fff #fff;
/*  border-color: #fff #face00 #face00 #fff; */
/*  background: #ffcc00; */
  background: #ffb6c1; /*　ボックス色*/
  text-align: center;
  color: #fff;
  font-size:18px;
  padding:4px 8px 8px 8px;
}

div#box3 {
  border: 1px solid #ffe4e1;  /*#000; */ /*#fff4e1*/
  background: #fff;
  color: #000;
  margin-top: 4px;
  padding: 10px;
}

/* 特集 */
div#pup1 {
  border: 1px solid #ff6699;
  background: #fff;
  font-size: 13px;
  color:#777;
  padding: 1px;
}
div#pup2 {
  background: #ff6699;
  padding: 3px;
}
table#pup3 {
  color: #fff;
  font-weight: bold;
  font-size: 13px;
}
td#pup4 {
  background: #fff;
  width: 1px;
  height:1px;
}
td#pup5 {
  background: #fff;
  width: 1px;
}
td#pup6 {
  background: #fff;
  height:1px;
}
td#pup7 {
  background: #fff;
}

/* 更新情報用 */
div#wn1 { /* 外枠の設定 */
  border-width: 5px;
  border-color: #ffb6c1;
  border-style: ridge;
}
div#wn2 { /* 本文背景色と余白設定 */
  color: #ff69b4;
  background-color: #fff4e1;
  padding: 5 30px;
  line-height: 1.2;
}


/* 今日のわんこ・にゃんこ過去ログ用 */
table#dc1 {
  font-size: 12px;
  line-height: 16px;
}

/* index用点線 */
hr#hridx1 {
  color: #cc0033;
  height: 2px;
  border: 2px;
  border-style: dotted;
}

/* ショッピングボタン */
div#bt1 {
  width: 140px;
  background-color: #006633;
  border: solid 2px #006633;
  color: white;
  padding: 0px 4px 1px;
  font-size: 9px;
}

div#bt2 {
  margin-bottom: 0px;
  text-align: center;
}

a#bt3 {
  display: block;
  width: 160px;
  border: solid 2px #009933;
  padding: 4px;
  text-decoration: none;
  font-family: Arial Black,Helvetica;
  font-size: 14px;
  font-weight: bold;
  color: #006633;
  text-align: center;
}

a#bt3:hover { /* リンク先にカーソルを乗せたときの色 */
  background-color: #ff6699;
}

/* サイトマップ用影付タイトル */
div#site1 {
  width: 300px;
  background-color: #006600;
  margin: 20px 10px 10px 20px;
  padding-right: 20px;
}
div#site2 {
  width: 300px;
  font-size: 20pt;
  position: relative;
  background: #FAFAFC;
  margin: -10px -10px 10px -10px;
  padding: 0.4em;
  border: solid 1px #006600;
}
div#site3 {
  padding-left: 15px;
  padding-right: 15px;
}


/* サイトマップ用点線 */
hr#hrst1 {
  color: #ff9900;
  height: 2px;
  border: 2px;
  border-style: dashed;
}


/* map&info用テーブル            ショッピングカテゴリ */

table#tbl1 {
  background: #00cc66;
  font-size: 13px;
  color:　#5c4033; /*#339966;*/
}
td#tbl2 {
  border-width: 1px;
  border-style: solid;
  border-color: #ffffff #80dd99 #80dd99 #ffffff;
  background: #90eeaa;
  text-align: center;
}
td#tbl3 {
  background: #ffffff;

  vertical-align: center;
}


/* rev用テーブル */
fieldset#fld1 {
  font-size: 13px;
  padding: 0px 10px 10px 10px;
}
legend#fld2 {
  color: #ff4a19;
  padding: 5px 3px;
}

/* SMALL WANS                  ショッピングカテゴリ用 */

div#smlbox {
  line-height: 1.3;
  border-width: 1px;
  border-style: solid;
  border-color: #fff #face00 #face00 #fff;
  background: #aaaaaa;
  text-align: center;
  color: #fff;
  font-size:18px;
  padding:4px 8px 8px 8px;
}


div#sbt1 {
  width: 130px;
  background-color: #006633;
  border: solid 1px #006633;
  color: white;
  padding: 0px 4px 1px;
  font-size: 9px;
}

div#sbt2 {
  width: 150px;
  margin-top: 10px;
  text-align: center;
}

a#sbt3 {
  display: block;
  width: 150px;
  border: solid 1px #009933;
  padding: 4px;
  text-decoration: none;
  font-family: Arial Black,Helvetica;
  font-size: 14px;
  font-weight: bold;
  color: #006633;
  text-align: center;
}

a#sbt3:hover { /* リンク先にカーソルを乗せたときの色 */
  background-color: #ff6699;
}

div#sbt4 {
  display: block;
  width: 150px;
  border: solid 2px #009933;
  padding: 4px;
  text-decoration: none;
  font-family: Arial Black,Helvetica;
  font-size: 14px;
  font-weight: bold;
  color: #006633;
  text-align: center;
}

div#sbt5 {
  width: 150px;
  margin-top: 10px;
  text-align: center;
  background-color: #ff6699;
}


a#mbt1 {
  display: block;
  width: 150px;
  text-decoration: none;
  font-size: 13px;
  color: #006633;
}

a#mbt1:hover { /* リンク先にカーソルを乗せたときの色 */
  background-color: #ff6699;
}





A.btn2 {
  display: block;             /* ブロック要素にする */
  width: 120px;                /* 横幅 */
  color: #ffffff;
  background-color: #db7093;  /* 背景色 */
  border: outset 2px #ffe4e1; /* 枠の色 */
  margin: 0px;
  padding: 3px 1px 1px 0px;
  font-size: 12px;            /* フォントサイズ */
  line-height: 12px;          /* 行の高さ */
  text-align: center;         /* 水平揃え */
  text-decoration: none;      /* 下線を消す */
}
A.btn2:hover {
  color: #eeeeee;
  background-color: #ff6699;  /* 背景色 */
  border: inset 2px #ff99cc;  /* 枠の色 */
  margin: 0px;
  padding: 4px 0px 0px 1px;
}
A.btn2:active { color: #ffffff; }
A.btn2:visited { color: #ffffff; }


/* link用線 */
hr#hrlnk1 {
  color: #33cc00;
  height: 2px;
  border: 2px;
  border-style: dotted;
}

a#pbt1 {
  display: block;
  width: 80px;                /* 横幅 */
  text-decoration: none;
  font-size: 13px;
  color: #006633;
}

a#pbt1:hover { /* リンク先にカーソルを乗せたときの色 */
  background-color: #ff6699;
}

a#pbt2 {
  display: block;
  width: 170px;                /* 横幅 */
  text-decoration: none;
  font-size: 13px;
  color: #006633;
}

a#pbt2:hover { /* リンク先にカーソルを乗せたときの色 */
  background-color: #ff6699;
}