@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;

}



a {

	text-decoration: none;

}



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;

}

#repute{

	position:relative; top:0px;left:5px;

        white-space: normal;

        font-size: 12px;

	font-weight: normal;

}



.repute1{

	position:relative; top:0px;left:5px;

}



.repute2{

	position:relative; top:0px;left:5px;

}

.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;

}



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;

}



/* ** */

/* ******************* 320 ～ 767px ********************************************************************* */

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







#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;

}



ul.menu li {

        font-size: 1.2em;

height: 2em;

text-align: center;

}





 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);

}

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 **************/



/* ** */}



/* ******************* 768px～ *********************************************************************** */

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



#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);





}



.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;

}

/* ** */}