/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
注意！mとpから始まるスタイルはマージンやパディングと重複する可能性あり！
このページの一番下をよく見る！！*/

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
全体の構成*/
body {
	text-align: center;
	background: #ffffff;
	color: #333;
	font-style:normal;
	font-size:90%;
	line-height:1.5em;
	word-spacing: 0.1em;
	margin-top:0;
	}

img {border:none;
	vertical-align:top;
	margin:0 0;
	}


a {
	text-decoration:underline;
	color:#333;
	}

a:hover{
	color:#802200;
	text-decoration:none;
	}
	
a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	}

a.none {
	text-decoration:none;
	color:#333;
	}

a.none:hover{
	color:#406080;
	text-decoration:none;
	}
	
.u{text-decoration:underline;}

br.all {clear:both;}

ol,ul,li {list-style:none;
margin:0 0;
padding:0 0;
} 


dl {margin:0 0;}
dd {margin:0 0;}

p {margin:0 0;}

hr {margin:0 0;
color:#e5e5e5;
border-style:dashed;
}

.size90 {font-size:90%;}

.bold{font-weight:bold;}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
マークアップ関連*/
h1#h1 {
	font-size:140%;
	font-weight:bold;
	text-align:right;
	margin:0 0;
	padding-right:10px;
	color:#666666;
}

h1#img{ 
  margin:0 0;
}

h2.center  {font-size:120%;
	text-align:center;
	font-weight:normal;
	margin:10px 0;
	color:#4d4d4d;
}
h2.h2  {font-size:120%;
	font-weight:bold;
	padding-left:18px;
	background-image:url(imz/h2s.gif);
	background-repeat:no-repeat;
	height:36px;
	padding-top:17px;
	margin:10px 0 0 0;
	color:#4d4d4d;
	clear:both;
}

h2.img{ 
  margin:0 0 0 0 ;}

h3  {font-size:100%;
	font-weight:bold;
	margin:0;
	padding:0;
	color:#4d4d4d;
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
全体レイアウト*/
div#wrap {
	position: relative;
	margin: 0 auto;
	width: 950px;
	text-align:left;
	}

div#wrap div#contents {
	margin:0 0 ;
	width: 950px;
	clear:both;
	}
	
div#wrap #top{margin:0 0;}
	
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
ヘッダー部分*/

div#wrap ul#header {
	width: 950px;
	margin:0 0 10px;
	padding:0 0;
	float:left;
	clear:both;
	}

div#wrap ul#header li#logo{
	width:170px;
	margin:0 350px 0 0;
	float:left;
	padding:0 0;
	}

/*
div#wrap ul#header li#g-bg{
	width:190px;
	margin:0 0;
	float:left;
	}
*/
div#wrap ul#header li#g-01{
	width:215px;
	margin:0 0;
	float:left;
	padding:0 0;
	}

div#wrap ul#header li#g-02{
	width:215px;
	margin:0 0;
	float:right;
	padding:0 0;
	}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
メイン部分*/
div#wrap div#contents div#main-v {
	margin: 0 0 0 20px;
	padding:0 0 0 0;
	width: 720px;
	float:left;
	}




/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
左ナビ*/
div#wrap div#contents div#navi{
	width: 210px;
	margin:0 0 0 0;
	float:left;
	}

	
div#wrap div#contents div#navi a.navi-txt {
	display:block;
	padding:2px 0px 4px 35px;
	margin: 10px 8px 0px 0px;
	background-image: url(imz/r-ico.gif);
	background-repeat: no-repeat;
	background-position: 25px 2px;
	line-height:1.3em;
}
	
div#wrap div#contents div#navi a.navi-txt:hover {
	display:block;
	padding:2px 0px 4px 35px;
	margin: 10px 8px 0px 0px;
	background-image: url(imz/r-ico.gif);
	background-repeat: no-repeat;
	background-position: 25px 2px;
	line-height:1.3em;
}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
フッターコピーライト*/
div#wrap div#footer {
	width:950px;
	float:left;
	text-align:center;
	margin:0 0;
	line-height:2.0em;
	margin:0px auto;
	border-top-width: 1px;
	border-top-style:solid;
	border-color: #406080;
	padding:10px 0;
}

