@charset "utf-8";

/* -------------------------
	Cherry Blossoms
------------------------- */

/*----- map -----*/
div#sakuraIndex p{
	padding:0;
}
div#sakuraIndex div.map{
	background:url(../images/bg_map.jpg) no-repeat;
	position:relative;
	height:457px;
	margin-bottom:1.5em;
}
div#sakuraIndex h1{
	position:relative;
	top:20px;
	left:161px;
	width:355px;
}
div#sakuraIndex div.map a{
	color:#1a467f;
	text-decoration:none;
}
div#sakuraIndex div.map a:visited{
	color:#1a467f;
	text-decoration:none;
}
div#sakuraIndex div.map a:hover{
	text-decoration:underline;
}
div#sakuraIndex div.map div{
	position:absolute;
	width:136px;
	height:36px;
}
div#sakuraIndex div.map div dl{
  width:95px;
  margin:0px 0 0 0;
  position:absolute;
}
div#sakuraIndex div.map div dt{
	color:#6889b4;
	font-size:11px;
}
div#sakuraIndex div.map div dd{
  color:#1a467f;
  font-size:12px;
  font-weight:bold;
  line-height:95%;
  margin:0;
}
div#sakuraIndex div.map div p{
	margin:0;
	width:36px;
	position:absolute;
}
div#sakuraIndex div.map div.item01{
	top:112px;
	left:372px;
}
div#sakuraIndex div.map div.item03{
	top:152px;
	left:372px;
}
div#sakuraIndex div.map div.item02{
	top:192px;
	left:372px;
}
div#sakuraIndex div.map div.item04{
	top:232px;
	left:372px;
}
div#sakuraIndex div.map div.item05{
	top:273px;
	left:372px;
}
div#sakuraIndex div.map div.item06{
	top:315px;
	left:368px;
	width:150px;
}
div#sakuraIndex div.map div.item07{
	top:356px;
	left:368px;
	width:150px;
}
div#sakuraIndex div.map div.item08{
	top:395px;
	left:352px;
	width:150px;
}
div#sakuraIndex div.map div.item09{
	top:152px;
	left:11px;
}
div#sakuraIndex div.map div.item10{
	top:192px;
	left:11px;
}
div#sakuraIndex div.map div.item11{
	top:232px;
	left:11px;
}
div#sakuraIndex div.map div.item12{
  top:272px;
  left:11px;
}
div#sakuraIndex div.map div.item13{
	top:312px;
	left:11px;
}
div#sakuraIndex div.map div.item14{
	top:352px;
	left:11px;
}
div#sakuraIndex div.map div.item15{
	top:392px;
	left:11px;
}
div#sakuraIndex div.map div.item01 dl,
div#sakuraIndex div.map div.item02 dl,
div#sakuraIndex div.map div.item03 dl,
div#sakuraIndex div.map div.item04 dl,
div#sakuraIndex div.map div.item05 dl{
	top:0;
	left:41px;
}
div#sakuraIndex div.map div.item06 dl,
div#sakuraIndex div.map div.item07 dl,
div#sakuraIndex div.map div.item08 dl{
	top:0;
	left:41px;
	width:115px;
}

div#sakuraIndex div.map div.item01 p,
div#sakuraIndex div.map div.item02 p,
div#sakuraIndex div.map div.item03 p,
div#sakuraIndex div.map div.item04 p,
div#sakuraIndex div.map div.item05 p,
div#sakuraIndex div.map div.item06 p,
div#sakuraIndex div.map div.item07 p,
div#sakuraIndex div.map div.item08 p{
	top:0;
	left:0;
}

