@charset "utf-8";
/*******************************************************************************
開花情報
*******************************************************************************/
/*==============================================================================
	[1]開花情報　トップ
==============================================================================*/
#bloom{
	margin:0px auto 0px auto;
	width:950px;
	line-height:1.8;
}
/*------------------------------------------------------------------------------
　今見られる花
------------------------------------------------------------------------------*/
#season{
	margin:0px 0px 10px 0px;
}
#season h2{
	margin:0px 0px 10px 0px;
	padding:10px 0px 10px 0px;
	width:30%;
	float:left;
	font-size:130%;
}
#season .flowerstate{
	margin:0px 0px 10px 0px;
	width:401px;
	float:right;
	font-size:80%;
	line-height:1.4;
}
/*	凡例
------------------------------------------------------------------------------*/
#season .flowerstate h3{
	margin:5px 10px;
	padding:5px 8px;
	width:45px;
	font-weight:normal;
	font-size:100%;
	float:left;
	background:#ffe5e8;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
}
#season .flowerstate ul{
	list-style-type:none;
}
#season .flowerstate ul li{
	margin:0px 0px 0px 0px;
	width:45px;
	float:left;
	text-align:center;
}
#season .flowerstate ul li img{
	vertical-align:bottom;
}
/*	開花情報
------------------------------------------------------------------------------*/
.flower{
	clear:both;
	zoom:1;
}
.flower .cols{
	margin:0px 7px 10px 6px;
	padding:8px;
	width: 200px;
	float:left;
	position:relative;
	border:2px solid #FFFFFF;
	box-shadow:0px 0px 3px 1px #e2e2e2;
	-moz-box-shadow:0px 0px 3px 1px #e2e2e2;
	-webkit-box-shadow:0px 0px 3px 1px #e2e2e2;
}
.flower .cols .thumb{
	width: 200px;
	height:auto;
}
.flower .cols a{
	display:block;
	text-decoration:none;
}
.flower .cols strong{
	margin:0px 0px 5px 0px;
	display:block;
	font-size:120%;
	text-decoration:underline;
	line-height:1.4;
}
.flower .cols figcaption{
	padding:5px 0px 0px 0px;
}
.flower .cols img.status{
	position:absolute;
	right:10px;
	top:10px;
}
.flower .cols p{
	padding:5px 0px 5px 0px;
	color:#333333;
	line-height:1.4;
}
/*------------------------------------------------------------------------------
　開花情報マップ
------------------------------------------------------------------------------*/
#flowermap{
	margin:0px 10px 20px 10px;
}
#flowermap h2{
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	font-size:130%;
}
#flowermap h2 span{
	font-size:130%;
}
#flowermap iframe{
	border:2px solid #F5C6CB;
}
/*	凡例
------------------------------------------------------------------------------*/
#flowermap .flowerstate{
	border:2px solid #F5C6CB;
}
#flowermap .flowerstate h3{
	margin:2px 2px 10px 2px;
	padding:3px 10px 3px 10px;
	font-size:100%;
	background:#F5C6CB;
	border-top:2px solid #EE828E;
}
#flowermap .flowerstate p{
	margin:0px 10px 10px 10px;
	line-height:1.5;
}
#flowermap .flowerstate1,#flowermap .flowerstate2{
	margin:0px 7px 8px 7px;
	padding-bottom:7px;
	border-bottom:2px solid #FFE5E8;
}
#flowermap .flowerstate h4{
	margin:0px 0px 0px 0px;
	padding:10px 10px 10px 10px;
	width:60px;
	float:left;
	background:#FFE5E8;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	text-align:center;
}
#flowermap .flowerstate ul{
	margin-top:5px;
	padding-left:20px;
	width:810px;
	float:left;
	list-style-type:none;
}
#flowermap .flowerstate ul li img{
	margin-right:10px;
	vertical-align:middle;
}
#flowermap .flowerstate ul li span{
	margin-top:5px;
	display:inline-block;
	vertical-align:top;
}
/* 花の種類 */
#flowermap .flowerstate1 ul li{
	margin:0px 0px 5px 0px;
	width:20%;
	float:left;
}
#flowermap .flowerstate1 ul li span{
	width:115px;
}
/* 開花状態 */
#flowermap .flowerstate2 ul li{
	margin:0px 0px 5px 0px;
	width:14%;
	float:left;
}
#flowermap .flowerstate2 ul li span{
	width:65px;
}
/*------------------------------------------------------------------------------
　花一覧
------------------------------------------------------------------------------*/
#flowerlist{
	margin:0px 10px 20px 10px;
}
#flowerlist h2{
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	width:720px;
	float:left;
	font-size:130%;
}
#flowerlist p.flist{
	margin:10px 0px 8px 0px;
	float:right;
	display:inline-block;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	overflow:hidden;
}
#flowerlist p.flist a{
	padding:8px 15px 6px 20px;
	width:170px;
	display:block;
	color:#333;
	font-weight:bold;
	background:#F5C6CB;
	border-bottom:2px solid #EE828E;
	text-decoration:none;
}
#flowerlist ul{
	list-style-type:none;
	clear:both;
}
#flowerlist ul li{
	margin:0px 6px 6px 0px;
	width:111px;
	height:111px;
	float:left;
	position: relative;
	overflow:hidden;
	text-align:center;
}
#flowerlist ul li:nth-child(8n) {
	margin:0px 0px 6px 0px;
}
#flowerlist ul li img{
	margin: auto;
	position: absolute;
	top: -100%;
	bottom: -100%;
	left: -100%;
	right: -100%;
}
#flowerlist .flowertxt{
	padding:15px 10px 10px 10px;
	display:block;
	width:91px;
	height:86px;
	position: absolute;
	bottom:0px;
	left:0px;
	background:#000000;
	background:rgba(0,0,0,0.8);
	font-size:90%;
	display:none;
}
#flowerlist ul li a{
	text-decoration:none;
	color:#FFF;
}
/*==============================================================================
	[2]花リスト
==============================================================================*/
/*------------------------------------------------------------------------------
　凡例
------------------------------------------------------------------------------*/
#content .flowerstate,#content2 .flowerstate{
	margin:0px 15px 15px 15px;
	padding:5px 2px 5px 2px;
	width:405px;
	font-size:80%;
	line-height:1.4;
	border:2px solid #F5C6CB;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
}
#content .flowerstate h3,#content2 .flowerstate h3{
	margin:5px 10px;
	padding:5px 8px;
	width:45px;
	font-weight:normal;
	font-size:100%;
	float:left;
	background:#ffe5e8;
	border:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
}
#content .flowerstate ul,#content2 .flowerstate ul{
	margin:0px;
	list-style-type:none;
}
#content .flowerstate ul li,#content2 .flowerstate ul li{
	margin:0px 0px 0px 0px;
	width:45px;
	float:left;
	text-align:center;
}
#content .flowerstate ul li img,#content2 .flowerstate ul li img{
	vertical-align:bottom;
}
/*------------------------------------------------------------------------------
　リスト
------------------------------------------------------------------------------*/
#bloomlist ul{
	margin:0px 5px 15px 5px;
	list-style-type:none;
}
#bloomlist ul li{
	margin:0px 10px 20px 10px;
	padding:2px;
	width:285px;
	float:left;
	position:relative;
	border:2px solid #CCCCCC;
	line-height:1.8;
}
#bloomlist ul li a{
	padding:10px;
	display:block;
	color:#333333;
	text-decoration:none;
}
#bloomlist ul li a:hover{
	background:#EEEEEE;
}
#bloomlist ul li a:after{
	content:"";
	display:block;
	clear:both;
}
/*	見出し
------------------------------------------------------------------------------*/
#bloomlist ul li em{
	margin:0px 0px 8px 0px;
	padding:5px 5px 5px 5px;
	display:block;
	font-size:110%;
	font-style:normal;
	font-weight:bold;
	background:none;
	border:none;
	text-decoration:underline;
	line-height:1.5;
}
/*	写真
------------------------------------------------------------------------------*/
#bloomlist ul li .status img{
	margin-left:7px;
	vertical-align:middle;
}
#bloomlist ul li .bloomlistimg{
	margin:0px 5px 0px 5px;
	text-align:center;
}
#bloomlist ul li .bloomlistimg img{
	margin:0px 0px 2px 0px;
	vertical-align:bottom;
}
#bloomlist ul li .bloomlistimg figcaption{
	margin:0px 0px 0px 0px;
	font-size:95%;
}
#bloomlist ul li .blistcaption{
	margin:0px 15px 5px 20px;
	text-align:left;
}
/*	開花状況
------------------------------------------------------------------------------*/
#bloomlist ul li .state{
	margin:8px 0px 0px 0px;
	width:auto;
	padding:5px 0px 0px 0px;
	border-top:1px solid #CCCCCC;
}
#bloomlist ul li .state dt{
	margin:0px 0px 0px 0px;
	padding:6px 0px 6px 5px;
	width:65px;
	float:left;
	font-size:105%;
	border:none;
}
#bloomlist ul li .status{
	margin:0px 0px 0px 0px;
	padding:2px 0px 0px 0px;
	width:195px;
	float:left;
	background:none;
	border:none;
	text-align:right;
}
/*==============================================================================
	[3]開花情報詳細
==============================================================================*/
/*------------------------------------------------------------------------------
　開花状態
------------------------------------------------------------------------------*/
#bloominfo{
	width:450px;
	float:left;
}
#bloominfo dl{
	margin:20px 0px 20px 15px;
	clear:both;
	width:430px;
}
#bloominfo dt{
	width:90px;
}
#bloominfo dd{
	width:310px;
}
figure.status img{
	margin-right:7px;
	vertical-align:middle;
}
figure.status figcaption{
	display:inline;
}
/*------------------------------------------------------------------------------
　開花情報
------------------------------------------------------------------------------*/
.bloom{
	margin:0px 15px 15px 15px;
	clear:both;
}
.bloom figure .bloomimg{
	margin:0px 15px 7px 0px;
	float:left;
	display:inline;
}
.bloom figure .bloomimg img{
	vertical-align:bottom;
}
.bloom figcaption{
	padding:5px 5px 0px 0px;
}
.bloom figcaption strong{
	margin-bottom:7px;
	display:block;
}