@charset "Shift_JIS";

/**************************/
/*        Šî–{Ý’è        */
/**************************/

/* CSS‚̃ŠƒZƒbƒg */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,p,blockquote,th,td {
  margin:0;
  padding:0;
}

h1, h2, h3, h4, h5, h6, p, address {
	font-size: 100%;
	font-style: normal;
}


/***************************
         container
***************************/

#widewrapper {
	background:#fff;
}

div#RthCustomize {
	width: 950px;
}

#container {
	position: relative;
	padding: 0 35px;
	background: url(images/bg.jpg) repeat-y center top;
	border-bottom: solid 1px #000;
	text-align: center;
	font-size: 80%;
	line-height: 1.5;
	color: #333;
	font-family:  "Lucida Grande", sans-serif;
}

	/* for WinIE6*/
	
	* html #container {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	vertical-align:baseline;
	}
	
	/* for WinIE7*/
	
	*:first-child+html #container { 
	font-family: 'ƒƒCƒŠƒI', Meiryo, sans-serif;
	}


/* 楽天CP用バナー  */
.cp-contents .rtban_box {
    width: 800px;
    height: auto;
    margin: 15px auto;
}
/*.cp-contents .rtban_box:last-child {
    margin-bottom: 0;
}*/
.cp-contents .rtban_box img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}


#container a {
	color: #333;
	/*\*/ 
	overflow: hidden;
	/**/
}

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

#container img {
	border: none;
}

#container table {
	border: none;
	border-collapse: collapse;

}

#container strong {
}

#container em {
	font-style: normal;
}

#container li {
	list-style: none;
}


/***************************
		ƒwƒbƒ_[
***************************/

#header {
	position: relative;
	margin: 0 auto;
	background: url(images/header.jpg) no-repeat;
	width: 880px;
	height: 56px;
}


/*  ƒƒS  */

#header h2 {
	position: absolute;
	left: 18px;
	top: 12px;
}

#header h2 a {
	display: block;
	width: 180px;
	height: 30px;
	text-indent: -9999px;
}


/*  ZŠ  */

#header address {
	padding: 18px 436px 0 200px;
	color: #ccc;
	font-size: 90%;
}

#header address span {
	white-space: nowrap;
}


/*  “d˜b”ԍ†  */

#header p {
	text-indent: -9999px;
}


/***************************
		—\–ñƒ{ƒ^ƒ“
***************************/

.reserve {
	position: absolute;
	left: 611px;
	top: 0;
}

.reserve li {
	float: left;
}

.reserve li a {
	display: block;
	height: 56px;
	text-indent: -9999px;
}
.reserve #r1 a { width: 126px; }
.reserve #r2 a { width: 123px; }



#header .reserve li#r1 a:hover { background: url(images/header.jpg) no-repeat -611px -55px; }
#header .reserve li#r2 a:hover { background: url(images/header.jpg) no-repeat -737px -55px; }


#navi .reserve li#r1 a:hover { background: url(images/gloval-navi.jpg) no-repeat -611px -65px; }
#navi .reserve li#r2 a:hover { background: url(images/gloval-navi.jpg) no-repeat -737px -65px; }


/***************************
       ƒOƒ[ƒoƒ‹ƒiƒr
***************************/

#navi {
	position: relative;
	margin: 0 auto;
	padding-left: 20px;
	background: url(images/gloval-navi.jpg) no-repeat;
	width: 860px;
	height: 65px;
}

#footer-navi {
	position: relative;
	margin: 0 auto;
	padding-left: 20px;
	background: url(images/gloval-navi.jpg) no-repeat;
	width: 860px;
	height: 56px;
}

.gloval li {
	float: left;
}

.gloval li a {
	display: block;
	width: 99px;
	height: 56px;
	text-indent: -9999px;
}
.gloval li#g6 a { width: 96px; }

.gloval li#g1 a:hover { background: url(images/gloval-navi.jpg) no-repeat  -20px -65px; }
.gloval li#g2 a:hover { background: url(images/gloval-navi.jpg) no-repeat -119px -65px; }
.gloval li#g3 a:hover { background: url(images/gloval-navi.jpg) no-repeat -218px -65px; }
.gloval li#g4 a:hover { background: url(images/gloval-navi.jpg) no-repeat -317px -65px; }
.gloval li#g5 a:hover { background: url(images/gloval-navi.jpg) no-repeat -416px -65px; }
.gloval li#g6 a:hover { background: url(images/gloval-navi.jpg) no-repeat -515px -65px; }



