@charset "utf-8";

/*-------------------------------------------
各ページの独自CSS
-------------------------------------------*/
/**
 * 目次
 *
 * 01. 各ページ共通
 * 02. トップページ
 * 03. 公園散策マップ
 * 04. アクセス・公園概要
 * 05. お問い合わせページ
 * 06. お知らせニュースページ（一覧ページ news.php）
 * 07. お知らせニュースページ（単一記事ページ single.php）
 * 08. お知らせニュースページ（月間ページ archive.php）
 * 09. 投稿ページ用の前後ページへのリンク(前後)
 * 10. 投稿ページ用の前後ページへのリンク(数字)
 * 11. 404
 * 12. 制作中
 *
 *（PC-960px ★TB-768px ★SP-640px） 
 *（★の箇所は未使用）
 */

/*****************************************************************
 01. 各ページ共通
*****************************************************************/
/* ●囲みボックス
=================================================*/
.BOX_A {
	width: 650px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.BOX_B {
	width: 320px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.body_copyA {
	font-size: 14px;
	line-height: 1.8;
}

.body_copyB {
	font-size: 13px;
	line-height: 1.8;
}

.space {
	clear:both;
	width: 100%;
}

.space img {
	width: 100%;
}

/* ●各ページタイトル
=================================================*/
#page_title_wrapper {
	clear:both;
	width: 100％;
	height: 150px;
	background-image: url(images/bg01.png);
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#page_title_inner {
	clear:both;
	width: 960px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

.page_title {
	float: left;
	margin: 0px 0px 0px 0px;
}

/* ●パン屑
=================================================*/
.pan {
	float: right;
	font-size: 12px;
}

/*****************************************************************
 02. トップページ
*****************************************************************/
/* ●上部
=================================================*/
.top_catch_copy {
	font-size: 14px;
	line-height: 1.8;
	text-align:left;
	margin: 0px auto 0px auto;
	padding: 20px 0px 0px 0px;
}

.top_picup_img {
	border-top: 2px solid #80b53e;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.top_picup_title {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 2px solid #80b53e;
}

/* ●ムービーステージ
=================================================*/
.top_youtube-wrap {
	position: relative;
}

.home_MOVIE_illust_L {
	position: absolute;
	left:0;
	z-index: 1;
	margin: 50px auto 0px auto;
}
.home_MOVIE_illust_R {
	position: absolute;
	right:0;
	z-index: 1;
	margin: 50px auto 0px auto;
}

.top_youtube {
	width: 498px;
	margin: 0px auto 0px auto;
}

.youtube_maiking {
	margin: 0px 0px 0px 0px;
}

.youtube_maiking img {
	width: 100%;
}

/* ●FBステージ
=================================================*/
#FBstage {
	clear:both;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 30px 0px;
	border: 2px solid #37548c;
	background-image: url(images/bg02.png);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	-o-border-tradius: 18px;
	-ms-border-radius: 18px;
}

.FB_field {
	width: 500px;
	text-align: center;
	font-size: 24px;
	★color: #002F7B;
	border: 1px solid #c1c1c1;
	margin: 0px auto 0px auto;
}

.FB_title {
	width: 498px;
	text-align: center;
	background: #37548c;
	padding: 8px 0px 8px 0px;
}

/* ●新着情報ステージ
=================================================*/
#NEWSstage {
	clear:both;
	margin: 0px 0px 0px 0px;
	padding: 60px 0px 60px 0px;
	border: 2px solid #37548c;
	★border: 2px solid #d7e489;
	background-image: url(images/bg02.png);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	-o-border-tradius: 18px;
	-ms-border-radius: 18px;
}

#NEWSstage .NEWS_title {
	width: 550px;
	text-align: center;
	background: #50ba95;
	padding: 10px 0px 8px 0px;
	margin: 0px auto 0px auto;
}

#top_news_BOX_wrapper {
	width: 550px;
	height: 1235px;
	overflow: auto;
	overflow-x:hidden;
	background-color: #fff;
	padding: 30px 0px 30px 0px;
	margin: 0px auto 0px auto;
}

.top_news_BOX {
	margin: 0px 0px 20px 0px;
	padding: 0px 40px 10px 50px;
	border-bottom: 1px dotted #c1c1c1;
}

