HTML {
	MARGIN-BOTTOM: 1px; HEIGHT: 100%
}
FORM {
	DISPLAY: inline
}

/* ----------------------------- */
/* BACKGROUNDでページ全体の背景色を設定 */

BODY {
/*　border: 1px solid #333333; */
	MARGIN: 0px; WIDTH: 100%; height: 0; DISPLAY: table; BACKGROUND: #ffffff; padding: 0px;
}
BODY {
	LINE-HEIGHT: 1.3em; FONT-FAMILY: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ"; COLOR: #000000; FONT-SIZE: 13px
}

TD {
	LINE-HEIGHT: 1.5em; FONT-FAMILY: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ"; COLOR: #000000; FONT-SIZE: 15px
}

A {
cursor: pointer;
}

INPUT{
cursor:pointer;
}

A:link {
	FONT-WEIGHT: normal; TEXT-DECORATION: none
}
A: {
	FONT-WEIGHT: normal; TEXT-DECORATION: none
}

/*
a{
 position: relative;
  display: inline-block;
  transition: .3s;
}

a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  width: 0;
  height: 2px;
  background-color: #fd7e00;
  transition: .3s;
  transform: translateX(-50%);
}

a:hover::after{
  width: 100%;
}
*/

 A:hover { 
 	FONT-WEIGHT: normal; TEXT-DECORATION: underline 
 } 

INPUT.button {
	CURSOR: pointer
}

P {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 5px
}
IMG {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; MARGIN: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}

video {
	display: block;
	margin: 0px auto;
	padding: 0px;
}


/*
@media screen and (max-device-width: 480px){
#framescroll deiv{ height:800px;
overflow auto;
-webkit-overflow-scrolling: touch;}
}
*/

#top_menu2 {
position: fixed;
/* background-color: #0000ff; */
MARGIN: 0px auto; WIDTH: 960px;  HEIGHT: 143px; PADDING-LEFT: 10px; PADDING-TOP: 10px;
}


/* ----------------------------- */
/* テキストメニュー背景画像の設定 */

#topnav {
position: absolute;
TOP: 10px;
LEFT:350px;
/* TOPとLEFTで位置決め */
/* border: 1px solid #333333; */

PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH:504px; PADDING-RIGHT: 0px; HEIGHT: 60px; FONT-WEIGHT: bold; PADDING-TOP: 2px;	BACKGROUND: url(../images/menu/menu_bg2.png)  no-repeat 100% top;
text-align: left;
}

/* メニューの上にマウスが来た時の色 */
#topnav UL LI A:hover {
	BACKGROUND-COLOR: #dabcf4; COLOR: #444444; FONT-WEIGHT: bold; TEXT-DECORATION: none; MARGIN: 3px 3px 3px 3px; 
}

/* #topnav UL LI A:hover {
	BACKGROUND-COLOR: #9d8123; COLOR: #444444; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
*/

/* アクティブの時の色（現在使用しない）*/
/* 
#topnav UL LI A.active {
	BACKGROUND: #51abff; COLOR: #000000
}
*/

#topnav UL {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px 0px 0px 11px; PADDING-LEFT: 0px; WIDTH: auto; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px
}
#topnav UL LI {
	POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; HEIGHT: 54px; PADDING-TOP: 0px
}
#topnav UL LI A {
	COLOR: #000000;
	PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; DISPLAY: block; FLOAT: left; HEIGHT: 36px; FONT-WEIGHT: bold; TEXT-DECORATION: none; PADDING-TOP: 14px
}

#topnav UL LI A:link {
	COLOR: #000000
}

#topnav UL LI UL UL {
	MARGIN: -50px 0px 0px 11em
}
#topnav UL LI LI {
	BACKGROUND: #e7e708; KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90;
	WIDTH: auto; HEIGHT: 35px
}
#topnav UL LI LI A {
	BORDER-LEFT: 0px; PADDING-BOTTOM: 6px; TEXT-TRANSFORM: none; PADDING-LEFT: 10px; WIDTH: 277px; PADDING-RIGHT: 10px; DISPLAY: block; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 20px; COLOR: #000000; BORDER-TOP: #ffff00 1px solid; PADDING-TOP: 9px
}
#topnav UL LI LI A:hover {
 COLOR: #ffffff;
