@charset "utf-8";

/*********************************************************************
Copyright (C) 2009 WEB DESIGN LAB (http://www.webdlab.com/)
Licensed under the MIT License:
http://www.opensource.org/licenses/mit-license.php
*********************************************************************/

/*--Base------------------------------------------------------------*/

html,body {
        background::#ffd700;

}

html {

	overflow-y: scroll;
}
img{
max-width: 100%;
height: auto;
width /***/:auto;　
	border: none;
}
td{
        padding:5px;
}
input {height:1.5em;}

 b {   
        font-size: 1.3em;
        color: navy;
	font-style: normal;
	font-weight: bold;

}

/*--Reset-----------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}



img {
	border: none;
	vertical-align: middle;
    text-indent: -9999px;  

}

ul,ol {
	list-style: none;
}

/*--Text------------------------------------------------------------*/


em{
	font-style: normal;
        font-size:1em;
        color: red;
	font-weight: bold;

}
i {
        font-family: Impact;
	font-style: normal;
        font-size:1em;
        color: red;
	font-weight: normal;
        background-color:yellow;
}
small{
        font-family: Impact;
	font-style: normal;
        font-size:1em;
        color: blue;
	font-weight: bold;
        background-color:yellow;
}

.setsu{
        font-size: 12px;
        color: blue;
	font-weight: normal;

}


ins {
	background: #ffc;
	text-decoration: none;
}

.mese{
	font-size: 12px;
	font-weight: normal;
        position: relative;
	top:30px;
	left:40px;
}
.conect{
	color:blue;
	font-weight:normal;
	font-size:20px;
        background::#f0f8ff;
        background-image: url(printer.png);
	background-repeat: repeat-y;
        background-position: left top;
	width: auto;
        height: 20px;
	text-align:left;
        text-decoration: underline;
        padding:10px 5px 10px 60px;
}
.ate{
	color:blue;
	font-weight:normal;
	font-size:16px;
        background-image: url(robot.png) ;
        background-repeat: no-repeat;
        height:auto;
        padding:15px 0 15px 50px;
        margin:0px 0 0px 0;
        background-position: 10px 5px;
        background::#AADFFC;
}

p.menutop  {
float: left;
width: 200px;
height: 150px;
margin-left: -20px;
padding: 0px 0 0px 0px;
text-align: left;
}



.cle { 
clear: left; 
}
.cle2 { 
clear: left; 
margin-top: 150px;
}
.cle3 { 
clear: left; 
margin-top: 30px;
}
/* 入力フォーム部品の書式設定 */
.numtext{
	ime-mode: disabled;
	background:: white;

}
/* リンクの状態ごとにライン色を指定 */
.button_s1:visited {
}
.button_s1:hover {

        position: relative;
        top: 1px;
        left: 1px;
}
.button_s1:active {
}

.colorbutton{
	background::rgb(255,153,0);
	color:blue;
	font-weight:bold;
	font-size:16px;
}
.colorbutton2{
	background::#80F8F8;
}
.cancelbutton{
	background::#D2D2F4;
}



div#q_sum{
	font-weight:normal;
	font-size:14px;
        height:auto;
        padding:15px 0 15px 50px;
        margin:10px 0 50px 0;


}
.no{
display: none;
}
.arealist{
	width:170px;
}
.arealist2{
	width:130px;
}

/************** 選択 botton **************/

.buttons {
  display: inline;
  text-align: center;
  text-decoration: none;
  /* ボタン画像サイズに合わせる */
  width: 190px;
  /* 画像と通常時のライン色を指定 */
    background:: #ffffFF; url(order.png) center center no-repeat;
  /* 使用しているフォントに合わせて調節 */
  font-size: 12px;
  font-weight: bold;
  /* input タグ用にボーダーを消す */
  border: none;
}
/* リンクの状態ごとにライン色を指定 */
.buttons:visited {
  background:: #ffffFF;
}
.buttons:hover {
  background:: #ffffFF;
        position: relative;
        top: 1px;
        left: 1px;
}
.buttons:active {
  background:: #ffffff;
}
/************** 予約 botton **************/

/************** 予約小 botton **************/

