/*************index*************** 

 * 1. import
 * 2. font
 * 3. reset
 * 4. PC繝ｻ繧ｹ繝槭�蜷�ｨｭ螳�
 
 ********************************/
 
/********************************
 * 1. import
 ********************************/
/*@import "reset.css";
@import "util.css";*/


/********************************
 * 2. font
 ********************************/
a {
	color: #333;
	text-decoration: none; }
a:visited {color: #333; }
a:hover {color: #54C3F1; }
a:active {color: #54C3F1; }

/* Font-Size */
.f10{font-size:10px; line-height:14px;}
.f11{font-size:11px; line-height:15px;}
.f12{font-size:12px; line-height:16px;}
.f13{font-size:13px; line-height:17px;}
.f14{font-size:14px; line-height:18px;}


/********************************
 * 3. reset
 ********************************/


/********************************
 * 4. PC繝ｻ繧ｹ繝槭�蜷�ｨｭ螳�
 ********************************/
body {
	font-family:"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height: 1.5;
	color: #333;
}

/* 蟷�950px險ｭ螳� */
.innerContents {
	position: relative;
	width: 950px;
	margin: 0 auto;
}


/* 繝倥ャ繝€繝ｼ */
#headerArea {
	height: 58px;
	border-bottom: 1px solid #d3c898;
}
#headerArea h1 { position: absolute; top: 18px; left: 1px;}
#headerArea .logo { position: absolute; top: 18px; right: 0;}

#headerArea img,
#globalNavArea img,
#headerNavArea img,
#footerNavArea img,
#footerArea img {
	vertical-align: top;
}
#headerArea a img,
#globalNavArea a img,
#headerNavArea a img,
#footerNavArea a img,
#footerArea a img {
	border: none;
}

#pageTop {
	width: 950px;
	margin: 0 auto 28px;
	text-align: right;
}
#pageTop a {
	display: block;
	padding: 10px 2px;
}

.bold { font-weight: bold;}

/* footerArea
------------------------------------------------------------------------------- */

#footerArea {
	border-top: 1px solid #d0c495;
	height: 126px;
}
#footerArea .footerBlock {
	position: relative;
	width: 950px;
	margin: 0 auto;
}
#footerArea .footerBlock .logoPic {
	position: absolute;
	top: 17px;
	left: 20px;
}
#footerArea .footerBlock .logoTxt {
	position: absolute;
	top: 24px;
	right: 32px;
}
#footerArea .footerBlock .copyright {
	padding: 50px 32px 0 0;
	text-align: right;
	font-size: 11px;
	line-height: 1;
}
#footerArea br { display: none;}


/* sp髱櫁｡ｨ遉ｺ */
nav,#pageTop_sp { display: none !important;}

/* index
------------------------------------------------------------------------------- */
#index .contents { background: url(../images/index/bg_texture.gif) repeat;}
#index .txtBlock { position: relative; padding-top: 13px; margin-bottom: 13px;}
#index .leftTxt { font-size: 12px; line-height: 1.5;}
#index .leftTxt br.sp { display: none;}
#index .rightTxt { position: absolute; right: 0; bottom: 0; font-size: 12px; color: #7a6820;}
#index .picBlock { position: relative; border-bottom: 1px solid #999; height: 405px; margin:0;}
#index .picBlock .pic2 { position: absolute; top: 0; right: 0; height: 200px;}
#index .picBlock .pic3 { position: absolute; bottom: 0; right: 0; height: 200px;}
#index .banner { margin: 30px 0 0; padding: 30px 0 38px; border-top: 1px solid #999;}
#index .bottomContents {
	background: url(../images/common/line_shadow.gif) repeat-x top;
	padding-top: 37px;
}
#index .btnBlock {
	position: relative;
	width: 950px;
	height: 136px;
	margin: 0 auto 26px;
	background-color: #eff5ed;
}
#index .btnBlock .btn1 { position: absolute; top: 10px; left: 10px;}
#index .btnBlock .btn2 { position: absolute; top: 10px; left: 323px;}
#index .btnBlock .btn3 { position: absolute; top: 10px; left: 637px;}

/* sp髱櫁｡ｨ遉ｺ */
#index .picBlock_sp,#index .bottomContents_sp,#index .banner_sp { display: none;}


