/*
Theme Name: nagaib3
Description: 長居植物園jp移行
Author: 管理人
*/

/* ==================== レイアウト ==================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	list-style:none;
	box-sizing:border-box;
}

html { box-sizing: border-box; font-size: 62.5%;} *, *:before, *:after { box-sizing: inherit;}
body{
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	color:#333;
	min-width: 1100px;
	font-size: 1.4rem;
	line-height: 1.6;
	border-bottom: 0;
	zoom: 1;
}
@media screen and (max-width:767px){
	body{
	font-size: 1.6rem;
	}
}
#container {
	width: 1000px;
	margin: 0 auto;
	padding: 60px 0 50px 0;
	background: #fff;
}

#content {
	width: 1000px;
	margin: 0 auto 80px;
	background: #fff;
}


/* ==================== フッター ==================== */
div#footer {
	width:100%;
	height:76px;
	margin:0;
	padding:0;
	background:url(images/bg_footer.jpg) repeat-x left top;
}

div#footer div#inner-footer {
	width: 1000px;
	margin: 0 auto;
	position:relative;
}


table.item {
	line-height: 1.3em;
	border-collapse: collapse;
	width: 980px;
	margin: 0 auto;
}

table.item td {
	padding: 15px 5px 5px;
	vertical-align: top;
}

table.item td.nagai {
	width: 400px;
	padding: 15px 5px 5px;
}

div#inner-footer ul.info {
	overflow: hidden;
}

div#inner-footer ul.info li {
	float:left;
	margin:0px 5px 0px 0px;
	list-style-type: none;
}
div#inner-footer ul.info li a{
	font-size: 10px;
	display: block;
	border:1px solid #fff;
	color: #fff;
	padding: 3px 10px 3px 15px;
	background: url(images/arrow_footer.jpg) no-repeat 5px center;
	background-color: #51842b;
}
div#inner-footer #copylight {
	width:1000px;
	margin: 0 auto;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	clear:both;
}

div#inner-footer p.pagetop {
	position:absolute;
	right:0px;
	top:-28px;
	margin:0px auto;
	font-size: 1.2rem;
}
div#inner-footer p.pagetop a{
	position: relative;
	display: block;
	background-color: #5b9f28;
	border-radius: 10px 10px 0px 0px / 10px 10px 5px 0px;
	padding: 5px 25px 5px 10px;
	color: #fff;
}
div#inner-footer p.pagetop a:after{
	position: absolute;
	content: url(images/arrow_pagetop.jpg);
	top: 8px;
	right: 5px;
}

/* ==================== リンク ==================== */
a	{color: #000000;
	text-decoration: none}

a:link { color: #1D3994}

a:visited { color: #1D3994}

a:hover {/*マウスをのせたとき*/
	color:#0033CC;
	font-style:normal;
}
a.pdf:after {
	position: relative;
	content:"";
	background: url(images/icon-pdf.png) no-repeat;
	display: inline-block;
	background-size: contain;
	width: 20px;
	height: 20px;
	margin: 0 .5em;
	bottom: -2px;
}
/* tellink */
a[href^="tel:"] { cursor:inherit; text-decoration: none; color:#000000!important;}
a[href^="tel"]:hover { text-decoration: none!important;}
@media screen and (max-width:768px){
a[href^="tel:"] { text-decoration: underline; }
}

/* ==================== ヘッダー ==================== */

#topbox {
	width: 1000px;
	margin: 0 auto;
	background-color: #fff;
	padding: 0 0 10px 0;
}


#topbox p	{margin: 8px 0 0;}

#topbox p#desc	{
	font-size: 1.2rem;
	color: #666666;
	margin-top: 0px;
	padding-left: 62px;
}
table.topbox {
	border-collapse: collapse;
	width: 285px;
	float: right;
	margin: 0;
	padding: 0;
}

table.topbox td {
	line-height: 1.3em;
	width: 90px;
	padding: 0 5px 5px 0;
}
.item-lang ul {
	float: right;
    display: table;
    table-layout: fixed;
	margin: 5px 10px 5px;
}
.item-lang ul li {
    display: table-cell;
    margin: 0;
    padding: 0 0 0 15px;
}
.item-lang ul li a::before {
    color: #999999;
    content: ">";
    font-size: 10px;
    font-weight: bold;
    padding-right: 2px;
    vertical-align: 2px;
}
.item-lang ul li a {
    border-bottom: 1px dotted #ffffff;
}
.item-lang ul li a:hover {
    border-bottom: 1px dotted #777777;
    text-decoration: none;
}
#slidbox {
	width: 1000px;
	margin: 0 auto 14px;
	padding: 0;
}

#headLogo {
	float: left;
	width: 250px;
	margin: 20px 0 0 0;
}
#headLogo img{
	width: 100%;
}
#headnavi {
	float: right;
	width: 710px;
	margin: 0;
	padding: 0;
}

#headnavi #navilist {
	margin: 7px 0 25px;
	padding: 0;
}

#headnavi #navilist ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#headnavi #navilist ul li {
	float:right;
	margin-right: 20px;
	padding: 0 0 0 20px;
	background: url(images/list.gif) no-repeat 0 3px;
}

#headnavi #navilist ul li a {
	text-decoration: none;
}





/* ==================== ナビゲーションバー ==================== */
.menu {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
}

.menu ul	{
	margin: 0;
	padding: 0;
}

.menu li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}

.menu a {
	color: #fff;
	display: block;
	border-radius: 5px;
	padding-top: 40px;
	font-size: 11px;
}


.menu a:hover {
}

.navattraction a{
	background: url(images/gnav1.png) no-repeat center top #00a33e;
	width: 116px;
	margin-right: 10px;
}
.navflower a{
	background: url(images/gnav2.png) no-repeat center top #00a33e;
	width: 116px;
	margin-right: 10px;
}
.navevent a{
	background: url(images/gnav3.png) no-repeat center top #00a33e;
	width: 116px;
	margin-right: 11px;
}
.navexhibition a{
	background: url(images/gnav4.png) no-repeat center top #00a33e;
	width: 116px;
	margin-right: 10px;
}
.navseminar a{
	background: url(images/gnav5.png) no-repeat center top #00a33e;
	width: 116px;
	margin-right: 10px;
}
.navconsultation a{
	background: url(images/gnav6.png) no-repeat center top #00a33e;
	width: 116px;
	margin-right: 10px;
}
.navhours a{
	background: url(images/gnav7.png) no-repeat center top #00a33e;
	width: 116px;
	margin-right: 11px;
}
.navfood a{
	background: url(images/gnav9.png) no-repeat center top #00a33e;
	width: 116px;
	margin-right: 10px;
}
.navaccess a{
	background: url(images/gnav8.png) no-repeat center top #00a33e;
	width: 116px;
}

.navattraction a:hover { background-color: #037c2e}
.navflower a:hover {background-color: #037c2e;}
.navevent a:hover {background-color: #037c2e;}
.navexhibition a:hover {background-color:#037c2e;}
.navseminar a:hover {background-color: #037c2e;}
.navconsultation a:hover {background-color: #037c2e;}
.navhours a:hover {background-color: #037c2e;}
.navfood a:hover {background-color: #037c2e;}
.navaccess a:hover {background-color: #037c2e;}


/* ==================== トップメニュー ==================== */

ul#topmenu {
	width: 707px;
	margin: 15px 0 0;
	padding: 0;
	overflow:hidden;
	zoom:100%;
}

ul#topmenu li {
	list-style: none;
	float: left;
}

ul#topmenu li a {
	display: block;
	height: 56px;
	width: 140px;
	background: url(images/topmenu.gif) no-repeat;
	text-indent:-9898px;
}


ul#topmenu li a.navhome {background-position: 0 0;
	width: 140px;
}
ul#topmenu li a.navhome:hover {background-position: 0 -56px;
	width: 140px;
}
ul#topmenu li a.navgude2 {background-position: -140px 0;
	width: 140px;
}
ul#topmenu li a.navgude2:hover {background-position: -140px -56px;
	width: 140px;
}

ul#topmenu li a.navmap {background-position: -280px 0;
	width: 140px;
}
ul#topmenu li a.navmap:hover {background-position: -280px -56px;
	width: 140px;
}
ul#topmenu li a.navfaq {background-position: -420px 0;
	width: 140px;
}
ul#topmenu li a.navfaq:hover {background-position: -420px -56px;
	width: 140px;
}

ul#topmenu li a.navinfo {background-position: -560px 0;
	width: 147px;
}
ul#topmenu li a.navinfo:hover {background-position: -560px -56px;
	width: 147px;
}



/* ==================== コンテンツ ==================== */


#content h2	{font-size: 24px;
	margin: 0 0 20px;
	padding-left: 5px;}

#content h3	{font-size: 18px;
	padding-left: 10px;}

#content p	{
	line-height: 1.7;
	margin: 0 0 20px;}
#content h3.pagetitle { margin-bottom: 20px; padding: 0 0 5px 10px; border-bottom: 2px solid #ccc; font-size: 24px; font-weight: bold;}
#content p.subttl,
#content h3.subttl	,
.subttl { margin-bottom: 20px; padding: 0 0 0 10px; border-bottom: 1px solid #000; color:#5FA32C; font-size: 24px; font-weight: bold;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.subttl span {
	color: #000;
}
#content p.subttl span.small {
	color: #5FA32C;
	margin-left: 10px;
}
.subttl img { vertical-align: middle;}
.subttl02 { margin-bottom: 20px; padding: 0 0 5px 10px; border-bottom: 1px dashed #5278BD; color:#5278BD; font-size: 20px; font-weight: bold;}

/* 画像 */
.alignleft	{float: left;
	margin-right: 20px;
	margin-bottom: 20px;}

.alignright	{float: right;
	margin-left: 20px;
	margin-bottom: 20px;}

.aligncenter	{clear: both;
	display: block;
	margin: 25px auto;}

a img	{border: none;}

/* supsub */
sup{ font-size:8px; vertical-align:top;}
sub{ font-size:8px; vertical-align:bottom;}

/* ==================== サイドエリア ==================== */

#sidearea {
	width: 240px;
	float: left;
	margin: 0;
}

/* ==================== 見頃の花 ==================== */

#flower {
	float: right;
	width: 240px;
	min-height: 220px;
	background: url(images/flowerback.gif) no-repeat bottom center;
	margin: 0 0 10px;
	overflow: hidden;
}

#flower p {
	color: #498022;
	font-weight: bold;
	padding: 12px 24px 0;
	background: url(images/flowerback.gif) no-repeat top center;
}

#flower #tophoto {
	width: 200px;
	height: 133px;
	margin: 7px auto 0;
	border: solid 3px #fff;
}

