@charset "utf-8";
/**
 * style 
 * (c) FOURDIGIT Inc.
 *
 * 1. import
 * 2. html, body
 * 3. HTMLtag, siteCommonClass
 * 4. Layout
 * 5. EachPageStyle
 *
 */
/**
 * 1. import
 */
@import "extension/init/std.css";
/*@import "extension/init/strict.css";*/
@import "extension/util.css";
@import "extension/accessibility.css";
@import "extension/noscript.css";
@import "extension/fnav/normal.css";
@import "extension/logtag.css";

/**
 * 2. html, body
 */
	body {
		background-color: #fff;
		background-image: url(../imgs/space.gif);
		background-repeat: repeat-x;
		background-position: center top;
	}
	.page {
		color: #666666;
		font-size: 12px;
		line-height: 18px;
	}
	body#map {
		border-top: #4e4134 solid 3px;
		padding: 20px 0 10px;
	}
	body#maephoto {
		padding: 0;
		background-color: #fbfaf9;
		background-image: url(../../misc_maephoto/imgs/bg.jpg);
		background-repeat: no-repeat;
		background-position: center top;
	}
	body#madori02 {
		border-top: #4e4134 solid 3px;
		padding: 20px 0 10px;
	}
	
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		background-position: top left;
		color: #0000ff;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #ff0000;
		background-position: bottom right;
		text-decoration: underline;
	}
	a:active {}

/* heading */
	.siteTitle {
		margin-bottom: 15px;
	}
	.contentTitle {
		margin-bottom: 50px;
	}
	.title {
		margin-bottom: 30px;
	}
	h4 {
		margin-bottom: 20px;
	}
	h5 {
		margin-bottom: 15px;
	}
/* cap */
	.cap,
	.caption {
		background: none;
		color: #999999;
		font-size: 10px;
		line-height: 15px;
	}
	.cap {
		padding-top: 5px;
	}

/**
 * 4. Layout
 */
	body #container {
		width: 950px;
		margin-right: auto;
		margin-left: auto;
	}

	/* gHeader */
	body #gHeader {
		margin-bottom: 40px;
		padding-top: 15px;
		position: relative;
		width: 950px;
	}
	body #index #gHeader {
		margin-bottom: 10px;
	}
	body .snav #gHeader {
		margin-bottom: 15px;
	}
	body #gHeader #hNav {
		position: absolute;
		right: 0;
		top: 15px;
	}
	body #gHeader #hNav li {
		/*margin-left: 3px;*/
	}
	
	/* snav */
	body #gHeader #sNav li {
		float: left;
	}
	/* breadCrumb */
	body #breadCrumb {
		font-size: 10px;
		line-height: 15px;
		color: #333333;
	}
	body #breadCrumb a {
		color: #333333;
		text-decoration: underline;
	}
	body #breadCrumb a:hover {
		text-decoration: none;
	}	
	
	/* fNav */
	body #fNav {
		margin-top: 50px;
	}
	
	/*gFooter*/
	body #gFooter {
		clear: both;
		margin-top: 65px;
	}
	body #index #gFooter {
		margin-top: 0px;
	}
	body #gFooter #ftrInfo {
		width: 365px;
	}
	body #gFooter #ftrInfo,
	body #gFooter #ftrInfo p {
		color: #4e4134;
		font-weight: bold;
	}
	body #gFooter #ftrInfo a {
		color: #990000;
	}
	body #gFooter #ftrInfo a:hover {
		text-decoration: none;
	}
	body #gFooter #ftrInfo strong {
		color: #333333;
	}
	body #gFooter #ftrInfo .pickup{
		background: #990000;
		padding: 10px;
		color: #ffffff;
	}
	body #gFooter #ftrInfo .pickup strong{
		color: #ffffff;
	}


	body #gFooter #ftrContact {
		clear: both;
		padding-top: 25px;
		width: 950px;
	}
	body #gFooter li {
		float: left;
	}	
	body #gFooter #ftrLinks {
		margin-top: 10px;
	}
	body #gFooter #ftrCopyright {
		padding: 10px 20px 15px;
	}
	
	body #gFooter #info01 {
		position: relative;
		width: 365px;
	}
	body #gFooter #info01 #reserveBTN {
		position: absolute;
		top: 16px;
		left: 236px;
	}
	body #gFooter #info01 #madoriBTN {
		position: absolute;
		top: 74px;
		left: 196px;
	}
	
	
/* nav */
	.nav ul li {
		float: left;
	}
	li img {
		vertical-align: top;
	}
	
/**
 * 5. EachPageStyle
 */