/* 荳句ｱ､蜈ｱ騾�
------------------------------------------------------------------------------- */

h3 span {
	display: none;
}

.headerNav,.footerNav {
	width: 100%;
	height: 60px;
}
.headerNav ul {
	position: relative;
	width: 950px;
	height: 60px;
	margin: 0 auto;
}
.footerNav { height: 74px; background-color: #eee; margin-bottom: 6px;}
.footerNav ul {
	position: relative;
	width: 950px;
	height: 60px;
	margin: 0 auto;
}
.headerNav li,.footerNav li {
	position: absolute;
	list-style: none;
	top: 8px;
}
.footerNav li {
	top: 16px;
}
.headerNav li.nav2,.footerNav li.nav2 { left: 192px;}
.headerNav li.nav3,.footerNav li.nav3 { left: 384px;}
.headerNav li.nav4,.footerNav li.nav4 { left: 575px;}
.headerNav li.nav5,.footerNav li.nav5 { right: 0;}

.ttlBlock {
	width: 100%;
	height: 60px;
	background-color: #fff;
}
h2 {
	display: block;
	width: 950px;
	margin: 0 auto !important;
}

.thumbBlock .thumb .txt {
	position: absolute;
	top: 172px;
}


/* sp髱櫁｡ｨ遉ｺ */
.ttlBlock_sp,.thumbBlock .thumb .spTxt,.btnBlock_sp,.pic .sp,.footerNav .sp { display: none;}

/* Interest
------------------------------------------------------------------------------- */
#interest .ttlBlock { border-top: 1px solid #df4f00;}
#interest .contents { background: url(../images/interest/bg_texture.gif) repeat; padding-bottom: 28px;}
#interest .main { position: relative; width: 100%; height: 410px; text-align: center; background-color: #fff;}
#interest .main .pic {
	position: relative;
	width: 1000px;
	height: 410px;
	margin: 0 auto;
}
#interest .thumbBlock {
	position: absolute;
	width: 310px;
	height: 200px;
	top: 105px;
	right: 24px;
}
#interest .thumbBlock .thumb {
	position: absolute;
	top: 0;
	left: 0;
}
#interest .main .movieBtn {
	position: absolute;
	bottom: 11px;
	right: 24px;
}
#interest .read {
	background-color: #fff;
}
#interest .read p {
	width: 876px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.8;
	padding: 11px 0;
}
#interest .btnBlock {
	height: 90px;
	background-color: #f1f1f1;
}
#interest .btnBlock ul {
	position: relative;
	width: 950px;
	height: 90px;
	margin: 0 auto;
}
#interest .btnBlock li {
	position: absolute;
	top: 10px;
	list-style: none;
}
#interest .btnBlock li.btn2 { left: 320px;}
#interest .btnBlock li.btn3 { right: 0;}

#interest .innerContents { font-size: 13px; line-height: 1.5;}
#interest #section1,#interest #section2,#interest #section3,#interest #sectionMovie,#interest .editor,#interest .place { width: 889px; margin: 0 auto;}
#interest #section1 { padding-top: 35px;}
#interest #section1 h3 { float:right; width: 381px; margin: 3px 0 10px;}
#interest #section1 .pic { float: left; width: 499px;}
#interest #section1 p { float:right; width: 381px; letter-spacing: 0;}

#interest #section2 { clear: both; padding: 34px 0 0 0;}
#interest #section2 h3 { float:left; width: 381px; margin: 0 0 7px 3px;}
#interest #section2 .pic { float:right; width: 497px;}
#interest #section2 p { float:left; width: 381px;}

#interest #section3 { clear: both; padding-top: 26px;}
#interest #section3 h3 { float:right; width: 384px; margin-bottom: 9px;}
#interest #section3 .pic { float: left; width: 500px;}
#interest #section3 p { float:right; width: 381px;}

#interest #sectionMovie { clear: both;padding-top: 35px;}
#interest #sectionMovie h3 { float:right; width: 383px; margin-bottom: 14px;}
#interest #sectionMovie .youtube { float: left; width: 500px;}
#interest #sectionMovie p { float:right; width: 383px; margin-bottom: 18px;}