#flower #totext {
	width: 190px;
	padding: 5px;
	margin: 5px auto 3px;
	line-height: 1.3em;
}

#bloombotton {
	width: 182px;
	margin: 0 auto 10px;
	padding: 3px 0 ;
}
#bloombotton a {
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 4px 3px 3px;
	text-align: center;
	border: 1px solid #5EA12D;
	border-radius: 5px;
	background: linear-gradient(#9DDB70, #5DA12A);
}



#blogarea {
	margin: 0;
	border:1px solid #C8C8C8;
	padding: 2px;
	margin: 0 0 10px;
}


#blogtitle a {
	width: 238px;
	height: 80px;
	display: block;
	margin: 0;
	background: url(images/blogtitle.gif) no-repeat;
	text-indent:-9999px;
}

#blogtitle a:hover {
	width: 238px;
	height: 80px;
	background: url(images/blogtitle_on.gif) no-repeat;
}

#blogarea ul {
	margin: 0;
	padding: 5px;
	height: 155px;
	overflow: auto;
	scrollbar-track-color:#fff;
	scrollbar-face-color:#fff;
	scrollbar-arrow-color:#68992A;
	scrollbar-highlight-color:#68992A;
	scrollbar-shadow-color:#68992A;
	scrollbar-3dlight-color:#fff;
	scrollbar-darkshadow-color:#fff;
	list-style-type: none;
}

#blogarea li dl {
	line-height: 1.5;
	padding: 7px 5px;
	margin: 0;
	border-bottom:1px dotted #C8C8C8;
}

#blogarea li dl dt {
	clear: left;
	float: left;
	margin: 0;
}

#blogarea li dl dd {
	margin-left: 80px;
	vertical-align: top;
}


#wallpaper {
	width: 240px;
	height: 30px;
	margin: 20px 0 0 0;
	background: url(images/wallpaper.gif) no-repeat;
	text-indent:-9999px;
}

#wallpaperbox {
	border-bottom: 1px solid #C8C8C8;
	border-left: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
	padding: 10px;
}

#wallpaperbox #wallphoto {
	float: left;
	width: 100px;
	margin: 0 10px 0 0;
	display: inline;
}

#wallpaperbox #walltext {
	float: right;
	width: 105px;
	margin: 0;
	display: inline;
	line-height: 1.3em;
}


/* ==================== 長居公園フォトクラブ ==================== */

#photoclub {
	width: 129px;
	height: 77px;
	background: url(images/photoclub1.gif) no-repeat;
	padding: 71px 0 0 111px;
	margin: 0;
}

#photoclub2 {
	width: 240px;
	height: 46px;
	margin: 0 0 20px;
	padding: 0;
	background: url(images/photoclub2.gif) no-repeat;
	text-align: center;
}

#photoclub2 img {
	margin: 3px auto 0;
}

/* ==================== 新着情報 ==================== */

.ocinfobox {
	text-align:left;
	padding: 0;
	margin: 0;
	border:1px solid #C8C8C8;
}

.ocinfobox ul {
	margin: 0;
	padding: 0;
}

.ocinfobox li {
	margin-bottom: 5px;
	list-style: none;
	line-height: 1.5;
	padding:10px;	
	border-bottom:1px dotted #C8C8C8;
}



/* ==================== メインエリア ==================== */

#mainarea {
	width: 710px;
	float: right;
}


#mainarea #info dl {
	margin: 0 5px 3px;
	padding: 8px 8px 6px;
	line-height: 1.4em;
	overflow: hidden;   
	zoom: 1;
	border-bottom :1px dotted #C8C8C8; 
}

#mainarea #info dl dt {
	margin-bottom: 5px;
	margin-right: 10px;  
	float: left;   
	clear: both;
}

#mainarea #info dl dd {

}

/* ==================== トピックス ==================== */

#topicstitle {
	width: 1000px;
	height: 150px;
	margin: 10px 0 40px 0;
	background: url(images/title_topics.jpg) no-repeat;
	text-indent:-9999px;
}


/* ==================== イベント ==================== */

#mainarea #eventtitle {
	width: 710px;
	height: 37px;
	margin: 45px 0 25px 0;
	background: url(images/event.gif) no-repeat;
	text-indent:-9999px;
}

#mainarea #eventbox {
	margin: 0 auto 12px;
}

#mainarea #eventbox .input {
	float: left;
	width: 138px;
/*	height: 196px;*/
	margin-left: 31px;
	margin-bottom: 30px;
	color: #fff;
	line-height: 1.4em;
	display: inline;
	overflow: hidden;
	text-overflow: ellipsis;
}
#mainarea #eventbox .input .info,
#mainarea #eventbox .input .news,
#mainarea #eventbox .input .flower,
#mainarea #eventbox .input .event,
#mainarea #eventbox .input .recruit,
#mainarea #eventbox .input .end ,
#mainarea #eventbox .input .end2,
#mainarea #eventbox .input .exhibition,
#mainarea #eventbox .input .training,
#mainarea #eventbox .input .notice {
	display: inline-block;
	padding: 2px;
	text-align: center;
	min-width: 90px;
	color: #fff;
	border-radius: 3px;
	font-size:1.4rem;
}
#mainarea #eventbox .input .info {
	background: #ff0000;
}
#mainarea #eventbox .input .news {
	background: #ff9914;
}
#mainarea #eventbox .input .flower {
	background: #df4d94;
}
#mainarea #eventbox .input .event {
	background: #33a65e;
}
#mainarea #eventbox .input .recruit {
	background: #fc4e32;
}
#mainarea #eventbox .input .end {
	background: #ff3366;
}
#mainarea #eventbox .input .end2 {
	background: #ff0000;
}
#mainarea #eventbox .input .exhibition {
	background: #386cb0;
}
#mainarea #eventbox .input .training {
	background: #386cb0;
}
#mainarea #eventbox .input .notice {
	background: #ff0000;
}


#mainarea #eventbox .input .eventimg {
	width: 130px;
	height: 98px;
	margin: 4px 0 6px 0;
	background: url(images/frame.gif) repeat left top; /*背景画像*/
	background-size: 4px 4px;
	padding: 4px; /*縁取りの幅*/
}
#mainarea #eventbox .input .eventimg img{
	display: block;
}

#mainarea #eventbox .input p.caption {
	margin-bottom: 3px;
	color:#333;
}

#mainarea #eventbox .input p.caption2 {

}

#mainarea .eventlist {
	border-bottom :1px dotted #C8C8C8;
	padding: 0 10px 15px;
	margin: 0 0 15px;
}

.icon {
	padding: 3px 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	color: #fff;
	font-weight: bold;
	border-radius: 3px;
	line-height: 1.4em;
	display: inline-block;
}
.icon.recommend {
	background-color: #FF6A00;
}
.icon.recruit {
	background-color: #ff0000;
}
#mainarea .eventlist img {
	float: left;
	width: 150px;
	background-image: url(images/frame.gif); /*背景画像*/
	padding: 4px; /*縁取りの幅*/
}

#mainarea .eventlist .eventtext {
	float: right;
	width: 520px;
}


#mainarea .eventlist .eventtext .etitle {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.3em;
	padding: 0;
}

#mainarea .eventlist .eventtext .eitem {
	margin: 6px 0 0;
	line-height: 1.5em;
}

#mainarea .eventlist .eventtext .eitem2 {
	margin: 2px 0 0;
	line-height: 1.5em;
}

li.cat-item {
	margin: 5px;
	padding: 8px 8px;
	border-bottom:1px dotted #C8C8C8;
	list-style: none;
}
.detail {
	margin: 20px 0 20px 10px;
}

.detail a{
	position: relative;
 display:inline-block;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px 10px 3px 20px;
	background: linear-gradient(#fff, #ccc);
	color: #333;
}
.detail a:before{
	position: absolute;
	content: url(images/arrow-right.png);
	left:5px;
	top: 9px;
}
.detail a:hover{
	border: 1px solid #87b928;
	background: linear-gradient(#c2e187, #7cbd00);
	color: #fff;
}
.detail a:hover:before{
	content: url(images/arrow-right-o.png);
}

table.year {
	border-collapse: collapse;
	border: 1px #cccccc solid;
	width: 600px;
	margin: 0 auto 20px;
}

table.year th {
	width: 80px;
	background: #CDECB9;
	border: 1px #cccccc solid;
	padding: 12px;
	text-align: center;
	font-weight: normal;
}

table.year td {
	border: 1px #cccccc solid;
	padding: 12px;
	line-height: 1.4;
}

.eventend {
	color: #FF0000;
	font-size: 1.6rem;
	font-weight: bold;
	margin-top: 4px;
}

.eventend2 {
	color: #FF0000;
	font-weight: bold;
	margin-top: 4px;
}



/* ==================== 講習会＆展示会 ==================== */

#mainarea #semititle {
	width: 710px;
	height: 37px;
	margin: 45px 0 16px 0;
	background: url(images/seminarexhibition.gif) no-repeat;
	text-indent:-9999px;
}

#mainarea  #semibox {
	width: 710px;
	margin: 0 0 20px;
}

#mainarea  #semibox #seminar {
	float: right;
	width: 300px;
	margin: 0 0 0 10px;
	display: inline;
}

#mainarea  #semibox #exhibition {
	float: left;
	width: 300px;
	margin: 0 10px 0 0;
	display: inline;
}

#mainarea  #semibox #seminar h4 {
	background: url(images/cap_flower_kousyu.gif) no-repeat;
	text-indent: -9999px;
	height: 22px;
	margin: 5px 0 10px;
	padding: 0;
}

#mainarea  #semibox #exhibition h4 {
	background: url(images/cap_flower_tenji.gif) no-repeat;
	text-indent: -9999px;
	height: 22px;
	margin: 5px 0 10px;
	padding: 0;
}

#mainarea  #semibox .entrybox {
	margin: 0;
	padding: 10px;
	line-height: 1.4em;
	border-bottom:1px dotted #C8C8C8;
}

#mainarea  #semibox .entrybox .eventphoto {
	float: left;
	width: 66px;
	height: 50px;
	background-image: url(images/frame.gif); /*背景画像*/
	padding: 2px; /*縁取りの幅*/
}

#mainarea  #semibox .entrybox .eventte {
	float: right;
	text-align: left;
	line-height: 1.4em;
	width: 204px;
}

.listw {
	list-style-type: none;
	background: url(images/list.gif) no-repeat left center;
	float: right;
	margin: 10px 0 0 0;
	padding-left: 15px;
}

.listw2 {
	list-style-type: none;
	float: right;
	padding-left: 15px;
}