PADDING-BOTTOM: 6px; PADDING-LEFT: 10px; WIDTH: 277px; PADDING-RIGHT: 10px; BACKGROUND: #cdcd07; HEIGHT: 20px; BORDER-TOP: #ffff00 1px solid; PADDING-TOP: 9px; LEFT: 0px;
 KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90
}

#topnav UL LI UL {
	Z-INDEX: 99; POSITION: absolute; MARGIN-TOP: 0px; WIDTH: 277px; DISPLAY: block; HEIGHT: 36px; MARGIN-LEFT: 0px; CLEAR: left; TOP: 54px; LEFT: -999em
}
#topnav UL LI:hover UL UL {
	LEFT: -999em
}
#topnav UL LI:hover UL UL UL {
	LEFT: -999em
}
#topnav UL LI:hover UL {
	LEFT: auto
}
#topnav UL LI LI:hover UL {
	LEFT: auto
}
#topnav UL LI LI LI:hover UL {
	LEFT: auto
}


/* ----------------------------- */
/* ロゴ */

#logoc  {
position: absolute;
top: 70px;
left: 275px;
width: 700px;
height: 110px;
margin: 0 auto;
/* border: 1px solid #333333;  */
/* background: #00ff00;  */
/* background: url("../images/esplogo2022fp.png") no-repeat;  */
}

/* ロゴの表示切り替え*/

#logoc a {
 display: inline-block;
 }
 
 #logoc a:hover {
  background-color: transparent;
  }
  
#logoc  a:hover img{
/* visibility: hidden; */ 
}

/* 空の要素 */
#logob {
float: left;
/*border: 1px solid #333333; */
width: 200px; height: 0px;
color: #00ffff;
}


/* ----------------------------- */
/* メインのタイル部分 */

#main_page {
position: absolute;
/* BACKGROUND: #ff0000; */
/* border: 1px solid #333333;  */
TOP: 200px;
LEFT: 160px;
MARGIN: 0px auto; 
WIDTH: 800px;
PADDING-TOP: 0px;
PADDING-LEFT: 0px; 
PADDING-BOTTOM: 0px; 
PADDING-RIGHT: 0px;  
z-index: -10;
}


#page_bg {
width: 960px; height 960px;
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;
}



#top_menu3 {
position: relative;
z-index: 100;
MARGIN: 0px auto;
WIDTH: 760px; BACKGROUND: #ffffff;
PADDING-LEFT: 0px; padding-top: 0px;
}
/* PADDINGを変更すると、タイルメニュー（６つのタイル）を移動させることができる */

/* leftをautoに変更すると、メニューがセンター位置あたりに来る
WIDTHを変更すると、メニューの長さが変更される
PADDING-TOPを変更すると、テキストメニューの始まりの縦位置を移動することができる
*/


#logoa {
float: left;
width: 230px; height: 54px;
color: #ff00ff;
}

#logod {
margin: 0 auto;
width: 100px; height: 100px;
color: #ff00ff;
}


#menu3a {
float: left;
width: 100px; height: 54px;
color: #ff00ff;
}




#main_bg {
	TEXT-ALIGN: left; MARGIN: 0px auto; WIDTH: 960px
}

DIV.banner1 {
	MARGIN: 0px; BACKGROUND: url(../images/banner1.jpg) #ffffff no-repeat center top; HEIGHT: 680px
}