div#endtxt{
	text-align: right;
	padding-top:5px;
	padding-right: 20px;
	font-size:90%;
	color:#666666;
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
スペース作成*/
.space-1px {  height:1px; font-size:0; margin:0 0;}
.space-12px {  height: 12px; font-size:0; margin:0 0;}
.space-18px {  height: 18px; font-size:0; margin:0 0;}
.space-36px {  height: 36px; font-size:0; margin:0 0;}
.space-64px {  height: 64px; font-size:0; margin:0 0;}
.space-3px {  height:3px; font-size:0; margin:0 0;}
.space-5px {  height: 5px; font-size:0; margin:0 0;}
.space-6px {  height: 6px; font-size:0; margin:0 0;}
.space-9px {  height: 9px; font-size:0; margin:0 0;}
.space-15px {  height: 15px; font-size:0; margin:0 0;}
.space-24px {  height: 24px; font-size:0; margin:0 0;}
.space-140px {  height: 140px; font-size:0; margin:0 0;}
.space-120px {  height: 120px; font-size:0; margin:0 0;}
.space-600px {  height: 600px; font-size:0; margin:0 0;}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
マージン関連*/

.m0 {margin: 0px!important;}
.m5 {margin: 5px!important;}
.m10 {margin: 10px!important;}
.m15 {margin: 15px!important;}
.m20 {margin: 20px!important;}

/* margin-top */
.mt0 {margin-top: 0px!important;}
.mt5 {margin-top: 5px!important;}
.mt10 {margin-top: 10px!important;}
.mt15 {margin-top: 15px!important;}
.mt20 {margin-top: 20px!important;}
.mt25 {margin-top: 25px!important;}
.mt30 {margin-top: 30px!important;}
.mt35 {margin-top: 35px!important;}
.mt40 {margin-top: 40px!important;}

/* margin-right */
.mr0 {margin-right: 0px!important;}
.mr5 {margin-right: 5px!important;}
.mr8 {margin-right: 8px!important;}
.mr10 {margin-right: 10px!important;}
.mr12 {margin-right: 12px!important;}
.mr15 {margin-right: 15px!important;}
.mr20 {margin-right: 20px!important;}
.mr24 {margin-right: 24px!important;}
.mr25 {margin-right: 25px!important;}
.mr30 {margin-right: 30px!important;}
.mr35 {margin-right: 35px!important;}
.mr40 {margin-right: 40px!important;}

/* margin-bottom */
.mb0 {margin-bottom: 0px!important;}
.mb5 {margin-bottom: 5px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb15 {margin-bottom: 15px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb25 {margin-bottom: 25px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb35 {margin-bottom: 35px!important;}
.mb40 {margin-bottom: 40px!important;}

/* margin-left */
.ml0 {margin-left: 0px!important;}
.ml5 {margin-left: 5px!important;}
.ml8 {margin-left: 8px!important;}
.ml10 {margin-left: 10px!important;}
.ml12 {margin-left: 12px!important;}
.ml15 {margin-left: 15px!important;}
.ml20 {margin-left: 20px!important;}
.ml21 {margin-left: 21px!important;}
.ml24 {margin-left: 24px!important;}
.ml25 {margin-left: 25px!important;}
.ml30 {margin-left: 30px!important;}
.ml35 {margin-left: 35px!important;}
.ml40 {margin-left: 40px!important;}
.ml50 {margin-left: 50px!important;}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
パディング関連*/
.p0{padding: 0px!important;}
.p5{padding: 5px!important;}
.p10{padding: 10px!important;}
.p15{padding: 15px!important;}
.p20 {padding: 20px!important;}
.p30 {padding: 30px!important;}

/* padding-top */
.pt0 {padding-top: 0px!important;}
.pt5 {padding-top: 5px!important;}
.pt10 {padding-top: 10px!important;}
.pt15 {padding-top: 15px!important;}
.pt20 {padding-top: 20px!important;}
.pt25 {padding-top: 25px!important;}
.pt30 {padding-top: 30px!important;}
.pt35 {padding-top: 35px!important;}
.pt40 {padding-top: 40px!important;}

/* padding-right */
.pr0 {padding-right: 0px!important;}
.pr5 {padding-right: 5px!important;}
.pr10 {padding-right: 10px!important;}
.pr15 {padding-right: 15px!important;}
.pr20 {padding-right: 20px!important;}
.pr25 {padding-right: 25px!important;}
.pr30 {padding-right: 30px!important;}
.pr35 {padding-right: 35px!important;}
.pr40 {padding-right: 40px!important;}

/* padding-bottom */
.pb0 {padding-bottom: 0px!important;}
.pb5 {padding-bottom: 5px!important;}
.pb10 {padding-bottom: 10px!important;}
.pb15 {padding-bottom: 15px!important;}
.pb20 {padding-bottom: 20px!important;}
.pb25 {padding-bottom: 25px!important;}
.pb30 {padding-bottom: 30px!important;}
.pb35 {padding-bottom: 35px!important;}
.pb40 {padding-bottom: 40px!important;}

/* padding-left */
.pl0 {padding-left: 0px!important;}
.pl5 {padding-left: 5px!important;}
.pl10 {padding-left: 10px!important;}
.pl15 {padding-left: 15px!important;}
.pl20 {padding-left: 20px!important;}
.pl24 {padding-left: 24px!important;}
.pl25 {padding-left: 25px!important;}
.pl30 {padding-left: 30px!important;}
.pl35 {padding-left: 35px!important;}
.pl40 {padding-left: 40px!important;}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
パンくず*/
.pan{margin:0px 0px 10px 10px;}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
テーブルをCSSへ*/
div#wrap div#contents div#main-v div.w720 {
    width:720px;
    margin:0px 0px;
    _margin:0px auto;
	padding:0 0;
    float:left;
    clear:both;
    font-size:100%;
}

div#wrap div#contents div#main-v div.w700 {
    width:700px;
    margin:0px 10px;
    _margin:0px auto;
	padding:0 0;
    float:left;
    clear:both;
    font-size:100%;
}

div#wrap div#contents div#main-v div.w680 {
    width:680px;
    margin:0px 20px;
    _margin:0px auto;
	padding:0 0;
    float:left;
    clear:both;
    font-size:100%;
}