/* ==================== 広告バナー ==================== */

#mainarea #adbox {
    margin: 0 auto 12px;
}
#mainarea #adbox ul{
	display: flex;
	justify-content: center;
}
#mainarea #adbox li{
	width: 24%;
	margin: 0 0.5%;
	list-style-type: none;
}
#mainarea #adbox li img{
	width: 100%;
}
/* ==================== 【個別】見頃の花 ==================== */

#flowertitle {
	width: 1000px;
	height: 150px;
	margin: 10px 0 40px 0;
	background: url(images/title_flower2.jpg) no-repeat;
	text-indent:-9999px;
}

.update {
	background: #EFEFEF;
	padding: 10px;
	margin-bottom: 35px;
}

#flowerbox {
	margin: 0 auto;
}

#flowerbox .imgcaption {
	float: left;
	width: 208px;
	margin: 0 0 40px 22px;
}


#flowerbox .imgcaption img {
	margin-bottom: 5px;
	background: url(images/frame.gif) repeat left top; /*背景画像*/
	background-size: 4px 4px;
	padding: 4px; /*縁取りの幅*/
	width: 100%;
	height: auto;
	box-sizing: border-box;
	display: block;
}

#flowerbox .imgcaption p.caption {
	line-height: 130%;

}

#flowerbox .imgcaption .best {
	margin-bottom: 5px;
}

#flowerbox .imgcaption .best span {
	display: block;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	padding: 1px 1px 0;
	border-radius: 3px;
}
#flowerbox .imgcaption .best span.migoro {
	background: #D83683;
}
#flowerbox .imgcaption .best span.begin {
	background: #FFA724;
}
#flowerbox .imgcaption .best span.passing {
	background: #99CC99;
}
#flowerbox .imgcaption .best span.manyo_beginning ,
#flowerbox .imgcaption .best span.manyo_best {
	background: #006600;
}
#flowerbox .imgcaption .best span.maple_beginning {
	background: linear-gradient(#EAC423, #94BC12);
}
#flowerbox .imgcaption .best span.maple_best {
	background: #006600;
}
#flowerbox .imgcaption .best span.fruit {
	background: #FB3C04;
}
#flowerbox .imgcaption .best span em {
	font-size: 12px;
	font-style: normal;
	margin-left: 7px;
	padding: 0 7px;
	border-radius: 2px;
	position: relative;
	top: -1px;
	display: inline-block;
}
#flowerbox .imgcaption .best span.manyo_beginning em {
	background: #FFA724;
}
#flowerbox .imgcaption .best span.manyo_best em {
	background: #D83683;
}
#flowerbox .imgcaption .best span.maple_beginning em {
	background: #FFA724;
}
#flowerbox .imgcaption .best span.maple_best em {
	background: #D83683;
}

#flowerbox .imgcaption .best img {
	background-image: url(images/white.gif); /*背景画像*/
	padding: 4px; /*縁取りの幅*/
	margin: 0 0 1px;
}


#flowerbox2 {
	margin: 0 auto 2px;
	border: 1px solid #fff;
}

#flowerbox2 .imgcaption2 {
	float: left;
	width: 208px;
	margin: 0 0 0 22px;
}

#flowerbox2 .imgcaption2 img {
	background-image: url(images/white.gif); /*背景画像*/
	padding: 4px; /*縁取りの幅*/
	margin: 0 0 1px;
}

#flowerbox .flower-archive-list li{
	overflow: hidden;
	border-bottom: 1px dotted #c8c8c8;
    margin: 0 0 15px;
    padding: 0 10px 15px;
}
#flowerbox .flower-archive-list li .img-migoro{
	background-image: url("images/frame.gif");
    padding: 4px;
	float: right;
	width: 200px;
}
#flowerbox .flower-archive-list li .text-migoro{
	float: left;
	width: 450px;
}
#flowerbox .flower-archive-list li .text-migoro p{
	font-size: 14px;
}
#flowerbox .flower-archive-list li .text-migoro p.title-migoro {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.3em;
	margin-bottom: 20px;
}
/* ==================== 個別エリア ==================== */

#pagetitle {
	margin: 10px 0 40px 0;
}


#eventyear a {
	background: url(images/eventyear.gif) no-repeat;
	width: 240px;
	height: 50px;
	display: block;
	text-indent:-9999px;
	margin-bottom: 20px;
}

#eventyear a:hover {
	background: url(images/eventyear_on.gif) no-repeat;
	width: 240px;
	height: 50px;
	margin-bottom: 20px;
}

#sidemenu {
	border: 2px solid #D2D2D2;
	padding: 2px;
}

#sidemenu .title {
	background: #5fa32d;
	margin: 2px auto;
	padding: 8px 15px 8px;
	color: #fff;
	font-size: 1.8rem;
	border-radius: 3px;
}

#sidemenu .title_flower {
	background: url(images/side_flower.gif) no-repeat;
	width: 232px;
	height: 32px;
	margin: 2px auto;
	text-indent:-9999px;
}

#sidemenu .title_event {
	background: url(images/side_event.gif) no-repeat;
	width: 232px;
	height: 32px;
	margin: 2px auto;
	text-indent:-9999px;
}

#sidemenu .title_seminar {
	background: url(images/side_seminar.gif) no-repeat;
	width: 232px;
	height: 32px;
	margin: 2px auto;
	text-indent:-9999px;
}

#sidemenu .title_exhibition {
	background: url(images/side_exhibition.gif) no-repeat;
	width: 232px;
	height: 32px;
	margin: 2px auto;
	text-indent:-9999px;
}

#sidemenu .sidebox {
	line-height: 1.4;
	margin: 5px;
	padding: 8px 8px;
	border-bottom:1px dotted #C8C8C8;
	list-style: none;
}


#sidemenu .faqbox li {
	margin: 5px;
	padding: 8px 8px;
	border-bottom:1px dotted #C8C8C8;
	list-style: none;
}

/* ==================== 【シングル】 ==================== */

#exhititle {
	width: 1000px;
	height: 150px;
	margin: 10px 0 40px 0;
	background: url(images/title_exhibition.jpg) no-repeat;
	text-indent:-9999px;
}

#seminartitle {
	width: 1000px;
	height: 150px;
	margin: 10px 0 40px 0;
	background: url(images/title_seminar.jpg) no-repeat;
	text-indent:-9999px;
}

/* ==================== 【シングル】イベント ==================== */

#eventtitle {
	width: 1000px;
	height: 150px;
	margin: 10px 0 40px 0;
	background: url(images/title_event.jpg) no-repeat;
	text-indent:-9999px;
}

#sinfobox {
	width: 100%;
	border: 2px solid #E6E6E6;
	padding: 30px;
	margin: 0 auto 40px;
}

#sinfobox h3 {
	font-size: 1.8rem;
	color: #2654AE;
	padding-left: 0;
}

#stext {
	font-size: 1.6rem;
	line-height: 1.3em;
	padding: 15px 5px;
	border-top:1px dotted #C8C8C8;
	border-bottom:1px dotted #C8C8C8;
	margin: 10px 0 3px;
}

#stext p {

}

#sinfobox .simg {
	width: 40%;
	float: right;
	height: auto;
	margin-top: 15px;
}
#sinfobox .simg img{
	width: 100%;
	height: auto;
	background-image: url(images/frame.gif); /*背景画像*/
	padding: 4px; /*縁取りの幅*/
}
#sinfobox .item {
	float: left;
	width: 58%;
}

#sinfobox .item .topicbox {
	width: 400px;
	margin: 15px 0 0;
}


.relation {
	margin-top: 5px;
	padding: 10px 5px;
	width: 370px;
}

table.postmeta {
	line-height: 1.5em;
	border-collapse: collapse;
	width: 370px;
}

table.postmeta tr {
	border-bottom:1px dotted #C8C8C8;
}

table.postmeta th {
	width: 60px;
	color: #FF6600;
	text-align: left;
	vertical-align: top;
	padding: 13px 10px 13px 5px;
}

table.postmeta td {
	vertical-align: top;
	padding-bottom: 13px;
	padding-top: 13px;
}

table.cautions {
	line-height: 1.5em;
	width: 370px;
}

table.cautions td {
	padding: 13px 10px 13px 5px;
}

table.application {
	line-height: 1.5em;
	width: 370px;
	margin: 15px 0 0 0;
}

table.application td {
	padding: 10px;
	border:1px solid #C8C8C8;
}

.style2 {
	font-weight: bold;
	color: #2654AE;
}

.style3 {
	font-size: 1.8rem;
	font-weight: bold;
	color: #FF0000;
}

table.pdf {
	line-height: 1.5em;
	width: 370px;
	border:1px solid #C8C8C8;
	padding: 10px;
}

table.pdf li {
	list-style-type: none;
	background: url(images/ico_pdf_s.gif) no-repeat left center;
	padding-left: 20px;
	margin-bottom: 5px;
}

/* ==================== 【シングル】新着情報 ==================== */


.newsposttitle {
	width: 680px;
	margin: 0 0 10px;
	padding: 0;
}

.newspost {
	width: 680px;
	margin: 10px 0 50px;
}


/* ==================== リンク集 ==================== */
.link	{margin: 0;
	padding: 0;}

.link, .link ul	{list-style-type: none;}

.link li li	{
	font-size: 1.2rem;
	margin: 20px 0 25px;
	border-bottom: solid 1px #8bc124;
	padding-bottom: 5px;}

.link a	{
	font-size: 1.6rem;
	font-weight: bold;
	padding: 5px;}

.link a:hover	{color: #008844;}


/* ==================== フッター ==================== */
#foot	{background: none;
	border-top: solid 1px #aaaaaa;
	padding: 10px 0 20px;}

#foot p	{
	font-size: 1.2rem;
	margin: 0;}

/* ==================== ニュース ==================== */
.newspost h3	{
	font-size: 1.6rem;
	border-left: solid 6px #8bc124;
	border-bottom: solid 1px #8bc124;
	padding: 4px 4px 4px 10px;
	margin: 0 0 15px;}

