/*************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;
}
img { vertical-align: top;}

/* 幅950px設定 */
.innerContents {
	position: relative;
	width: 950px;
	margin: 0 auto;
}
#index .innerContents {
	position: relative;
	width: 958px;
	margin: 0 auto;
}


/* ヘッダー */
#index #headerArea {
	position: relative;
	height: 58px;
	border-bottom: 1px solid #d3c898;
}
#headerArea .innerContents { width: 950px;}
#index #headerArea h1,
#premistLogo { position: absolute; top: 15px; left: 1px;}
#headerArea .logo { position: absolute; top: 18px; right: 0;}

#headerArea a img,
#globalNavArea a img,
#headerNavArea a img,
#footerNavArea a img,
#footerArea a img {
	border: none;
}

#pageTop {
	width: 950px;
	margin: 0 auto 19px;
	text-align: right;
}
#pageTop a {
	display: block;
	width: 104px;
	padding: 21px 0;
	margin-left: 846px;
}

.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非表示 */
.sp,nav { display: none !important;}

/* index
------------------------------------------------------------------------------- */
#index .contents { background: url(../images/index/bg.jpg) repeat-y center top;}
#index .txtBlock { position: relative; width: 950px; padding-top: 12px; margin: 0 auto 8px;}
#index .leftTxt { font-size: 12px; line-height: 1.5;}
#index .rightTxt { position: absolute; right: 0; bottom: 0; font-size: 12px; color: #7a6820;}
#index .contentsBlock { position: relative;}
#index .mainPic { margin-bottom: 17px;}
#index .presentPic { position: absolute; top: 0; right: 0;}
#index .bottomContents {
	padding: 55px 0 59px;
}
#index .btnBlock {
	position: relative;
	width: 956px;
	height: 133px;
	margin: 0 auto;
}
#index .btnBlock .btn1 { position: absolute; top: 0; left: 0px;}
#index .btnBlock .btn2 { position: absolute; top: 0; left: 324px;}
#index .btnBlock .btn3 { position: absolute; top: 0; right: 0;}



/* 下層共通
------------------------------------------------------------------------------- */
/*#interest #headerArea,
#residence #headerArea,
#eat #headerArea,
#inquiry #headerArea {
	position: relative;
	height: 107px;
	padding-bottom: 4px;
	background: url(../images/common/header_shadow.png) repeat-x bottom;
	z-index: 2;
}*/
#headerArea {
	position: relative;
	padding-bottom: 4px;
	background: url(../images/common/header_shadow.png) repeat-x bottom;
	z-index: 2;
}
#interest.pl_conmain,
#residence.pl_conmain,
#eat.pl_conmain,
#inquiry.pl_conmain {
	background: #FFF;
}

h3 span {
	display: none;
}

.headerNav {
	width: 100%;
	height: 60px;
	display: block;
}
.headerNav ul {
	position: relative;
	width: 950px;
	height: 60px;
	margin: 0 auto;
}

#interest h1,
#residence h1,
#eat h1 {
	width: 950px;
	padding: 6px 0 1px;
	margin: 0 auto;
}

.footerNav { height: 74px; background-color: #FFF; margin-bottom: 6px;}
.footerNav ul {
	position: relative;
	width: 950px;
	height: 60px;
	margin: 0 auto;
}
.headerNav li,.footerNav li {
	position: absolute;
	list-style: none;
	top: 50px;
}
.footerNav li {
	top: 16px;
}
.headerNav li.nav1 { left: -2px;}
.headerNav li.nav2,.footerNav li.nav2 { left: 237px;}
.headerNav li.nav3,.footerNav li.nav3 { left: 478px;}
.headerNav li.nav4,.footerNav li.nav4 { left: 718px;}


#interest .contents,
#residence .contents,
#eat .contents,
#inquiry .contents { background: url(../images/index/bg.jpg) repeat-y center top; margin-top: -4px;}

#interest .main,
#residence .main,
#eat .main { position: relative; width: 958px; margin: 0 auto 12px;}

.boxHead {
	width: 958px;
	height: 8px;
	background: url(../images/common/box_head.png) no-repeat center top;
	margin: 0 auto;
}
.boxBottom {
	width: 958px;
	height: 8px;
	background: url(../images/common/box_bottom.png) no-repeat center top;
	margin: 0 auto;
}

#interest .contents .innerContents,
#residence .contents .innerContents {
	position: relative;
	width: 958px;
	background: url(../images/common/box_body.png) repeat-y center 8px;
	font-size: 13px;
	line-height: 1.5;
	padding-bottom: 22px;
}
#interest .btnBlock,
#residence .btnBlock { padding: 27px 0 28px;}
#interest .btnBlock ul,
#residence .btnBlock ul {
	position: relative;
	width: 908px;
	height: 73px;
	margin: 0 auto;
}
#interest .btnBlock li,
#residence .btnBlock li {
	position: absolute;
	top: 0;
	list-style: none;
}
#interest .btnBlock li.btn2,
#residence .btnBlock li.btn2 { left: 304px;}
#interest .btnBlock li.btn3,
#residence .btnBlock li.btn3 { right: 0;}

#interest h2,
#residence h2 {
	width: 908px;
	height: 38px;
	background: url(../images/interest/bg_subtitle.png) no-repeat center top;
	text-align: center;
	padding: 16px 0 30px;
	margin: 0 auto;
}
#residence h2 { background-image: url(../images/residence/bg_subtitle.png);}
#interest h2 span,
#residence h2 span { display: none;}

