@charset "utf-8";
/* CSS Document */


/* ------------------------------------------------------------------------ */
/* 見出し                                                                   */
/* ------------------------------------------------------------------------ */

/* トップページ ----------------------------------------------------------- */

#sub h1{	
	border:#cccccc 1px solid;
	background:#c7dc68 url('../images/h1_sub_back.gif') repeat-x;
	font-size:140%;
	font-weight:bold;
	margin:10px 0px 15px 0px;
	padding:5px 0px 5px 10px;
	color:#735c35;
	clear:both;
}

#sub h2{
	background:#ffffff url('../images/h2_sub_back.gif') no-repeat;
	background-position:left top;
	clear:both;
	font-size:120%;
	font-weight:bold;
	margin:20px 0px 5px 0px;
	padding:3px 0px 3px 10px;
	color:#735c35;
}

#sub h2.none{
	background:#ffffff;
	clear:both;
	margin:20px 0px 5px 0px;
	padding:3px 0px 3px 10px;
}


#sub h2 a{
	text-decoration:none;
	color:#735c35;
}

#sub h3{
	border-bottom:#cccccc 1px solid;
	font-size:100%;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	padding:3px 0px 3px 5px;
	color:#735c35;
	clear:both;
}

#sub h3.areabtn{
	border-bottom:#cccccc 0px solid;
	font-size:100%;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	padding:3px 0px 3px 5px;
	color:#735c35;
	clear:both;
}

#sub h4{
	border-bottom:#cccccc 0px solid;
	font-size:100%;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	padding:3px 0px 3px 5px;
	color:#735c35;
	clear:both;
}

/* サイドメニュー ----------------------------------------------------------- */

#beta h1{
	clear:both;
	font-size:140%;
	font-weight:bold;
	margin:5px 0px 5px 0px;
	padding:0px;
	color:#2ca9e1;
}
#beta h2{
	border-bottom:#b0d25e 3px solid;
	clear:both;
	font-size:120%;
	font-weight:bold;
	margin:20px 0px 5px 0px;
	padding:3px 0px 3px 5px;
	color:#2ca9e1;
}

#beta h3{
	font-size:100%;
	font-weight:bold;
	margin:10px 0px 2px 0px;
	padding:0px;
	color:#2ca9e1;
}

/* Custum ----------------------------------------------------------- */

h3.flower{
	font-weight:bold;
	padding:0px;
	margin:0px 0px 5px 5px;
	vertical-align:middle;
}
h3.flower a{
	color:#7f9c3c;
	text-decoration:none;
}
h3.flower .date{
	color:#cc3399;
	font-size:80%;
	font-weight:nomal;
}
.flower-list li{
	background: url('../images/icon_flower_list.gif') left top no-repeat;
	margin:3px 0px 3px 0px;
	padding:0px 0px 0px 15px;
	list-style-position:outside;
}

.flower-list li a{
	color:#111111;
}



/* ------------------------------------------------------------------------ */
/* リスト                                                                   */
/* ------------------------------------------------------------------------ */

#list-col{
	margin:0px;
	padding:0px;
	clear: both;
}
#list-col:after{
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

#list-col .colmn-2{
	display:block;
	float:left;
	width:50%;
	margin:5px;
}
#list-col .colmn-3{
	display:block;
	float:left;
	width:30%;
	margin:5px;
}
#list-col .colmn-4{
	display:block;
	float:left;
	width:22%;
	margin:5px;
}

/* 表組風リスト：左幅300 */
dl.list-w300 dt{
	border-left:#b0d25e 0px solid;
	margin:0px 0px 10px 0px;
	padding:0px;
	width:300px;
	float:left;
	display:block;
}
dl.list-w300 dd{
	margin:0px 0px 10px 310px;
	padding:0px;
	width:auto;
	display:block;
}

/* 表組風リスト：左幅100 */
dl.list-w100 dt{
	border-left:#b0d25e 0px solid;
	margin:0px 0px 10px 0px;
	padding:0px;
	width:100px;
	float:left;
	display:block;
}
dl.list-w100 dd{
	margin:0px 0px 10px 310px;
	padding:0px;
	width:auto;
	display:block;
}

/* 施設などの情報リスト：詳細ページ用 */
dl.info-list dt{
	margin:0px 0px 5px 0px;
	padding:0px;
	float:left;
	display:block;
	font-weight:bold;
	color:#735c35;
}
dl.info-list dd{
	margin:0px 0px 5px 210px;
	padding:0px;
	width:auto;
	display:block;
}

/* 施設などの情報リスト：ブログリスト用 */
div.text dl.info-list dt{
	border:#ffffff 0px solid;
	margin:0px 0px 5px 0px;
	padding:0px;
	float:left;
	display:block;
	font-weight:bold;
	color:#735c35;
	width:100px;
}


dl.line-list dt{
	border-bottom:#cccccc 1px solid;
	font-size:100%;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	padding:3px 0px 3px 5px;
	color:#735c35;
	clear:both;
}


dl.line-list dd{
	margin:0px 0px 5px 0px;
	padding:0px;
}


