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

 * 1. import
 * 2. font
 * 3. reset
 * 4. PC・スマホ各設定
 
 ********************************/
 
/********************************
 * 1. import
 ********************************/
/*@import "reset.css";
@import "util.css";*/


/********************************
 * 2. font
 ********************************/
a {
	color: #006699;
	text-decoration: none; }
a:visited {color: #006699; }
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 .banner_photo { padding-bottom: 45px;}
#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,#index .banner_photo_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: 950px;
	height: 410px;
	margin: 0 auto;
	overflow: hidden;
}
#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 #shop,#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;
	position: relative;
	width: 499px;
	height: 285px;
	font-size: 10px;
	letter-spacing: -1.5px;
}
#interest #section1 p { float:right; width: 381px; letter-spacing: 0; margin-bottom: 0;}

#interest #section2 { clear: both; padding: 37px 0 0 0;}
#interest #section2 h3 { float:left; width: 387px; margin: 0 0 7px -2px;}
#interest #section2 .pic { float:right; width: 497px; height: 285px; position: relative;}
#interest #section2 .slide { position: absolute; display: none;}
#interest #section2 .slide:first-child { display: block;}
#interest #section2 p { float:left; width: 387px; margin-bottom: 0px;}

#interest #section3 { clear: both; padding-top: 37px;}
#interest #section3 h3 { float:right; width: 384px; margin-bottom: 9px;}
#interest #section3 .pic { float: left; width: 500px; height: 285px; position: relative;}
#interest #section3 .slide { position: absolute; display: none;}
#interest #section3 .slide:first-child { display: block;}
#interest #section3 p { float:right; width: 381px; margin-bottom: 0;}

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

#interest #shop { clear: both;}
#interest #shop h3 { width: 586px; margin-bottom: 15px;}
#interest #shop .txtLeft { float: left; width: 430px; line-height: 1.7;}
#interest #shop .txtRight { float: right; width: 459px; line-height: 1.7;}

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

#interest .place {
	clear: both;
	position: relative;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 20px 0 17px;
	margin-top: 40px;
}
#interest .place h3 {
	float: left;
	line-height: 1;
}
#interest .place .address {
	float: left;
	margin: 3px 0 0 23px;
}

#interest #section3 p.caution {
	float: none;
	clear: both;
	width: 889px;
	margin: 0 auto;
	padding-top: 10px;
	font-size: 10px;
}
#interest .slide { position: absolute; display: none;}
#interest .slide:first-child { display: block;}


