@charset "utf-8";
/* CSS Document */
/*--------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;

}

.clearfix {
	display: inline-block;
	margin: 0px;
	padding: 0px;

}



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

#sakura {
	list-style:none;
	margin:0; padding:0;
	text-align:center;
}

#sakura li {
	float:left; width:auto;
	margin:0px; padding:0px;
}
#sakura li a {
	display:block;
	float:left; width:auto;
	margin:0px; padding:6px 10px;
	color:#000000;
	text-decoration:none;
	background-color:#ffdadb;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}
#sakura li a:hover {
	background-color:#ffa8d1;
}

a:hover .img {
    border: none;
}


/*--------------------------------------------ここから追記*/

#flash-area {
	width:545px;
	margin:25px 0 0 0;
	padding:0;
}
#flash-mask {
	width:545px;
	height:140px;
	background:url(../../../images/flash_mask.png);
	margin-top:-140px;
	position:relative;
}

h3#park_ichiran {
	width:555px;
	height:60px;
	text-indent:-9999px;
	background:url(../../../images/h3_park_ichiran.gif) no-repeat;
}

h3#kaika_ichiran {
	width:555px;
	height:60px;
	text-indent:-9999px;
	background:url(../../../images/h3_kaika_ichiran.gif) no-repeat;
}


dl.dl-head {
	background:#f2c5e0;
	position:relative;
}



.left {
	float:left;
}
.right {
	float:right;
}
.m_c_tl { background:url(../../../images/mask_corner_tl.png) no-repeat; width:10px; height:10px; position:absolute; top:0px; left:0px;}
.m_c_tr { background:url(../../../images/mask_corner_tr.png) no-repeat; width:10px; height:10px; position:absolute; top:0px; right:0px;}
.m_c_bl { background:url(../../../images/mask_corner_bl.png) no-repeat; width:10px; height:10px; position:absolute; bottom:0px; left:0px;}
.m_c_br { background:url(../../../images/mask_corner_br.png) no-repeat; width:10px; height:10px; position:absolute; bottom:0px; right:0px;}

dl.dl-head {
	background:#f2c5e0;
	position:relative;
	color:#FFFFFF;
	font-weight:bolder;
	text-align:center;
	margin:5px 0 0 0;
	width:555px;
	}
dl.dl-body {
	background:#f0f0f0;
	position:relative;
	margin:5px 0 0 0 ;
}
dt.w115 {
	width:95px;
	padding:10px;
	margin:0;
	float:left;
	clear:left;
}
dd.w260 {
	width:239px;
	margin-left:0px;
	border-left:1px #f2c5e0 solid;
	padding:10px;
	float:left;
}
dd.w90 {
	width:69px;
	border-left:1px #f2c5e0 solid;
	padding:10px;
	margin-left:0px;
	float:left;
}

/*------------------------single.php*/

h3.sakura_common {
	color:#660000;
	background:url(../../../images/h3_sakura_common.gif) no-repeat;
	width:535px;
	height:40px;
	padding:20px 0 0 20px;
	font-size:120%;
}

.parameter_ico {
	width:75px;
	padding:10px;
	float:left;
}
.parameter_txt {
	width:430px;
	padding:10px;
}

.details_box {
	border-top:1px solid #f2c5e0;
	border-bottom:1px solid #f2c5e0;
	padding:10px;
}
.details_box a img{
	padding:4px;
	border:1px solid #CCCCCC;
}

#parkSakura_details {
	padding-left:10px;
	padding-top:15px;
}

#parkSakura_details dl{
	position:relative;
	background: #f2c5e0;
}
#parkSakura_details dt{
	width:150px;
	float:left;
	clear:left;
	border-right:1px #FFFFFF solid;
	border-top:1px #FFFFFF solid;
	padding:10px;
	/*background: #f2c5e0;*/
}
#parkSakura_details dd{
	width:354px;
	margin:0px;
	padding:10px;
	border-top:1px #FFFFFF solid;
	margin-left:170px;
	background:#F0F0F0;
	min-height:1em;
}