DIV.lt1 {
	MARGIN: 0px; BACKGROUND: url(../images/waku2019/lt1.png) no-repeat left top; HEIGHT: 22px; width: 22px;
}
DIV.mt1 {
	MARGIN: 0px; BACKGROUND: url(../images/waku2019/mt1.jpg) no-repeat center top; HEIGHT: 22px; width: 716px; margin-left:22px;
}
DIV.rt1 {
	MARGIN: 0px; BACKGROUND: url(../images/waku2019/rt1.png) no-repeat right top; HEIGHT: 22px; width: 716px; margin-left:22px;
}
/*
DIV.lm1 {
	MARGIN: 0px; BACKGROUND: url(../images/waku/mm1.jpg) no-repeat left top; HEIGHT: 43px; width: 979px
}
*/
DIV.mm1 {
	MARGIN: 0px; BACKGROUND: url(../images/waku2019/mm1.png) no-repeat left top; HEIGHT: 43px; width: 760px; margin-left:0px;
}
/*
DIV.rm1 {
	MARGIN: 0px; BACKGROUND: url(../images/waku/mm1.jpg) no-repeat right top; HEIGHT: 43px; width: 979px
}
*/

DIV.mm2 {
	MARGIN: 0px; margin-left: 22px; width: 694px; height:230px; BACKGROUND: #ffffff;
}
DIV.mm3 {
	MARGIN: 0px; margin-left: 22px; width: 694px; height:230px; BACKGROUND: #ffffff;
}

DIV.lm2 {
	MARGIN: 0px; BACKGROUND: url(../images/waku2019/lm2.png) no-repeat left top; HEIGHT: 230px; width: 22px;
	}
DIV.rm2 {
	MARGIN: 0px; BACKGROUND: url(../images/waku2019/rm2.png) no-repeat right top; HEIGHT: 230px; width: 22px; margin-left:716px;
}

DIV.lm3 {
	MARGIN: 0px; BACKGROUND: url(../images/waku2019/lm3.png) no-repeat left top; HEIGHT: 230px; width: 22px; 
	}
DIV.rm3 {
	MARGIN: 0px; BACKGROUND: url(../images/waku2019/rm3.png) no-repeat right top; HEIGHT: 230px; width: 22px; margin-left:716px;
}

DIV.lb1 {
	MARGIN: 0px; BACKGROUND: url(../images/waku2019/lb1.png) no-repeat left top; HEIGHT: 22px; width: 22px; 
}
DIV.mb1 {
	MARGIN: 0px; BACKGROUND: url(../images/waku2020/mb1a.png) no-repeat center top; HEIGHT: 22px; width: 716px;  margin-left:22px;
}
DIV.rb1 {
	MARGIN: 0px; BACKGROUND: url(../images/waku2019/rb1.png) no-repeat right top; HEIGHT: 22px; width: 716px;  margin-left:22px;
}

/* タイルメニューの画像設定　captionはhtmlに*/

DIV.image1 {
    MARGIN: 0px; BACKGROUND: url(../images/tile2026/aisatsu.png) no-repeat left top; HEIGHT: 230px; width:230px; margin-left: 0px
}

DIV.image1:hover {
	MARGIN: 0px; BACKGROUND: url(../images/tile2026/aisatsu2.png) no-repeat left top; HEIGHT: 230px; width:230px;  margin-left:0px
}

DIV.image2 {
	MARGIN: -230px; BACKGROUND: url(../images/tile2026/salon3.png) no-repeat left top; HEIGHT: 230px; width:230px;  margin-left: 242px
}

DIV.image2:hover {
	MARGIN: -230px; BACKGROUND: url(../images/tile2026/salon4.png) no-repeat left top; HEIGHT: 230px; width:230px;  margin-left:242px
}

DIV.image3 {
	MARGIN: -230px; BACKGROUND: url(../images/tile2026/takara3.png) no-repeat left top; HEIGHT: 230px; width:230px;  margin-left: 484px
}

DIV.image3:hover {
	MARGIN: -230px; BACKGROUND: url(../images/tile2026/takara4.png) no-repeat left top; HEIGHT: 230px; width:230px;  margin-left: 484px
}

/*

DIV.image4 {
	MARGIN: -230px; BACKGROUND: url(../images/waku/image4.jpg) #ffffff no-repeat left top; HEIGHT: 230px; width:230px; }
*/


DIV.image5 {
    MARGIN: 0px; BACKGROUND: url(../images/tile2026/ishigaki3.png) no-repeat left top; HEIGHT: 230px; width:230px; margin-left: 0px
}
DIV.image5:hover {
    MARGIN: 0px; BACKGROUND: url(../images/tile2026/ishigaki4.png) no-repeat left top; HEIGHT: 230px; width:230px; margin-left: 0px
}

