@charset "Shift_JIS";

/* reset
----------------------------------- */

* {
	margin:0px;
	padding:0px;
}

body,
h1, h2, h3, h4, h5, h6,
p, address, blockquote, pre, div,
dl, ol, ul, li,
form, input, select, textarea, fieldset, legend { 
	margin: 0; 
	padding: 0; 
}

h1, h2, h3, h4, h5, h6,
p, address, blockquote, pre, div,
dl, ol, ul,
th { 
	font-weight: normal;
	font-style: normal; 
}

strong { 
	font-weight:normal; 
	font-style: normal; 
}

../img {
	border: none;
}

ul {
list-style: none;
}


/* headline
----------------------------------- */

h2 {
background:url("../img/bg_h2.jpg") no-repeat;
width:588px;
height:40px;
text-align:left;
padding:10px 0 0 0;
	font-size:18px;
	font-weight:bold;
	clear:both;
	color:#FFFFFF;
	text-indent:20px;
	letter-spacing:1px;
	font-family:"ヒラギノ角ゴ Pro W3" , "ＭＳ Ｐゴシック", Osaka;
}


h3 {
background:url("../img/bg_h3.jpg") no-repeat;
width:588px;
height:30px;
margin-top:15px;
text-align:left;
padding:5px 0 0 5px;
	font-size:14px;
	font-weight:bold;
	clear:both;
	color:#333;
	text-indent:25px;
	letter-spacing:2px;
	font-family:"ヒラギノ角ゴ Pro W3" , "ＭＳ Ｐゴシック", Osaka;
}


h3.wide {
background:url("../img/bg_h3_wide.jpg") no-repeat;
background-position:10px -10px;
width:680px;
height:40px;
text-align:left;
padding:7px 0 0 5px;
	font-size:14px;
	font-weight:bold;
	clear:both;
	color:#333;
	text-indent:40px;
	letter-spacing:2px;
	font-family:"ヒラギノ角ゴ Pro W3" , "ＭＳ Ｐゴシック", Osaka;
}




h4 {
	background:url("../img/bg_h4.jpg") no-repeat;
	background-position:0px 0px;
	height:30px;
	margin-top:0px;
	font-size:12px;
	color:#000000;
	padding:4px 0 0 0px;
	text-indent:20px;
	clear:both;
	text-align:left;
	font-family:"ヒラギノ角ゴ Pro W3" , "ＭＳ Ｐゴシック", Osaka;
	}

blockquote {
	margin:5px 10px;
	width:620px;
	padding:10px;
	font-size:12px;
	border:1px solid #1998DB;
	background-color:#f6f6f6;
	vertical-align:middle;
	clear:both;
	text-align:left;
	}
	
blockquote span {
	border:#ccc 1px solid;
	background-color:#FF3300;
	color:#FFFFFF;
	padding:3px;
	margin-right:10px;
	height:15px;
	font-size:11px;


}


/* body
----------------------------------- */

body {
	font-family: Verdana, Arial, sans-serif;
	font-size:80%;
	color:#444;
	margin:0;
	padding:0;
	line-height:14pt;
}

