@charset "utf-8";

a img {
	border:none;
}

/* ===== shop ===== */
.shopDetailImgArea1 {
	float:left;
}
.shopDetailImg1 {
	float:left;
}

.shopDetailHtml2 {
	word-break: break-all;
	word-wrap: break-word;
	overflow:hidden;
}

.shopDetailHtml2Cat {
	width:359px;
}

.shopDetailHtml2CatL {
	padding:5px 0;
}

.shopDetailHtml2CatR {
	padding:5px 0;
}

.shopDetailHtml2 dl {
	width: 100%;
	box-sizing:border-box;
}
.shopDetailHtml2 dl dt{
	float: left;
	width: 30%;
	padding:5px 0;
}

.shopDetailHtml2 dl dd{
	margin-left: 30%;
	width:70%;
	padding:5px 0;
}

/* ===== shop news ===== */
.shopNewsSNS {
	float:right;
}
#shopNewsDisplayYear,
#shopNewsDisplayMonth,
#shopNewsDisplayDay {
	display:inline-block;
	float:left;
	height:42px;
	line-height:42px;
	text-align:center;
}
#shopNewsDisplayYear {
	margin-right:10px;
}
#shopNewsDisplayDay {
       color: #ffffff;
       width: 42px;
       /*height: 42px;*/
       -webkit-border-radius: 21px;
       -moz-border-radius: 21px;
       border-radius: 21px;
       background-color: #ff9a00;
       line-height: 42px;
       font-size: 18px;
       font-weight: bold;
	   margin-right:10px;
	   behavior: url(/library/scripts/PIE.htc); 
	   position:relative;
}
.shopNewsImg2:empty {
    padding-bottom: 0;
}
.shopNewsHtml1 a,
.shopNewsHtml2 a {
	text-decoration:underline;
}
.shopNewsHtml2:empty {
    margin-bottom: 0;
}

.shopNewsImg1 img ,
.shopNewsImg2 img {
	max-width:560px;
	height:auto;
}

.shopNewsDay {
	/*width: 698px;*/
	position: relative;
	left: 40%;
	overflow: hidden
}

/* ===== event detail ===== */
.eventDetailSNS {
	float:right;
}
.eventDetailTitle {
	background:url(/library/event/ico_event_h1.gif) no-repeat left center #f4f4f4;
}
.eventDetailTitle h1 {
	font-family:¥Ò¥é¥®¥Î³Ñ¥´ Pro W3,Hiragino Kaku Gothic Pro,¥á¥¤¡¦E¡¦Meiryo,£Í£Ó £Ð¥´¥·¥Ã¥¯,sans-serif;
	font-size:16px;
    font-weight:bold;
	color:#222222;
	padding:15px 10px 15px 40px;
	border-top:3px solid #ffffff;
	border-right:3px solid #ffffff;
	border-bottom:3px solid #ffffff;
	border-left:none;
}
.eventDetailDate {
	border-top:1px dotted #8b8b8b;
	border-bottom:1px dotted #8b8b8b;
	padding:10px 10px 10px 20px;
	background:url(/library/common/ico_text_top.gif) no-repeat 5px center;
}
.eventDetailImg1 img,
.eventDetailImg2 img {
	max-width:628px;
	border:solid 1px #e1e1e1;
}

.eventDetailHtml1,
.eventDetailHtml2 {
	margin: 0 auto 25px;
	width: 630px;
}