/* 横並びリスト */
ul.ranklist{
	clear:both;
	margin:0px;
	padding:0px;
}
.ranklist li{
	list-style:none;
	width:30%;
	padding:0px 0px 0px 12px;
	display:block;
	float:left;
	background:url(../images/arrow_green.gif) left top no-repeat;
	margin:5px;
	list-style-position:outside;
}


/* 画像背景版横並びリスト */
ul.rankimglist{
	clear:both;
	margin:0px;
	padding:0px;
}
.rankimglist li{
	list-style:none;
	width:187px;
	height:58px;
	margin:0px;
	padding:0px;
	display:block;
	float:left;
	background:url(../images/btn_area.jpg) left top no-repeat;
}
.rankimglist li a{
	text-decoration:none;
	font-weight:bold;
	width:187px;
	height:18px;
	margin:0px;
	padding:20px 0px 20px 0px;
	display:block;
	float:left;
	text-align:center;
	vertical-align:middle;
	color:#53621e;
}
/* 画像付ボックスリスト */

.imglist{
	float:left;
	display:block;
	margin:2px 2px 10px 2px;
	padding:0px;
	width:20%;
	text-align:left;
	height:200px;
}
.imglist img{
	border:#cccccc 1px solid;
}


/* 横並びリスト：矢印黒 */
ul.ranklist_b{
	clear:both;
	margin:0px;
	padding:0px;
}
.ranklist_b li{
	list-style:none;
	width:30%;
	padding:0px 0px 0px 12px;
	display:block;
	float:left;
	background:url(../images/arrow_black.gif) left top no-repeat;
	margin:5px;
	list-style-position:outside;
}

/* 横並びリスト：左に画像 */
ul.ranklist-box{
	margin:0px 0px 0px 250px;
	padding:0px;
	display:block;
}
.ranklist-box li{
	list-style:none;
	width:130px;
	padding:0px 0px 0px 10px;
	float:left;
	background:url(../images/arrow_green.gif) left top no-repeat;
	margin:3px;
	list-style-position:outside;
	text-align:left;
}

/* 右に画像付リスト250px */
.arealist250{
	margin:0px;
	padding:0px;
	clear:both;
}

.arealist250 .photo{
	float:left;
	padding:0px;
	display:block;
	margin:3px;
	width:230px;
}
.arealist250 .text{
	padding:0;
	display:block;
	margin:0px 0px 0px 260px;
}

.arealist250 .text ul{
	float:left;
	display:block;
}
/* 右に画像付リスト */
.arealist{
	margin:0px 0px 5px 0px;
	padding:3px;
	clear:both;
	border:#dcdcdc 1px dotted;
}

.arealist .photo{
	float:left;
	padding:0px;
	display:block;
	margin:0px 3px 3px 0px;
	width:120px;
}
.arealist .text{
	padding:0;
	display:block;
	margin:0px 0px 0px 130px;
}
.arealist .text:after{
	clear:both;
}

.arealist .text dt{
	border-bottom:#cccccc 1px dotted;
	font-size:100%;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	padding:3px 0px 3px 5px;
	color:#735c35;
}

/* 矢印：黒 */
.arrow_b li{
	list-style-image:url(../images/arrow_black.gif);
	margin-left:14px;
	padding:0px 0px 2px 0px;
	list-style-position:outside;
}

/* 矢印：緑 */
.arrow_g li{
	list-style-image:url(../images/arrow_green.gif);
	margin-left:14px;
	padding:0px 0px 2px 0px;
	list-style-position:outside;
}

/* 矢印解除 */
.nomark{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

/* 花ごよみ開花表 */

table.flowertable{
	width:auto;
}
table.flowertable td{
	margin:0px;
	padding:0px;
}
table.flowertable td.label{
	margin:5px 10px 5px 10px;
	padding:5px;
	background-color:#ddf4e6;
	font-weight:bold;
}
table.flowertable td.month{
	margin:5px 10px 5px 10px;
	padding:5px;
	background-color:#eaeaea;
}

/* 施設情報表 */

table.shisetsutable{
	width:400px;
	border-top:#cccccc 1px solid;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;

}
table.shisetsutable th{
	margin:0px;
	padding:5px;
	border-left:#cccccc 1px solid;
}
table.shisetsutable td{
	margin:0px;
	padding:5px;
	border-left:#cccccc 1px solid;
}


/* サイドメニュー ----------------------------------------------------------- */

#beta li{
	list-style:none;
	padding:0px 0px 0px 12px;
	background:url(../images/arrow_black.gif) left top no-repeat;
	margin:3px 0px 3px 0px;
	list-style-position:outside;
}

/* Custum */
.bd{
	border:#cccccc 1px solid;
}

/* Text */

.aqua {color:##0b8ae1;}
.bold{font-weight:bold;}
.textleft{text-align:left;}
.textright{text-align:right;}
.textcenter{text-align:center;}
.listlabel{
	font-weight:bold;
	color:#735c35;
}

/* Display：表示制御 */

.inline { display: inline; }
.hidden { display: none; }
.clear{clear:both;}
.fleft{float:left;
display:block;}

/* GoogleMap：表示制御 */
#map_canvas img{
	width: 500px;
	height:400px;
	overflow:hidden;
}