@charset "UTF-8";

/* ***
 * balloonNavi
* ************************************************************************************************************* */
.balloonNavi.conceptNavi {
	margin-bottom:5px;
}

.balloonNavi.conceptNavi li {
	width:250px;
}


/* ***
 * SwitchNavi
* ************************************************************************************************************* */
#SwitchNavi p.n3,
#SwitchNavi p.n4,
#SwitchNavi p.n5,
#SwitchNavi p.n6,
#SwitchNavi p.n7 {
	width: 180px;
	margin: 0 5px;
}

#SwitchNavi p.n1 {
	background-image:url("/resource/item/images/jewel/btn_switch01.png");
}
#SwitchNavi p.n1:hover,
#SwitchNavi p.n1.current {
	background-image:none;
}

#SwitchNavi p.n2 {
	background-image:none;
}
#SwitchNavi p.n2:hover,
#SwitchNavi p.n2.current {
	background-image:none;
}

#SwitchNavi p.n3 {
	background-image:url("/resource/facilities/images/common/btn_switch03.png");
}
#SwitchNavi p.n3:hover,
#SwitchNavi p.n3.current {
	background-image:none;
}

#SwitchNavi p.n4 {
	background-image:url("/resource/facilities/images/common/btn_switch04.png");
}
#SwitchNavi p.n4:hover,
#SwitchNavi p.n4.current {
	background-image:none;
}

#SwitchNavi p.n5 {
	background-image:none;
}
#SwitchNavi p.n5:hover,
#SwitchNavi p.n5.current {
	background-image:none;
}

#SwitchNavi p.n6 {
	background-image:url("/resource/item/images/gift/btn_switch06.png");
}
#SwitchNavi p.n6:hover,
#SwitchNavi p.n6.current {
	background-image:url("/resource/item/images/gift/btn_switch06_a.png");
}

#SwitchNavi p.n7 {
	background-image:none;
}
#SwitchNavi p.n7:hover,
#SwitchNavi p.n7.current {
	background-image:none;
}



/* ***
 * HeadSlideCopy
* ************************************************************************************************************* */
#HeadSlideCopy {
	width:100%;
	height:380px;
	text-align:center;
	background-color:#000;
	margin-bottom:50px;
	position:relative;
}

#HeadSlideCopy .bg {
	width:100%;
	height:380px;
	background:transparent none 50% 0 no-repeat;
	overflow:hidden;
	-moz-opacity:0;
	opacity:0;
}

#HeadSlideCopy .bg .copy {
	display:table;
	width:100%;
	height:380px;
	position:absolute;
	top:0;
	left:0;
	-moz-opacity:0;
	opacity:0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}

#HeadSlideCopy .bg .copy p {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
}

#HeadSlideCopy .bg .copy p img {
	background: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
    zoom: 1;
}

/* ***
 * IndexContents
* ************************************************************************************************************* */
#IndexContents {
	width:980px;
	margin:0 auto 50px;
}

#IndexContents .n1 {
	background-color:#F0E4CF;
	margin-bottom:40px;
}

#IndexContents .n1 .image {
	width:490px;
	float:left;
}

#IndexContents .n1 .text {
	display:table;
	width:435px;
	height:250px;
	float:right;
	padding-right:25px;
}

#IndexContents .n1 .text .inner {
	width:100%;
	height:100%;
	display:table-cell;
	vertical-align:middle;
}

#IndexContents .n2,
#IndexContents .n3,
#IndexContents .n4 {
	width:340px;
	float:left;
}

#IndexContents .n3 {
	width:300px;
}

#IndexContents .n4 {
	width:300px;
	float:right;
}

#IndexContents .n2 .inner,
#IndexContents .n3 .inner,
#IndexContents .n4 .inner {
	width:300px;
	min-height:500px;
	background-color:#F0E4CF;
}

#IndexContents .n2 .text,
#IndexContents .n3 .text,
#IndexContents .n4 .text {
	padding:20px 25px 20px;
}

#IndexContents .text h4 {
	font-weight: normal;
	font-family:'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro W3', 'ＭＳ 明朝', serif;
}

/* ***
 * IndexBanner
* ************************************************************************************************************* */
#IndexBanner {
	width:100%;
	padding:50px 0;
	text-align:center;
	background:#DAD4C4 none center top repeat;
	margin-bottom:50px;
}

/* ***
 * SlideImage
* ************************************************************************************************************* */
#SlideImage .toggleContents .content {
	overflow:hidden;
	position:relative;
}

#SlideImage .toggleContents .content .bx-viewport,
#SlideImage .toggleContents .content .images li,
#SlideImage .toggleContents .content .images li img {
	display: inline-block;
	-webkit-backface-visibility:hidden;
	backface-visibility: hidden;
}

#SlideImage .toggleContents .content .bx-prev {
	display:block;
	width:50px;
	height:50px;
	cursor:pointer;
	background:transparent none 0 0 no-repeat;
	text-indent:-9999em;
	position:absolute;
	left:0;
	top:226px;
	z-index: 99;
}

