@charset "UTF-8";



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

  top

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

/* mmain-img
----------------------------------------------------------- */
#mmain-img {
	position: relative;
	top: 84px;
	_top: 0px; /* IE6 */
	clear: both;
	/* height: 233px; */
	height: 357px;
	_height: 273px; /* IE6 */
	margin-bottom: 5px;
	}
	
	#slides {
		margin: 0 auto;
		width: 1200px;
		height: 268px;
		}
		
		#slides img {
			z-index: 5 !important;
			}

/* serviceBox
----------------------------------------------------------- */
#serviceBox {
	clear: both;
	/* margin-bottom: 20px; */
	
	margin: 0 auto;
	width: 1170px;
	text-align: left;
	}

	#serviceBox h2 {
		display: block;
		margin: 0 auto;
		width: 970px;
		height: 77px;
		background: url(../../../img/marix/top/ttl_mservice.png) no-repeat center top;
		text-indent: -9999px;
		}
	
	#serviceBox ul {
		height: 570px;
		background: url(../../../img/marix/top/bg_service.png) no-repeat left top;
		
		position: relative;
		top: 0px;
		left: 0px;
		}
	
	#serviceBox ul li {
		text-indent: -9999px;
		}
		
		#serviceBox ul li h3 {
			display: inline;
			}
		
		/* 大浴場・サウナ ご宿泊者入泉無料!! */
		#serviceBox ul li.btn_service01 a:link,
		#serviceBox ul li.btn_service01 a:visited,
		#serviceBox ul li.btn_service01 a:active {
			display: block;
			width: 530px;
			height: 210px;
			background: url(../../../img/marix/top/btn_service01.png) no-repeat left top;
			
			position: absolute;
			top: 20px;
			left: 60px;
			
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			transition: all 0.5s ease;
			}
		
		/* ご宴会・会議室のご案内 */
		#serviceBox ul li.btn_service02 a:link,
		#serviceBox ul li.btn_service02 a:visited,
		#serviceBox ul li.btn_service02 a:active {
			display: block;
			width: 310px;
			height: 230px;
			background: url(../../../img/marix/top/btn_service02.png) no-repeat left top;
			
			position: absolute;
			top: 340px;
			left: 190px;
			
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			transition: all 0.5s ease;
			}
		
		/* 気軽にお食事「つぼ八」 */
		#serviceBox ul li.btn_service03 a:link,
		#serviceBox ul li.btn_service03 a:visited,
		#serviceBox ul li.btn_service03 a:active {
			display: block;
			width: 310px;
			height: 240px;
			background: url(../../../img/marix/top/btn_service03.png) no-repeat left top;
			
			position: absolute;
			top: 40px;
			left: 820px;
			
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			transition: all 0.5s ease;
			}
		
		/* 駐車場200台収容可能 */
		#serviceBox ul li.btn_service04 a:link,
		#serviceBox ul li.btn_service04 a:visited,
		#serviceBox ul li.btn_service04 a:active {
			display: block;
			width: 280px;
			height: 210px;
			background: url(../../../img/marix/top/btn_service04.png) no-repeat left top;
			
			position: absolute;
			top: 340px;
			left: 520px;
			
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			transition: all 0.5s ease;
			}
		
		/* 便利なアクセス */
		#serviceBox ul li.btn_service05 a:link,
		#serviceBox ul li.btn_service05 a:visited,
		#serviceBox ul li.btn_service05 a:active {
			display: block;
			width: 290px;
			height: 210px;
			background: url(../../../img/marix/top/btn_service05.png) no-repeat left top;
			
			position: absolute;
			top: 300px;
			left: 800px;
			
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			transition: all 0.5s ease;
			}

			#serviceBox ul li.btn_service01 a:hover,
			#serviceBox ul li.btn_service02 a:hover,
			#serviceBox ul li.btn_service03 a:hover,
			#serviceBox ul li.btn_service04 a:hover,
			#serviceBox ul li.btn_service05 a:hover {
				/*
				filter: alpha(opacity=80);
				*/
				-webkit-opacity: 0.8;
				-moz-opacity: 0.8;
				opacity: 0.8;
				
				margin-top: -20px;
				}



/* mtopCBox
----------------------------------------------------------- */
#mtopCBox {
	}
	
	#mtCBL {
		float: left;
		width: 620px;
		}
	
	#mtCBR {
		float: right;
		width: 330px;
		}




/* mlinkBnBox
----------------------------------------------------------- */	
#mlinkBnBox {
	margin-top: 55px;
	margin-bottom: 20px;
	width: 620px;
	
	overflow: hidden;
	}
	
	#mlinkBnBox ul {
		clear: both;
		width: 630px;
		}
	
	#mlinkBnBox ul li {
		float: left;
		width: 200px;
		display: inline;
		margin: 0px 10px 10px 0px;
		}
	
	#mlinkBnBox ul li a:link img,
	#mlinkBnBox ul li a:visited img,
	#mlinkBnBox ul li a:active img {
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		transition: all 0.5s ease;
		}
		
		#mlinkBnBox ul li a:hover img {
			filter: alpha(opacity=50);
			-webkit-opacity: 0.5;
			-moz-opacity: 0.5;
			opacity: 0.5;
			}

/* minformationBox インフォメーション
----------------------------------------------------------- */
#minformationBox {
	}
	
	#mimBttlBox {
		}
		
		#mimBttlBox h2 {
			float: left;
			width: 140px;
			height: 50px;
			background: url(../../../img/marix/top/ttl_minformation.png) no-repeat left top;
			text-indent: -9999px;
			}
		
		#mimBttlBox p {
			float: right;
			width: 188px;
			
			position: relative;
			top: 0px;
			left: 0px;
			}
		
		#mimBttlBox p a:link,
		#mimBttlBox p a:visited,
		#mimBttlBox p a:active {
			position: absolute;
			top: 12px;
			left: 0px;
			
			display: block;
			width: 188px;
			height: 30px;
			background: url(../../../img/marix/top/btn_google.png) no-repeat left top;
			text-indent: -9999px;
			
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			transition: all 0.5s ease;
			}
			
			#mimBttlBox p a:hover {
				filter: alpha(opacity=50);
				-webkit-opacity: 0.5;
				-moz-opacity: 0.5;
				opacity: 0.5;
				}

	/* googlemap */
	#mgooglemap {
		margin-bottom: 15px;
		}
		
		#mgooglemap iframe {
			border: #CCC 1px solid;
			}