/***************************
       ƒRƒ“ƒeƒ“ƒc
***************************/

#content {
	position: relative;
	width: 820px;
	margin: 0 auto;
	padding: 10px 20px 0 40px;
	text-align: left;
}

#content h1 {
}

#content h2 {
	clear: both;
	margin-bottom: 12px;
}

#content h3 {
	margin-bottom: 10px;
	font-size: 130%;
}

#content h4 {
	margin-bottom: 10px;
	font-size: 130%;
}

#content h5 {
}

#content p {
	margin-bottom: 5px;
	line-height: 1.5;
}

#content ul {
}

#content li {
}

#content hr {
	border-bottom: solid 1px #BBB5B0;
	clear: both;
	margin-bottom: 20px;
	color: #fff;
}

/*@ƒe[ƒuƒ‹ */

#content table {
	width: 798px;
	margin-bottom: 15px;
	table-layout: fixed;
	background: #fff;
}

#content caption {
	padding: 4px 3px 3px 5px;
	border-left: solid 5px #7C0200;
	border-bottom: solid 1px #A89D5C;
	background: #24201C;
	color: #ccc;
	font-weight: bold;
	font-size: 110%;
	text-align: left;
	letter-spacing: 0.2em
}

#content th {
	width: 12em;
	padding: 4px 10px 3px;
	border-bottom: solid 1px #999;
	color: #7C0200;
}

#content td {
	padding: 4px 10px 3px;
	border-bottom: solid 1px #999;
}

.bg th,
.bg td {
	background: #F2F2F2;
}

.half {
	float: left;
	width: 389px;
	margin-right: 19px;
}

#content .half table {
	width: 389px;
}
#content .half1 table {
	width: 310px;
}
#content .half2 table {
	width: 468px;
}


/*@‚RƒJƒ‰ƒ€@*/

.column3 {
	clear: both;
	padding-bottom: 10px;
}

.column3 li {
	float: left;
	width: 258px;
	margin: 0 12px 6px 0;
}


/*@‰º•”ƒ}[ƒWƒ“ */

.margin,
#content p.margin {
	margin-bottom: 30px;
}


/*@ƒy[ƒWƒgƒbƒv */

.pagetop {
	clear: both;
	padding: 10px 25px;
	text-align: right;
	font-size: 90%;
}

#container .pagetop a {
	padding-right: 16px;
	background: url(images/arrow.gif) no-repeat right 0.1em;
	color: #5454F6;
}

#container .pagetop a:hover {
	text-decoration: underline;
}


/***************************
       ƒtƒbƒ^[
***************************/

#footer {
	position: relative;
	margin: 0 auto;
	padding-top: 5px;
	border-top: solid 1px #8C8A87;
	background: url(images/footer.gif) no-repeat -40px 5px;
	width: 800px;
	height: 40px;
}


/*  ƒƒS  */

#footer h2 {
	position: absolute;
	left: 0px;
	top: 9px;
}

#footer h2 a {
	display: block;
	width: 146px;
	height: 22px;
	text-indent: -9999px;
}


/*  ZŠ  */

#footer address {
	padding: 8px 396px 0 160px;
	color: #000;
	font-size: 90%;
}

#footer address span {
	white-space: nowrap;
}


/*  “d˜b”ԍ†•ƒRƒs[ƒ‰ƒCƒg  */

#footer p {
	position: absolute;
	left: -9999px;
}


/**************************/
/*       copyright        */
/**************************/

p#copyright {
	padding: 2px;
	border-top: solid 2px #B2974E;
	background: #333;
	color: #FFFBF0;
	font-family: 'Hiragino Mincho Pro','ƒqƒ‰ƒMƒm–¾’© Pro','‚l‚r ‚o–¾’©',serif;
	font-size: 90%;
	text-align: center;
}






/* ƒnƒbƒN */

div:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div {display: inline-table;}

/* Hides from IE-mac \*/
* html div {height: 1%;}
div {display: block;}
/* End hide from IE-mac */




.clearfix:after {
  content: ".";  /* V‚µ‚¢—v‘f‚ðì‚é */
  display: block;  /* ƒuƒƒbƒNƒŒƒxƒ‹—v‘f‚É */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/***************************
       休館・停止のボックス(共通)
***************************/

.ysm {
	position: relative;
}
.ysm p.ysm_txt {
	background: rgba(0, 0, 0, .6);
	position: absolute;
	left: 0;
	text-align: center;
	color: #fff;
	font-size: 20px;
}