DIV.image6 {
	MARGIN: -230px; BACKGROUND: url(../images/tile2026/pole3.png) no-repeat left top; HEIGHT: 230px; width:230px; margin-left: 242px
}

DIV.image6:hover {
	MARGIN: -230px; BACKGROUND: url(../images/tile2026/pole4.png) no-repeat left top; HEIGHT: 230px; width:230px; margin-left: 242px
}

DIV.image7 {
	MARGIN: -230px; BACKGROUND: url(../images/tile2026/column.png) no-repeat left top; HEIGHT: 230px; width:230px; margin-left: 484px
}
DIV.image7:hover {
	MARGIN: -230px; BACKGROUND: url(../images/tile2026/column2.png) no-repeat left top; HEIGHT: 230px; width:230px; margin-left: 484px
}


/*
DIV.image8 {
	MARGIN: -230px; BACKGROUND: url(../images/waku/image8.jpg) no-repeat left top; HEIGHT: 230px; width:230px; margin-left: 714px
}

DIV.image8:hover {
	MARGIN: -230px; BACKGROUND: url(../images/waku/image1.jpg) no-repeat left top; HEIGHT: 230px; width:230px; margin-left: 714px
}

*/


DIV#h_area {
	TEXT-ALIGN: left; MARGIN: 0px auto; WIDTH: 964px; PADDING-TOP: 10px
}

.logo {
	WIDTH: 600px; DISPLAY: block; MARGIN-BOTTOM: 10px; FLOAT: left; MARGIN-LEFT: 10px; PADDING-TOP: 5px
}
A.logo {
	LINE-HEIGHT: 58px; FONT-FAMILY: "Trebuchet MS", Arial; COLOR: #000000; FONT-SIZE: 26px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
A.logo:link {
	LINE-HEIGHT: 58px; FONT-FAMILY: "Trebuchet MS", Arial; COLOR: #000000; FONT-SIZE: 26px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
A.logo:hover {
	LINE-HEIGHT: 58px; FONT-FAMILY: "Trebuchet MS", Arial; COLOR: #000000; FONT-SIZE: 26px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
A.logo:visited {
	LINE-HEIGHT: 58px; FONT-FAMILY: "Trebuchet MS", Arial; COLOR: #000000; FONT-SIZE: 26px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
#power_by {
	COLOR: #8c8c8c; FONT-SIZE: 11px; TEXT-DECORATION: none
}
#power_by A {
	COLOR: #8c8c8c; FONT-SIZE: 11px; TEXT-DECORATION: none
}
#power_by A:visited {
	COLOR: #8c8c8c; FONT-SIZE: 11px; TEXT-DECORATION: none
}

/*                 */
/* name tag */
/*                 */

#pagetopr {
padding-top: 180px;
}

/* kujibutton */
input#kujibutton {
padding: 15px 40px;
font-size: 1.3em
}

/*                   */
/* salon.html */
/*                   */

#polew {
	padding-top: 230px;
}

#kazekko {
	padding-top: 230px;
}

#ryoko {
	padding-top: 230px;
}

#shosai {
	padding-top: 230px;
}

#fcatch {
	padding-top: 230px;
}

#seisen {
	padding-top: 230px;
}


/*                    */
/* shohin.html */
/*                    */

#IWAO{
	padding-top: 230px;
}

#SANSHU{
	padding-top: 230px;
}

#KOKKO {
	padding-top: 230px;
}

#DRINK {
	padding-top: 230px;
}

#KUROSU  {
	padding-top: 230px;
}

#karucha  {
	padding-top: 230px;
}

#KESHOHIN  {
	padding-top: 230px;
}

#iltupann  {
	padding-top: 230px;
}

/*                   */
/* topics.html */
/*                   */

#chiune  {
	padding-top: 100px;
}
#gujo  {
	padding-top: 100px;
}
#nodai  {
	padding-top: 100px;
}

#negai  {
	padding-top: 100px;
}
#kenshu  {
	padding-top: 100px;
}