div#sakuraIndex div.map div.item09 dl,
div#sakuraIndex div.map div.item10 dl,
div#sakuraIndex div.map div.item11 dl,
div#sakuraIndex div.map div.item12 dl,
div#sakuraIndex div.map div.item13 dl,
div#sakuraIndex div.map div.item14 dl,
div#sakuraIndex div.map div.item15 dl{
	top:0;
	left:0;
	text-align:right;
}
div#sakuraIndex div.map div.item09 p,
div#sakuraIndex div.map div.item10 p,
div#sakuraIndex div.map div.item11 p,
div#sakuraIndex div.map div.item12 p,
div#sakuraIndex div.map div.item13 p,
div#sakuraIndex div.map div.item14 p,
div#sakuraIndex div.map div.item15 p{
	top:0;
	left:100px;
}

/*----- lead -----*/
div#sakuraIndex h2{
	margin-bottom:.5em;
	clear:both;
}
div#sakuraIndex div.lead{
	margin:0 11px;
}
div#sakuraIndex div.lead p.txt{
	float:left;
	color:#216593;
	width:500px;
	line-height:1.4;
}
div#sakuraIndex div.lead p.pic{
	float:right;
	width:143px;
}


/*----- sakura -----*/
div.sakura div.kaikaList{
	background:url(../images/bg_kaikalist_top.jpg) 0 0 no-repeat;
	margin-bottom:1.5em;
    position: relative;
}
div.sakura div.kaikaList:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
div.sakura div.kaikaList h3{
	padding-top:10px;
}
div.sakura div.kaikaList p.comingSoon{
  position: absolute;
  top: 10px;
  left: 330px;
}

div.sakura div.kaikaList p.comingSoon2{
  position: absolute;
  top: 6px;
  left: 330px;
}

div.sakura div.kaikaList p.lead{
	color:#5279a8;
	margin-bottom:1em;
}
div.sakura div.kaikaList div.wrap{
	background:url(../images/bg_kaikalist_btm.jpg) 0 100% no-repeat;
	padding:2px 15px 1.5em 22px;
}
*+html div.sakura div.kaikaList div.wrap{
	height:1%;
}
* html div.sakura div.kaikaList div.wrap{
	height:1%;
}
/* for MacIE > */ 
/*\*//*/
div.sakura div.kaikaList div.wrap{
	display:inline-table;
}
/* <<-- for MacIE */
div.sakura div.kaikaList div.wrap:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
div.sakura div.kaikaList div.wrap div.wrap{
	clear:both;
	background:none;
	padding:0;
}
div.sakura div.kaikaList div.wrap div.wrap div{
	float:left;
	width:160px;
	margin-top:.5em;
}
div.sakura div.kaikaList div.wrap div.wrap div p{
	float:left;
	width:36px;
}
/* for IE6 */
div.sakura div.kaikaList div.wrap div.wrap div.item04 p{
    height:100px;
}
div.sakura div.kaikaList div.wrap div.wrap div dl{
	margin:0 5px 0 40px;
}
div.sakura div.kaikaList div.wrap div.wrap div dd{
	font-size:10px;
	color:#5e5e5e;
	line-height:1;
}


/*----- common -----*/
div#sakuraIndex p.pageTop{
	text-align:right;
	margin-bottom:1em;
	clear:both;
}

/*----- localNavi -----*/
div#sakuraIndex p.localNavi{
	background:#eee;
	padding:10px;
	margin-bottom:2em;
	text-align:center;
	line-height:1.4;
}

/*----- sakuraSpot -----*/
div#sakuraSpot div.spotList{
	background: #def url(../images/bg_spotlist.jpg) no-repeat;
	position:relative;
	margin-bottom:1em;
}
div#sakuraSpot h1{
	position:relative;
	top:20px;
	left:161px;
	width:355px;
}
div#sakuraSpot div.spotList p.back{
	text-align: right;
    margin: 20px 10px .5em 0;
}
div#sakuraSpot div.spotList ul{
	float: left;
    width: 160px;
}
div#sakuraSpot div.spotList ul li{
	margin-bottom: 1em;
    padding-left: 20px;
     text-indent: -10px;
}
div#sakuraSpot div.spotList ul li a{
	font-weight: bold;
    margin-bottom: .2em;
   
}
div#sakuraSpot div.spotList ul li img{
    margin-right: 5px;
}