.newspost h3 span	{
	font-size: 1.2rem;
	color: #888888;}


/* ==================== 月別メニュー ==================== */

.sidemenu	{
	border: solid 1px #aaaaaa;
	padding: 10px;
	margin-bottom: 20px;}

.sidemenu h2{
	font-size: 1.6rem;
	color: #ffffff;
	background-color: #8bc124;
	padding: 5px 10px;
	margin: 0 0 10px 0;}

.sidemenu ul{
	margin: 0;
	padding: 0;}

.sidemenu li {
	line-height: 1.2;
	list-style-type: none;
	font-size: 1.6rem;
	background-image: url(images/mark.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-bottom: 8px;}

.sidemenu li a:hover	{color: #ff8800;}


/* ==================== ２段組み ==================== */
.single #content {
	width: 1000px;
	margin: 0 auto 80px;
}

.single #content #textarea {
	width: 900px;
	margin: 70px auto;
}




.infophoto {
	background: url(images/title_whats.jpg) no-repeat;
	margin: 10px 0 50px 0;
	padding: 0;
	width: 1000px;
	height: 150px;
}


.date #content,
.page-template-customnews-php #content
	{width: 530px;
	float: left;}

#sidebar	{width: 240px;
	float: right;
	margin: 25px 0;}
	
.date.post-type-archive-flowers #content {
	width: 1000px;
	float: none;
}
body.post-type-archive-flowers .pagination a.next,
body.post-type-archive-flowers .pagination a.prev {
	display: none;
}




/* ========== 前後のページへのリンク ========== */
.prevnext	{
	font-family: Verdana, sans-serif;
	color: #8bc124;
	margin-top: 30px;
	overflow:hidden;}

.prevnext a	{color: #8bc124;}

.prevnext a:hover	{color: #ff8800;}

.prev	{margin: 0;
	float: left;}

.next	{margin: 0;
	float: right;}


/* ========== 記事の個別ページ ========== */
.postdate {
	margin-top: 5px;
	color: #8bc124;
	text-align: right;
	font-weight: bold;
}



/* ========== よくある質問 ========== */
#mainarea-faq {
	width: 97%;
	margin: 0 auto;
}
.pglink {
	display: flex;
	justify-content: space-between;
}
#content .pglink li{
	width: 16%;
	margin-bottom: 20px;
	font-size: 1.55rem;
	border: 2px solid #5177BD;
	border-radius: 5px;
	padding: 5px 0;
	font-weight:bold;
	text-align :center;
	cursor: pointer;
}
.pglink li:hover{
	background: #5177BD;
	color: #fff;
}
.pglink li.current {
	background: #5177BD;
	color: #fff;
}

#content .qabox {
	display: none;
}
#content .qabox dt {
	background: url("https://www.nagai-park.jp/wp/wp-content/themes/nagaib/images/qtag.gif") no-repeat left 3px;
	padding: 0 0 15px 40px;
	font-size: 1.6rem;
	cursor: pointer;
}
#content .qabox dd {
	background: url("https://www.nagai-park.jp/wp/wp-content/themes/nagaib/images/atag.gif") no-repeat 10px 10px;
	background-color: #f0f0f0;
	padding: 10px 10px 10px 50px;
	margin: 0 0 20px 40px;
	font-size: 1.6rem;
	display: none;
}

#content .qabox dd a.link:after {
	content: url("https://www.nagai-park.jp/wp/wp-content/themes/nagaib/images/icon_link.png") ;
	margin-left: 5px;
}


/* ========== よくある質問（旧） ========== */

.qbox {
 	width: 680px;
 	border-collapse: collapse;
	margin: 20px 0 15px 0;
	padding: 0 0 10px;
	border-bottom: 1px dotted #C8C8C8;
}


.qbox td {
 	padding: 5px 5px 15px 10px;
	vertical-align: top;
}

.qbox td.que {
 	padding: 5px 5px 5px 10px;
	font-weight: bold;
}

.qbox td.queimg {
	width: 30px;
 	padding: 5px 5px 5px 10px;
	font-weight: bold;
}

.qacat {
	background: #5177BD;
	color: #fff;
	font-weight:bold;
	padding: 3px 10px;
	font-size: 1.6rem;
	margin-bottom: 20px;
}

/* ========== アクセス ========== */

.routemapbox {
	width: 600px;
	margin: 50px auto 0;
}

.routemapbox img {
	width: 600px;
	height: 300px;
	margin: 0 auto 10px;
}

.routemapbox ul.route-li {
	width: 600px;
	margin-bottom: 10px;
	line-height: 1.9;
	list-style: none;
}

.routemapbox ul.route-li li {
	background: url(images/list.gif) no-repeat 0 7px;
	padding-left: 10px;
}

.mapbox {
	width: 700px;
	height: 492px;
	margin: 60px 0 20px;
}

.mapbutton {
	width: 700px;
	text-align: right;
	margin: 0 0 40px;
}

.googlemapbox {
	width: 600px;
	margin: 50px auto 40px;
}

.googlemapbox .carbox {
	padding: 0;
}

.googlemapbox .carbox p {
	line-height: 1.6;
	margin: 0;
	padding: 5px;
}

.parking1 {
 	width: 600px;
 	border-collapse: collapse;
	margin: 20px auto 40px;
}

.parking1 td{
 	padding: 10px;
 	border: 1px solid #E2E2E2;
	line-height: 1.5;
}

.parking1 tr.line td {
	background:#F6F6F6;
}
#parking { margin-top: 20px; }
#parking h3{
	font-weight:bold;
	font-size:larger;
	margin:10px 0 8px 30px;
	padding:0 0 0 42px;
	line-height:37px;
	font-size: 1.6rem;
	}

#parking h3.park1{
	background:url(images/icon01.gif) no-repeat left;
	}
#parking h3.park2{
	background:url(images/icon02.gif) no-repeat left;
	}
#parking h3.park3{
	background:url(images/icon03.gif) no-repeat left;
	}

.access-subttl {
	color: #fff;
	background: #61A32F;
	padding: 5px 20px;
	border-radius: 3px;
	margin: 20px 0 10px;
	display: inline-block;
	font-size: 1.6rem;
}
.access-subttl02 {
	font-size: 1.6rem;
	font-weight: bold;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
}
.access-subttl03 {
	font-size: 1.6rem;
	font-weight: bold;
}

.map-btn {
}
.map-btn li{
	margin-bottom: 20px;
}

.map-btn li a{
	position: relative;
	display: block;
	background: #5278BD;
	border-radius: 10px;
	color: #fff;
	font-size: 1.6rem;
	padding: 10px 20px;
}
.map-btn li a:after{
	position: absolute;
	top: 10px;
	right: 20px;
	content: url(https://www.nagai-park.jp/wp/wp-content/themes/nagaib/images/icon-pdf.png);
}
.map-btn li a:hover{
	 opacity: 0.8;
}
.
/* ========== みどりの相談コーナー ========== */


.consulphoto {
	width: 710px;
	height: 190px;
	margin: 0;
	padding: 0;
}

.consultext {
	width: 290px;
	margin: 5px 0 50px 3px;
	padding: 0;
	line-height: 1.5;
}


/* ========== ページナビ ========== */

.pagination {
clear:both;
padding:0;
margin: 0;
position:relative;
font-size:11px;
line-height:13px;
}
  
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}
  
.pagination a:hover{
color:#fff;
background: #5177BD;
}
  
.pagination .current{
padding:6px 9px 5px 9px;
background: #5177BD;
color:#fff;
}

#navibox {
padding: 5px;
background: #EFEFEF;
margin-bottom: 30px;
}


/* ========== 営業時間・料金 ========== */

table.time {
	border-collapse: collapse;
	border: 1px #cccccc solid;
	width: 470px;
	margin: 20px 0 20px 0px;
}

table.time th {
	width: 90px;
	background: #CDECB9;
	border: 1px #cccccc solid;
	padding: 10px;
	text-align: center;
	font-weight: normal;
}

table.time td {
	border: 1px #cccccc solid;
	padding: 10px;
	line-height: 1.4;
}

table.dayoff {
	border-collapse: collapse;
	width: 470px;
	margin: 20px 0 50px 0px;
}

table.dayoff th {
	width: 145px;
	text-align: left;
	vertical-align: top;
}

table.dayoff th span.dayoff{
	color: #fff;
	padding: 1px 23px 0 12px;
	background: url(https://www.nagai-park.jp/wp/wp-content/themes/nagaib/images/dayoff_icon.gif) no-repeat right 6px center #FF6600;
	border-radius: 4px;
	display: inline-block;
}

table.dayoff td {
	padding-left: 10px;
	line-height: 1.4;
	vertical-align: top;
}


table.fee {
	border-collapse: collapse;
	border: 1px #cccccc solid;
	width: 100%;
	margin: 20px 0 50px 0px;
}

table.fee th {
	width: 126px;
	background: #CDECB9;
	border: 1px #cccccc solid;
	padding: 10px 5px;
	text-align: center;
	font-weight: normal;
	line-height: 1.6;
}

table.fee th.haba {
	width: 375px;
	background: #CDECB9;
	border: 1px #cccccc solid;
	padding: 10px;
	font-weight: normal;
	text-align: left;
	line-height: 1.6;
}

table.fee td {
	border: 1px #cccccc solid;
	padding: 10px;
	line-height: 1.6;
}

table.fee td.cen {
	border: 1px #cccccc solid;
	padding: 10px;
	line-height: 1.6;
	text-align: center;
}

table.passport {
	margin: 20px 0 50px 0px;
	border-collapse: collapse;
	border: 1px #cccccc solid;
	width: 100%;
}

table.passport th {
	width: 90px;
	background: #CDECB9;
	border: 1px #cccccc solid;
	padding: 10px;
	text-align: center;
	font-weight: normal;
	line-height: 1.6;
}

table.passport td {
	border: 1px #cccccc solid;
	padding: 10px;
	line-height: 1.6;
}

.passportarea {
	margin: 20px 0 0 0px;
	position: relative;
}
.passportarea p{
	position: absolute;
	top: 20px;
	right: 235px;
	color: #1D2089;
	font-size: 24px!important;
	font-weight: bold;
	line-height: 1.1!important;
	text-shadow: 2px 2px 1px #FFF,
    -2px 2px 1px #FFF,
    2px -2px 1px #FFF,
    -2px -2px 1px #FFF;
	padding-left: 40px;
}
.passportarea p span{
	font-size: 1.2rem;
}

/* ========== 植物園ガイド ========== */

table.nature {
	border-collapse: collapse;
	width: 660px;
	margin: 20px 0 30px 10px;
}

table.nature td {
	padding: 5px;
	line-height: 1.6;
	vertical-align: top;
}

table.nature th {
	color: #FF6600;
	font-size: 1.6rem;
	padding: 5px;
	text-align: left;
}

table.guide {
	border-collapse: collapse;
	width: 660px;
	margin: 0 0 60px 10px;
}

table.guide th {
	color: #FF6600;
	font-size: 1.6rem;
	padding: 5px;
	text-align: left;
}


table.guide td {
	padding: 5px;
	line-height: 1.6;
	vertical-align: top;
}

table.guide td.text {
	width: 160px;
	padding: 5px;
	line-height: 1.6;
	vertical-align: top;
}


table.green {
	border-collapse: collapse;
	width: 660px;
	margin: 20px 0 50px 10px;
}

table.green td {
	padding: 5px;
	line-height: 1.6;
	vertical-align: top;
}

table.greenmap {
	border-collapse: collapse;
	width: 660px;
	margin: 20px 0 70px 10px;
}

table.greenmap td {
	padding: 5px;
	text-align: right;
}

/* ========== 見どころ ========== */

table.point {
	border-collapse: collapse;
	width: 700px;
	margin: 30px auto 60px;
}

table.point td {
	padding: 2px;
	line-height: 1.6;
	vertical-align: top;
	text-align: left;
}

table.point td.sp {
	width: 30px;
	padding: 2px;
	line-height: 1.6;
	vertical-align: top;
	text-align: left;
}

table.point td.pho {
	width: 150px;
	padding: 2px;
	line-height: 1.6;
	vertical-align: top;
	text-align: left;
}

table.point td.name {
	width: 128px;
	padding: 2px;
	line-height: 1.6;
	vertical-align: top;
	text-align: left;
}

table.point td.no {
	width: 19px;
	line-height: 1.6;
	vertical-align: top;
}

table.point td.time {
	width: 128px;
	padding: 0 2px;
	line-height: 1.6;
	vertical-align: top;
	text-align: left;
}
table.point td a.btn_detail {
	display: inline-block;
	color: #fff;
	font-size: 1.6rem;
	padding: 2px 16px 1px 20px;
	text-align: center;
	border-radius: 3px;
	background: url(https://www.nagai-park.jp/wp/wp-content/themes/nagaib/images/detail_icon.gif) no-repeat 8px center #5278BD;
}

.season {
	width: 700px;
	margin: 30px auto 0;
	padding: 1px 15px 0;
	color: #fff;
	box-sizing: border-box;
}

.season#spring {
	background: #E8506E;
}
.season#summer {
	background: #34A6E2;
}
.season#fall {
	background: #FF6600;
}
.season#winter {
	background: #0B55B8;
}
.season#flowerbed {
	background: #FF66CC;
}
.season#other {
	background: #FF9900;
}
.season#timber {
	background: #006600;
}

