@charset "utf-8";


/* ----------------------------------------

にぎわい・文化集客機能

---------------------------------------- */

/* 詳細ページ　水の都大阪の再生 */

div#main div.watercity{
	background:url(../images/watercity_img01.jpg) no-repeat left top;
}

div#main dl.networkWater {
	margin: 0 15px;
}

div#main dl.networkWater dd {
	margin-bottom: 10px;
}

div#main dl.networkWater dd ul {
	margin-left: 0;
}

div#potentialWater.box2Column {
	margin-bottom: 20px;
}

div#potentialWater.box2Column ul {
	margin: 0;
	padding: 0;
}

div#potentialWater.box2Column li {
	width: 265px;
}

div#potentialWater.box2Column li h3 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 3px 0 3px 10px;
	background-image: none;
	color: #fff;
}

div#potentialWater.box2Column li p,
div#potentialWater.box2Column li dl {
	min-height: 90px;
	margin: 0 15px;
	padding-left: 115px;
	font-weight: 700;
	background-position: top left;
	background-repeat: no-repeat;
}

* html div#potentialWater.box2Column li p,
* html div#potentialWater.box2Column li dl {
	height: 90px;
}

div#potentialWater.box2Column li dl dt { margin-bottom: 5px;}
div#potentialWater.box2Column li dl dd {
	font-weight: 400;
	font-size: 84%
}

div#potentialWater.box2Column li.zone01,
div#potentialWater.box2Column li.zone03 {
	float: left;
}

div#potentialWater.box2Column li.zone02,
div#potentialWater.box2Column li.zone04 {
	float: right;
}

div#potentialWater.box2Column li.zone01 h3 { background-color: #65ade0;}
div#potentialWater.box2Column li.zone02 h3 { background-color: #f36173;}
div#potentialWater.box2Column li.zone03 h3 { background-color: #90cb34;}
div#potentialWater.box2Column li.zone04 h3 { background-color: #ff9e0e;}

div#potentialWater.box2Column li.zone01 p { background-image: url(../images/watercity_img04.jpg);}
div#potentialWater.box2Column li.zone02 dl { background-image: url(../images/watercity_img05.jpg);}
div#potentialWater.box2Column li.zone03 p { background-image: url(../images/watercity_img06.jpg);}
div#potentialWater.box2Column li.zone04 dl { background-image: url(../images/watercity_img07.jpg);}

ul#eventWater {
	margin-bottom: 20px;
}

ul#eventWater li {
	margin-right: 10px;
}

div.planWater {
	width: 283px;
	float: left;
}

#main div.planWater h3 {
	margin-top: 0;
}

p.planWater {
	margin: 0;
	width: 217px;
	float: right;
}

p.planWater img {
	margin-bottom: 3px;
}

/* 詳細ページ　歴史・文化の振興 */

div#main div.art{
	background:url(../images/art_img01.jpg) no-repeat left top;
}

div#main p.imageArt {
font-size: 84%;
}

div#main p.imageArt img {
	margin-bottom: 2px;
}

/* 大阪歴史年表 */

dl#chronologyArt {
margin: 0;
}

dl#chronologyArt dt {
	width: 65px;
	height: 65px;
	margin: 0;
	text-indent: -9999em;
	float: left;
	clear:both;
}

dl#chronologyArt dd {
	margin: 0;
	padding-left: 70px;
	padding-bottom: 20px;
	background: url("../images/art_bg01.gif") top left repeat-y;
}

dl#chronologyArt dd h3 {
	margin: 0 0 10px 15px;
}

div#main dl#chronologyArt dd p {
	margin-bottom: 5px;
}

dl#chronologyArt dd p.description {
	padding: 15px;
	border: 1px solid #ccc;
	background-color: #e5e5e5;
	font-weight: 700;
}

div#main dl#chronologyArt dd p.last {
	margin-bottom: 0;
}


dl#chronologyArt dt.ancient {
	background: url("../images/art_bg02.gif") top left no-repeat;
}