/* pageID */
	body.pop #madori #container {
	   width: 721px;
	   text-align: center;
		 padding-top: 0;
	}
	body.pop #madori #mainContent {
	   width: 681px;
	   padding: 10px 20px 15px 20px;
		 background: #F8F5EC;
	   border: 1px solid #ECECEC;
	}
	body.pop #madori #mainContent .btAreaMenu li {
		margin-top: 9px;
		height: 19px;
		width: 112px;
		overflow: hidden;
	}
	body.pop #madori #mainContent .btArea02 #70h_m1 {
		width: 112px;
	}
	body.pop #madori #mainContent .btArea02 ul {
		width: 204px;
	}
	body.pop #madori #mainContent .btArea02 li {
		margin-top: 9px;
		margin-right: 10px;
		height: 19px;
		float: left;
		width: 72px;
		overflow: hidden;
	}
	body.pop #madori #mainContent .btArea ul {
		width: 236px;
	}
	body.pop #madori #mainContent .btArea li {
		margin-top: 9px;
		margin-right: 10px;
		height: 19px;
		float: left;
		width: 72px;
		overflow: hidden;
	}
/* partner */
	.partnerBox01 {
		padding-bottom: 27px;
	}
	
/* hideAndSeek */
	.hideBox {
		display: none;
	}
	#ground {
		display: block;
	}
	.fadeImg {
		height: 540px;
	}
/* fadeIn */
	#fade img {
		display: none;
	}
	
/* lifeinfo */
	.lifeinfoBox td {
		padding: 8px 0 6px;
		background: url('../../location/imgs/bg-dot.gif') repeat-x bottom left;
	}
	.lifeinfoBox td table td {
		padding: 0;
		background: none;
	}
	.win .lifeinfoBox td table td.meter {
		width: 2.4em;
	}
	.win .lifeinfoBox td table td.minute {
		width: 1.1em;
	}
	.mac .lifeinfoBox td table td.meter {
		width: 3.1em;
	}
	.mac  .lifeinfoBox td table td.minute {
		width: 1.5em;
	}
	.lifeinfoBox td table td.walk,
	.lifeinfoBox td table td.camera {
		padding-left: 0.5em;
	}
	
/* map */
	body#map #container {
		width: 570px;
	}

/* map */
	body#maephoto #container {
		padding-top: 90px;
		padding-bottom: 20px;
		width: 620px;
	}
	
/* outline */
	.outlineTable {
		width: 650px;
		background: #000;
	}
	.outlineTable th,
	.outlineTable td {
		padding: 2px;
		color: #000;
		background: #fff;
	}
	.outlineTable th {
		background: #cccccc;
		font-weight: normal;
		width: 25%;
	}
	.outlineTable th.outlineHead {
		text-align: left;
		color: #0000cc;
		font-weight: bold;
		font-size: 14px;
		line-height: 22px;
	}
	.mac iframe#outelineFrame {
		height: 1000px;
	}
	.mozilla iframe#outelineFrame {
		margin-bottom: 20px;
		overflow: hidden;
	}
	.outlineBox {
		color: #000;
	}
	.outlineBox h3 {
		background: #000;
		padding: 1px 2px;
		font-size: 14px;
		line-height: 22px;
		font-weight: bold;
		color: #fff;
		margin-bottom: 10px;
	}

/* index */
	#maephoto {
		border: 1px #cccccc solid;
		padding: 9px 0 0 0;
		margin-bottom: 10px;
		background: #fbfaf9 url(../imgs/ftr-maephoto-bg.gif) no-repeat 50% 0;
	}
	.feedBox {
		width: 275px;
		height: 90px;
		text-align: left;
		overflow-y: auto;
		overflow-x: hidden;
		position: relative;
		display: block;
	}
	.feedBox .feedList {
		padding: 5px 15px 0 0;
	}
	.feedBox .feedList li {
		position: relative;
		margin-bottom: 2px;
		display: block;
		width: 250px;
	}
	.feedBox .feedList .feedDate {
		position: absolute;
		top: 0;
		left: 0;
		color: #333333;
		font-size: 10px;
		line-height: 12px;
		display: block;
	}
	.feedBox .feedList .feedBody {
		padding-left: 5.5em;
		color: #666666;
		font-size: 10px;
		line-height: 12px;
		display: block;
	}
	.mac .feedBox .feedList .feedBody {
		padding-left: 6.3em;
	}
	.feedBox .feedList .feedBody a {
		color: #990000;
		text-decoration: underline;
	}
	.feedBox .feedList .feedBody a:hover {
		color: #990000;
		text-decoration: none;
	}
/* public style */
	.parent {
		position: relative;
	}
	.child {
		position: absolute;
	}
/* CF */
/* Clearfix*/
	.clearfix { zoom:1; }
	.clearfix:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

/* madori_sim */
	body#madori_sim #flashContent {
		height: 490px;
	}
	body#madori_sim #flashAreaTxt {
		padding-top: 50px;
	}

/* madori02 */
	body#madori02 #container {
		width: 570px;
	}