.pointmap {
	margin: 0 0 20px;
}


/* ========== ダウンロード ========== */

table.download {
	background: #F5F2E9;
	width: 680px;
	padding: 20px 40px;
	margin: 30px auto 60px;
	clear:both;
}

table.download td {
	padding: 2px;
	line-height: 1.5;
}

table.download td.cen {
	padding: 2px;
	line-height: 1.5;
	text-align: center;
}

table.download td.tyu {
	width: 30px;
}

table.download td.tyu2 {
	width: 5px;
}

table.download td.ue {
	vertical-align: top;
}


/* ========== お問合わせ ========== */

#inquiry {
	width: 760px;
	margin: 0 auto;
}


#inquiry #soudan {
	margin: 80px 0 0;
}

/* ========== 遠足、団体のお客様へ ========== */

#tabarea {
	width: 400px;
	height: 30px;
	margin-bottom: 5px;
}

#tabarea2 {
	width: 400px;
	height: 30px;
	margin: 50px 0 5px;
}

table.excursion {
	width: 680px;
	margin: 5px 0 5px;
	padding: 10px;
}

table.excursion td {
	line-height: 1.8;
}



table.discount {
	border-collapse: collapse;
	border: 1px #cccccc solid;
	width:495px;
	margin: 0 0 0 10px;
}

table.discount th {
	background: #CDECB9;
	border: 1px #cccccc solid;
	padding: 10px;
	text-align: center;
	font-weight: normal;
}

table.discount td {
	border: 1px #cccccc solid;
	padding: 10px;
	line-height: 1.4;
	text-align: center;
}

/* ========== バナー ========== */	

.bannerbox {
	width: 240px;
	height: 50px;
	margin-bottom: 10px;
}

/* ========== 長居公園友の会 ========== */

.friends {
	width: 225px;
	height: 63px;
	margin: 0 auto 20px;
}




/* ==================== 印刷用(google chrme) ==================== */

@media print {
  body {
    -webkit-print-color-adjust: exact;
  }
}


/* ========== 左メニューボックス ========== */

table.menubox {
	width: 240px;
	margin: 0 0 10px;
}

table.menubox td.parknews a {
	width: 118px;
	height: 100px;
	display: block;
	margin: 0;
	background: url(images/parknews.jpg) no-repeat;
	text-indent:-9999px;
}

table.menubox td.parknews a:hover {
	width: 118px;
	height: 100px;
	background: url(images/parknews_on.jpg) no-repeat;
}

table.menubox td.syokupon a {
	width: 118px;
	height: 100px;
	display: block;
	margin: 0;
	background: url(images/syokupon.jpg) no-repeat;
	text-indent:-9999px;
}

table.menubox td.syokupon a:hover {
	width: 118px;
	height: 100px;
	background: url(images/syokupon_on.jpg) no-repeat;
}

table.menubox td.nature a {
	width: 118px;
	height: 100px;
	display: block;
	margin: 0;
	background: url(images/nature.jpg) no-repeat;
	text-indent:-9999px;
}

table.menubox td.natureon a:hover {
	width: 118px;
	height: 100px;
	background: url(images/nature_on.jpg) no-repeat;
}


/* ========== リンク ========== */

table.linkbox {
	border-collapse: collapse;
	width: 710px;

}

table.linkbox td {
	vertical-align: top;

}


table.link {
	border-collapse: collapse;
	width: 320px;
	margin: 0 0 40px 0;
}

table.link td.linktext a {
	padding: 5px;
	line-height: 2.2;
	font-weight: normal;
	color: #000;
}

table.link td.linktext a:hover {
	text-decoration: underline;
	color: #134A9D;
}


table.link td.title ,
table.link2 td.title {
/*	padding: 0;*/
	color: #3E6BAF;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 3px 0 3px 8px;
	border-bottom: 1px dotted #557CB8;
}


table.link2 {
	border-collapse: collapse;
	width: 320px;
	margin: 0;
}

table.link2 td.linktext a {
	padding: 5px;
	line-height: 2.2;
	font-weight: normal;
	color: #000;
}

table.link2 td.linktext a:hover {
	text-decoration: underline;
	color: #134A9D;
}


table.link2 td.title {
/*	padding: 0;*/
}



/* ========== 植物園の見どころ 個別ページ ========== */


#spring h2 {
	width: 240px;
	height: 24px;
	background: url(images/spring_side.gif) no-repeat;
	text-indent: -9999px;
	margin: 0;
}

#summer h2 {
	width: 240px;
	height: 24px;
	background: url(images/summer_side.gif) no-repeat;
	text-indent: -9999px;
	margin: 0;
}

#fall h2 {
	width: 240px;
	height: 24px;
	background: url(images/fall_side.gif) no-repeat;
	text-indent: -9999px;
	margin: 0;
}

#winter h2 {
	width: 240px;
	height: 24px;
	background: url(images/winter_side.gif) no-repeat;
	text-indent: -9999px;
	margin: 0;
}

#flowerbed h2 {
	width: 240px;
	height: 24px;
	background: url(images/flowerbed_side.gif) no-repeat;
	text-indent: -9999px;
	margin: 0;
}

#other h2 {
	width: 240px;
	height: 24px;
	background: url(images/other_side.gif) no-repeat;
	text-indent: -9999px;
	margin: 0;
}

#timber h2 {
	width: 240px;
	height: 24px;
	background: url(images/timber_side.gif) no-repeat;
	text-indent: -9999px;
	margin: 0;
}


ul#attraction {
	margin: 0 0 50px 0;
	padding: 8px 5px 0 15px;
}

ul#attraction li {
	list-style-type: none;
}

.style1 {
	font-size: 1.2rem;
	color: #000000;
	font-weight: normal;
}

table.rose {
	border-collapse: collapse;
	width: 660px;
	margin: 20px 0 20px 25px;
}

table.rose td {
	vertical-align: top;
}

table.rose td a.btn {
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 3px 3px 2px;
	text-align: center;
	border: 1px solid #5EA12D;
	border-radius: 5px;
	background: linear-gradient(#9DDB70, #5DA12A);
	width: 182px;
	box-sizing: border-box;
}

table.rosein {

}

table.rosein td {
	line-height: 1.7;
	vertical-align: top;
	padding: 0 0 0 8px;
}


table.rose2 {
	border-collapse: collapse;
	width: 660px;
	margin: 0 0 50px 28px;
}

table.rose2 td {
	padding: 2px;
	line-height: 1.6;
	vertical-align: top;
}

.baraten {
	width: 660px;
	margin: 0 0 60px 25px;
}

table.manyoblo {
	border-collapse: collapse;
	width: 660px;
	text-align: right;
	margin: 0 0 20px 25px;
}


/* ==================== 万葉のみち ==================== */

table.manyo {
	border-collapse: collapse;
	width: 660px;
	margin: 20px 0 0 25px;
}

table.manyo td {
	vertical-align: top;
	padding: 3px;
	line-height: 1.7;
}

table.manyo td.text {
	vertical-align: top;
	padding: 3px;
}


.manyohand table {
	border-collapse: collapse;
	width: 600px;
	margin: 7px 0 0 25px;
}

.manyohand td {
	vertical-align: top;
	padding: 3px;
	line-height: 1.7;
}



.titlemanyo {
	width: 660px;
	margin: 50px 0 15px 10px;
}

.titlemanyo2 {
	width: 660px;
	margin: 50px 0 0 10px;
}

#manyomap {
	width: 660px;
	margin: 0 0 5px 25px;
}

#manyopdf {
	width: 660px;
	text-align: right;
	margin: 0 0 10px 25px;
}
.manyobotan {
	overflow: hidden;
}
.manyobotan table {
	float: right;
	width: 420px;
	border-collapse: collapse;
	margin: 0 0 50px 25px;
}

.manyobotan table td {
	padding: 5px;
}
.manyobotan table td a.btn{
	display: block;
	color: #fff;
	line-height: 1.2;
	font-weight: bold;
	padding: 3px 3px 2px;
	text-align: center;
	border: 1px solid #5EA12D;
	border-radius: 5px;
	background: linear-gradient(#9DDB70, #5DA12A);
	min-width: 182px;
	min-height: 44px;
	box-sizing: border-box;
}
.manyotext {
	width: 660px;
	margin: 0 0 0 25px;
	padding: 10px;
}

.manyobt {
	width: 180px;
	height: 22px;
	margin: 0 0 60px 35px;
}


table.dasicdata {
	width: 370px;
	border-collapse: collapse;
	border: 1px #D0CBAC solid;
	margin: 0 0 45px 25px;
}

table.dasicdata td {
	padding: 5px;
	border: 1px #D0CBAC solid;
}

#manyoceremony {
	width: 660px;
	height: 479px;
	margin: 5px 0 0 25px;
}