div#wrap div#contents div#main-v div.w718glay {
    width:718px;
    margin:0px 0px;
    _margin:0px auto;
	padding:0 0;
    float:left;
	border:#999999;
	border-width:1px;
	border-style:solid;
    font-size:100%;
}

div#wrap div#contents div#main-v div.w698glay {
    width:698px;
    margin:0px 10px;
    _margin:0px auto;
	padding:0 0;
    float:left;
	border:#999999;
	border-width:1px;
	border-style:solid;
    font-size:100%;
}

/*■■■720幅で2分割のCSS*/
div#wrap div#contents div#main-v div.w720 {
    width:720px;
    margin:0px 0px;
    _margin:0px auto;
	padding:0 0;
    float:left;
    clear:both;
    font-size:100%;
}

div#wrap div#contents div#main-v div.w720 div.w355 { 
    width: 355px;
    margin: 0 0 0 0;
    float: left;
}
/*■■■700幅で2分割のCSS（左右のマージンは8px）*/
div#wrap div#contents div#main-v div.w700 div.w346 { 
    width: 346px;
    margin: 0 0 ;
    float: left;
}

/*■■■700幅で3分割のCSS（左右のマージンは8px）*/
div#wrap div#contents div#main-v div.w700 div.w228 { 
    width: 228px;
    margin: 0 0 ;
    float: left;
}
/*■■■700幅で2対1分割のCSS（左右のマージンは8px）*/
div#wrap div#contents div#main-v div.w700 div.w464 { 
    width: 464px;
    margin: 0 0 ;
    float: left;
}

/*■■■ページ下の店舗紹介とTOPのカレンダーのCSS*/
div#wrap div#contents div#main-v div.w718glay div.w709 {
    width:700px;
    margin:0px 9px;
    _margin:0px auto;
	padding:0 0;
    float:left;
    clear:both;
    font-size:100%;
}

div#wrap div#contents div#main-v div.w709 div.img150 { 
    width: 150px;
    margin: 0;
    float: left;
}
        
div#wrap div#contents div#main-v div.w709 div.txt500 { 
    width: 500px;
    margin: 0 0;
    float: left;
	vertical-align:top;
	font-size:100%;
}
/*■■■QRコード用のCSS*/
div#wrap div#contents div#main-v div.w700 div.img91 { 
    width: 91px;
	margin:0 ;
    float: left;
}
        
