@charset "shift_jis";

/* =========================================================
◆layout
========================================================= */
h1 {
	font-size: 108%;
	font-weight: bold;
	margin: 5px 0;
}

.poster {
	text-align: center;
}

.yoyakuBox {
	text-align: center;
	margin-top: 20px;
}

.yoyakuBox ul {
	margin-top: 10px;
}

.yoyakuBox ul li {
	display: inline-block;
	margin: 0 10px;
}

ul.gaiyo {
	width: 910px;
	margin: 20px;
}

ul.gaiyo li {
	list-style: none;
	margin-top: 6px;
	line-height: 1.4;
}

.shop {
	color: #000;/*文字色*/
	border: solid 3px #039;/*線色*/
	padding: 1em;/*文字周りの余白*/
	border-radius: 0.5em;/*角丸*/
	font-size: 197%;
	text-align: center;
}

/* =========================================================
◆ボタン
========================================================= */
.reserveBtn {
	overflow: hidden;
	width: 550px;
	height: 60px;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */
	font-size: 182%;
	font-weight: bold;
}

.reserveBtn a {
	display: block;
	position: relative;
	z-index: 100;
	text-align: center;
	background: #039;
	color: #fff;
	line-height: 60px;
	text-decoration :none;
}

.reserveBtn a:hover {
	background: #06F;        /* マウスオーバーカラー */  
}

.reserveBtn a:before {        /*白いひし型 */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 20px;
	width: 10px;
	height: 10px;
	margin-top: -4px;
	background: #fff;
}

.reserveBtn a:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 15px;
	width: 10px;
	height: 10px;
	margin-top: -4px;
	background: #039;
}

.reserveBtn a:hover:after {        /*「after要素」のマウスオーバー（カラーを合わせる） */  
	background: #06F;
}