#interest .editor { clear: both; margin-bottom: 35px; padding-top: 39px;}
#interest .editor h3 { margin-bottom: 9px;}
#interest .editor .address { margin-bottom: 5px;}
#interest .editor span { line-height: 2;}

#interest .place {
	position: relative;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 20px 0 17px;
}
#interest .place h3 { line-height: 1;}
#interest .place .address {
	position: absolute;
	top: 22px;
	left: 176px;
}


/* residence
------------------------------------------------------------------------------- */
#residence .ttlBlock { border-top: 1px solid #df4f00;}
#residence .contents { background: url(../images/residence/bg_texture.gif) repeat; padding-bottom: 28px;}
#residence .main { position: relative; width: 100%; height: 410px; text-align: center; background-color: #fff;}
#residence .main .pic {
	position: relative;
	width: 1000px;
	height: 410px;
	margin: 0 auto;
}
#residence .thumbBlock {
	position: absolute;
	width: 310px;
	height: 200px;
	top: 105px;
	right: 24px;
}
#residence .thumbBlock .thumb {
	position: absolute;
	top: 0;
	left: 0;
}
#residence .read {
	background-color: #fff;
}
#residence .read p {
	width: 876px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.8;
	padding: 11px 0;
}
#residence .btnBlock {
	height: 90px;
	background-color: #f1f1f1;
}
#residence .btnBlock ul {
	position: relative;
	width: 950px;
	height: 90px;
	margin: 0 auto;
}
#residence .btnBlock li {
	position: absolute;
	top: 10px;
	list-style: none;
}
#residence .btnBlock li.btn2 { left: 320px;}
#residence .btnBlock li.btn3 { right: 0;}

#residence .innerContents { font-size: 13px; line-height: 1.5;}
#residence #section1,#residence #section2,#residence #section3,#residence #sectionMovie,#residence .editor,#residence .place { width: 889px; margin: 0 auto;}
#residence #section1 { padding-top: 35px;}
#residence #section1 h3 { float:right; width: 381px; margin: 4px 0 11px;}
#residence #section1 .pic { float: left; width: 499px;}
#residence #section1 p { float:right; width: 381px; margin-bottom: 10px;}

#residence #section2 { clear: both; padding: 30px 0 0 0;}
#residence #section2 h3 { float:left; width: 381px; margin: 0 0 7px 1px;}
#residence #section2 .pic { float:right; width: 497px;}
#residence #section2 p { float:left; width: 381px; margin-bottom: 10px;}

#residence #section3 { clear: both; padding-top: 26px;}
#residence #section3 h3 { float:right; width: 384px; margin: 1px 0 9px 2px;}
#residence #section3 .pic { float: left; width: 500px;}
#residence #section3 p { float:right; width: 381px;}

#residence .editor { clear: both; margin-bottom: 35px; padding-top: 34px;}
#residence .editor h3 { float:right; width: 586px; margin-bottom: 9px;}
#residence .editor .pic { float: left; width: 282px; margin-bottom: 24px;} 
#residence .editor p { float:right; width: 584px;}
#residence .editor .address { margin-bottom: 5px;}
#residence .editor span { line-height: 2;}

#residence .place {
	clear: both;
	position: relative;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 20px 0 17px;
}
#residence .place h3 { line-height: 1;}
#residence .place .address {
	position: absolute;
	top: 22px;
	left: 427px;
}

/* eat
------------------------------------------------------------------------------- */
#eat .ttlBlock { border-top: 1px solid #28b1bd;}
#eat .contents { background: url(../images/eat/bg_texture.gif) repeat; padding-bottom: 28px;}
#eat .main { position: relative; width: 100%; height: 410px; text-align: center; background-color: #fff;}
#eat .main .pic {
	position: relative;
	width: 1000px;
	height: 410px;
	margin: 0 auto;
}
#eat .thumbBlock {
	position: absolute;
	width: 310px;
	height: 200px;
	top: 105px;
	right: 24px;
}
#eat .thumbBlock .thumb {
	position: absolute;
	top: 0;
	left: 0;
}
#eat .read {
	background-color: #fff;
}
#eat .read p {
	width: 876px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.8;
	padding: 11px 0;
}
#eat .btnBlock {
	height: 90px;
	background-color: #f1f1f1;
}
#eat .btnBlock ul {
	position: relative;
	width: 950px;
	height: 90px;
	margin: 0 auto;
}
#eat .btnBlock li {
	position: absolute;
	top: 10px;
	list-style: none;
}
#eat .btnBlock li.btn2 { left: 320px;}
#eat .btnBlock li.btn3 { right: 0;}