#manyobn a
{
margin: 0 0 10px 0;
background: url(images/manyo.jpg) no-repeat;
width: 240px;
height: 80px;
display: block;
text-indent: -2000px;
}

#manyobn a:hover
{
background: url(images/manyo_on.jpg) no-repeat;
}


#roomsbn a
{
margin: 0 0 10px 0;
background: url(images/roomsbanner.jpg) no-repeat;
width: 240px;
height: 80px;
display: block;
text-indent: -2000px;
}

#roomsbn a:hover
{
background: url(images/roomsbanner_on.jpg) no-repeat;
}

#illumi a
{
margin: 0 0 10px 0;
background: url(images/illumi240.jpg) no-repeat;
width: 240px;
height: 120px;
display: block;
text-indent: -2000px;
}

#illumi a:hover
{
background: url(images/illumi240_on.jpg) no-repeat;
}


#osakaparkbn a
{
margin: 0 0 10px 0;
background: url(images/osakapark.jpg) no-repeat;
width: 240px;
height: 50px;
display: block;
text-indent: -2000px;
}

#osakaparkbn a:hover
{
background: url(images/osakapark_on.jpg) no-repeat;
}

#osakaparkbn2 a
{
margin: 20px 0 10px 0;
background: url(images/osakapark.jpg) no-repeat;
width: 240px;
height: 50px;
display: block;
text-indent: -2000px;
}

#osakaparkbn2 a:hover
{
background: url(images/osakapark_on.jpg) no-repeat;
}

#manyoclub {
	width: 660px;
	height: 90px;
	margin: 20px 0 0 25px;
}


#manyoform {
	width: 660px;
	margin: 5px 0 0 25px;
}

.submanyo {
	font-weight: bold;
	color: #006600;
	margin: 10px 0 0 22px;
}

.submanyo2 {
	font-weight: bold;
	color: #006600;
	margin: 0 0 0 32px;
}


table.manyoevent {
	border-collapse: collapse;
	border: 1px solid #BBBBBB;
	width: 600px;
	margin: 3px 0 25px 30px;
}

table.manyoevent td.item {
	vertical-align: top;
	width: 50px;
	padding: 3px 3px 3px 8px;
	line-height: 1.7;
}

table.manyoevent td {
	vertical-align: top;
	padding: 3px;
	line-height: 1.7;
}

table.manyoevent td.contact {
	vertical-align: top;
	padding: 5px 3px 3px 8px;
	line-height: 1.7;
}

.contactc {
	color: #2654B5;
}


table.manyoreport {
	border-collapse: collapse;
	border: 1px solid #BBBBBB;
	width: 600px;
	margin: 3px 0 25px 30px;
}

.style4 {
	font-size: 1.6rem;
	font-weight: bold;
	color: #006600;
	padding-top: 5px;
	margin: 10px 0 5px 8px;
}

table.manyoreport td {
	vertical-align: top;
	padding: 3px;
	line-height: 1.7;
}

table.manyoreport td.manyoph {
	width: 150px;
	vertical-align: top;
	padding: 3px 0 10px 10px;
}


.manyolecture {
	width: 660px;
	text-align:center;
	margin: 20px 0 0 25px;
}

/* ==================== 植物園の見どころ共通 ==================== */
.scenery-list {
	width: 660px;
	margin: 0 0 0 28px;
	display: flex;
	flex-wrap: wrap;
}
.scenery-list li{
	width: 212px;
	margin-right: 12px;
	margin-top: 30px;
}
.scenery-list li:nth-child(1),
.scenery-list li:nth-child(2),
.scenery-list li:nth-child(3){
	margin-top: 0px;
}
.scenery-list li:nth-child(3n){
	margin-right: 0;
}
.scenery-list li img {
	padding: 5px;
	border: 1px solid #d0cbad;
	width: 100%;
}
.scenery-list li p{
	padding: 5px 0 0 0;
	line-height: 1.6;
}
/* ==================== バラ園 ==================== */

#rosemap {
	width: 530px;
	margin: 0 0 10px 90px;
}

#rosemapb {
/*	width: 660px;*/
	margin: 0 0 0 25px;
	text-align: right;
}
#rosemapb a{
	display: inline-block;
	color: #fff;
	padding: 5px 27px 4px 67px;
	text-align: center;
	border-radius: 5px;
	background: url(https://www.nagai-park.jp/wp/wp-content/themes/nagaib/images/rosemapb_icon.gif) no-repeat 8px center #5278BD;
	line-height: 1.4;
}
#rosemapb a span{
	display: block;
	text-align: center;
}
#rosemapb a small{
}

#rosebreed {
	width: 620px;
	margin: 0 0 10px 45px;
}

table.rose-renovation {
	border-collapse: collapse;
	border: 1px #cccccc solid;
	width: 100%;
	margin: 0px 0 20px 0px;
}

table.rose-renovation th {
	width: 126px;
	background: #CDECB9;
	border: 1px #cccccc solid;
	padding: 10px;
	text-align: left;
	font-weight: normal;
	line-height: 1.6;
}

table.rose-renovation td {
	border: 1px #cccccc solid;
	padding: 10px;
	line-height: 1.6;
}

table.breed {
	border-collapse: collapse;
	width: 620px;
	padding: 5px;
	margin: 0 0 60px 45px;
}


table.breed td.space {
	width: 20px;

}

table.breed td.rosebox {
/*	width: 200px; */
}

table.breed td.rosebox a {
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 1px 20px 0 20px;
	text-align: center;
	border-radius: 3px;
	background: url(https://www.nagai-park.jp/wp/wp-content/themes/nagaib/images/rosebutton_icon.png) no-repeat 12px center,linear-gradient(#FB8DB8, #FA6DA1);
}

table.breed td.rosebox2 {
	width: 236px;
}


table.roseevent {
	border: 1px dotted #C8C8C8;
	width: 640px;
	height: 310px;
	margin: 0 0 30px 35px;
	padding: 10px;
}

table.roseevent td.roseleft {
	vertical-align: top;
	padding: 0 10px 0 0;
}

table.roseevent td.roserig {
	vertical-align: top;
}

/* ==================== manyoyear ==================== */

.manyokouen {
    width: 690px;
	margin: 0 0 10px 0;
}

.red {
	color:#FF0000;
	font-weight:bold;
}


.manyoyear table {
    width: 690px;

}

.manyoyear td.title {
    background-color: #FEC97D;
	padding: 8px;
	text-align: center;
}

.manyoyear td.green {
    background-color: #E5F0CB;
	padding: 5px;
	line-height: 1.3em;
}

.manyoyear td.orange {
    background-color: #FDE0A8;
	padding: 5px;
	line-height: 1.3em;
}

.manyoyear td.purple {
    background-color: #EEE2EF;
	padding: 5px;
	line-height: 1.3em;
}

.manyoyear td.blue {
    background-color: #D5EEF4;
	padding: 5px;
	line-height: 1.3em;
}


.manyoyear td.pink {
    background-color: #FDDDD3;
	padding: 5px;
	line-height: 1.3em;
}

.year {
    width: 690px;
	margin: 40px 0 10px 0;
}

.yearbox table {
	width: 650px;
	border: 1px #AAAAAA solid;
	border-collapse: collapse;
	margin-left: 10px;
}

.yearbox td {
	padding: 15px 10px 5px;
	text-align: center;
	border-right: 1px #AAAAAA solid;
}

.yearbox td.under {
	border-bottom: 1px #AAAAAA solid; 
	padding: 5px 10px 15px;
}

.yearbox td.nounder {
	padding: 5px 10px 10px;
}

.mousikomi {
    	width: 690px;
	margin: 10px 0;
}

.henkin {
    	width: 690px;
	margin: 10px 0 10px;
}

.situation {
    	width: 690px;
	margin: 10px 0 10px;
	text-align: right;
	color:#FF0000;
}









/* ==================== トップメニュー ==================== */
/* トップメニューの背景画像を差し替えです。 */
ul#topmenu li a {
	display: block;
	height: 56px;
	width: 140px;
	background: url(./images/topmenu.png) no-repeat;
	text-indent:-9898px;
}
ul#topmenu li a.navjyoho {background-position: 0 0;
	width: 153px;
}
ul#topmenu li a.navjyoho:hover {background-position: 0 -56px;
	width: 153px;
}
ul#topmenu li a.navfaq {background-position: -153px 0;
	width: 138px;
}
ul#topmenu li a.navfaq:hover {background-position: -153px -56px;
	width: 138px;
}

ul#topmenu li a.navinfo {background-position: -291px 0;
	width: 140px;
}
ul#topmenu li a.navinfo:hover {background-position: -291px -56px;
	width: 140px;
}
ul#topmenu li a.navphoto {background-position: -431px 0;
	width: 138px;
}
ul#topmenu li a.navphoto:hover {background-position: -431px -56px;
	width: 138px;
}

ul#topmenu li a.navmap {background-position: -569px 0;
	width: 138px;
}
ul#topmenu li a.navmap:hover {background-position: -569px -56px;
	width: 138px;
}

/* ==================== トップページ　長居公園フォトクラブ ==================== */
/* 新しい長居のデザインに差し替えです。cssも長居にあわせました。 */
.stomonokai{
	clear:both;
	width:240px;
	padding-bottom:6px;
	background:url(./images/stomonokai_bg.png) repeat;
	margin:0 auto 10px;
}
.stomonokai dt{
	width:240px;
	height:149px;
	position:relative;
	margin-bottom:10px;
}
.stomonokai dt span{
	position:absolute;
	left:27px;
	top:69px;
	width:114px;
	height:70px;
}
.stomonokai dt span img{
	width:114px;
	height:70px;
}
.stomonokai dd{
	margin:0 10px 4px;
}
.stomonokai dd a{
	display:block;
	color:#50A22B;
	padding:5px 0 5px 7px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	background:url(./images/side_icon.png) no-repeat right center #fff;
}
.stomonokai dd a:hover{
	color:#96C780;
	text-decoration:none;
}

/* ==================== 花と緑と自然の情報センター 共通 ==================== */
#content p,
#content li,
#content dt{
	line-height: 1.7;}
#content p { margin: 0 0 0 0;}
#content li {
	list-style: none;}
