@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/


/*==========================================
 コンテンツエリア -> お知らせのスタイル
===========================================*/
div#contents section#left_box {
	margin-left: 5px;
	background-color:#FFF;
}
div#contents section#left_box h2 {
  margin: 0 5px 15px 0;
  background: url(images/bg_headerLine.jpg) repeat-x bottom;
  padding-bottom: 10px;
}
div#contents section#left_box h2 img {
	height:12px;
	width:auto;
	margin:0px 10px 0px 0px;
}
div#contents section#left_box article h3 {
  font-size: 0.9em;
  background: url(images/icn_arrow.jpg) no-repeat left 4px;
  margin-bottom:10px;
  margin-left:10px;
  padding-left: 10px;
}
div#contents section#left_box article p {
  line-height: 1.4em;
  font-size: 18px;
  margin: 0 0 20px 10px;
}
div#contents section#left_box article p a {
  text-decoration: underline;
  color:#009;
}
div#contents section#left_box article p a:hover {
  text-decoration: none;
}

/*==========================================
 コンテンツエリア -> 予約のスタイル
===========================================*/
div#contents section#left_box img.img02 {
  width: 98%;
  height: auto;
  max-width: 470px;
  margin:0px 0px 30px 0px;
}

/*==========================================
 コンテンツエリア -> 予約表のスタイル
===========================================*/
div#contents section#left_box table {
	width:100%; text-align:left;
	border-collapse:collapse; margin:0px 0px 0px 0px;
}

div#contents section#left_box th {
	width:20%; padding:9px 0px 9px 10px; vertical-align:top; text-align:left;
	color:#078AA8; font-weight:normal; font-size: 0.9em;
	border-top:#FFFFFF 0px none; border-right:#FFFFFF 0px none; border-bottom:#CCCCCC 1px dotted; border-left:#FFFFFF 0px none;
	border-collapse:separate; background-color:#FFFFFF;
}

div#contents section#left_box td {
	padding:9px 0px 9px 5px; vertical-align:top; font-size: 0.9em;
	border-top:#FFFFFF 0px none; border-right:#FFFFFF 0px none; border-bottom:#CCCCCC 1px dotted; border-left:#FFFFFF 0px none;
	border-collapse:separate; background-color:#FFFFFF;
}

div#contents section#left_box td img {
	margin:0px 3px 0px 0px; vertical-align:top;
}

div#contents section#left_box td p {
	margin:5px 0px 0px 0px;
	font-size:15px;
}

div#contents section#left_box td a {
	text-decoration:underline;
}

div#contents section#left_box .reserve_btn {
	text-align:center;
}
div#contents section#left_box img.img01 {
	margin:20px auto 30px auto;
}

/*==========================================
 コンテンツエリア -> INFORMATIONのスタイル
===========================================*/
div#contents section#right_box {
	margin-left: 5px;
	background-color:#FFF;
}
div#contents section#right_box h2 {
　text-align: left;
  margin: 0px 5px 15px 0px;
  background: url(images/bg_headerLine.jpg) repeat-x bottom;
  padding-bottom: 10px;
}
div#contents section#right_box h2 img {
	height:12px;
	width:auto;
	margin:0px 10px 0px 0px;
}

div#contents section#right_box ul li {
	width: 100%;
	margin-bottom: 20px;
}
div#contents section#right_box ul li img {
	width: 98%;
	height: auto;
	max-width: 470px;
}