.button_s {
  display: inline;
  color: #00a;
  text-align: center;
  text-decoration: none;
  /* ボタン画像サイズに合わせる */
  width: 180px;
  /* 画像と通常時のライン色を指定 */
     background:: #ffffFF;url(order.png) center center no-repeat;
  /* 使用しているフォントに合わせて調節 */
  font-size: 12px;
  font-weight: bold;
  padding: 1px 0px 1px 0px;
  /* input タグ用にボーダーを消す */
  border: none;
}
/* リンクの状態ごとにライン色を指定 */
.button_s:visited {
}
.button_s:hover {

        position: relative;
        top: 1px;
        left: 1px;
}
.button_s:active {
}

/************** サービス botton **************/

.button_s1 {
  display: inline;
  color: #00a;
  text-align: center;
  text-decoration: none;
  /* ボタン画像サイズに合わせる */
  width: 115px;
  /* 画像と通常時のライン色を指定 */
     background:: #ffffFF;url(service1.png) center center no-repeat;
  /* 使用しているフォントに合わせて調節 */
  font-size: 12px;
  font-weight: bold;
  padding: 1px 0px 1px 0px;
  /* input タグ用にボーダーを消す */
  border: none;
}
/* リンクの状態ごとにライン色を指定 */
.button_s1:visited {
}
.button_s1:hover {

        position: relative;
        top: 1px;
        left: 1px;
}
.button_s1:active {
}
.button_s2 {
  display: inline;
  color: #00a;
  text-align: center;
  text-decoration: none;
  /* ボタン画像サイズに合わせる */
  width: 115px;
  /* 画像と通常時のライン色を指定 */
    background:: #ffffFF;url(service2.gif) center center no-repeat;
  /* 使用しているフォントに合わせて調節 */
  font-size: 12px;
  font-weight: bold;
  padding: 1px 0px 1px 0px;

  /* input タグ用にボーダーを消す */
  border: none;
}
/* リンクの状態ごとにライン色を指定 */
.button_s2:visited {

}
.button_s2:hover {

        position: relative;
        top: 1px;
        left: 1px;
}
.button_s2:active {

}

.button_s3 {
  display: inline;
  color: #00a;
  text-align: center;
  text-decoration: none;
  /* ボタン画像サイズに合わせる */
  width: 115px;
  /* 画像と通常時のライン色を指定 */
    background:: #ffffFF; url(service3.gif) center center no-repeat;
  /* 使用しているフォントに合わせて調節 */
  font-size: 12px;
  font-weight: bold;
  padding: 1px 0px 1px 0px;

  /* input タグ用にボーダーを消す */
  border: none;
}
/* リンクの状態ごとにライン色を指定 */
.button_s3:visited {

}
.button_s3:hover {

        position: relative;
        top: 1px;
        left: 1px;
}
.button_s3:active {
}

.button_s4 {
  display: inline;
  color: #00a;
  text-align: center;
  text-decoration: none;
  /* ボタン画像サイズに合わせる */
  width: 115px;
  /* 画像と通常時のライン色を指定 */
     background:: #ffffFF;url(service4.gif) center center no-repeat;
  /* 使用しているフォントに合わせて調節 */
  font-size: 12px;
  font-weight: bold;
  padding: 1px 0px 1px 0px;

  /* input タグ用にボーダーを消す */
  border: none;
}
/* リンクの状態ごとにライン色を指定 */
.button_s4:visited {
  
}
.button_s4:hover {

        position: relative;
        top: 1px;
        left: 1px;
}
.button_s4:active {
  
}
.button_s5 {

  color: #00a;
  text-align: center;
  text-decoration: none;
  /* ボタン画像サイズに合わせる */
  width: 64px;
  /* 画像と通常時のライン色を指定 */
    background:: #ffffFF; url(service3.gif) center center no-repeat;
  /* 使用しているフォントに合わせて調節 */
  font-size: 12px;
  font-weight: bold;
  /* input タグ用にボーダーを消す */
  border: none;
}
/* リンクの状態ごとにライン色を指定 */
.button_s5:visited {

}
.button_s5:hover {

        position: relative;
        top: 1px;
        left: 1px;
}
.button_s5:active {
}

.input_err {
  color:red;
  font-weight:bold;
}