#SlideImage .toggleContents .content .bx-next {
	display:block;
	width:50px;
	height:50px;
	cursor:pointer;
	background:transparent none 0 0 no-repeat;
	text-indent:-9999em;
	position:absolute;
	right:0;
	top:226px;
	z-index: 99;
}

/* ***
 * PhotoGallery
* ************************************************************************************************************* */
#PhotoGallery {
	margin-bottom:50px;
}

#PhotoGallery .content {
	position:relative;
	width:100%;
	height:750px;
}

#PhotoGallery .content .image {
	width:320px;
	height:320px;
	position:absolute;
}

#PhotoGallery .content .image.n1 {
	width:650px;
	height:420px;
	top:0;
	left:0;
}

#PhotoGallery .content .image.n2 {
	width:320px;
	height:420px;
	top:0;
	right:0;
}

#PhotoGallery .content .image.n3 {
	top:430px;
	left:0;
}

#PhotoGallery .content .image.n4 {
	top:430px;
	left:330px;
}

#PhotoGallery .content .image.n5 {
	top:430px;
	right:0;
}

/* ***
 * StepAsset
* ************************************************************************************************************* */
#StepAsset {
	margin-bottom:50px;
}

#StepAsset .step {
	width:340px;
	float:left;
}

#StepAsset .step:last-child {
	width:300px;
}

#StepAsset .step .inner {
	width:300px;
	position:relative;
	background-color:#F0E4CF;
	min-height:430px;
}

#StepAsset .step .inner .ttl {
	display:inline;
	position:absolute;
	top:250px;
	left:0;
}

#StepAsset .step .inner .text {
	padding:65px 20px 15px;
	color:#1f1f1f;
}

#StepAsset .step .inner .text h5 {
	font-size:14px;
	font-weight: normal;
	font-family:'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro W3', 'ＭＳ 明朝', serif;
}

#StepAsset .step .inner .text p {
	margin-top:0.5em;
}

#StepAsset .last-step {
	padding-top:47px;
	background:transparent none 50% 0 no-repeat;
}

/* ***
 * boxBorder01
* **************************************************** */
.boxBorder01 .left {
	width:575px;
	float:left;
}

.boxBorder01 .left .inner {
	display:table;
	width:100%;
	height:60px;
}

.boxBorder01 .left .inner p {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	font-size:14px;
}

.boxBorder01 .right {
	width:300px;
	float:right;
}

/* ***
 * StaffList
* ************************************************************************************************************* */
#StaffList {
	margin-bottom:50px;
}

#StaffList .thumbs {
	margin-bottom:30px;
}

#StaffList .thumbs li {
	width:250px;
	padding-bottom:20px;
	float:left;
}

#StaffList .thumbs li:nth-child(4n) {
	width:230px;
}

#StaffList .btns {
	width:530px;
	margin:0 auto;
}

#StaffList .btns li:first-child {
	display:inline;
	float:left;
}

#StaffList .btns li:last-child {
	display:inline;
	float:right;
}

/* ***
 * StaffBanner
* **************************************************** */
#StaffBanner {
	width:850px;
	margin: 0 auto;
}

#StaffBanner .facebook {
	width:500px;
	float:left;
	background-color:#fff;
}

#StaffBanner .blog {
	width:300px;
	float:right;
}

/* ***
 * StaffPage
* ************************************************************************************************************* */
#StaffPage {
	width:820px;
	margin:0 auto;
	background-color:#fff;
}

#StaffPage .head {
	display:table;
	width:100%;
	height:60px;
	background:#fff none 0 0 no-repeat;
	margin-bottom:40px;
}

#StaffPage .head h1 {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
}

#StaffPage .contents {
	width:720px;
	margin:0 auto;
	color:#1f1f1f;
}

#StaffPage .contents .point {
	margin-bottom:30px;
}

#StaffPage .contents .point .image {
	width:250px;
}

#StaffPage .contents .point .text {
	width:440px;
}

#StaffPage .contents .point h3 {
	font-size:18px;
}

#StaffPage .contents .message .text {
	width:480px;
	float:right;
}

#StaffPage .contents .message .text h3 {
	color:#B29B31;
}

#StaffPage .contents .message .text h4 {
	font-size:16px;
}

#StaffPage .contents .footNavi {
	padding:35px 0 0;
	text-align:center;
}

#StaffPage .contents .footNavi .prev {
	display:inline;
	float:left;
	cursor:pointer;
}

#StaffPage .contents .footNavi .close {
	display:inline;
	cursor:pointer;
}

#StaffPage .contents .footNavi .next {
	display:inline;
	float:right;
	cursor:pointer;
}

/* ***
 * colorbox setting
* **************************************************** */
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxCurrent,
#cboxTitle {
	display:none !important;
}