/* ===== event list / oneday ===== */
.EventListOneDayHeadDiv {
	margin-bottom:15px;
}
.EventListOneDayHeadLeftTd {
	text-align:left;
}
.EventListOneDayHeadRightTd {
	text-align:right;
}
.EventListOneDayHeadCenterTd {
	text-align:center;
}
.EventListOneDayHeadSpanYear,
.EventListOneDayHeadSpanDay,
.EventListOneDayHeadSpanMonth {
	display:inline-block;
}
.EventListOneDayHeadSpanYear {
	margin-right:10px;
}
.EventListOneDayHeadSpanYear,
.EventListOneDayHeadSpanMonth {
	font-size: 13px;
    color: #FF9A00;
}
.EventListOneDayHeadSpanDay {
	color: #ffffff;
	width: 42px;
	height: 42px;
	-webkit-border-radius: 21px;
	-moz-border-radius: 21px;
	border-radius: 21px;
	background-color: #ff9a00;
	line-height: 42px;
	font-size: 18px;
	font-weight: bold;
	margin-right: 10px;
	behavior: url(/library/scripts/PIE.htc); 
}
.EventListOneDayHeadNextSpan img,
.EventListOneDayHeadPrevImgSpan img {
	vertical-align:middle;
}
.EventListOneDayMainDiv,
.EventListMainDiv {
	border:1px solid #e1e1e1;
	padding:25px;
	margin-bottom:5px;
	overflow:hidden;
}
.EventListOneDayLeft,
.EventListLeft {
	width:30%;
	float:left;
}
.EventListOneDayLeft img,
.EventListLeft img {
	max-width:150px;
	height:auto;
}

.EventListOneDayRight,
.EventListRight {
	width:70%;
	float:right;
}
.EventListOneDayTitle,
.EventListTitle {
	padding-bottom:5px;
	border-bottom:1px solid #c6c6c6;
	font-size:14px;
	margin-bottom:10px;
}
.EventListOneDayTerm,
.EventListTerm {
	margin-bottom:15px;
}
.EventListOneDaySummary,
.EventListSummary {
	margin-bottom:10px;
	line-height:2;
}
.EventListOneDayButton,
.EventListButton {
	text-align:right;
}

/* ===== facilities and service / information ===== */
.serviceInformationHours img {
	padding-right:10px;
}
.serviceInformationOl ol {
	margin:0;
	padding-left:31px;
}
/* ===== facilities and service / kids play zone ===== */
.servicePlayDetailR01 caption {
	text-align:left;
}
.servicePlayDetailR01 table {
	border-collapse:collapse;
}
.servicePlayDetailR01 table th {
	border:1px solid #e1e1e1;
	padding:5px;
	text-align:center;
}
.servicePlayDetailR01 table td {
	border:1px solid #e1e1e1;
	padding:5px;
	text-align:right;
}
.servicePlayDetailR02 img {
	padding-right:10px;
}
/* ===== info ===== */
.infoHours {
	width:336px;
}
.infoIrregular img {
	vertical-align:middle;
}
.infoIrregularList table th {
	font-weight:normal;
}
/* ===== sitemap ===== */
.sitemapTitle img {
	padding:0 10px 0 5px;
}
.sitemapLink ul {
	margin:0 0 10px 0;
	padding:0 0 0 25px;
}
.sitemapLink ul {
	overflow:hidden;
	width: 675px;
}
.sitemapLink ul li {
	float:left;
	display:block;
	margin:0 40px 15px 0;
}
/* ===== about namba parks ===== */
.aboutDetail {
	width:698px;
	height:1664px;
}
.aboutDetail {
	position:relative;
}
.aboutTxt1 {
	width:260px;
	position:absolute;
	top:50px;
	left:0;
}
.aboutTxt2 {
	width:400px;
	position:absolute;
	top:760px;
	right:0px;
}
.aboutMenu ul {
	width:220px;
	margin:0;
	padding:0;
}
.aboutMenu ul li {
	border-bottom:1px solid #e1e1e1;
	width:220px;
	height:39px;
}

.aboutMenu ul li:hover,
.aboutMenu ul li.current {
	background:#e1e1e1;
}
.aboutMenu ul li a {
	padding:0 10px;
	background:url(/library/common/arw_parks_side.png) no-repeat left center;
	width:200px;
	line-height:39px;
}
.aboutMenu ul li img {
	vertical-align:middle;
}
/* ===== about namba parks / facilities ===== */
.facilitiesTitle01 img {
	vertical-align:middle;
	padding-right:10px;
}

/* ===== parks garden common ===== */



/* ===== parks garden / concept ===== */

.gardenDetailAreaInner01 {
	line-height:0;
}
/* ===== parks garden / guide ===== */

.gardenGuideImg {
	line-height: 0;
}

.guideTourDetail {
	padding-bottom: 15px;
	border-bottom: 1px dotted #8c8c8c;
	margin-bottom: 15px;
	line-height: 1.8;
}

