@charset "Shift_JIS";
/* CSS Document */

/* =========================================================
◆layout
========================================================= */
#wrapInner {
	width: 100%!important;
}

#inner950{
	width: 950px;
	margin: 0 auto;
	display: block;
}

.bgColorBlock {
	background-color: #FEF7DE;
}

.bgColorBlock .inner {
	width: 950px;
	margin: 0 auto;
	padding: 20px 0;
}

.title {
	width: 100%!important;
	text-align: center;
	background: url(../images/bg_title.jpg) repeat center 0;
}

h1 {
	font-size: 108%;
	font-weight: bold;
	margin: 5px 0;
}

a:hover img {
	opacity: 0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
}

#hokuriku, #nanki, #kitakinki, #sanin, #sanyo, #shikoku, #kyushu {
	margin-top: -70px; /* 固定ナビの高さ分のネガティブマージン */
	padding-top: 70px; /* 打ち消し用のパディング */
}

/* =========================================================
◆navigation
========================================================= */
.topNavi ul {
	width: 100%!important;
	background: #14145F;
	text-align: center;
}

.topNavi ul li {
	display: inline;
}

.topNavi ul li a {
	display: inline-block;
	text-indent: -9999px;
}

.topNavi ul li.hokuriku {
	width: 130px;
}

.topNavi ul li.hokuriku a {
	width: 130px;
	background: url(../images/nav_hokuriku.png) no-repeat 0 0;
}

.topNavi ul li.nanki {
	width: 130px;
}

.topNavi ul li.nanki a {
	width: 130px;
	background: url(../images/nav_nanki.png) no-repeat 0 0;
}

.topNavi ul li.kitakinki {
	width: 130px;
}

.topNavi ul li.kitakinki a {
	width: 130px;
	background: url(../images/nav_kitakinki.png) no-repeat 0 0;
}

.topNavi ul li.sanin {
	width: 130px;
}

.topNavi ul li.sanin a {
	width: 130px;
	background: url(../images/nav_sanin.png) no-repeat 0 0;
}

.topNavi ul li.sanyo {
	width: 130px;
}

.topNavi ul li.sanyo a {
	width: 130px;
	background: url(../images/nav_sanyo.png) no-repeat 0 0;
}

.topNavi ul li.shikoku {
	width: 130px;
}

.topNavi ul li.shikoku a {
	width: 130px;
	background: url(../images/nav_shikoku.png) no-repeat 0 0;
}

.topNavi ul li.kyushu {
	width: 130px;
}

.topNavi ul li.kyushu a {
	width: 130px;
	background: url(../images/nav_kyushu.png) no-repeat 0 0;
}

.topNavi ul li.hokuriku, .topNavi ul li.nanki, .topNavi ul li.kitakinki, .topNavi ul li.sanin, .topNavi ul li.sanyo, .topNavi ul li.shikoku, .topNavi ul li.kyushu {
	height: 70px;
}
.topNavi ul li.hokuriku a, .topNavi ul li.nanki a, .topNavi ul li.kitakinki a, .topNavi ul li.sanin a, .topNavi ul li.sanyo a, .topNavi ul li.shikoku a, .topNavi ul li.kyushu a {
	height: 70px;
}
.topNavi ul li.hokuriku a:hover, .topNavi ul li.nanki a:hover, .topNavi ul li.kitakinki a:hover, .topNavi ul li.sanin a:hover, .topNavi ul li.sanyo a:hover, .topNavi ul li.shikoku a:hover, .topNavi ul li.kyushu a:hover {
	background-position: 0 -70px;
}

/*必要なCSS：ここから*/
	/* 
	一定の位置までスクロールをしたら、ナビゲーションにclass="active"を付与します。
	通常時のCSSと、activeがついている状態の両方のcssを記述します
	*/

/*通常時*/
.topNavi {
	display: block;
	width: 100%;
}
/*active付与時*/
.topNavi.active {
	display: block;
	position: fixed;
	top: 0;
	z-index: 200;
}

/* =========================================================
◆施設枠
========================================================= */
.ti_kagaya {
	width: 950px;
	height:161px;
	background: url(../images/ti_kagaya.png) no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 20px;
}

.ti_shiraraso {
	width: 950px;
	height: 161px;
	background: url(../images/ti_shiraraso.png) no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 20px;
}

.ti_nishimuraya {
	width: 950px;
	height: 161px;
	background: url(../images/ti_nishimuraya.png) no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 20px;
}

.ti_kasuien {
	width: 950px;
	height: 161px;
	background: url(../images/ti_kasuien.png) no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 20px;
}

.ti_otanisanso {
	width: 950px;
	height: 161px;
	background: url(../images/ti_otanisanso.png) no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 20px;
}

.ti_arimoto {
	width: 950px;
	height: 161px;
	background: url(../images/ti_arimoto.png) no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 20px;
}

.ti_yamatoya {
	width: 950px;
	height: 161px;
	background: url(../images/ti_yamatoya.png) no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 20px;
}

.ti_shiragiku {
	width: 950px;
	height: 161px;
	background: url(../images/ti_shiragiku.png) no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 20px;
}

.pointBlock {
	float: left;
	width: 490px;
	margin-right: 10px;
}

.priceBlock {
	float: left;
	width: 450px;
}

.point {
	width: 100%;
	font-size: 189%;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding: 6px 0 4px;
	margin-bottom: 8px;
	background-color: #C00;
}

.pointBlock ul {
	font-size: 138.5%;
}

.pointBlock ul li {
	list-style: square outside;
	margin-left: 16px;
	line-height: 1.5;
}

.pointBlock ul li strong {
	font-weight: bold;
	color: #C00;
}


.yoyakuBlock {
	margin: 10px 250px 0 250px;
}

.yoyakuBlock02 {
	margin: 30px 50px 0 50px;
	border-top: 1px #000 solid;
	padding-top: 30px;
}

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

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

.Btn a:hover {
	background: #006;        /* マウスオーバーカラー */  
}

.Btn a: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: #fff;
}

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

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




.Btn02 {
	overflow: hidden;
	width: 850px;
	height: 60px;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */
	font-size: 182%;
	font-weight: bold;
}

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

.Btn02 a:hover {
	background: #006;        /* マウスオーバーカラー */  
}

.Btn02 a: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: #fff;
}

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

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




/* =========================================================
◆写真
========================================================= */
ul.itemList4 {
	width: 968px;
	margin: 0 -18px 0 0;
	overflow: hidden;
	_zoom: 1;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

ul.itemList4 li {
	float: left;
	margin-right: 18px;
	padding-bottom: 14px;
}

ul.itemList4 li dl {
	float: left;
}

ul.itemList4 li dl dd {
	width: 204px;
	padding-top: 6px;
	font-size: 108%;
}