.top_news_title {
	font-size: 16px;
	text-align:left;
	line-height: 1.4;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

.top_news_title p {
	float:left;
	margin: 2px 5px 0px 0px;
}

.top_news_title a {
	color: #2c8d2e;
	text-decoration: none;
}

.top_news_title a:hover {
	color: #7dc25b !important;
}

.top_news_copy {
	width: 100%;
	font-size: 13px;
	line-height: 1.8;
}

.top_news_copy .news_photo {
	float:left;
	width: 130px;
	max-height: 90px;
	overflow:hidden;
	margin: 0px 15px 0px 0px;
}

.top_news_copy .news_photo img {
	width: 100%;
}

.time-more {
	float:right;
	width: 220px;
	margin: 5px 10px 0px 0px;
}

.top_news_time {
	float:left;
	font-size: 17px;
	text-align:left;
}

.top_news_more {
	float:right;
}

.top_news_more:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

.top_news_more a {
	color:#FFF;
	text-decoration: none;
}

.top_news_all_btn {
	width: 100%;
	font-size: 15px;
	text-align:center;
	background-color: #5bb4e3;
	margin: 15px 0px 0px 0px;
	padding: 3px 10px 1px 10px;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-o-border-tradius: 1em;
	-ms-border-radius: 1em;
}

.top_news_all_btn a {
	color:#FFF;
	text-decoration: none;
}

.top_news_all_btn:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

.home_FB_BAN {
	float: left;
	width: 650px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/*****************************************************************
 03. 公園散策マップ
*****************************************************************/
/* ●公園マップ
=================================================*/
#parkmap_zone {
	float: left;
	width: 650px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.pamphlet_DL {
	width: 520px;
	text-align: center;
	font-size: 16px;
	color:#778f00;
	border: 2px dotted #80b53e;
	background: #f9ffdd;
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	-o-border-tradius: 18px;
	-ms-border-radius: 18px;
	padding: 2px 0px 0px 0px;
	margin: 10px auto 30px auto;
}

.pamphlet_DL a {
	color:#778f00;
	text-decoration: none;
}

.pamphlet_DL a:hover {
	color:#7bbf2a;
}

/* ●写真ギャラリー
=================================================*/
#parkgallery_zone {
	float: left;
	width: 649px;
	border-top: 4px solid #80b53e;
	border-left: 1px solid #80b53e;
	background-color: #FFF;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.gallery_width {
	float: left;
	width: 648px;
	font-size: 13px;
	line-height:1.5;
	border-right: 1px solid #80b53e;
	border-bottom: 4px solid #80b53e;
	background-color: #FFF;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.gallery {
	float: left;
	width: 216px;
	font-size: 13px;
	line-height:1.5;
	border-right: 1px solid #80b53e;
	border-bottom: 4px solid #80b53e;
	background-color: #FFF;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


/*****************************************************************
 04. アクセス・公園概要
*****************************************************************/
/* ●グーグルマップ
=================================================*/
.google_map_BOX {
	width: 650px;
	border: 1px solid #80b53e;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 10px 0px;
	background-image: url(images/slideshow_bg.jpg)
}

.google_map {
	width: 610px;
	border: 2px solid #ccc;
	margin: 0px auto 0px auto;
}

.transport {
	float: left;
	width: 626px;
	font-size: 14px;
	line-height:1.5;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

.transport span {
	font-size: 15px;
	font-weight: bold;
}

/* ●イラストマップ
=================================================*/
.illustmap_BOX {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	border-top: 1px dotted #80b53e;
	border-bottom: 1px dotted #80b53e;
}

.illustmap_BOX p.illustmap_copy {
	float: left;
	font-size: 13px;
	line-height:1.5;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
}

.illustmap_BOX p.illustmap {
	float: right;
}

.illustmap_BOX p.illustmap img {
	float: right;
	border: 2px solid #80b53e;
}

/* ●公園概要
=================================================*/
#parkprofile_zone {
	float: left;
	width: 650px;
	height: 100％;
	★background-image: url(images/bg_dot4.png);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.profilebox {
	float: left;
	width: 650px;
	font-size: 13px;
	line-height:1.5;
	border: 1px solid #80b53e;
	border-top: 4px solid #80b53e;
	background-color: #F8F7DD;
	padding: 10px 0px 25px 30px;
	margin: 0px 0px 0px 0px;
}

.profilebox th {
	height: 45px;
	width: 150px;
	text-align: left;
	vertical-align: middle;
	font-weight:normal;
	border-right: solid 5px #F8F7DD;
	border-bottom: dotted 1px #7DD800;
	padding: 5px 0px 5px 10px;
}

.profilebox td {
	height: 45px;
	vertical-align: middle;
	border-left: solid 5px #FFF1C8;
	border-bottom: dotted 1px #7DD800;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 10px;
}

.profilebox td a {
	color: #51BCDD;
}

.profilebox.caption {
	font-size: 11px;
	line-height:1.5;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}



/*****************************************************************
 05. お問い合わせページ
*****************************************************************/
.contact_BTN {
	width: 340px;
	text-align:center;
	border: 2px solid #afc33d;
	padding: 50px 0px 50px 0px;
}

.contact_subtitle {
	font-size:15px;
	line-height:1.6;
	text-align:center;
	padding: 0px 0px 0px 0px;
}

.contact_subtitle span.tel {
	font-size: 16px;
	color: #B22222;
}

#contact_copy {
	font-size: 12px;
	line-height:1.4;
	text-align: center;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#contact_copy p {
	font-size: 12px;
	line-height:1.4;
	text-align: center;
	padding: 5px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: dashed 1px #C1C1C1;
}

#contact_copy p.concopy_s {
	font-size: 10px;
}

#contact_copy p span.cyui {
	color: #FF0000;
}