div#wrap div#contents div#main-v div.w700 div.txt559 { 
    width: 559px;
	float: left;
	margin:0 0 ;
	vertical-align:top;
	font-size:100%;
}

/*■■■Googleマップ関連*/
div#wrap div#contents div#main-v div.w700 div#saloninfo {
width:320px;
vertical-align:top;
margin:0 20px 0 0;
float:left;
}
div#wrap div#contents div#main-v div.w700 div#map {
width:358px;
height:300px;
margin:0 0;
padding:0 0;
border:#999999 solid;
border-width:1px;
float:left;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
カレンダー関連*/
table.calendar {padding: 0;margin: 0 0px;width:180px;}
table.calendar tr.headline td{font-size: 10px;}
table.calendar th {/*年月日表示*/text-align: left;font-family: "verdana";font-size: 12px;color: #333333;background-color:#ffffff;padding:5px 0;font-weight:normal;}
table.calendar th span {/*back today next*/font-family: "verdana";cursor: pointer;float: right;font-size: 10px; font-weight:lighter;}
table.calendar td {text-align: center;height: 25px;vertical-align: middle;font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";line-height: normal;font-size: 14px;color: #333333;border-bottom:1px solid #cccccc;}
table.calendar td.click {cursor: pointer;background-color:#FFFFFF;}
table.calendar td.Today {font-weight: bold;text-decoration:underline;}
table.calendar td.Sat {color: #cc0000;background-color:#f6f6f6; }
table.calendar td.SatToday {color: #cc0000;background-color:#f6f6f6;  text-decoration:underline;}
table.calendar td.Sun {color: #cc0000;background-color:#f6f6f6;  }
table.calendar td.SunToday {color: #cc0000;background-color:#f6f6f6; text-decoration:underline;}
table.calendar td.holiday {color: #cc0000;background-color:#f6f6f6;  }
table.calendar td.xday {color: #cc0000;font-size: 12px;}
table.calendar td.birthday {color: #cc0000;font-size: 12px;}

/*■■■看板画像のCSS*/
div#wrap p#toptxt {
	position: absolute;
	top: 315px;
	left: 93px;
	width: 372px;
	}
div#wrap p#toptxt01 {
	position: absolute;
	top: 256px;
	left: 124px;
	width: 457px;
	background-color:#FFFFCC;
	padding:5px;
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
配色関連*/
.red {color:#CC0000;}
.bg_y{background-color:#fffbe5;}
.large{font-size:130%; margin:0 5px;}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
配置関連*/
.center{
	text-align:center;
}

.right0 {
	text-align: right;
	clear:both;
}

.right10 {
	text-align: right;
	padding-right: 10px;
	clear:both;
}

.right20 {
	text-align: right;
	padding-right: 20px;
	clear:both;
}
.left{
	text-align:left;
	}
.line18{
line-height:1.8em;
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
フォーム関連*/
input {
	margin: 0 5px 5px 0;
	_margin: 0 5px 0 0;
}

input.text {
	padding: 3px;
	border: #999999 solid 1px;
	font-size:130%;
	font-weight:bold;
}

input.text:focus {
	color: #000000;
	background: #FFFFCC;
	border: #999999 solid 1px;
}

select.text {
	padding: 3px;
	border: #999999 solid 1px;
	font-size:130%;
}

textarea {
	margin: 0 5px 5px 0;
	_margin: 0 5px 0 0;
	padding: 3px;
	border: #999999 solid 1px;
	font-size:120%;
}

textarea:focus {
	color: #000000;
	background: #FFFFCC;
	border: #999999 solid 1px;
}

.submit {
	margin: 0 5px 5px 0;
	padding: 3px;
	font-size:120%;
	font-weight:bold;
}

td.20per {width:20%;}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
clearfix*/
#toppage:after,
#wrap:after,
#header:after,
#endtxt:after,
.w720:after,
.w700:after,
.w680:after,
.w718glay:after,
.w698glay:after, {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.w720,
.w700,
.w680,
.w718glay,
.w698glay, 
#wrap,
#header,
#toppage,
#endtxt {
  overflow: hidden;
}

/* Hides from IE-mac \*/

* html .w720,
* html .w700,
* html .w680,
* html .w718glay,
* html .w698glay, 
* html #wrap,
* html #header,
* html #toppage,
* html #endtxt {
  height: 1%;
  overflow: visible;
}
/* End hide from IE-mac */