/* Interest
------------------------------------------------------------------------------- */
#interest .ttlBlock { border-top: 1px solid #df4f00;}
#interest .contents,
#residence .contents { background: url(../images/index/bg.jpg) repeat-y center top; padding-bottom: 50px;}

#interest .comment,
#residence .comment {
	position: absolute;
	top: 27px;
	right: 30px;
	z-index: 2;
}
#interest .read,
#residence .read {
	position: relative;
	width: 958px;
	z-index: 1;
	background: url(../images/common/box_bottom.png) no-repeat center bottom;
	padding-bottom: 8px;
	margin: 0 auto 8px;
}
#interest .read p,
#residence .read p {
	width: 907pxt;
	background: url(../images/common/box_body.png) repeat-y center;
	font-size: 14px;
	line-height: 1.5;
	padding: 11px 25px;
	margin: 0 auto;
}
#section1,
#section2,
#section3 { width: 908px; margin: 0 auto;}

#section1 .pic,
#section3 .pic {
	float:left;
	position: relative;
	width: 465px;
	min-height: 295px;
	font-size: 10px;
}
#section1 .txt-block,
#section3 .txt-block { float:right; width: 440px;}
#section1 p,
#section2 p,
#section3 p { font-size: 15px; line-height: 1.5; margin-bottom: 10px;}

#section1 .slide { position: absolute; display: none;}
#section1 .slide:first-child { display: block;}

#section2 { clear: both; padding: 15px 0 0 0;}
#section2 .pic { position: relative; float:right; text-align: right; width: 465px; min-height: 295px;}
#section2 .slide { position: absolute; display: none; left: 0;}
#section2 .slide:first-child { display: block;}
#section2 .txt-block { float:left; width: 440px; margin-bottom: 10px;}

#section3 { clear: both; padding-top: 15px;}
#section3 .slide { position: absolute; display: none;}
#section3 .slide:first-child { display: block;}

#additional {
	width: 908px;
	margin: 0 auto;
	padding-top: 9px;
}
#additional h3 {
	text-align: center;
	margin: 0 auto 50px;
}
#additional .picLeft { float: left;}
#additional .picRight { float: right;}
#additional p { clear: both; font-size: 15px; line-height: 1.5; padding: 25px 0 0;}

.conclusion {
	clear: both;
	width: 788px;
	background: url(../images/interest/bg_conclusion_bottom.png) no-repeat center bottom;
	padding-bottom: 4px;
	margin: 40px auto 0;
}
.conclusion p {
	width: 738px;
	background: url(../images/interest/bg_conclusion.png) no-repeat center top;
	padding: 25px !important;
}

.supervisor {
	position: relative;
	width: 796px;
	background: url(../images/common/box_small_bottom.png) no-repeat bottom;
	padding-bottom: 8px;
	margin: 28px auto 0;
}
.supervisor .inner {
	position: relative;
	background: url(../images/common/box_small_head.png) no-repeat top;
}
.supervisor .pic {
	position: absolute;
	top: 14px;
	left: 14px;
}
.supervisor h4 {
	padding: 29px 0 9px 171px;
}
.supervisor p {
	font-size: 15px;
	line-height: 1.5;
	padding: 0 31px 17px 171px;
}
#interest .present,
#residence .present {
	position: relative;
	width: 796px;
	height: 265px;
	background: url(../images/interest/bg_present.png) no-repeat;
	margin: 0 auto;
}
#interest .present .pic,
#residence .present .pic {
	position: absolute;
	top: 4px;
	left: 4px;
}
#interest .present h4,
#residence .present h4 {
	position: absolute;
	top: 10px;
	right: -12px;
}
#interest .present p,
#residence .present p {
	padding: 83px 0 0 408px;
}
#interest .present .btn,
#residence .present .btn {
	padding: 28px 0 0 571px;
}
#interest #footerArea,
#residence #footerArea { display: none;}



/* residence
------------------------------------------------------------------------------- */

#residence #additional .block {
	float: left;
	width: 290px;
	height: 293px;
	margin-right: 19px;
}
#residence #additional .block p { padding-top: 20px;}
#residence #additional .block.mr0 { margin-right: 0 !important;}

#residence .conclusion { background-image: url(../images/residence/bg_conclusion_bottom.png);}
#residence .conclusion p { background-image: url(../images/residence/bg_conclusion.png);}

#residence .supervisor .inner { height: 182px;}


/* 読者特典・アンケート
------------------------------------------------------------------------------- */
#inquiry .contents {
	padding-top: 33px;
}
#inquiry .contents .innerContents {
	width: 940px;
	background: url(../images/inquiry/bg.png) no-repeat;
	margin: 0 auto;
}
#inquiry .innerBottom {
	width: 940px;
	height: 7px;
	background: url(../images/inquiry/bg_bottom.png) no-repeat;
	padding-bottom: 37px;
	margin: 0 auto;
}
#inquiry h1 { padding: 20px 0 0; margin-left: -5px;}
#inquiry h2 {
	padding: 5px 0 16px 45px;
}
#inquiry .wrapper {
	width: 846px;
	margin: 0 auto;
}
#inquiry .pic {
	float: left;
	width: 402px;
}
#inquiry .txtBlock {
	float: right;
	width: 426px;
}
#inquiry .txtBlock p {
	font-size: 15px;
	line-height: 1.5;
}
#inquiry .btn {
	clear: both;
	text-align: center;
	padding-top: 22px;
}
#inquiry p.caution {
	font-size: 14px;
	line-height: 1;
	text-align: center;
	padding: 16px 0 24px;
}