#contact_copy p span.tel {
	font-size: 13px;
	color: #B22222;
}

/* ●問い合わせフォーム
=================================================*/
.contact_dotted_BOX {
	width: 100％;
	background-image: url(images/dot_green.png);
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
}

.contact_BOX_inner {
	max-width: 100%;
	font-size: 13px;
	line-height:1.8;
	background: #FFFFFF;
	margin: 0px auto;
	padding: 20px 20px 20px 20px;
}

#contact_formbox {
}

.contact_table {
	width: 100%;
}

.contact_table th,
.contact_table td {
	padding: 9px 10px 9px 10px;
	vertical-align: top;
	★color:#786F21;
	line-height: 1.6;
}

.contact_table th  {
	width: 30%;
	text-align: right;
	font-weight: normal;
}

.contact_table th.entry_midashi  {
	width: 100%;
	text-align: center;
	background-color: #E1F5A9;
	padding: 5px 0px 3px 0px;
}

.contact_table td a {
	color:#990000;
}

#contact_formbox span.require {
	color: #FF0000;
}/* ▲▲▲※印 */

#contact_formbox span.entry_ex {
	font-size: 10px;
}/* ▲▲▲半角入力（例：222-1234）など用 */

#contact_formbox .submit_btn {
	width: 100%;
	text-align: center;
	margin: 10px 0px 10px 0px;
}/* ▲▲▲確認送信ボタン用 */

#contact_formbox .submit_btn input[type="submit"] {
	width: 100%;
	height: 30px;
	font-size: 13px;
	text-align: center;
	color: #fff;
	border: 1px solid #ddd;
	background-color: #afc33d;
	padding: 5px 0px 5px 0px;
}/* ▲▲▲確認送信ボタン用 */

#contact_formbox .error {
	font-size: 11px;
	color: #FF0000;
}/* ▲▲▲必須項目を入力して下さい用 */

#contact_formbox p {
	font-size: 14px;
	text-align: center;
	color: #B22222;
}/* ▲▲▲お問い合わせありがとうございました用 */

#contact_formbox .thanks {
	font-size: 14px;
	text-align: center;
	color: #B22222;
}/* ▲▲▲お問い合わせありがとうございました用 */


/* ●プライバシーポリシー
=================================================*/
#privacybox {
	float: left;
	width: 100%;
	text-align: left;
	border: 2px solid #80b53e;
	background: #fbfbf1;
	margin: 10px 0px 20px 0px;
	padding: 30px 20px 20px 20px;
}

#privacybox p.privacytitle {
	font-size: 30px;
	text-align: center;
	line-height:1.4;
	border-bottom: 1px solid #7d612d;
	color: #7d612d;
}

#privacybox .privacyaria {
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

#privacybox p.privacycopy {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 12px;
	line-height:1.8;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.copyH{
	font-size: 13px;
	color: #7d612d;
}


/*****************************************************************
 06. お知らせニュース・梅桜情報ページ（一覧ページ news.php ume-sakura-info.php）
*****************************************************************/
#post_stage {
	float: left;
	width: 100％;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*▼画像投稿による回り込み回避*/
#post_stage .post_BOX {
	clear: both;
	width: 100％;
	height: 100％;
	padding: 0px 0px 30px 0px;
	margin: 0px 0px 30px 0px;
	background-image: url(images/post_line.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#post_stage .post_BOX .post_title {
	width: 100％;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.5;
	color: #2c8d2e;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

#post_stage .post_BOX .post_title a {
	color: #2c8d2e;
	padding: 0px 0px 10px 10px;
}

#post_stage .post_BOX .post_title a:hover	{
	color: #7dc25b;
}

#post_stage .post_BOX .post_content {
	float: left;
	width: 100％;
	font-size: 13px;
	line-height: 1.8;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

#post_stage .post_BOX .post_content a {
	color: #4169e1;
	text-decoration:underline;
}

#post_stage .post_BOX .post_content a:hover	{
	color: #999999;
}

#post_stage .post_BOX p	{
	font-size: 13px;
	line-height: 1.8;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#post_stage .post_BOX .post_content p a {
	color: #4169e1;
	text-decoration:underline;
}

