﻿@charset "utf-8";

/* -----------------------------------------------
 * 石水亭
 * 館内ご案内ページ CSS
----------------------------------------------- */

#img {
	margin-top: 25px;
}

#contentMain h3 {
	padding: 5px 0 0 10px;
}

#contentMain h4 {
	margin: 20px 0 5px;
}

/* -----------------------------------------------
 * pageNavi
----------------------------------------------- */
#pageNavi {
	width: 530px;
	margin: 0 0 15px 0;
	border-bottom: 2px solid #868630;
}
	#pageNavi li {
		float: left;
		width: 110px;
		height: 31px;
		margin: 0 0 0 5px;
	}
		#pageNavi li a {
			display: block;
		}
			#pageNavi ul li a:hover {
				background-color: transparent;
			}
				#pageNavi ul li a:hover img {
					visibility: hidden;
				}
		#pageNavi ul .pageNavi01 {
			background: url("../images/pagenavi01hover.gif") no-repeat;
		}
		#pageNavi ul .pageNavi02 {
			background: url("../images/pagenavi02hover.gif") no-repeat;
		}
		#pageNavi ul .pageNavi03 {
			background: url("../images/pagenavi03hover.gif") no-repeat;
		}
		#pageNavi ul .pageNavi04 {
			background: url("../images/pagenavi04hover.gif") no-repeat;
		}

/* ----------------------------------------------
 * box
---------------------------------------------- */
#contentMain .box {
	width: 510px;
	margin: 10px auto;
}

	/* 
	 * imgに直接指定していたプロパティを
	 * class化した
	 */
	#contentMain .box .imgL {
		float: left;
		margin: 0 15px 10px 0;
	}


/* text01 -> article */
#contentMain .article {
	margin: 5px 0 15px;
}
	#contentMain .article p {
		margin: 1em 0;
	}

/* text02 -> fBox */
#contentMain .fBox {
	float: left;
	width: 250px;
	margin: 0 0 10px 0;
}
	#contentMain .fBox p {
		margin: 0 0 1em;
	}

/* text03 -> fBoxL */
#contentMain .fBoxL {
	float: left;
	width: 360px;
	margin: 5px 0;
}

/* パンフレット */
#contentMain table.pamphlet {
	width: 510px;
	margin-top: 15px;
}
	table.pamphlet td {
		text-align: center;
		border-left: 1px solid #746144;
	}


/* ----------------------------------------------
 * 自動販売機
---------------------------------------------- */
#contentMain table#automat {
	float: left;
	margin: 12px 12px 12px 0;
	border: 1px solid #746144;
	border-collapse: collapse;
}
	#automat th,
	#automat td {
		padding: 6px;
		border: 1px solid #746144;
	}