dl#chronologyArt dd.ancient p.description {
	color: #924e38;
}

dl#chronologyArt dd.ancient h3 {
	background: url("../images/art_icon01.gif") 0 0.2em no-repeat;
	color: #924e38;
}

/* ----- */

dl#chronologyArt dt.medieval {
	background: url("../images/art_bg03.gif") top left no-repeat;
}

dl#chronologyArt dd.medieval p.description {
	color: #d45c08;
}

dl#chronologyArt dd.medieval h3 {
	background: url("../images/art_icon02.gif") 0 0.2em no-repeat;
	color: #d45c08;
}

dl#chronologyArt dd.medieval div {
	height: 150px;
	margin-left: 15px;
}

dl#chronologyArt dd.medieval div img {
	float: left;
	margin-right: 15px;
}

dl#chronologyArt dd.medieval div p {
	float: left;
	width: 120px;
}

dl#chronologyArt dd.medieval div:after {  
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
} 




/* ----- */

dl#chronologyArt dt.modern {
	background: url("../images/art_bg04.gif") top left no-repeat;
}

dl#chronologyArt dd.modern p.description {
	color: #3b9e0f;
}

dl#chronologyArt dd.modern h3 {
	background: url("../images/art_icon03.gif") 0 0.2em no-repeat;
	color: #3b9e0f;
}

/* ----- */

dl#chronologyArt dt.present {
	background: url("../images/art_bg05.gif") top left no-repeat;
}

dl#chronologyArt dd.present {
	background-image: none;
}

dl#chronologyArt dd.present p.description {
	color: #0068b7;
}


/* 歴史をたどる */
/* 文化に出会う */



dl#historyArt {}
dl#cultureArt {}

dl#historyArt dt,
dl#cultureArt dt {
	display: inline; /*IEbugfix*/
	width: 123px;
	height: 147px;
	margin: 10px 0 0 15px;
	text-indent:-9999em;
	float: left;
	clear:both;
}

dl#historyArt dd,
dl#cultureArt dd {
	margin: 0 0 0 15px;
	border-top: 1px dashed #ccc;
	padding: 10px 0 10px 138px;
}

dl#historyArt dd p,
dl#cultureArt dd p {
	margin: 0;
	padding: 0;
	min-height: 147px;
}

* html dl#historyArt dd {
	padding-bottom: 90px;
}

* html dl#cultureArt dd {
	padding-bottom: 120px;
}


dl#historyArt dt.history01 {
	background: url("../images/art_img07.jpg") top left no-repeat;
}

dl#historyArt dt.history02 {
	background: url("../images/art_img08.jpg") top left no-repeat;
}

dl#historyArt dt.history03 {
	background: url("../images/art_img09.jpg") top left no-repeat;
}

dl#cultureArt dt.culture01 {
	background: url("../images/art_img10.jpg") top left no-repeat;
}

dl#cultureArt dt.culture02 {
	background: url("../images/art_img11.jpg") top left no-repeat;
}



/* ----- */

div#main h2.other {
	margin-left: 15px;
	margin-bottom: 0;
	background: url("../images/culture_bg01.gif") top left no-repeat;
	text-align: center;
	color: #111;
}

div#main div.otherArt {
	width: 498px;
	margin: 0 0 20px 15px;
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #f2eede;
	text-align: center;
}

* html div#main div.otherArt {
	width: 508px;
}

div#main div.otherArt p {
	margin: 0 0 10px;
	padding: 0;
	text-align: left;
}

div#main div.otherArt table {
	margin: 0 auto 5px;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	color: #111;
}

div#main div.otherArt table th,
div#main div.otherArt table td {
	padding: 10px;
	border: 2px solid #111;
}

div#main div.otherArt table th {
	background-color: #e6e5df;
}

div#main div.otherArt table td {
	background-color: #fff;
}

div#main div.otherArt p.otherArt {
	width: 310px;
	float: right;
}

div#main div.otherArt p.imageArt {
	margin-bottom: 0;
}