.imgbutton{
  width: auto;
  padding:0;
  margin:0;
  background:none;
  border:0;
  font-size:0;
  line-height:0;
  overflow:visible;
  cursor:pointer;
}
.commonbutton{

  color: #00a;
  text-align: center;
  text-decoration: none;
  /* ボタン画像サイズに合わせる */
  width: 250px;
  /* 画像と通常時のライン色を指定 */
    background:: #ffffFF; 
  /* 使用しているフォントに合わせて調節 */
  font-size: 12px;
  font-weight: bold;

  /* input タグ用にボーダーを消す */
  border: none;
}
/* リンクの状態ごとにライン色を指定 */
.commonbutton:visited {

}
.commonbutton:hover {

        position: relative;
        top: 1px;
        left: 1px;
}
.commonbutton:active {
}
.scommonbutton{

  color: #00a;
  text-align: center;
  text-decoration: none;
  /* ボタン画像サイズに合わせる */
  width: 150px;
  /* 画像と通常時のライン色を指定 */
    background:: #ffffFF; 
  /* 使用しているフォントに合わせて調節 */
  font-size: 12px;
  font-weight: bold;

  /* input タグ用にボーダーを消す */
  border: none;
  margin:0 0 5% 5%;
  
}
/* リンクの状態ごとにライン色を指定 */
.scommonbutton:visited {

}
.scommonbutton:hover {

        position: relative;
        top: 1px;
        left: 1px;
}
.scommonbutton:active {
}



/*--Link------------------------------------------------------------*/

a,
a:link {
	color: blue;
	text-decoration: underline;

}

a:visited {
	color: blue;
	text-decoration: underline;

}

a:hover,
a:active {
	color: blue;
	text-decoration: none;
        position: relative;
        top: 1px;
        left: 1px;
}

a:focus {
	outline: none;
}


a.head:link {
       margin-left:0px;
       text-decoration: underline;
       font-weight: normal;
       font-size:1em;
       color:blue;
} 
a.head:active { 
       margin-left:0px;
       text-decoration: underline;


 } 
a.head:visited {
       margin-left:0px;
       text-decoration: underline;


}
a.head:hover { 
        top: 1px;
        left: 1px;
 } 
/*--HTML5-----------------------------------------------------------*/

article,aside,details,footer,header,main,menu,nav,section,summary {
	display: block;
}

/*--layout----------------------------------------------------------*/

/*--common----------------------------------------------------------*/

#header h1,
#header h2,
#contents h3,
#header p,
#contents p,
#footer p,
#counter {
	padding: 10px;
}

/* ** */
/* ******************* 240 ～ 767px ********************************************************************* */
@media only screen and (max-width: 767px) and (min-width: 240px)  {

.tel2 {
display:none;

}

#wrapper {
	width: 96%;
	margin: 1% auto;
        height: 100%;
  background:: #ffffFF;
}

#header {
  background:: #ffffFF;
   	clear: both;
	font-size: 80%;
	font-weight: normal;
	line-height: 1.2;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;

}

#header header {
	margin: 0 auto;
  background:: #ffffFF;

}

#contents {
	overflow: hidden;
	margin: 0 auto;
        height: auto;
	  background:: #ffffFF;

}

#main {
	  background:: #ffffFF;
	font-size: 80%;
	font-weight: normal;
	line-height: 1.2;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;


}
#sidebar {
	  background:: #ffffFF;
        text-align: center;
	font-size: 80%;
	font-weight: normal;
	line-height: 1.2;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;


}

#footer{
        width: 100%;
	margin: 0 auto;
	  background:: #ffffFF;
        text-align: center;
	padding-bottom: 20px;
	font-size: 90%;
	font-weight: normal;
	line-height: 1.5;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;

}

#homehr{
   width:90%;
   height: 2px;
border-top: 2px #85b9e9 solid;
}

#sidehr{
   width:90%;
   height: 2px;
border-top: 2px #85b9e9 solid;
   margin:20px 0;
}
ul.aria {
width="20%"
	height: 100%;
	font-style: normal;
        font-weight: normal;

        font-size: 1em;
        list-style-type: none;
}

ul.aria li {
text-align: left;
}

ul.reserve {
width="20%"

	font-style: normal;
        font-weight: normal;

        font-size: 1em;
        list-style-type: none;

}
ul.reserve li {
text-align: left;

}

ul.reserve2 {
width="20%"

	font-style: normal;
        font-weight: normal;

        font-size: 1em;
        list-style-type: none;

}
ul.reserve2 li {
text-align: left;

}
ul.menu {
        list-style-type: none;
        font-size:1.3em;
}

