@charset "utf-8";

/* -----------------------------------------------
北のたまゆら
東苗穂｜館内施設紹介　(/higashiNaebo/facility_Info/index.html) CSS

Creator    : sue/waka
LastUpdate : 10/12/17
----------------------------------------------- */

/* ===============================================
【基本構成】

1.左側のコンテンツの設定
2.右側のコンテンツの設定
=============================================== */

/* -----------------------------------------------------------------------------
1.左側のコンテンツの設定
----------------------------------------------------------------------------- */

/*#leftContents {
	background: url("../../img/higashiNaeboLogo.gif") no-repeat left bottom;
}*/

#category {
	width: 470px;
	margin: 15px auto 0;
}

.topword {
	margin: 0px;
	font-weight: bold;
}

#strongword {
	width:275px;
	margin: 0px;
	font-weight: bold;
}

.strongleft {
	float: left;
	width: 150px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 1.9em;
}

.strongright{
	float: right;
	width: 120px;
	margin: 0px;
	padding-top: 0.6em;
	padding-left: 0.1px;
	text-align: left;
}

#incontents {
	width: 460px;
	margin-top: 4px;
}

#incontents p {
	font-size: 0.75em;
}

#subleft {
	float: left;
	width: 220px;
}

#subright {
	float: right;
	width: 220px;
}

h3 {
	width: 220px;
	color: #F29739;
	text-align: center;
	border: solid 1px #F29739;
}

.cut {
	width: 460;
	margin-top: 0px;
}
.cut table {
	margin-top: 10px;
}
.cut td {
	vertical-align: top;
}

.cut p img {
	float: left;
	width: 93px;
}

.cutword {
	float: right;
	width: 358px;
}

.cuttop {
	/*margin-bottom: 0px;*/
	color: #33CC00;
	font-weight: bold;
	font-size: 1.3em;
}
.close {
	color: #ff0000;
	font-weight: bold;
}

.cutunder {
	width: 318px;
	margin-top: 0;
}

.wordbig {
	/*float: left;*/
	width: 163px;
	font-weight: bold;
	font-size: 2.2em;
}

.wordsmall {
	/*float: right;*/
	width: 150px;
	padding-top: 0.5em;
	font-size: 0.85em;
}
		.reflexFee {
			padding: 2px;
			color: #ffffff;
			font-weight: bold;
			font-size: 90%;
			background-color: #ff0000;
		}

	#leftContents #addInfo {
		margin-top: 20px !important;
		margin-top: 20px;
	}

		#leftContents #shampoo {
			width: 130px;
			margin-left: 25px !important;
			margin-left: 12px;
			background: #B2EBFB;
			text-align: center;
		}
			#leftContents #shampoo div {
				width: 120px;
				margin: 0 auto;
				padding: 5px 0;
				font-weight: bold;
			}
	#leftContents #foodCorner {
		width: 320px;
	}

		#leftContents #foodCorner table.leftTable {
			float: left;
		}

		#leftContents #foodCorner table.rightTable {
			/*width: 130px;*/
			float: right;
		}

		#leftContents #foodCorner th,td {
			line-height: 1.2;
			padding-right: 3px;
		}

		#leftContents #foodCorner th.foodCornerTitle {
			color: #f2972d;
		}



/* -----------------------------------------------------------------------------
2.右側のコンテンツの設定
----------------------------------------------------------------------------- */

#rightContents {
	text-align: center;
	background: url("../../img/backgroundRight.jpg") no-repeat right bottom;
}
	#rightContents .navigation {
		width: 224px;
		margin: 0 auto;
		padding-top: 65px;
		padding-left: 45px;
	}
		#rightContents .navigation ul li {
			line-height: 1;
			margin-bottom: 3px;
		}
			#rightContents .navigation ul li.last {
				margin-bottom: 10px;
			}