/* 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: 950px;
	height: 410px;
	margin: 0 auto;
	overflow: hidden;
}
#residence .thumbBlock {
	position: absolute;
	width: 310px;
	height: 200px;
	top: 105px;
	right: 24px;
}
#residence .thumbBlock .thumb {
	position: absolute;
	top: 0;
	left: 0;
}
#residence .thumbBlock .thumb .txt {
	padding-left: 0px;
}
#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;
	position: relative;
	width: 499px;
	height: 286px;
}
#residence #section1 p { float:right; width: 381px; margin-bottom: 0;}

#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;
	position: relative;
	width: 497px;
	height: 286px;
	font-size: 10px;
	letter-spacing: -1.5px;
	margin-bottom: 20px;
}

#residence #section2 p { float:left; width: 381px; margin-bottom: 0px;}

#residence #section3 { clear: both; padding-top: 26px;}
#residence #section3 h3 { float:right; width: 384px; margin: 1px 0 9px 2px;}
#residence .youtube { float: left; width: 500px; height: 380px;}
#residence #section3 .pic { float: left; width: 500px; height: 286px; position: relative; padding-bottom: 28px;}
#residence #section3 p { float:right; width: 381px; margin-bottom: 0;}

#residence #section3 p.caution {
	float: none;
	clear: both;
	width: 889px;
	margin: 0 auto;
	padding-top: 19px;
}

#residence .editor { clear: both; margin-bottom: 0px; 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 .slide { position: absolute; display: none;}
#residence .slide:first-child { display: block;}
#residence .txt-slide { float: none !important; padding: 296px 0 0; margin: 0;}

#residence .place {
	clear: both;
	position: relative;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 20px 0 17px;
}
#residence .place h3 {
	clear: left;
	float: left;
	line-height: 2;
	margin-right: 23px;
}
#residence .place .address {
	float: left;
	line-height: 1.8;
}

#residence #section3 h4 {
	clear: both;
	padding-bottom: 5px;
}

#residence .cook {
	clear: both;
	border: 1px solid #d8d8d8;
	padding: 20px 30px;
}
#residence .cook .leftCol {
	float: left;
	width: 500px;
}
#residence .cook .rightCol {
	float: right;
	width: 320px;
}
#residence #section3 .cook p.txt1 {
	float: none;
	width: 500px;
	margin: 0;
}
#residence #section3 .cook .rightCol p {
	float: none;
	margin: 0;
}
#residence #section3 .cook p.cap {
	float: none;
	clear: both;
	width: 100%;
	padding: 10px 0 0;
	font-size: 11px;
}
#residence .other {
	clear: both;
	border: 1px solid #d8d8d8;
	padding: 20px;
}
#residence .other h4 { margin-bottom: 10px;}
#residence .other h4 span { display: none;}
#residence #section2 .other p {
	float: none;
	width: auto;
	margin: 0;
}


/* 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: 950px;
	height: 410px;
	margin: 0 auto;
	overflow: hidden;
}
#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: 21px 0 15px;}
#eat #section1 h3 { float:right; width: 381px; margin: 0 0 11px;}
#eat #section1 .pic { float: left; width: 499px; margin-bottom: 20px;}
#eat #section1 p { float:right; width: 381px; margin-bottom: 0px;}

#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; height: 285px; position: relative;}

#eat #section2 p { float:left; width: 381px; margin-bottom: 0px;}

#eat .slide { position: absolute; display: none;}
#eat .slide:first-child { display: block;}
#eat .txt-slide { float: none !important; padding: 0; margin: 0;}

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

#eat .other {
	clear: both;
	border: 1px solid #d8d8d8;
	padding: 20px;
}
#eat .other h4 { margin-bottom: 10px;}
#eat .other h4 span { display: none;}
#eat #section1 .other p {
	float: none;
	width: auto;
	margin: 0;
}

#eat .editor { clear: both; margin-bottom: 0; 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; margin-bottom: 0px;}
#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;
}

#eat #section1 .pic { width: 500px; height: 285px; position: relative;}
#eat #section1 .slide { position: absolute; display: none;}
#eat #section1 .slide:first-child { display: block;}

#eat #section3 .pic { width: 500px; height: 285px; position: relative;}
#eat #section3 .slide { position: absolute; display: none;}
#eat #section3 .slide:first-child { display: block;}


/* 読者特典・アンケート
------------------------------------------------------------------------------- */
#inquiry img { vertical-align: top;}
#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: 665px;
}
#inquiry .present {
	width: 978px;
	height: 635px;
	background: url(../images/inquiry/bg_contents.png) no-repeat 0 13px;
	margin: 20px auto 0;
}
#inquiry .present h3 {
	width: 469px;
	margin: 0 auto !important;
}
#inquiry .present .txt {
	padding: 10px 0 16px;
	text-align: center;
}
#inquiry .leftCol {
	float: left;
	width: 403px;
	margin-left: 55px;
}
#inquiry .rightCol {
	float: left;
	width: 403px;
	margin-left: 29px;
}

#inquiry .present .pic {
	padding: 0 0 7px 0;
}
#inquiry .present p {
	font-size: 14px;
	line-height: 1.6;
}
#inquiry p.txt1 { height: 70px;}
#inquiry p.txt2 {
	font-size: 14px;
	line-height: 1.7;
}
#inquiry p.txt2 span { font-size: 10px; line-height: 1.3;}
#inquiry p.rightTxt {
	text-align: right;
	line-height: 1.2;
	padding-top: 35px;
}
#inquiry .rightTxt a { font-size: 13px;}
#inquiry .present .btn {
	clear: left;
	padding: 20px 0 10px 239px;
}
#inquiry .present p.caution {
	font-size: 12px;
	text-align: center;
}

#headerArea_sp,#inquiry .present .txt_sp { display: none;}