ul.menu li {
        margin-top: 2px;

        font-size: 1em;
        width:100%;
	float: left;
        line-height:2em;
        text-align: center;
        background: url(https://xn--pck6akt9npaf0du456k.com/images/menu1.png) repeat-x;
}

ul.menu li:hover {
        margin-top: 2px;
        font-size: 1em;
        line-height:2em;
        color:red;
        text-align: center;
        background: url(https://xn--pck6akt9npaf0du456k.com/images/menu2.png) repeat-x;
}

a,
a:link {
	color: blue;
	text-decoration: underline;

}

a:visited {
	color: blue;
	text-decoration: underline;

}

a:hover,
a:active {
	color: blue;
	text-decoration: none;
        position: relative;
        top: 1px;
        left: 1px;
}

a:focus {
	outline: none;
}

 big {   
        font-size: 1.4em;
        color: #100873;
        font-family: "HG正楷書体";
        color: #d52b2b;
	line-height: 80px;
}

big:before {
        content: url(boy2.png);
	clear: both;

}
p.a {
	font-weight: normal;
        color: #100873;
        font-weight: bold;
	font-size: 1.6em;

        font-family: "ＭＳ Ｐゴシック",sans-serif;
}

p.a:before {
        content: url(user.png);
	clear: both;
	line-height: 40px;
}
p.b {
	font-weight: normal;
        color: #100873;
        font-weight: bold;
	font-size: 1.6em;

        font-family: "ＭＳ Ｐゴシック",sans-serif;
}
p.b:before {
        content: url(boy2.png);
	clear: both;
	line-height: 40px;
}
p.c {
	font-weight: normal;
        color: red;
        font-weight: bold;
	font-size: 1.6em;
        background-color:#AADFFC;
        font-family: "ＭＳ Ｐゴシック",sans-serif;
}
p.c:before {
        content: url(cautions.png);
	clear: both;
	line-height: 40px;
}
p.yen {
	font-weight: bold;
        color: red;
        margin: 5px 0 5px 0px;
}

p.yen:before {
        content: url(prezen.png);
	clear: both;
	line-height: 10px;
} 

strong{ 
	font-style: normal;
	font-weight: bold;
        font-size:1.1em;
        line-height:1.8em;
        color:#FF0000;
}
h2 {
	font-weight: normal;
        color: #100873;
        font-weight: bold;
	font-size: 1.6em;

        font-family: "ＭＳ Ｐゴシック",sans-serif;
        margin: 5px 0 5px 5px;
}
h2:before {
        content: url(track.png);
	clear: both;
	line-height: 30px;

}

h3 {
	font-weight: normal;
        color: #100873;
        font-weight: bold;
	font-size: 1.6em;
	width: 700px;
        font-family: "ＭＳ Ｐゴシック",sans-serif;
        margin: 5px 0 5px 5px;
}
h3:before {
        content: url(time.png);
	clear: both;
	line-height: 30px;

}
h4 {
	font-weight: normal;
        color: #120873;
        font-weight: bold;
	font-size: 16px;
        font-family: "ＭＳ Ｐゴシック",sans-serif;
        border-left: thick #120873 double;
	width: 80%;
        margin: 20px 0 10px 0;

/* IE */
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#D3D3D3, EndColorStr=#ffffffff);

/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#D3D3D3, EndColorStr=#ffffffff)";

/* Firefox */
background: -moz-linear-gradient(lightgrey,white);

/* Chrome, Safari */
background: -webkit-gradient(linear, left bottom,right bottom, from(lightgrey), to(white));


}

h4:before {
        content: url(track_bt.png);
	clear: both;
	line-height: 10px;

}
h5 {
	font-weight: normal;
        color: #100873;
        font-weight: bold;
	font-size: 1.6em;
        font-family: "ＭＳ Ｐゴシック",sans-serif;
        margin: 5px 0 5px 5px;
}
h5:before {
        content: url(cal.png);
	clear: both;
	line-height: 30px;

}
h6 {
	font-weight: normal;
        color: #100873;
        font-weight: bold;
        line-height:0.7em;
	font-size: 1.4em;
        font-family: "ＭＳ Ｐゴシック",sans-serif;
	text-align: center;
        margin-bottom:10px;
}
h6:before {
        content: url(speek.png);
}
h7 {
	font-weight: normal;
        color: #100873;
        font-weight: bold;
        line-height:0.7em;
	font-size: 1.4em;
        font-family: "ＭＳ Ｐゴシック",sans-serif;
	text-align: center;
        margin-bottom:10px;
}
h7:before {
        content: url(track.png);
}
address {
	font-style: normal;
        text-align: center;
	font-style: normal;
        font-size: 0.9em;
        line-height:5%;

}
.message_table {
	color:blue;
	font-weight:normal;
	font-size:1.4em;
        background-image: url(caution.png) ;
        background-repeat: no-repeat;
        height:auto;
        padding:15px 0 15px 50px;
        margin:10px 0 50px 0;
        background-position: 0px 0px;
        background-color:#AADFFC;
}
 br {   
        line-height:3em;
}
/************** 予約 botton **************/

.buttonnew {
  display: inline;
  text-align: center;
  text-decoration: none;
  /* ボタン画像サイズに合わせる */
  width: 254px;
  /* 画像と通常時のライン色を指定 */
    background:: #ffffff; center center no-repeat;
  /* 使用しているフォントに合わせて調節 */
  font-size: 12px;
  font-weight: bold;
  padding: 0px;
  /* input タグ用にボーダーを消す */
  border: none;
}
/* リンクの状態ごとにライン色を指定 */
.buttonnew:visited {
  background:: #ffffFF;
}
.buttonnew:hover {
  background:: #ffffFF;
        position: relative;
        top: 1px;
        left: 1px;
}
.buttonnew:active {
  background:: #ffffff;
}

/************** 予約 botton **************/
#repute{
	position:relative; top:0px;left:5px;
        white-space: normal;
        font-size: 1em;
	font-weight: normal;
}
.repute1{
	position:relative; top:0px;left:5px;
        font-size: 1em;
	font-weight: normal;
}

.repute2{
	position:relative; top:0px;left:5px;
        font-size: 1em;
	font-weight: normal;
}
.repute3{
        height:auto;
        word-break: break-all;
        font-size:  1em;
	font-weight: normal;

}
.repute4{
	position:relative; top:0px;left:5px;
}
.repute5{
	position:relative; top:0px;left:10px;
        white-space: normal;
}
.repute6{
	position:relative; top:0px;left:10px;
        white-space: normal;
        font-size:  1em;
	font-weight: normal;
}
a,
a:link {
	color: #2B3284;
	text-decoration: none;

}

a:visited {
	color: #2B3284;
	text-decoration: none;

}

a:hover,
a:active {
	color: blue;
	text-decoration: none;
        position: relative;
        top: 1px;
        left: 1px;
}

a:focus {
	outline: none;
}

.sec li {
	float:left;
	margin-right:10px;
}
/* ** */}