#post_stage .post_BOX .post_content p a:hover	{
	color: #999999;
}

#post_stage .post_BOX p.postdate {
	color: #999999;
	text-align: left;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
}

#post_stage .post_BOX .post_content li {
	font-size: 12px;
	margin: 0px 0px 0px 15px;
}

#post_stage .post_BOX .post_content em,
#post_stage .post_BOX .post_content address {
	font-style: italic;
}

/* ●ウィジェット
=================================================*/
#widgetbox {
	float: right;
	width: 100%;
	text-align:right;
	line-height:1.2;
	border-bottom: 1px dotted #349C00;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

#widgetbox a {
	font-size: 12px;
	color: #252525;
}

#widgetbox li {
	list-style-type: none;
}

.widget_archive {
	font-size: 12px;
}

.widget_archive h2.widgettitle {
	display: none;
}

.widget_wp-customtype-archive {
	float: right;
	width: 180px;
}

.widget_wp-customtype-archive h2.widgettitle {
	float: left;
	font-size: 12px;
	font-weight: normal;
	margin: 3px 0px 0px 0px;
}


/*****************************************************************
 07. お知らせニュース・梅桜情報ページ（単一記事ページ single.php single-ume-sakura.php）
*****************************************************************/
#post_stage .post_BOX .post_title span	{
	font-size: 10px;
}
/* ※ 他は一覧ページと共通 */

/* ●関連記事
=================================================*/
#relation_FIELD {
	position: relative;
	width: 100%;
	border: 1px dotted #349C00;
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 10px 19px;
}

.rela_maintitle {
	font-size: 15px;
	color: #2c8d2e;
	margin: 0px 0px 0px 0px;
}


.relation_BOX {
	float:left;
	width: 145px;
	background: #fff;
	margin: 0px 10px 0px 0px;
}

.relation_BOX:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.relation_BOX .rela_photo {
	width: 145px;
	max-height: 90px;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
}

.relation_BOX .rela_title {
	font-size: 13px;
	line-height:1.5;
	text-decoration: none;
	margin: 10px 0px 0px 0px;
}

.relation_BOX .rela_title a {
	text-decoration: none;
	color: #252525;
}

.rela_title_no {
	font-size: 11px;
	line-height:1.5;
	color: #2c8d2e;
	margin: -23px 0px 0px 70px;
}


/*****************************************************************
 08. お知らせニュース・梅桜情報ページ（月間ページ archive.php archive-ume-sakura.php）
*****************************************************************/
.datetitle {
	float: left;
	color: #349C00;
	text-align:left;
	line-height:1.2;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}
/* ※ 他は一覧ページと共通 */

/*****************************************************************
 09. 前後のページへのリンク（前後）
*****************************************************************/
.prevnext	{
	clear: both; /*画像投稿による回り込み回避*/
	width: 625px;
	color: #2c8d2e;
	overflow:hidden;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}/*要===ie対策*/

.prevnext a {
	color: #2c8d2e;
	font-size: 12px;
}

.prevnext a:hover {
	color: #7dc25b;
}

.prevnext:hover {
	color: #7dc25b;
}

.prevnext .prev {
	float: left;
}

.prevnext .next  {
	float: right;
}

/*****************************************************************
 10. 前後のページへのリンク（数字）
*****************************************************************/
.pageNav {
	clear: both; 
	width: 625px;
	color: #999999;
	margin: 1em auto;
	line-height:2em;
	text-align:center;
	padding: 30px 0px 30px 0px;
}
 
a.page-numbers, .pageNav .current {
	color: #999999;
	padding: 2px .4em;
	border:solid 1px #999999;
	text-decoration:none;
	font-size: 9px;
}

a.page-numbers:hover {
	color: #2c8d2e;
	background: none;
}

.pageNav .current {
	color: white;
	background: #2c8d2e;
	border-color: #999999;
	font-weight:bold:
}

.pageNav .next, .pageNav .prev {
	border:0 none;
	background:transparent;
	text-decoration:underline;
	font-size: 10px;
	font-weight:bold;
}


/*****************************************************************
 11. 404
*****************************************************************/
#not404 {
	width: 850px;
	margin: 0px auto;
	text-align: center;
	font-size: 13px;
}
#not404 p {
	margin: 10px 0px 0px 0px;
}

#not404 p a  {
	color: #afc33d;
}

#not404 p a:hover  {
	color:#333;
}


/*****************************************************************
 12. 制作中
*****************************************************************/
.making {
	color: #ff0000;
	font-size: 30px;
	text-align: center;
	line-height: 1.4;
	margin: 0px 0px 0px 0px;
}