div#sakuraSpot div.detail{
	position: relative;
	background: url(../images/bg_detail.gif) repeat-y;
}
div#sakuraSpot div.detail div.detailHeader{
	background: #F7FBFF url(../images/bg_detailheader_btm.jpg) 0 100% repeat-x;
    margin: 0 1px 10px 1px;
}
div#sakuraSpot div.detail div.detailHeader p{
    padding: 0 10px 7px 50px;
    color: #216593;
}
div#sakuraSpot div.detail div.detailHeader p.kaika{
	position: absolute;
    left: 7px;
    top: 10px;
    padding: 0;
}
div#sakuraSpot div.detail div.detailHeader p.ken{
	background: url(../images/bg_detailheader_top.jpg) repeat-x;
    padding: 10px 10px 0 50px;
    color: #216593;
}
div#sakuraSpot div.detail div.detailHeader h2{
    padding: 0 0 2px 50px;
    font-size: 120%;
    font-weight: bold;
    color: #216593;
}
div#sakuraSpot div.detail div.img{
    float: left;
    width: 140px;
}
div#sakuraSpot div.detail div.img p{
    text-align: right;
}
div#sakuraSpot div.detail div.data{
    float: right;
    width: 368px;
}
div#sakuraSpot div.detail div.data p{
	margin: 0 10px 1em 0;
    color: #216593;
}

div#sakuraSpot div.detail div.data table{
	width:360px;
	margin-bottom:1em;
}

div#sakuraSpot div.detail div.data table th{
	background:#E0F1FF url(../images/bg_dotted.gif) bottom repeat-x;
	color:#216593;
	padding:10px;
	text-align:left;
	font-weight:bold;
	width:7em;
}

div#sakuraSpot div.detail div.data table td{
	background:url(../images/bg_dotted.gif) bottom repeat-x;
	color:#216593;
	padding:10px;
}

div#sakuraSpot div.detail div.data ul{
	margin-bottom:1em;
	font-weight:bold;
}

div#sakuraSpot div.detail div.data ul li{
	background:url(../images/ico_arrow.jpg) left center no-repeat;
	padding:5px 0 5px 15px;
    height: 1%;
}

div#sakuraSpot div.detail div.hotel{
	clear:both;
	border-top:1px solid #7D98BC;
	border-bottom:1px solid #7D98BC;
}

div#sakuraSpot div.detail div.hotel h3{
	margin:10px;
}

div#sakuraSpot div.detail div.hotel ul{
	margin-bottom:1em;
	font-weight:bold;
}

div#sakuraSpot div.detail div.hotel ul li{
	background:url(../images/ico_arrow.jpg) left center no-repeat;
	padding:5px 0 5px 15px;
	margin-left:10px;
    zoom: 1;
}

/*----- common -----*/
div#sakuraSpot p.pageTop{
	font-weight:bold;
	text-align:right;
	margin-bottom:1em;
	clear:both;
}
/*----- localNavi -----*/
div#sakuraSpot p.localNavi{
	background:#eee;
	padding:10px;
	margin-bottom:2em;
	text-align:center;
	line-height:1.4;
}
div#sakuraSpot div.detail p.txt{
    color: #216593;
    padding: 10px;
}
div#sakuraSpot div.detail p.txt img{
    float: left;
    padding: 0 10px 10px 0;
}
/*============================================================================

clearfix

============================================================================*/
div#sakuraSpot div.spotList:after,
div#sakuraSpot div.detail:after,
div#sakuraSpot div.detail p.txt:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
div#sakuraSpot div.spotList,
div#sakuraSpot div.detail,
div#sakuraSpot div.detail p.txt {
  zoom: 1;
}

iframe {
	width:500px;
	height:160px;
	margin-left:11px;
}