/* ******************* 768px～ *********************************************************************** */
@media only screen and (min-width: 768px) {

.tel1 {
display:none;

}

#wrapper {
	width: 960px;
	margin: 2% auto ;
        height: 100%;
        background:: #ffffff;
}

#header {
	width: 960px;
	//height:370px; // top.pngのｻｲｽﾞが大きいため 2015.10.12 //
	height:450px;
	  background:: #ffffFF;
	margin: 2% auto;
	text-align: center;
	clear: both;

}

#contents {
	width: 960px;
  background:: #ffffff;

}
#main {
	width: 730px;
	  background:: #ffffff;
	float: left;
	padding-left:10px;
	margin: 0 0;
	font-weight:normal;
	font-size:1em;



}

#sidebar {
	width: 220px;
	float: left;
	font-size: 0.9em;
  background:: #ffffff;

}
#footer{
	clear: both;
	float: left;
	width: 960px;
	  background:: #ffffFF;
        height: 200px;  
	text-align: center;
}

#pan{
	clear: both;
	padding: 0 0 0 10px;
        margin: 10px 0px 20px 20px;

}
#top {
	clear: both;
	//width: 70%;
	width: 94%;
	height: 25px;
	margin: 0 auto;
	padding: 0 0 0 40px;
	  background:: #ffffFF;
	//margin: 0px 0px 0px 40px;
	text-align:left;
	float: left;
	padding:0 3%;

}
#title {
	clear: both;
	padding: 0 0 0 10px;
        margin: 10px 0px 10px 20px;
}
#info {
	clear: both;
	text-align: left;
        background:: #ffffff;
}
#aria_a {
	clear: both;
	text-align: left;
        background:: #ffffff;
}

#aria_b {
	clear: both;
        height: 100px;  
	text-align: center;
        background:: #ffffff;
}