.color01 { color: #ff0000; }
.center { text-align: center; }
.subtitle { margin-bottom: 20px; }
.article { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #ccc; }
#content p.marB20{ margin-bottom: 20px; }
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
.btn_gray,
.btn_gray_pdf{
	clear:both;
	display:inline-block;
	background: #aaaaaa; /* Old browsers */
	background: -moz-linear-gradient(top,  #aaaaaa 51%, #939393 51%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(51%,#aaaaaa), color-stop(51%,#939393)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #aaaaaa 51%,#939393 51%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #aaaaaa 51%,#939393 51%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #aaaaaa 51%,#939393 51%); /* IE10+ */
	background: linear-gradient(to bottom,  #aaaaaa 51%,#939393 51%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#939393',GradientType=0 ); /* IE6-9 */
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
}
.btn_gray a,
.btn_gray_pdf a{
	display:block;
	text-decoration:none;
	color:#fff;
	font-size: 1.6rem;
	font-weight:bold;
	background:url(./images/btn_gray_icon.png) no-repeat right center;
	padding:7px 30px 6px 15px;
}
.btn_gray_pdf a{
	background:url(./images/btn_gray_pdf_icon.png) no-repeat right center;
	padding:7px 60px 6px 15px;
}
.btn_gray a:hover,
.btn_gray_pdf a:hover{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
/* ==================== 花と緑と自然の情報センター 施設ガイド ==================== */
#facilityimg { float: left; width: 270px; padding: 5px; border: 1px solid #ddd; }
#facilitytxt { float: right; width: 400px; }
#facilitytxt ul { margin: 20px 0; }
#facilitytxt li:before,
#facilitytxt li:after {
    content: " ";
    display: table;
}
#facilitytxt li:after {
    clear: both;
}
#facilitytxt li {
    *zoom: 1;
}
#facilitytxt li { line-height: 1.4; margin-bottom: 10px; }
#facilitytxt li .icn {
	color: #fff;
	background: #DA609B;
	padding: 1px 15px 0;
	border-radius: 3px;
	margin-right: 10px;
	margin-bottom: 5px;
	display: inline-block;
}
#facilitytxt li .txt { overflow: hidden; display: block;}
/*#facilitytxt li .icn { float: left; width: 80px; }
#facilitytxt li .txt { float: right; width: 310px; }*/

#facilitytxt p.tel_icon{
	color: #D24884;
	font-size: 21px;
	font-weight: bold;
	border: 2px solid #BAC0BC;
	padding: 4px 20px 4px 56px;
	background: url(https://www.nagai-park.jp/wp/wp-content/themes/nagaib/images/tel_icon.jpg) no-repeat 16px center #ECBFBA;
	border-radius: 25px;
	display: inline-block;
}

.f_flower_title { font-size: 18px; font-weight: bold; color: #D2478B; border-bottom: 5px solid #D2478B; padding: 0 0 5px 10px; margin-bottom: 10px; }
.f_flower_title02 { font-size: 25px; font-weight: bold; color: #D2478B; border-bottom: 1px dotted #D2478B; padding: 0 0 5px 10px; margin-bottom: 10px; }
.f_nature_title { font-size: 18px; font-weight: bold; color: #2B71B8; border-bottom: 5px solid #2B71B8; padding: 0 0 5px 10px; margin-bottom: 10px; }
.f_nature_title02 { font-size: 25px; font-weight: bold; color: #2B71B8; border-bottom: 1px dotted #2B71B8; padding: 0 0 5px 10px; margin-bottom: 10px; }

/* アコーディオン */
.guide_ac1,
.guide_ac2{ margin-bottom:50px; position:relative;}
.guide_ac1 dl,
.guide_ac2 dl{ clear:both; position:relative;}
.guide_ac1 dl dt{ cursor:pointer; padding:15px; background:url(./images/arrow_icn_r_o.jpg) no-repeat right center; border-bottom:1px solid #ddd; }
.guide_ac1 dl dt.open{ background:url(./images/arrow_icn_r.jpg) no-repeat right center; }
.guide_ac2 dl dt{ cursor:pointer; padding:15px; background:url(./images/arrow_icn_b_o.jpg) no-repeat right center; border-bottom:1px solid #ddd; }
.guide_ac2 dl dt.open{ background:url(./images/arrow_icn_b.jpg) no-repeat right center; }
.guide_ac1 dl dt span,
.guide_ac2 dl dt span{
	color:#fff;
	font-weight:bold;
	text-align:center;
	display:inline-block;
	width:22px;
	height:22px;
	line-height:23px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	margin-right:8px;
}
.guide_ac1 dl dt span{background:#D2478B; }
.guide_ac2 dl dt span{background:#2B71B8; }
.guide_ac1 dl dd,
.guide_ac2 dl dd{
	display:none;
	padding:30px 0 20px 20px;
	overflow:hidden;
	position:relative;
}
.guide_ac1 dl dd img,
.guide_ac2 dl dd img{
	float:left;
	margin:0 20px 20px 0;
}
.guide_ac1 dl dd p,
.guide_ac2 dl dd p{
	overflow:auto;
	margin-bottom:20px;
}
.guide_ac1 dl dd h4 { color: #D2478B; 	font-size: 1.6rem; font-weight: bold; }
.guide_ac2 dl dd h4{ color: #2B71B8; font-size: 1.6rem; font-weight: bold; }
dl dd .btn_gray{ position:absolute; right: 0; top: 150px;}

/* ==================== 花と緑と自然の情報センター ご利用案内 ==================== */
#guidetable { border-top: 1px solid #D2478B; border-right: 1px solid #D2478B; line-height: 1.7; margin-right: 20px; width: 690px;}
#guidetable th{ border-bottom: 1px solid #D2478B; border-left: 1px solid #D2478B; background: #e3a196; text-align: center; vertical-align:middle; padding: 10px; width: 140px; color: #fff; letter-spacing: 5px; }
#guidetable td{ border-bottom: 1px solid #D2478B; border-left: 1px solid #D2478B; padding: 10px 20px;}
#guide_flower { width: 230px; float: left; }
#guide_nature { width: 230px; float: left; }

/* ==================== 花と緑と自然の情報センター レストラン ==================== */
.block5{ clear:both; overflow:hidden; margin: 0 20px 0 0; position: relative;}
.block5 div{ float:left; margin-right:20px; width:319px;}
.block5 div img{ margin-bottom:5px;}
.block5 div p{ margin-bottom:30px; }
.block5 dl{
	background:url(./images/guide_search_list_bg.png) repeat-y left top;
	overflow:auto;
	padding-left:5px;
	margin-bottom:10px;
	position: relative;
	float:right;
	width:341px;
	min-height:213px;
}
#mainarea .block5 dl dt{
	margin-bottom:20px;
	background:#79B745;
	font-size: 1.6rem;
	font-weight: bold;
	color:#fff;
	padding:10px 15px 9px;
	line-height:1.2;
}
.block5 dl dd{ margin-left:15px;}
.block5 .btn_gray_pdf { float: right; }

/* ==================== 花と緑と自然の情報センター よくある質問 ==================== */
dl#faq  { padding: 20px 0 0 0; margin-top: 20px;  border-top: 1px dotted #FF6699;}
#faq dt { background:url(./images/icn_q.jpg) no-repeat 10px top; padding: 0 20px 10px 50px; font-weight: bold; }
#faq dd { background:url(./images/icn_a.jpg) no-repeat 10px top; padding: 0 20px 20px 50px; margin-bottom: 20px; border-bottom: 1px dotted #FF6699; line-height: 1.7; }



/* ==================== 花と緑と自然の情報センター 諸室のご案内 ==================== */
#roomsimg { margin: 50px 0 10px 0; clear:both; }
#roomstxt { margin-bottom: 50px; }
#roomstxt2 { margin: 20px 0 30px 0; }

#roomstitle {
	margin-bottom: 26px;
}

#roomstitle2 {
	width: 682px;
	margin: 0 auto 15px;
}

.jrooms table {
	width: 682px;
	margin: 0 auto 30px;
}

.jrooms td {
	vertical-align: top;
}

.jrooms td.sp {
	width: 3px;
}

.jrooms td.simg {
	width: 86px;
}

.jrooms td.limg {
	width: 250px;
}

.jrooms td.text {
	width: 320px;
}


.area table {
	width: 280px;
	margin: 10px 0 0 0;
	border: 1px #cccccc solid;
	border-collapse: collapse;
}

.area th {
	border: 1px #cccccc solid;
	padding: 3px;
	background: #F6F6F0;
}

.area td {
	border: 1px #cccccc solid;
	padding: 3px;
}

.vacancy table {
	width: 682px;
	margin: 100px auto 0;
	border: 1px #000000 none;
	border-collapse: collapse;
}

.vacancy td {
	border: 1px #000000 none;
}


.vacancycaution {
	width: 682px;
	margin: 50px auto 0;
	color: #D90000;
}

.fee h3 {
	color: #003399;
	font-weight: bold;
	font-size: 1.6rem;
	padding: 20px 0 0 0!important;
}
.fee table {
	width: 100%;
	border: 1px #cccccc solid;
	border-collapse: collapse;
}

.fee th {
	border: 1px #cccccc solid;
	padding: 5px;
	background: #F6F6F0;
}

.fee td {
	border: 1px #cccccc solid;
	padding: 5px;	
}


.flowbox {
	width: 650px;
	background: #F0F0E5;
	margin: 50px auto 30px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */  
} 

.flow table {
	padding: 20px 20px;
	border: 1px #000000 none;
}

.flow td {
	border: 1px #000000 none;
	vertical-align: top;
} 

.flow dl{
	width: 100%;
	overflow: hidden;
	border: 1px solid #ccc;
	border-top: none;
	background: #F0F0E5;
}

.flow dl dt{
	width: 40%;
	float: left;
	padding: 10px;
	border-top: 1px solid #ccc;
	box-sizing: border-box;
}

.flow dl dd{
	margin-left: 40%;
	padding: 10px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.flow dd:after {
  content: '';
  display: block;
  clear: both;
}

.flow p{
	width: 100%;
	background-color: #fff;
}

.flow_arrow{	
	clear: both;
	padding: 20px 0;
	margin: 0 auto;
    display: block;
}

.note table {
	width:600px;
	margin: 50px auto 30px;
	border: 1px #000000 none;
	border-collapse: collapse;
}

.note td {
	border: 1px #000000 none;
	padding: 2px;
	line-height:1.5;
}

.blue {
	color: #003399;
	font-weight: bold;
}


/* 161018 murata追記 空室状況CMS用css */
#roomcmstitle {
	margin-top: 20px;
	border-bottom: 1px dotted #222;
	color: #222;
	font-size: 1.6rem;
}
#roomcms {
	display: block;
	padding-top: 20px;
	padding-left: 20px;
	margin-bottom: 30px;
	overflow: hidden;
}
#roomcms li {
	float: left;
	margin-right: 20px;
	margin-bottom: 5px;
}



/* ==================== 諸室のご案内メニュー ==================== */

#Navi {
	margin: 0 auto 30px;
	width: 710px;
}

#Navi2 {
	margin: 50px 0 50px 0;
	width: 710px;
}

ul#roomsmenu {
	width:710px;
	margin:0;
	padding:0;
	overflow:hidden;
	zoom:100%;
}
ul#roomsmenu li {
	float:left;
	list-style:none;
}
ul#roomsmenu li a {
	display:block;
	height:48px;
	width:134px;
	text-align:center;
	font-weight:bold;
	letter-spacing:1px;
	text-indent:-9898px;
	background-image:url(images/roomsmenu.jpg);
	background-repeat:no-repeat;
}

ul#roomsmenu a.rooms {background-position:0px 0px;width:144px;}
ul#roomsmenu li a.rooms:hover {background-position:0 -48px;}

ul#roomsmenu a.vacancy {background-position:-144px 0px;width:144px;}
ul#roomsmenu li a.vacancy:hover {background-position:-144px -48px;}

ul#roomsmenu li a.fee {background-position:-288px 0px;width:144px;}
ul#roomsmenu li a.fee:hover {background-position:-288px -48px;}

ul#roomsmenu li a.flow {background-position:-432px 0px;width:144px;}
ul#roomsmenu li a.flow:hover {background-position:-432px -48px;}

ul#roomsmenu li a.note {background-position:-576px 0px;}
ul#roomsmenu li a.note:hover {background-position:-576px -48px;}

/* ====================トップページ 緊急告知エリア　2016.03.17 ==================== */
#top_urgent {
	margin-bottom: 30px;
}
#top_urgent h2 {
	color: #ff0000;
	font-weight:bold;
	font-size:20px;
	margin: 0 0 5px 20px;
}
#top_urgent_inner { 
	padding: 0 20px 20px 20px;
	border: 1px solid #ff0000;
}
#top_urgent h3 {
	font-size: 1.6rem;
	margin-top: 20px;
	color:#ff0000;
	font-weight:bold;
	display: flex;
}
#top_urgent h3 .date{
	margin-right: 10px;
}
#top_urgent h3 .text{
}
#top_urgent p {
	margin-top: 10px;
}
/* ====================トップページ ボランティア情報　2021.03.01 ==================== */
#top_volunteer {
	margin-bottom: 30px;
}
#top_volunteer h2 {
	color: #5EA12E;
	font-weight:bold;
	font-size:20px;
	margin: 0 0 5px 20px;
}
#top_volunteer_inner { 
	padding: 0 20px 20px 20px;
	border: 1px solid #5EA12E;
}
#top_volunteer h3 {
	font-size: 1.6rem;
	margin-top: 20px;
	color:#5EA12E;
	font-weight:bold;
	display: flex;
}
#top_volunteer h3 .date{
	margin-right: 10px;
}
#top_volunteer h3 .text{
}
#top_volunteer p {
	margin-top: 10px;
}