.guideTourDetail dl {
	margin-left: 1.0em;
}

.guideTourDetail dl dt {      
	width: 160px;
	float: left;
	clear: both;
	text-indent: -1.0em;
}

.guideTourDetail dl dd { 
    width: auto;
	margin-left: 160px;
}

/* ===== parks garden / urbanfarm ===== */

.gardenFarmImg  p,
.gardenFarmImg  img {
	line-height: 0;
}

.gardenFarmDetail02 table {
	width: 100%;
}

.gardenFarmDetail02 table th {
	width: 25%;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	padding:5px;
}

.gardenFarmDetail02 table td {
	width: 75%;
	padding:5px;
	vertical-align: top;
}

.gardenFarmDetail02 ul {
	margin: 15px 0;
	padding: 0;
}

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

.gardenFarmDetail03 ul li {
	border-bottom: 1px dotted #8b8b8b;
	padding-bottom: 10px;
	margin-bottom: 10px;
	line-height: 1.8;
}

.gardenFarmDetail03 ul li:last-child {
	border-bottom:none;
	padding-bottom:0;
}

.gardenFarmDetail03 ul li img {
	margin-right:10px;
}

.gardenFarmDetail04 ul {
	margin:0 0 0 1.0em;
	padding:0;
}

.gardenFarmDetail04 ul li {
	text-indent:-1.0em;
	line-height: 1.8;
}

/* ===== shop search / close ===== */

.shopCloseInfoArea a:hover {
	color:#2a9e13;
}

.shopCloseTitle01 img {
	vertical-align: middle;
}

.shopCloseTitle03 img {
	margin-right: 10px;
}

.shopCloseDetailTxt02 {
	min-height: 52px;
}

/* ===== parks garden / blog ===== */

.gardenDetailSNS {
	float:right;
}

.gardenBlogImg img {
	max-width:470px;
}

.gardenBlogDetailArea,
.gardenBlogDetailBlock,
.gardenBlogDetailInner {
	overflow:hidden!important;
}

.gardenBlogDay {
	position:relative;
	left:40%;
	overflow:hidden;
}

.gardenBlogTxt:empty {
    padding: 0;
}
.gardenBlogTxt:empty {
    margin: 0;
}

.blogBacknumRow {
	margin:0 15px 10px 15px;
	padding-bottom:10px;
	border-bottom:1px solid #e1e1e1;
}

.blogBacknumDate {
	color:#666666;
}

/* ===== parks garden / map ===== */

.gardenMapFloorList ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	display:table;
	height:40px;
	
}

.gardenMapFloorList ul {
	width: 448px;
	height: 22px;
	margin: 0 auto;
}

.gardenMapFloorList ul li {
	float: left;
	text-align: center;
	padding: 0 15px 0 15px;
	border-right: 1px dotted #7a7a7a;
}

.gardenMapFloorList ul li.last {
	border-right: none;
}

.gardenMapFloorList ul li a:hover,
.gardenMapFloorList ul li.gardenMapFloorActive a {
	color: #2a9e13;
	border-bottom: 1px solid #2a9e13;
	padding-bottom: 2px;
	position: relative;
}

.gardenMapDetailImg {
	line-height:0;
}

.gardenMapDetailTitle01 img,
.gardenMapDetailTitle02 img {
	vertical-align:bottom;
	margin-right:10px;
}

.gardenLightBox01 ul, 
.gardenLightBox02 ul {
	margin:0;
	padding:0;
	overflow:hidden;
}

.gardenLightBox01 ul li,
.gardenLightBox02 ul li {
	float:left;
	display:inline-block;
}

.gardenLightBox01 ul li img,
.gardenLightBox02 ul li img {
	width:160px;
	margin-right:10px;
    cursor: pointer;
}

.gardenLightBox01 ul li img:hover,
.gardenLightBox02 ul li img:hover {
	filter:alpha(opacity=80); /*IE*/
    -moz-opacity:0.8; /*Firefox*/
	opacity:0.8; /*Opera¡¦Safari*/
}

.gardenLightBox01 ul li div,
.gardenLightBox02 ul li div {
	width:140px;
}