#aria1 {
	float: left;
	width: 46%;
	padding: 0px;
        margin: 0px 0px 20px 10px;
        border: 1px #dfdfdf solid;
        background:: #ffffe0;
}
#aria2 {
	float: left;
	width: 46%;
	padding: 0px;
        margin: 0px 0px 20px 10px;
        border: 1px #dfdfdf solid;
        background:: #ffffe0;
}
#aria_p {
	float: left;
	width: 100%;
	padding: 0px 1%;
        margin: 0px 0px 300px 0px;
        background:: #ffffe0;
}

#admin {
	float: left;
	width: 95%;
	padding: 0 0 0 10px;
        margin: 10px 0px 0px 10px;
        background:: #ffc0cb;
}
#reserve_p {
	float: left;
	width: 95%;
	padding: 0 0 0 10px;
        margin: 10px 0px 0px 10px;


}
#reserve {
	float: left;
	width: 95%;
        height: auto;
        color: 666666;
	padding: 10px 10 0 10px;
        margin: 10px 10px 0px 10px;


}
#confirm1 {
	font-style: normal;
	font-weight: normal;
        font-size:1em;
	float: left;
	width: 95%;
        height: auto;
        color: 666666;
	padding: 10px 0 0 10px;
        margin: 10px 0px 0px 10px;
        background:: #ffeaf4;

}
#confirm2 {
	font-style: normal;
	font-weight: normal;
        font-size:1em;
	float: left;
	width: 95%;
        height: auto;
        color: 666666;
	padding: 10px 0 0 10px;
        margin: 10px 0px 0px 10px;
        background:: #ffffff;

}

#gotop{
	clear: both;
	text-align: left;
        background:: #ffffff;
}


pre{
 
        word-break: break-all;
        font-size: 1.2em;
	font-weight: normal;

}
em{
	font-style: normal;
        font-size:1.2em;
        color: red;
	font-weight: normal;

}


strong{ 
	font-style: normal;
	font-weight: bold;
        font-size:1.1em;
        line-height:1.8em;
        color:#FF0000;
}
big {
        font-size: 2em;
        color: #100873;
        font-family: "HG正楷書体";
        color: #d52b2b;
	line-height: 80px;
}

big:before {
        content: url(boy2.png);
	clear: both;

}

p.a {
	font-weight: normal;
        color: #100873;
        font-weight: bold;
	font-size: 1.6em;

        font-family: "ＭＳ Ｐゴシック",sans-serif;
}

p.a:before {
        content: url(user.png);
	clear: both;
	line-height: 40px;
}
p.b {
	font-weight: normal;
        color: #100873;
        font-weight: bold;
	font-size: 1.6em;

        font-family: "ＭＳ Ｐゴシック",sans-serif;
}
p.b:before {
        content: url(boy2.png);
	clear: both;
	line-height: 40px;
}
p.c {
	font-weight: normal;
        color: red;
        font-weight: bold;
	font-size: 1.6em;
        background-color:#AADFFC;
        font-family: "ＭＳ Ｐゴシック",sans-serif;
}
p.c:before {
        content: url(cautions.png);
	clear: both;
	line-height: 40px;
}
p.yen {
	font-weight: bold;
        color: red;
        margin: 5px 0 5px 0px;
}

p.yen:before {
        content: url(prezen.png);
	clear: both;
	line-height: 10px;
} 


h2 {
	font-weight: normal;
        color: #100873;
        font-weight: bold;
	font-size: 1.6em;

        font-family: "ＭＳ Ｐゴシック",sans-serif;
        margin: 5px 0 5px 5px;
}
h2:before {
        content: url(track.png);
	clear: both;
	line-height: 30px;

}

h3 {
	font-weight: normal;
        color: #100873;
        font-weight: bold;
	font-size: 1.6em;
	width: 700px;
        font-family: "ＭＳ Ｐゴシック",sans-serif;
        margin: 5px 0 5px 5px;
}
h3:before {
        content: url(time.png);
	clear: both;
	line-height: 30px;

}
h4 {
	font-weight: normal;
        color: #120873;
        font-weight: bold;
	font-size: 16px;
        font-family: "ＭＳ Ｐゴシック",sans-serif;
        border-left: thick #120873 double;
	width: 640px;
        margin: 50px 0 20px 0;

/* IE */
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#D3D3D3, EndColorStr=#ffffffff);

/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#D3D3D3, EndColorStr=#ffffffff)";

/* Firefox */
background: -moz-linear-gradient(lightgrey,white);

/* Chrome, Safari */
background: -webkit-gradient(linear, left bottom,right bottom, from(lightgrey), to(white));


}

