@charset "utf-8";
/* CSS Document */

body {
	background:url(../img/body_bg.jpg) no-repeat top center;
}

.wrap960 {
	width:960px;
	height:auto;
	margin:auto;
	overflow:hidden;
}


/* ヘッダ
===================================== */

#header {
	width:100%;
	height:119px;
}

#header .h_line {
	background:url(../img/h_bg.png) repeat-x top center;
}

#header .h_line .inner {
	width:960px;
	height:37px;
	margin:auto;
	position:relative;
}

#header .h_logo {
	position:absolute;
	top:0;
	left:20px;
}

#header .h_line .inner h1 {
	color:#333333;
	font-size:11px;
	font-weight:normal;
	letter-spacing:-0.2px;
	line-height:30px;
	padding:0 0 0 208px;
	float:left;
}

#header .h_line .inner .h_tel {
	color:#333333;
	float:right;
	line-height:30px;
	padding:5px 0 0 0;
}


/* キャプション
===================================== */

#caption {
	padding:20px 0 0 75px;
	width:493px;
	height:122px;
	float:left;
}


/* サイドエリア
===================================== */

#sideArea {
	width:214px;
	float:right;
	margin:0 0 20px 0;
}

#sideArea #sideBnr {
	width:214px;
	margin:45px 0 10px 0;
}

#sideArea #info {
	width:194px;
	height:154px;
	font-size:11px;
	color:#333333;
	padding:10px;
	background-color: rgba(255,255,255,0.6);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77FFFFFF,EndColorStr=#77FFFFFF);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77FFFFFF,EndColorStr=#77FFFFFF)";
}

#sideArea #info:not(:target){
    filter: none;
    -ms-filter: none;
}

#sideArea #info dl {
	overflow-x:hidden;
	overflow-y:scroll;
	height:130px;
}

#sideArea #info dl dt {
	background:#f23172;
	width:63px;
	height:14px;
	line-height:14px;
	font-size:10px;
	letter-spacing:-0.1px;
	color:#FFF;
	text-align:center;
	margin:6px 0 0 0;
}

#sideArea #info dl dd {
	letter-spacing:-0.1px;
	font-size:11px;
	color:#333333;
	margin:6px 0 0 0;
}


/* 3つのプラン
===================================== */

#plan {
	width:100%;
	background:url(../img/plan_bg.png) repeat-x center top;
	overflow:hidden;
}

#plan ul {
	width:900px;
	margin:auto;
}

#plan ul li {
	width:300px;
	height:192px;
	float:left;
	padding:20px 0 0 0;
}

#plan ul li.plan01 {
	background:url(../img/plan01_bg.png) no-repeat center top;
}

#plan ul li.plan02 {
	background:url(../img/plan02_bg.png) no-repeat center top;
}

#plan ul li.plan03 {
	background:url(../img/plan03_bg.png) no-repeat center top;
}


/* 上部バナー
===================================== */

#subBnr {
	width:800px;
	margin:0 auto 40px auto;
}

#subBnr ul {
	overflow:hidden;
	margin:10px -10px 0 0;
}

#subBnr ul li {
	width:260px;
	height:76px;
	background:#FFF;
	float:left;
	margin:0 10px 0 0;
}


/* 予約・資料請求
===================================== */

#contactBtn {
	text-align: center;
}

.contactBtn_list {
	display: inline-block;
	overflow: hidden;
}

.contactBtn_list li {
	float: left;
}

.contactBtn_list li + li {
	margin-left: 27px;
}


/* ナビ
===================================== */

.nav {
	width:100%;
	height:65px;
}

.nav_a {
	background:none;
	margin:16px 0 0 0;
}

.nav_b {
	background:#a18e75;
}

.nav .inner {
	width:960px;
	height:65px;
	margin:auto;
	overflow:hidden;
}

/* 左側 */
.nav .inner .left {
	float:left;
	width:266px;
	padding:15px 0 0 90px;
}

.nav .inner .left p {
	font-size:11px;
	text-align:right;
	color:#FFF;
	letter-spacing:-0.1px;
	margin:5px -6px 0 0;
}

/* 右側 */
.nav .inner .right {
	float:right;
	padding:17px 70px 0 0;
}

.nav .inner .right ul {
	overflow:hidden;
}

.nav .inner .right li {
	float:left;
	margin:0 20px 0 0;
}

.nav .inner .right p {
	font-size:10px;
	color:#FFF;
	letter-spacing:-0.2px;
	text-align:right;
	margin:0 15px 0 0;
}


/* コンテンツ
===================================== */

.contents_section {
	width:100%;
	margin:auto;
	overflow:hidden;
}

.contents_section .inner {
	width:960px;
	height:auto;
	margin:auto;
	overflow:hidden;
}

#sc_simple {
	background:url(../img/section_simple_bg.jpg) no-repeat center top;
	height:300px;
}

#sc_dine {
	background:url(../img/section_dine_bg.jpg) no-repeat center top;
	height:300px;
}

#sc_photo {
	background:url(../img/section_photo_bg.jpg) no-repeat center top;
	height:300px;
}

#sc_dress {
	background:url(../img/section_dress_bg.jpg) no-repeat center top;
	height:300px;
}

#sc_other {
	background:url(../img/section_other_bg.jpg) no-repeat center top;
	height:300px;
	padding:0;
}

#sc_other .left {
	float:left;
}

#sc_other .right {
	float:right;
}

#sc_other .left a ,
#sc_other .right a {
	display:block;
	width:380px;
	height:210px;
	padding:90px 0 0 100px;
}