@charset "utf-8";

/****************************************************************************
　 index css
--------------------------------------------------------
   Author : Yasuo Tominaga @ penpengusa
   Group : http://www.penpengusa.com
   Creation date : 2012.11.01
   Last up date   : 2012.11.01
****************************************************************************/

/*--------------------------------------------------------
　title
--------------------------------------------------------*/
#title {
	width:980px;
	height: 400px;
	margin:0 auto;
	position: absolute;
	top:0px;
}

#title h1{
	position: absolute;
	z-index: 50;
	top:0px;
	left:35px;
}
#title h2{
	position: absolute;
	z-index: 50;
	top:70px;
	left:50px;
}
#title h4{
	position: absolute;
	z-index: 50;
	top:35px;
	left:55px;
}
#title h5{
	position: absolute;
	z-index: 50;
	top:20px;
	right:-5px;
}

/*--------------------------------------------------------
　navi
--------------------------------------------------------*/
#title ul.navi {
	width:980px;
	overflow: hidden;
	padding: 0;
	display: block;
	margin-top: 50px;
	position: absolute;
	top:350px;
	left:35px;
}
#title ul.navi li {
	float:left;
	width:196px;
	height:60px;
	overflow: hidden;
}
#title ul.navi li a:hover img {
	margin: -60px 0 0 0;
}


/*--------------------------------------------------------
　Contents
--------------------------------------------------------*/
#contents {
}

#contents .food{
	position: relative;
	z-index: 10;
	width: 1012px;
	height: 1095px;
	margin-left: -39px;
	background: url(../image/food_bg.png) 0 0 no-repeat;
}

#contents .food ul {
	position: relative;
}
#contents .food ul li{
	position: absolute;
}
#contents .food ul li.fname01,
#contents .food ul li.fname02,
#contents .food ul li.fname03,
#contents .food ul li.fname04,
#contents .food ul li.fname05,
#contents .food ul li.fname06,
#contents .food ul li.fname07,
#contents .food ul li.fname08,
#contents .food ul li.fname09
{	font-size: 18px; font-weight: bold; color:#000;}
#contents .food ul li.ftext01,
#contents .food ul li.ftext02,
#contents .food ul li.ftext03,
#contents .food ul li.ftext04,
#contents .food ul li.ftext05,
#contents .food ul li.ftext06,
#contents .food ul li.ftext07,
#contents .food ul li.ftext08,
#contents .food ul li.ftext09
{	font-size: 14px; line-height:1.3; width:266px; }

#contents .food ul li.fname01 { left:66px; top:116px; }
#contents .food ul li.fphoto01 { left:66px; top:141px; }
#contents .food ul li.ftext01 { left:69px; top:307px; }

#contents .food ul li.fname02 { left:382px; top:116px; }
#contents .food ul li.fphoto02 { left:382px; top:141px; }
#contents .food ul li.ftext02 { left:385px; top:307px; }

#contents .food ul li.fname03 { left:696px; top:116px; }
#contents .food ul li.fphoto03 { left:696px; top:141px; }
#contents .food ul li.ftext03 { left:699px; top:307px; }

#contents .food ul li.fname04 { left:66px; top:442px; }
#contents .food ul li.fphoto04 { left:66px; top:467px; }
#contents .food ul li.ftext04 { left:69px; top:633px; }

#contents .food ul li.fname05 { left:382px; top:442px; }
#contents .food ul li.fphoto05 { left:382px; top:467px; }
#contents .food ul li.ftext05 { left:385px; top:633px; }

#contents .food ul li.fname06 { left:696px; top:442px; }
#contents .food ul li.fphoto06 { left:696px; top:467px; }
#contents .food ul li.ftext06 { left:699px; top:633px; }

#contents .food ul li.fname07 { left:66px; top:767px; }
#contents .food ul li.fphoto07 { left:66px; top:792px; }
#contents .food ul li.ftext07 { left:69px; top:958px; }

#contents .food ul li.fname08 { left:382px; top:767px; }
#contents .food ul li.fphoto08 { left:382px; top:792px; }
#contents .food ul li.ftext08 { left:385px; top:958px; }

#contents .food ul li.fname09 { left:696px; top:767px; }
#contents .food ul li.fphoto09 { left:696px; top:792px; }
#contents .food ul li.ftext09 { left:699px; top:958px; }



#contents .sake{
	width: 1012px;
	height: 572px;
	margin-left: -39px;
}