h4:before {
        content: url(track_bt.png);
	clear: both;
	line-height: 30px;

}
h5 {
	font-weight: normal;
        color: #100873;
        font-weight: bold;
	font-size: 1.6em;
        font-family: "ＭＳ Ｐゴシック",sans-serif;
        margin: 5px 0 5px 5px;
}
h5:before {
        content: url(cal.png);
	clear: both;
	line-height: 30px;

}
h6 {
	font-weight: normal;
        color: #100873;
        font-weight: bold;
        line-height:0.7em;
	font-size: 1.4em;
        font-family: "ＭＳ Ｐゴシック",sans-serif;
	text-align: left;
        margin-bottom:1px;
}
h6:before {
        content: url(speek.png);


}
h7 {
	font-weight: normal;
        color: #100873;
        font-weight: bold;
        line-height:0.7em;
	font-size: 1.4em;
        font-family: "ＭＳ Ｐゴシック",sans-serif;
	text-align: center;
        margin-bottom:10px;
}
h7:before {
        content: url(track.png);
}
.message_table {
	color:blue;
	font-weight:normal;
	font-size:1.4em;
        background-image: url(caution.png) ;
        background-repeat: no-repeat;
        height:auto;
        padding:15px 0 15px 50px;
        margin:10px 0 50px 0;
        background-position: 0px 0px;
        background-color:#AADFFC;
}
.t1 {
	font-style: normal;
	font-weight: normal;
        font-size:1.5em;
        color: blue;
        text-align:center;
}
ul.service1 {
margin: 0;
padding: 0;
	font-style: normal;
        font-weight:normal;
        line-height:1.2em;
        font-size:1em;
list-style-type: none;
}

ul.service1 li {
float: left;
width: 115px;
height:170px;
padding: 0px;
border-bottom: 1px #ff9900 solid;
border-right: 1px #f0e68c solid;
background:: #ffffea;
text-align: left;
}

ul.service2 {
margin: 0;
padding: 0;
	font-style: normal;
        font-weight:normal;
        line-height:1.2em;
        font-size:1em;
list-style-type: none;
}

ul.service2 li {
float: left;
width: 115px;
height:170px;
padding: 0px;
border-bottom: 1px #ff9900 solid;
border-right: 1px #f0e68c solid;
background:: #f1f4f8;
text-align: left;
}

ul.log {
margin: 0;
padding: 0;
	font-style: normal;
        font-weight:normal;
        line-height:1.2em;
        font-size:1em;
list-style-type: none;
}

ul.log li {
width: 100%;
height:60px;

padding: 0px;
text-align: left;
}

ul.log1 {
margin: 0;
padding: 0;
	float: left;
	font-style: normal;
        font-weight:normal;
        line-height:1.2em;
        font-size:1em;
list-style-type: none;
}

ul.log1 li {
width: 100%;
height:50px;

padding: 0px;
text-align: left;
}
ul.log2 {
margin: 0;
padding: 0;
	font-style: normal;
        font-weight:normal;
        line-height:1.2em;
        font-size:1em;
list-style-type: none;
}

ul.log2 li {
width: 100%;
height:80px;

padding: 0px;
text-align: left;
}
ul.space {
margin: 0;
padding: 0;
	font-style: normal;
        font-weight:normal;
        line-height:1.2em;
        font-size:1em;
list-style-type: none;
}

ul.space li {
width: 100%;
height:60px;
padding: 0px;
text-align: left;
}

ul.aria {
	font-style: normal;
        font-weight:normal;
        line-height:1.2em;
        font-size:1em;
list-style-type: none;
}

ul.aria li {
height:60px;
width:90%;
padding:0 5%;
        background:: #ffffj9;

text-align: left;
}
ul.aria_s {
	font-style: normal;
        font-weight:normal;
        line-height:1.2em;
        font-size:1em;
list-style-type: none;

}

ul.aria_s li {
height:250px;
width:96%;
padding:0 2%;
        background:: #f8f8f1;
text-align: left;
}
ul.aria1 {
        margin: 0;
        padding: 0;
	font-style: normal;
        font-weight:normal;
        line-height:1.2em;
        font-size:1em;
        list-style-type: none;
}

ul.aria1 li {
width="20%"
        height:60px;
        padding: 0px;
        background:: #ffffj9;
        text-align: left;
}

ul.aria2 {
        margin: 0;
        padding: 0;
	font-style: normal;
        font-weight:normal;
        line-height:1.2em;
        font-size:1em;
        list-style-type: none;
}

