@charset "utf-8";

/* 共通 */
body {
	font-size: 12px;
	color: #444444;
	line-height: 18px;
}
.non {
	display: none;
}
p {
	margin: 0px;
	padding: 0px;
}

/* おおまかな構造 */
body {
	background-color: #00a0e9;
    background-image: url(../images/back.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#wrapper {
	background-image: url(../images/cloud.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 1000px;
}
#content {
	width: 960px;
	background-image: url(../images/back_index.gif);
	background-repeat: no-repeat;
	height: 800px;
	margin: 0 auto;
	position: relative;
}
#menuArea,#slideArea,#area1,#area2,#area3,#area4,#area5,#area6,#area7,iframe,#present,#more1,#more2,#more3,#nextThumnail {
	position: absolute;
	overflow: hidden;
}
#menuArea {
	width: 920px;
	height: 50px;
	left: 20px;
	top: 18px;
	position:relative;
}
#menuArea:after {
	content:'';
	background-color:rgba(255,255,255,1);
	height:32px;
	left:339px;
	position:absolute;
	top:0px;
	width:236px;
	z-index:100;
	}
#slideArea {
	width: 616px;
	height: 381px;
	left: 18px;
	top: 67px;
}
/* メニューエリア */
#area1 {
	width: 431px;
	height: 56px;
	left: 30px;
	top: 484px;
}
#area2 {
	width: 280px;
	height: 56px;
	left: 30px;
	top: 608px;
}
#area3 {
	width: 280px;
	height: 56px;
	left: 340px;
	top: 608px;
}
#area4 {
	width: 160px;
	height: 72px;
	left: 765px;
	top: 485px;
}
/* お取り寄せ */
#area5 {
	width: 126px;
	height: 35px;
	left: 650px;
	top: 606px;
	line-height: 16px;
}
#area5 a {
	color: #444444;
	text-decoration: none;
}
#area5 a:hover {
	color: #00a0e9;
	text-decoration: underline;
}
/* ロケ地マップ */
#area6 {
	width: 130px;
	height: 82px;
	left: 492px;
	top: 484px;
	text-indent: -9999px;
	outline: none;
}
/* BBS */
#area7 {
	width: 100px;
	height: 26px;
	left: 646px;
	top: 662px;
	text-indent: -9999px;
	outline: none;
}
/* バナー */
#banner {
	width: 300px;
	height: 250px;
	left: 640px;
	top: 70px;
}
#present {
	/*background-image: url(../images/school_btn.gif);*/
	background-image: url(../images/present.png); 
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
	height: 121px;
	width: 303px;
	left: 638px;
	top: 328px;
}
/* 次週予告サムネイル */
#nextThumnail {
	width: 104px;
	height: 78px;
	left: 650px;
	top: 485px;
}
/*メルマガ*/
#area8 {
	position: absolute;
	margin-right: 20px;
	top: 715px;
	right: 0px;
}
/*dancyu*/
#area9 {
	background-color: rgba(255,255,255,0.85);
	position: absolute;
	margin-right: 20px;
	top: 715px;
	right: 165px;
	display: block;
	padding: 21px 5px 1px;
	background-image: url(../images/dancyu.png);
	background-repeat: no-repeat;
	background-position: center 2px;
	min-height: 18px;
	width: 420px;
	text-align: center;
}
#area9 strong{
	font-weight: bold;
	color:#ff033b;
}
#area10 {
	position: absolute;
	top: 715px;
	left: 60px;
	display: block;
}
#area11 {
	position: absolute;
	top: 715px;
	left: 20px;
	display: block;
}

/* 続きを見る */
a#more1,a#more2,a#more3 {
	background-image: url(../images/more.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
}
a:hover#more1,a:hover#more2,a:hover#more3 {
	background-image: url(../images/moreover.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#more1 {
	width: 78px;
	height: 17px;
	left: 390px;
	top: 547px;
}
#more2 {
	width: 78px;
	height: 17px;
	left: 237px;
	top: 672px;
}
#more3 {
	width: 78px;
	height: 17px;
	left: 547px;
	top: 672px;
}
/*トップ*/
#top #area1 p span a img,
#top #area2 p span a img,
#top #area3 p span a img,
#top #area4 p span a img
{
　　display: none;
}
#photo_container {
	width: 614px;
	height: 379px;
	margin: auto;
	background-color: #7fcff4;
}
#top #wrapper #content #slideArea #photo_waku {
	display: block;
	height: 381px;
	width: 616px;
	position: absolute;
	z-index: 100;
}

/*Instagram*/
#top #bnr_insta{
	background: url(../images/more2.gif) no-repeat center 89px;
	width: 137px;
	height: 109px;
	display: block;
	position: absolute;
	top: 583px;
	left: 800px;
	overflow: hidden;
	text-indent: -9999px;
	font-size: 1%;
}
#top #bnr_insta:hover{
	background: url(../images/moreover2.gif) no-repeat center 89px;
}

/*attention*/
#top .attention{
	position: absolute;
	border-radius: 10px;
	background-color: #fff;
	top: 455px;
	left: 0px;
	padding: 10px;
	height: 65px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6em;
	color: #e30000;
	border: solid #e30000;
	width: 897px;
	display: block;
}
#top .attention span{
	text-decoration: underline;
	font-size: 16px;
}