@charset "shift_jis";

body{
	margin:0;padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	text-align:center;
	}
body#gionloopTop{background:url(../images/gionloop_bk.jpg) center 50px no-repeat;}
body#kiyamachiloopTop{background:url(../images/kiyamachiloop_bk.jpg) center 50px no-repeat;}
body#dolceTop{background:url(../images/dolce_bk.jpg) center 50px no-repeat;}
body#marbleTop{background:url(../images/marble_bk.jpg) center 50px no-repeat;}
body#sevenTop{background:url(../images/seven_bk.jpg) center 50px no-repeat;}
body#ladyTop{background:url(../images/lady_bk.jpg) center 50px no-repeat;}
/*body#ikkyuTop{background:url(../images/ikkyu_bk.jpg) center 50px no-repeat;}
*/	
a img{border:none;}


a{color:#ccc; text-decoration:none;}

a:hover{color:#f60;}

br.clear{clear:both;}

p{line-height:1.8;}


h1,h2,h3,h4,ul,li,p,dl,dt,dd{margin:0; padding:0;}

h1{
	text-indent:-9999px;
	display:block;
	height:60px;
	text-decoration:none;
	}

ul li{list-style:none;}
/*----------------------------------*/
/*-Wrapper---------------------------------------*/
#wrapper{
	text-align:left;
	}
/*---------------------------------------*/
#gnavi{
	width:840px;
	margin:0 auto;
	margin-bottom:500px;
	position: relative;
	}
	#companyTop #gnavi{margin-bottom:0;}
	#contactTop #gnavi{margin-bottom:0;}
	#stuffTop #gnavi{margin-bottom:0;}
/*---------------------------------------*/	

#gnavi ul{
	background:url(../images/gmenu.gif) no-repeat;
	height:50px;
	position:relative;
	}
#aa{
	position: absolute;
	top: 33px;
	left: 0;
	z-index: 1;
	}
#gnavi li{
	position:absolute;
	text-indent:-9999px;
	}

#gnavi li#top{left:0px; width:120px;}
#gnavi li#gionloop{left:120px; width:120px;}
#gnavi li#kiyamachiloop{left:240px; width:120px;}
#gnavi li#dolce{left:360px; width:120px;}
#gnavi li#marble{left:480px; width:120px;}
#gnavi li#seven{left:600px; width:120px;}
/*#gnavi li#ikkyu{left:720px; width:120px;}*/

#gnavi li#top a:hover{background: url(../images/gmenu.gif) no-repeat 0px -50px;}
#gnavi li#gionloop a:hover{background: url(../images/gmenu.gif) no-repeat -120px -50px;}
#gnavi li#kiyamachiloop a:hover{background: url(../images/gmenu.gif) no-repeat -240px -50px;}
#gnavi li#dolce a:hover{background: url(../images/gmenu.gif) no-repeat -360px -50px;}
#gnavi li#marble a:hover{background: url(../images/gmenu.gif) no-repeat -480px -50px;}
#gnavi li#seven a:hover{background: url(../images/gmenu.gif) no-repeat -600px -50px;}
/*#gnavi li#ikkyu a:hover{background: url(../images/gmenu.gif) no-repeat -720px -50px;}*/


#gionloopTop #gnavi li#gionloop{background: url(../images/gmenu.gif) no-repeat -120px -50px;}
#kiyamachiloopTop #gnavi li#kiyamachiloop{background: url(../images/gmenu.gif) no-repeat -240px -50px;}
#dolceTop #gnavi li#dolce{background: url(../images/gmenu.gif) no-repeat -360px -50px;}
#marbleTop #gnavi li#marble{background: url(../images/gmenu.gif) no-repeat -480px -50px;}
#sevenTop #gnavi li#seven{background: url(../images/gmenu.gif) no-repeat -600px -50px;}
#ikkyuTop #gnavi li#ikkyu{background: url(../images/gmenu.gif) no-repeat -720px -50px;}

#gnavi li a{
	text-decoration:none;/*FIREのバグ*/
	outline: 0;
	display:block;
	height:50px;
	}
/*---------------------------------------*/
#content{
	width:700px;
	margin:0 auto;
	padding-bottom:194px;
	}
	#kiyamachiloopTop #content{background:url(../kiyamachiloop/images/footer.jpg) bottom no-repeat;}
	#gionloopTop #content{background:url(../gionloop/images/footer.jpg) bottom no-repeat;}
	#dolceTop #content{background:url(../dolce/images/footer.jpg) bottom no-repeat;}
	#marbleTop #content{background:url(../marble/images/footer.jpg) bottom no-repeat;}
	#sevenTop #content{background:url(../seven/images/footer.jpg) bottom no-repeat;}
	#ikkyuTop #content{background:url(../ikkyu/images/footer.jpg) bottom no-repeat;}
	
	#companyTop #content,#contactTop #content,stuffTop #content{background:none;padding:0;}
	/*祇園ループ*/
	