ul.aria2 li {
        width: 100%;
        height:60px;
        padding: 0px;
        background:: #ffffj9;
        text-align: left;
}

ul.lug {
padding: 0;
	font-style: normal;
        font-weight:normal;
        line-height:1em;
        font-size:1em;
        list-style-type: none;
}
ul.lug li {
float: left;
height:50px;
background:: #ffffe0;
text-align: left;
border: 0.5px #f0e68c solid;
}

ul.rei {
margin: 2% 1%;
padding: 0;
	font-style: normal;
        font-weight: normal;
        line-height: 1.2em;
        font-size: 1em;
list-style-type: none;
}
ul.rei li {
float: left;
display: inline;
width: 45%;
height: auto;
padding: 0px;
text-align: left;
}

ul.admin {
margin: 0;
padding: 0;
	font-style: normal;
        font-weight: normal;
        line-height: 1.2em;
        font-size: 1em;
list-style-type: none;
}
ul.admin li {
width: 95%;
padding: 0px;
        background:: #ffffj9;
text-align: left;

}
ul.reserve {

margin: 0;
padding: 0;
	font-style: normal;
        font-weight: normal;
        line-height: 1em;
        font-size: 1em;
        list-style-type: none;
}
ul.reserve li {
width: 100%;
height: 40px;
text-align: left;
}
ul.confirm {

	font-style: normal;
        font-weight: normal;
        line-height: 1.3em;
        font-size: 1em;
        list-style-type: none;
        color:#808080;

}
ul.confirm li {
width: 100%;
text-align: left;

}

ul.reserve2 {

	font-style: normal;
        font-weight: normal;

        font-size: 1em;
        list-style-type: none;

}
ul.reserve2 li {
text-align: left;

}
ul.order {
        width: 100%;
	font-style: normal;
        font-weight: normal;
        font-size: 1em;
        list-style-type: none;

}
ul.order li {
        text-align: left;
        background:: #ffe4e1;


}
ul.menu {
list-style-type: none;
}

ul.menu li {
float: left;
width: 160px;
height: 10px;
margin-left: 0px;
padding: 7px 0 25px 10px;
text-align: left;
background-image: url(menu.png);
background-repeat: no-repeat;
}

address {
        float: left;
	font-style: normal;
        font-size: 1em;
	text-align: left;
        line-height:0.5em;

}

#homehr{
   width:100%;
   height: 2px;
border-top: 2px #85b9e9 solid;
}

#sidehr{
   width:100%;
   height: 0px;
border-top: 0px #85b9e9 solid;
   margin:20px 0;
}
br {line-height:2em; }

/************** 予約 botton **************/

.buttonnew {
  display: inline;
  text-align: center;
  text-decoration: none;
  /* ボタン画像サイズに合わせる */
  width: 254px;
  /* 画像と通常時のライン色を指定 */
    background:: #ffffff; center center no-repeat;
  /* 使用しているフォントに合わせて調節 */
  font-size: 12px;
  font-weight: bold;
  padding: 0px;
  /* input タグ用にボーダーを消す */
  border: none;
}
/* リンクの状態ごとにライン色を指定 */
.buttonnew:visited {
  background:: #ffffFF;
}
.buttonnew:hover {
  background:: #ffffFF;
        position: relative;
        top: 1px;
        left: 1px;
}
.buttonnew:active {
  background:: #ffffff;
}

/************** 予約 botton **************/
hr{
   width:96%;
   height: 1px;
border-top: 1px #85b9e9 solid;
}

#repute{
	position:relative; top:0px;left:5px;
        white-space: normal;
        font-size: 1em;
	font-weight: normal;
}

.repute1{
	position:relative; top:0px;left:5px;
        font-size: 1em;
	font-weight: normal;
}

.repute2{
	position:relative; top:0px;left:5px;
        font-size: 1em;
        line-height:1.5em;
	font-weight: normal;
}
.repute3{
        height:auto;
        word-break: break-all;
        font-size: 12px;
	font-weight: normal;

}
.repute4{
	position:relative; top:0px;left:5px;
}
.repute5{
	position:relative; top:0px;left:10px;
        white-space: normal;
}
.repute6{
	position:relative; top:0px;left:10px;
        white-space: normal;
        font-size: 14px;
	font-weight: normal;
}
.sec li {
	float:left;
	margin-right:10px;
}
/* ** */}