/* ==================== イベントお問い合わせ　2016.03.24 ==================== */
.apply-btn { text-align: center;}
.apply-btn a:hover { opacity: 0.7;-ms-filter: "alpha(opacity=70)";  }
.inquiry-subttl { margin-bottom: 20px; padding: 0 0 5px 10px; border-bottom: 1px solid #000; color:#5FA32C; font-size: 24px; font-weight: bold;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.inquiry-table{
	width:100%;
	font-size: 13px;
	text-align:left;
	box-sizing:border-box;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-bottom:15px;
}
.inquiry-table th{
	font-weight:bold;
	padding:10px;
	width:250px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	background:#cdecb9;
}
.inquiry-table th .normal{
		font-weight: normal;
}
.inquiry-table td{
	padding:10px 15px;
	vertical-align:middle;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
.inquiry-table p { font-size: 13px !important; }
.inquiry-table input,
.inquiry-table textarea { font-size: 13px !important; }
.inquiry-table td .box-l{
	width:250px;
	padding: 5px;
}
.inquiry-table td .box-m{
	width:160px;
	padding: 5px;
}
.inquiry-table td .box-s{
	width:70px;
	padding: 5px;
}
.inquiry-table td textarea{
	width:500px;
	height:100px;
	padding: 5px;
}
.asterisk{
	vertical-align:top;
	color:#f00;
	font-size:12px;
}
.error { color:#f00;}
.request-box { border: 1px solid #C8C8C8; padding: 10px; margin: 20px 0 10px;}
.attention { font-size: 14px !important;}
.thanks-box { border: 1px solid #C8C8C8; padding: 10px;margin: 30px 0 150px;}
.thanks-box h3 { padding:0 !important; }
.submit-btn{
	font-size: 1.6rem;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	width:350px;
	box-sizing:border-box;
	padding:10px;
	margin-right:60px;
	cursor:pointer;
}
.reset-btn{
	font-size: 1.6rem;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	box-sizing:border-box;
	padding:5px;
	margin-right:60px;
	cursor:pointer;
}

/* 160329 murata追記 フォーム用css */
.mw_wp_form_preview .previewnone {
	display: none;
}
.mw_wp_form table .error {
/*     display: inline; */
}
.mw_wp_form table td ul{
	overflow:hidden;
}
.mw_wp_form .mr10 {
	margin-right: 10px;	
}
.mw_wp_form .ml5 {
	margin-left: 5px;
}
#content .mw_wp_form table td ul li{
	line-height:2;
}
.mw_wp_form table td ul.namae li{
	float:left;
}
/*
.request-box {
    border: 1px solid #C8C8C8;
    padding: 10px;
    margin: 20px 0 10px;
}
*/

/* ==================== 広告掲載について=================== */

.advertise-box{
	overflow:hidden;
	margin: 0 20px 30px;
}
.application-btn {
	overflow: hidden;
	margin: 20px 0;
}
.application-btn li{
	float: left;
}
.application-btn li:last-child{
	margin-right: 0;
}
.application-btn li a{
	display: inline-block;
	background: #5278BD;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	font-size: 1.6rem;
	min-width: 300px;
	margin-right: 20px;
	padding: 10px 20px;
}

.application-btn li a img{
	margin-left: 5px;
	vertical-align: middle;
}
.application-btn li a:hover{
	 opacity: 0.8;
}
.application-list li {
	margin-left: 20px;
	list-style-type: disc!important;
}
.application-list li img{
	margin-left: 5px;
	vertical-align: middle;
}
.application-list li a{
	color: #333;
	text-decoration: underline;
}

.advertise-box-text {
	float:right;
	width:60%;
}
.advertise-box-text h3{
	color: #2654ae;
    font-size: 1.6rem;
    padding: 0!important;
	margin: 0!important;
}
.advertise-box-text p{
	margin-bottom: 10px!important;
}
.advertise-box figure {
	float:left;
	width: 35%;
	margin: 0;
	border:1px solid #fff;
}
.advertise-box figure img{
	width: 100%;
}


/* ========== 長居植物園で撮影を予定されている皆様へ ========== */
#mainarea-photo {
	width: 97%;
	margin: 0 auto;
}
#mainarea-photo a{
	text-decoration: underline;
}
#mainarea-photo a:hover{
	text-decoration: none;
}
#mainarea-photo a[href^="tel:"] { cursor:inherit; text-decoration: none; color:#000000!important;}
@media screen and (max-width:768px){
	#mainarea-photo a[href^="tel:"] { text-decoration: underline; }
}
.box-photo {
    margin: 20px 0 50px;
}
.box-photo h4{
	font-size: 1.6rem;
    color: #2654AE;
    padding-left: 0;
}
#mainarea-photo li {
	list-style-type: disc;
	margin-left: 1.5em;
	margin-top: 0.5em;
}
#mainarea-photo ol li {
	list-style-type: decimal;
}
#mainarea-photo dl#faq  { padding: 0;border-top: none;}
#mainarea-photo #faq dd { border-bottom: 1px dotted #cccccc; line-height: 1.7; }

#mainarea-photo .flexslider {
	margin: 30px auto 80px;
	width:  90%;
}
#mainarea-photo .slides li img{
	border:  1px solid #cccccc;
	width:  100%;
}
#mainarea-photo .slides li,
#mainarea-photo .flex-direction-nav li {
	list-style-type: none;
	margin: 0;
}
table.photo {
	border-collapse: collapse;
	border: 1px #cccccc solid;
	width: 100%;
}

table.photo td {
	border: 1px #cccccc solid;
	padding: 10px;
	line-height: 1.6;
}
table.permit {
	border-collapse: collapse;
	border: 1px #cccccc solid;
	width: 100%;
}
table.permit th {
	border: 1px #cccccc solid;
	background: #2654AE;
	color:  #fff;
	padding: 10px;
	line-height: 1.6;
}
table.permit td {
	border: 1px #cccccc solid;
	padding: 10px;
	line-height: 1.6;
}
table.permit td h4 span {
	font-size: 14px;
}
#mainarea-photo .procedure01 {
	margin-top: 10px;
}
#mainarea-photo .procedure01 a {
	display: block;
	background: #2654AE;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding:  10px;
	border-radius: 5px;
}
#mainarea-photo .procedure01 a:hover {
	opacity: 80%;
}
#mainarea-photo .procedure02 {
	color: #2654AE;
	font-weight: bold;
	font-size: 40px;
}
#mainarea-photo .procedure03 {
	border: 2px solid #2654AE;
	border-radius: 5px;
	padding: 5px;
	font-weight: bold;
}
.twitter-box {
	display: flex;
	justify-content: space-between;
}
.twitter-box ol{
	width: 530px;
}
.twitter-box div{
	width: 400px;
	border:  1px solid #cccccc;
}

/* ==================== スペース ==================== */
#content p.mt20,
.mt20 { margin-top: 20px;}
#content p.mt30,
.mt30 { margin-top: 30px;}
#content p.mt40,
.mt40 { margin-top: 40px;}
#content p.mt50,
.mt50 { margin-top: 50px;}
#content p.mb20,
.mb20 { margin-bottom: 20px;}
#content p.mb30,
.mb30 { margin-bottom: 30px;}
#content p.mb40 ,
.mb40 { margin-bottom: 40px;}
#content p.mb50 ,
.mb50 { margin-bottom: 50px;}
.ml20 { margin-left: 20px;}
.ml30 { margin-left: 30px;}
.cleaer{ clear:both }