#content h1{
	text-indent:0;
	height:30px;
	}
address{
	position:relative;
	}
	
address p a{
	display:block;
	width:30px;
	height:16px;
	text-indent:-9999px;
	background:url(../images/map_botton.gif) no-repeat;
	position:absolute;
	top:8px;
	left:465px;
	}
	address p a:hover{
		background:url(../images/map_botton.gif) right no-repeat;
		}	


/*-Footer-----------------------------------*/
#footer{
	width:700px;
	margin:0 auto;
	border-top:1px solid #000;
	}
	
#footer p#copy{
	width:250px;
	float:left;
	text-indent:-9999px;
	height:40px;
	background:url(../images/copy.gif) no-repeat;
	}
	
#footer ul{
	width:449px;
	margin-top:10px;
	display:block;
	height:40px;
	float:right;
	text-align:right;
	}
#footer li{
	display:inline;
	padding-left:15px;
	}
#footer li.top{
	}
#footer li a{
	color:#000;
	}
#footer li a:hover{
	color:#666;
	}
/*---------------------------------------*/
/*---------------------------------------*/
address{
	}
	
	
/*#########################################
PAGE
########################################*/
/*--TOP page-------------------------------------*/
table.menu{
	margin:10px 0 10px 10px;
	border-collapse:collapse;
	
	}
	table.menu th{
		text-align:left;
		padding:8px 0px;
		}
	table.menu td{
		padding:8px 10px;
		}
	.bottom{
		border-bottom:1px solid #ccc;
		}
	table.line td,table.line th{
		border-bottom:1px solid #ccc;
		}
	table.line td.linenone{
		border-bottom:none;
		}
	table.line td.lineon{
		border-left:1px solid #ccc;
		}
	table.line th.linenone{
		border-bottom:none;
		}
.top{
	border-top:1px solid #ccc;
	}

/*---------------------------------------*/
/*--Company page-------------------------------------*/
#companyTop table{
	margin:10px;
	width:600px;
	}
#companyTop table th{
	width:100px;
	}
#companyTop table th,#companyTop table td{
	padding:8px 10px;
	text-align:left;
	line-height:2;
}
	
#companyTop ul.his{
	margin:10px;
	list-style:none;
	}
	
#companyTop ul.his li{
	line-height:2;
	}
#companyTop ul.his li span{
	padding-left:20px;
	}
#companyTop ul.his li strong{
	font-style:normal;
	}

/*---------------------------------------*/
/*--contact page-------------------------------------*/
#contactBox table{
	margin:10px 0;
	width:698px;
	}
#contactBox table th,#contactBox table td{
	padding:8px 5px;
	}
input.submit {
    margin-top: 30px;
	margin-left:150px;
    padding: 0 2px;
}

form{
	margin:10px 0;
	}

/*--TOP page-------------------------------------*/
td.price{text-align:right;}
/*--marble page-------------------------------------*/
.drinkBox{
	background:url(../marble/images/drink_bk.jpg) top right no-repeat;
	}
.foodBox{
	background:url(../marble/images/food_bk.jpg) top right no-repeat;
	}
.cafeBox{
	background:url(../marble/images/cafe_bk.jpg) top right no-repeat;
	}
.sweetBox{
	background:url(../marble/images/sweet_bk.jpg) top right no-repeat;
	}
/*--TOP page-------------------------------------*/


/*--sftaff page-------------------------------------*/

#staffBox table{
	margin:10px 0;
	width:698px;
	}
#staffBox table th,#staffBox table td{
	padding:8px;
	}
input.submit {
    margin-top: 30px;
	margin-left:150px;
    padding: 0 2px;
}

/*--TOP page-------------------------------------*/


/*---------------------------------------*/

/* Hack cleafix--------------------------------*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix{display:inline-table;
	min-height:1px;　/* IE 7*/
}
/* IE \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*end IE */
/* END Hack cleafix--------------------------------*/

/*lightbox--------------------------------------------------*/
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	color:#333;
	}
#lightbox a img{ border: none; }
#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}
#imageContainer{padding: 10px;}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}

#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}
#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

		

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}

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

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
/*end_lightbox--------------------------------------------------*/