#contents .spot{
	width: 1012px;
	height: 2616px;
	margin-left: -39px;
	margin-top:50px;
	background: url(../image/spot_bg.jpg) 0 0 no-repeat;
}
#contents .spot ul {
	position: relative;
}
#contents .spot ul li{
	position: absolute;
}
#contents .spot ul li > span {
		font-size:12px;
		font-weight: normal;
}
#contents .spot ul li.sname01,
#contents .spot ul li.sname02,
#contents .spot ul li.sname03,
#contents .spot ul li.sname04,
#contents .spot ul li.sname05,
#contents .spot ul li.sname06,
#contents .spot ul li.sname07,
#contents .spot ul li.sname08,
#contents .spot ul li.sname09,
#contents .spot ul li.sname10,
#contents .spot ul li.sname11,
#contents .spot ul li.sname12
{	font-size: 18px; font-weight: bold; color:#000;}

#contents .spot ul li.stext01,
#contents .spot ul li.stext02,
#contents .spot ul li.stext03,
#contents .spot ul li.stext04,
#contents .spot ul li.stext06,
#contents .spot ul li.stext07,
#contents .spot ul li.stext09
{	font-size: 14px; line-height:1.3; width:203px; }

#contents .spot ul li.stext05,
#contents .spot ul li.stext08,
#contents .spot ul li.stext10,
#contents .spot ul li.stext11,
#contents .spot ul li.stext12
{	font-size: 14px; line-height:1.3; width:413px; }


#contents .spot ul li.sname01 { left:276px; top:180px; }
#contents .spot ul li.sphoto01 { left:66px; top:180px; }
#contents .spot ul li.stext01 { left:284px; top:214px; }

#contents .spot ul li.sname02 { left:276px; top:444px; }
#contents .spot ul li.sphoto02 { left:66px; top:444px; }
#contents .spot ul li.stext02 { left:284px; top:478px; }

#contents .spot ul li.sname03 { left:276px; top:710px; }
#contents .spot ul li.sphoto03 { left:66px; top:710px; }
#contents .spot ul li.stext03 { left:284px; top:744px; }

#contents .spot ul li.sname04 { left:745px; top:710px; }
#contents .spot ul li.sphoto04 { left:536px; top:710px; }
#contents .spot ul li.stext04 { left:754px; top:744px; }

#contents .spot ul li.sname05 { left:66px; top:1080px; }
#contents .spot ul li.sphoto05 { left:66px; top:1106px; }
#contents .spot ul li.stext05 { left:74px; top:1265px; }

#contents .spot ul li.sname06 { left:536px; top:1080px; }
#contents .spot ul li.sphoto06 { left:536px; top:1106px; }
#contents .spot ul li.stext06 { left:754px; top:1114px; }

#contents .spot ul li.sname07 { left:66px; top:1544px; }
#contents .spot ul li.sphoto07 { left:66px; top:1572px; }
#contents .spot ul li.stext07 { left:284px; top:1577px; }

#contents .spot ul li.sname08 { left:535px; top:1544px; }
#contents .spot ul li.sphoto08 { left:535px; top:1572px; }
#contents .spot ul li.stext08 { left:544px; top:1733px; }

#contents .spot ul li.sname09 { left:66px; top:1899px; }
#contents .spot ul li.sphoto09 { left:66px; top:1927px; }
#contents .spot ul li.stext09 { left:284px; top:1935px; }

#contents .spot ul li.sname10 { left:535px; top:1899px; }
#contents .spot ul li.sphoto10 { left:535px; top:1927px; }
#contents .spot ul li.stext10 { left:544px; top:2085px; }

#contents .spot ul li.sname11 { left:66px; top:2252px; }
#contents .spot ul li.sphoto11 { left:66px; top:2280px; }
#contents .spot ul li.stext11 { left:74px; top:2441px; }

#contents .spot ul li.sname12 { left:535px; top:2252px; }
#contents .spot ul li.sphoto12 { left:535px; top:2280px; }
#contents .spot ul li.stext12 { left:544px; top:2441px; }




#contents .hotels{
	width: 1012px;
	height:467px;
	margin-left: -39px;
	background: url(../image/hotel_bg.jpg) 0 0 no-repeat;
	position: relative;
}
#contents .hotels ul {
	position: absolute;
}
#contents .hotels ul.hotelA {	left:69px;	top:89px; }
#contents .hotels ul.hotelB {	left:69px;	top:464px; }
#contents .hotels ul.hotelC {	left:69px;	top:870px; }
#contents .hotels ul.hotelD {	left:69px;	top:1276px; }