#eat .innerContents { font-size: 13px; line-height: 1.5;}
#eat #section1,#eat #section2,#eat #section3,#eat #sectionMovie,#eat .editor,#eat .place { width: 889px; margin: 0 auto;}
#eat #section1 { padding-top: 21px;}
#eat #section1 h3 { float:right; width: 381px; margin: 0 0 11px;}
#eat #section1 .pic { float: left; width: 499px;}
#eat #section1 p { float:right; width: 381px; margin-bottom: 10px;}

#eat #section2 { clear: both; padding: 18px 0 0 0;}
#eat #section2 h3 { float:left; width: 381px; margin: 1px 0 7px 1px;}
#eat #section2 .pic { float:right; width: 497px;}
#eat #section2 p { float:left; width: 381px; margin-bottom: 10px;}

#eat #section3 { clear: both; padding-top: 26px;}
#eat #section3 h3 { float:right; width: 375px; margin: 1px 0 9px 12px;}
#eat #section3 .pic { float: left; width: 500px;}
#eat #section3 p { float:right; width: 375px; margin-left: 12px;}

#eat .editor { clear: both; margin-bottom: 35px; padding-top: 27px;}
#eat .editor h3 { float:right; width: 586px; margin-bottom: 9px;}
#eat .editor .pic { float: left; width: 282px; margin-bottom: 24px;} 
#eat .editor p { float:right; width: 584px;}
#eat .editor .address { margin-bottom: 5px;}
#eat .editor span { line-height: 2;}

#eat .place {
	clear: both;
	position: relative;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 20px 0 17px;
}
#eat .place h3 { line-height: 1;}
#eat .place .address {
	position: absolute;
	top: 22px;
	left: 427px;
}




/* 隱ｭ閠�音蜈ｸ繝ｻ繧｢繝ｳ繧ｱ繝ｼ繝�
------------------------------------------------------------------------------- */
#inquiry .ttlBlock { border-top: 1px solid #3c8930; border-bottom: 1px solid #cbcbcb;
}
#inquiry .contents { background: url(../images/index/bg_texture.gif) repeat;}
#inquiry .innerContents {
	height: 671px;
}
#inquiry .present {
	position: absolute;
	top: 0;
	left: 0;
	width: 474px;
	height: 639px;
	background: url(../images/inquiry/bg_contents.png) no-repeat 0 13px;
	margin: 20px 0 0 -7px;
}
#inquiry .present h3 {
	width: 372px;
	margin: 0 auto !important;
}
#inquiry .present .txt {
	padding: 14px 0 2px 22px;
}
#inquiry .present .pic {
	padding: 0 0 10px 37px;
}
#inquiry .present p {
	width: 400px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.7;
}
#inquiry .present .btn {
	padding: 54px 0 4px 37px;
}
#inquiry .present p.caution {
	font-size: 12px;
}

#inquiry .favor {
	position: absolute;
	top: 0;
	right: 0;
	width: 474px;
	height: 639px;
	background: url(../images/inquiry/bg_contents.png) no-repeat 0 13px;
	margin: 20px -7px 0 0;
}
#inquiry .favor h3 {
	width: 372px;
	margin: 0 auto !important;
}
#inquiry .favor .txt {
	padding: 9px 0 8px 58px;
}
#inquiry .favor .pic {
	padding: 0 0 10px 37px;
}
#inquiry .favor p {
	width: 400px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: -1px;
	padding-top: 3px;
}
#inquiry .favor p.media {
	font-size: 12px;
	text-align: right;
	line-height: 1.6;
	padding-top: 9px;
}
#inquiry .favor .btn {
	padding: 4px 0 3px 37px;
}
#inquiry .favor p.caution {
	font-size: 12px;
	letter-spacing: -1px;
	line-height: 1.4;
	padding-top: 3px;
}

#headerArea_sp { display: none;}