a {	text-decoration:none; }
a:link {  color:#2580C9; }
a:hover {	color:#2580C9; }


input, select, textarea { 
	font-family: Verdana, Arial, sans-serif;
	color: #444; 	
}



/* class
----------------------------------- */

.clear {
	font-size: 0;
	line-height: 0;
	clear: both;
	height: 0px;
	visibility: hidden;
}

.ud {
text-decoration:underline;

}

.r1 {
	float:right;
	border:1px solid #ccc;
	margin:0px 0px 10px 10px;
}

.r {
	float:right;
	margin:0px 0px 10px 10px;
}

.l1 {
	float:left;
	border:1px solid #ccc;
	margin:0px 10px 10px 0px;
}

.l {
	float:left;
	margin:0px 10px 10px 0px;
}


.red {
	color:#E20000;

}

.reds {
	color:#E20000;
	font-size:10px;

}

.redb {
	color:#E20000;
	font-weight:bold;

}

.red15 {
	color:#E20000;
	font-size:15px;
	font-family:"ヒラギノ角ゴ Pro W3" , "ＭＳ Ｐゴシック", Osaka;

}

.red16 {
	color:#E20000;
	font-size:18px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3" , "ＭＳ Ｐゴシック", Osaka;
}

.bl16 {
	color:#111;
	font-weight:bold;
	font-size:16px;
	font-family:"ヒラギノ角ゴ Pro W3" , "ＭＳ Ｐゴシック", Osaka;
}


.red17 {
	color:#E20000;
	font-size:17px;
	font-family:"ヒラギノ角ゴ Pro W3" , "ＭＳ Ｐゴシック", Osaka;
}


.red18 {
	color:#E20000;
	font-size:18px;
	font-family:"ヒラギノ角ゴ Pro W3" , "ＭＳ Ｐゴシック", Osaka;
}

.red18b {
	color:#E20000;
	font-size:18px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3" , "ＭＳ Ｐゴシック", Osaka;
}

.red20b {
	color:#E20000;
	font-size:20px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3" , "ＭＳ Ｐゴシック", Osaka;
}

.red24b {
	color:#E20000;
	font-size:24px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3" , "ＭＳ Ｐゴシック", Osaka;
}


.blue15 {
	color:#00469D;
	font-size:15px;
	font-family:"ヒラギノ角ゴ Pro W3" , "ＭＳ Ｐゴシック", Osaka;
	font-weight:bold;

}

.b_udline {
font-weight:bold;
border-bottom:1px #333 solid;
font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3" , "ＭＳ Ｐゴシック", Osaka;
}

.bor {
border:1px solid #ccc;
}

.center {
text-align:center;

}



.mr20 {
margin:10px 20px;
}

.mar { 
margin:32px auto;
}



.mr40 {
margin-right:40px;
margin-bottom:10px;
}


p.catch {
font-size:22px; 
font-weight:bold;
line-height:25px;
font-family:'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Osaka;
}



.orei {
position:absolute;
top:15px;
left:75px;
}


p {
font-family:"メイリオ", Osaka, "ヒラギノ角ゴ Pro W3"
}

/* margin set
----------------------------------- */



.mt10 {
margin-top:10px;
}
.ml10 {
margin-left:10px;
}
.mr10 {
margin-right:10px;
}
.mb10 {
margin-botoom:310px;
}

.mt20 {
margin-top:20px;
}
.ml20 {
margin-left:20px;
}
.mr20 {
margin-right:20px;
}
.mb20 {
margin-botoom:20px;
}

.mt30 {
margin-top:30px;
}
.ml30 {
margin-left:30px;
}
.mr30 {
margin-right:30px;
}
.mb30 {
margin-botoom:30px;
}


.mt50 {
margin-top:50px;
}

/* oowaku
----------------------------------- */

#all {
	text-align:center;
	background-color:#000000;
}


#container {
	text-align:center;
	margin:0 auto;
	background:url("../img/bg_all.jpg") repeat-x;
}

#container-in1 {
	width:1000px;
	margin: 0 auto;
	position: relative;
	padding-bottom:100px;
}


/* head
----------------------------------- */


#head {
background:url("../img/key.png") no-repeat;
position:relative;
width:1000px;
height:751px;
margin:0 auto;
}

#logo {
	background:none;
	display:block;
	height:51px;
	width:350px;
	position:absolute;
	top:23px;
	left:49px;
}

#logo span {
text-indent:-9999px;
visibility:hidden;
font-size:0.1em;
line-height:0;
}






#head h1 {
	background:none;
	display:block;
	height:20px;
	width:342px;
	position:absolute;
	top:12px;
	left:6px;
	font-size:10px;
	color:#989898;
}





/* key
----------------------------------- */ 

 
/* navi
----------------------------------- */

#navi {
	height:110px;
	width:980px;
	background:url("../img/bg_navi_r.png") no-repeat;
	padding:0 0 0 20px;
}


#navi ul li {
	float:left;	
}

#navi ul li a {
	display:block;
	height:102px;
	width:192px;
}

#navi ul li a span {
text-indent:-9999px;
visibility:hidden;
font-size:0.1em;
line-height:0;
}

#navi ul li a.home{
	background:url("../img/bg_navi.png") no-repeat;
	background-position:-20px 0px;
}

#navi ul li a.profile{
	background:url("../img/bg_navi.png") no-repeat;
	background-position:-212px 0px;

}

#navi ul li a.reserva{
	background:url("../img/bg_navi.png") no-repeat;
	background-position:-404px 0px;
}

#navi ul li a.gallery{
	background:url("../img/bg_navi.png") no-repeat;
	background-position:-596px 0px;
}

#navi ul li a.contact{
	background:url("../img/bg_navi.png") no-repeat;
	background-position:-788px 0px;
	width:192px;
}

#navi ul li a:hover{
	background:0;

}

/* main 
----------------------------------- */


#main {
background:url("../img/bg_main.png") no-repeat;
position:relative;
width:1000px;
height:751px;
margin:0 auto;
}


#main_link {
position:relative;
width:1000px;
height:124px;
margin:0 auto;
}


#main_link #logo {
	background:none;
	display:block;
	height:51px;
	width:350px;
	position:absolute;
	top:23px;
	left:49px;
}

#main_link #logo span {
text-indent:-9999px;
visibility:hidden;
font-size:0.1em;
line-height:0;
}


#main p {
text-align:left;
padding:0 0 10px 5px;
font-family:"メイリオ";
}


/* profile
----------------------------------- */

#profile {
background:url("../img/bg_profile.png") no-repeat;
position:relative;
width:775px;
height:487px;
margin:0 auto;
padding:140px 0 0 65px;
}