#contents .hotels ul.hotelA .name,
#contents .hotels ul.hotelB .name,
#contents .hotels ul.hotelB .name,
#contents .hotels ul.hotelB .name {
	display: block;
}
#contents .hotels ul.hotelA .photo,
#contents .hotels ul.hotelB .photo,
#contents .hotels ul.hotelC .photo,
#contents .hotels ul.hotelD .photo {
	clear: both;
	float: left;
	margin-right: 15px;
	margin-left: 5px;
}
#contents .hotels ul.hotelA .spec,
#contents .hotels ul.hotelB .spec,
#contents .hotels ul.hotelC .spec,
#contents .hotels ul.hotelD .spec {
	font-size: 14px;
	float: left;
	width: 580px;
}
#contents .hotels ul.hotelA .spec p,
#contents .hotels ul.hotelB .spec p,
#contents .hotels ul.hotelC .spec p,
#contents .hotels ul.hotelD .spec p {
	margin-top: 5px;
	padding-top: 5px;
	border-top:1px dotted #CCC;
	font-size: 12px;
}


#contents #event{
	width: 1051px;
	margin-left: -39px;
}
#contents #event table {
	margin-left:35px;
	float:left;
	margin-top:10px;
}

#contents #event th,
#contents #event td {
	border:2px solid #855CAD;
	padding:8px;
	font-size:14px;
	text-align:left;
}
#contents #event th {
	font-size:14px;
}
#contents #event .head {
	background: #DDD;
	font-size:12px;
	text-align:center;
	font-weight:bold;
}
#contents #event tr.bg {
	background:#FBF8FE;
}






/* リンクの座標設定
---------------------------------------------------- */
#contents .link-master { position: relative; display:block;}
#contents .link-master p { margin: 0; padding:0; display:block; position:absolute; }
#contents .link-master ul { margin: 0; padding:0; display:block; position:absolute; }
/*
#contents .link-master a:hover img {
	opacity:0.7;
    filter: alpha(opacity=70);
}
*/

/*****　リンク位置（座標指定）*****/
#contents .link-master ul.bt01 {
	top: 70px;
	left: 15px;
	overflow: hidden;
}
#contents .link-master ul.bt01 li{
	float: left;
	margin-right: 15px;
}
#contents .link-master ul.bt01 li a:hover img {
	opacity:0.7;
    filter: alpha(opacity=70);
}

p.bt02 {
	top: 60px; left: 107px;
	width:460px;
	height:40px;
	overflow: hidden;
}
#contents .link-master p.bt02 a:hover img {
	margin-top: -40px;
}






div.pageTopS {
	float: none;
	clear: both;
	text-align: right;
	width:980px;
	font-size:10px;
	padding: 10px 0 50px 0;
	margin-left: 0px;
} 