#profile p.f15 {
font-size:15px;
font-family:"メイリオ";
}


/* info
----------------------------------- */

#info {
background:url("../img/bg_info.png") no-repeat;
position:relative;
width:395px;
height:537px;
margin:0 auto;
padding:90px 0 0 445px;
}


#info p.mark {
background:url("../img/marker.jpg") no-repeat;
background-position:0px -9px;
padding:0 0 0 25px;
margin:10px 0 10px 0px;
font-weight:bold;
font-family:"メイリオ";
}

#info p.cont {
padding:0 0 20px 10px;
font-family:"メイリオ";
}



/* gallery
----------------------------------- */

#gallery {
background:url("../img/bg_gallery.png") no-repeat;
position:relative;
width:700px;
height:507px;
margin:0 auto;
padding:120px 60px 0 80px;
	font: 70%/140% Arial, Helvetica, sans-serif;
}



.credits {
	width: 280px;
	margin: 0 auto 20px;
	text-align: center;
	border-bottom: solid 1px #ccc;
	padding: 0 0 8px 0;
	font: 130%/110% Garamond, Georgia, serif;
}
.credits em {
	color: #999;
}
.credits a {
	color: #333;
	text-decoration: none;
	text-transform: uppercase;
}
.credits a:hover {
	text-decoration: underline;
}


/* ---------- gallery styles start here ----------------------- */
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	padding: 15px;
	margin: 0;
	float: left;
	position: relative;
	width: 180px;
	height: 130px;
}
.gallery li:hover ../img {
	border-color: #000;
}
.gallery ../img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 5px;
}
.gallery em {
	background: #fff;
	color: #444;
	font-family:"小塚ゴシック Pro R";
	padding: 2px 8px 0 22px;
	display: block;
	position: absolute;
	top: 20px;
	left: 5px;
	border: 1px solid #999;
}
.gallery a {
	text-decoration: none;
}
.gallery span {
	width: 30px;
	height: 60px;
	display: block;
	position: absolute;
	top: 7px;
	left: 9px;
	background: url("../img/paper-clip-mini.png") no-repeat;
	z-index: 3;
}




/* contact
----------------------------------- */

#contact {
background:url("../img/bg_contact.png") no-repeat;
position:relative;
width:770px;
height:500px;
margin:0 auto;
padding:127px 0px 0 70px;
}



#contact_form {
background:url("../img/bg_contact.png") no-repeat;
position:relative;
width:840px;
height:627px;
margin:0 80px 0 80px;
padding:127px 450px 0px 70px;
}




/* contents
----------------------------------- */


#contents {
background:url("../img/bg_contents.jpg") no-repeat;
width:588px;
float:right;
padding:16px 14px 70px 14px;
}

#contents p {
text-align:left;
padding:5px 0px;
font-family:"メイリオ";
}






/* copy & footer
----------------------------------- */

#copy {
height:30px;
background:url("../img/copy.jpg") no-repeat;
width:760px;
margin-top:30px;
text-align:center;
}

#copy address {
color:#FFFFFF;
display:block;
width:500px;
font-size:85%;
text-align:center;
padding:4px 0 0 10px;

}


#copy a span {
	font-size:0.1em;
	line-height:0;
}

#sitemap a {
float:right;
width:100px;
height:30px;
display:block;

}

#privacy a {
float:right;
width:150px;
height:30px;
display:block;
}



#footer_out {
background:url("../img/bg_footer_all.jpg") repeat-x;
height:50px;
}

#footer {
height:40px;
width:890px;
margin:0 auto;
padding:10px 0 0 0;
}


#footer span {
font-size:12px;
color:#FBFBFB;
}

#footer p {
color:#000000;
padding:13px 10px 10px 10px;
text-align:center;
}



/* contact
----------------------------------- */

.form {
	font-size:12px;
	background:#fff;
	text-align:left;
}

.form th {
	background-color:#fff;
	text-align:right;
	padding:10px 5px 10px 5px;
	border:1px #fff solid;
	vertical-align:top;

}

.form td {
	padding:0px;
	background-color:#fff;
	text-align:left;
}

#submit {
width:320px;
margin:10px;
}


/* .hack
------------------------------------- */

body:first-of-type #contact_form {
background:url("../img/bg_contact.png") no-repeat;
position:relative;
width:320px;
height:627px;
margin:0 80px 0 80px;
padding:127px 450px 0px 70px;
}





/*
     FILE ARCHIVED ON 10:58:58 Aug 15, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 01:31:01 Jan 14, 2021.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  LoadShardBlock: 212.251 (3)
  load_resource: 131.456 (2)
  captures_list: 240.266
  RedisCDXSource: 0.965
  esindex: 0.019
  exclusion.robots: 0.432
  PetaboxLoader3.resolve: 54.914 (2)
  CDXLines.iter: 22.61 (3)
  exclusion.robots.policy: 0.411
  PetaboxLoader3.datanode: 141.857 (5)
*/