@charset "utf-8";


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

大阪市の概要

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

/* 詳細ページ　概要 */

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


/* 詳細ページ　世界へのゲートウェイ */

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

img#trafficImg{
	margin:0 10px 0.5em -5px;
}

div#main div#boxTraffic p{
	margin-left:0;
	margin-right:0;
}

div#boxTraffic{
	margin-left:10px;
	margin-right:10px;
}

div#boxTraffic div.f_left{
	width:194px;
}

div#boxTraffic div.f_right{
	width:309px;
}

.trafficColor01{
	color:#d6007b;
	font-weight:bold;
}

.trafficColor02{
	color:#009e68;
	font-weight:bold;
}

/* 詳細ページ　ビジネス環境 */

div#main #BizMV div.business {
	height: 272px;
}

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

div#main div#boxBuisiness p{
	margin-left:0;
	margin-right:0;
}

div#boxBuisiness{
	margin-left:10px;
	margin-right:10px;
}

div#boxBuisiness div.f_left{
	width:380px;
}

div#main div#boxBuisiness div.f_left table.tableType02{
	width:370px;
	margin-top:0;
}

div#main div#boxBuisiness div.f_left table.tableType02 th{
	width:100px;
}

div#boxBuisiness div.f_right{
	width:130px;
}

div#boxBrain{
	margin-left:15px;
	margin-right:15px;
}
div#main div#boxBrain p{
	margin:0.25em 0 0.25em;
}

div#boxBrain div.f_left{ width:245px;}
div#boxBrain div.f_right{ width:245px;}

div#main div#boxBrain h3.color01{
	background-image:none;
	background-color:#dddddd;
	margin:0;
	padding:0.25em 5px;
}

.brainColor01{ color:#e60013; }
.brainColor02{ color:#0a7c24; }
.brainColor03{ color:#ea6101; }
.brainColor04{ color:#0168b7; }

div#main div#boxBrain p.brainColor01,
div#main div#boxBrain p.brainColor02,
div#main div#boxBrain p.brainColor03,
div#main div#boxBrain p.brainColor04{
	font-weight:bold;
	margin:1em 0 0.25em;
}

div#main div#boxBrain dl dt{
	float:left;
	clear:both;
	width:14px;
	padding-top:1px;
	margin-bottom:0.25em;
}

div#main div#boxBrain dl dd{
	float:left;
	width:230px;
	margin-bottom:0.25em;
}

/* 詳細ページ　生活環境 */

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

div#main h4.icon02{
	background:url(../../images/icon02.gif) no-repeat left 4px;
	padding-left:12px;
	font-weight:bold;
	margin-top:1.5em;
}

div.boxColor01{
	background-color:#ebebeb;
	margin-left:15px;
	margin-bottom:1.5em;
	padding:10px;
}

div#main div.boxColor01 p{
	margin:0;
	padding:0;
}

div#main div#boxLiving01 div.f_left{
	width:315px;
}

div#main div#boxLiving01 div.f_right{
	width:149px;
}

div#main div#boxLiving02 p#boxLiving02_1{
	width:85px;
	margin-right:15px;
	margin-top:1em;
}

div#main div#boxLiving02 p#boxLiving02_2{
	width:140px;
	margin-right:10px;
	margin-top:1em;
}

div#main div#boxLiving02 p#boxLiving02_3{
	width:230px;
	margin-top:1em;
}

div#main div#boxLiving04 p.f_right{
	width:170px;
}

ul#listActivity{
	margin-bottom:1.5em;
}

ul#listActivity li{
	float:left;
	margin-right:6px;
	margin-bottom:1em;
}

/* 詳細ページ　大学や研究機関の集積 */

div#main #CreationMV div.creation {
	height: 303px;
}

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

div#main p.newImages{
	line-height:0;
}
ul#listJinzai{
	float:right;
	word-spacing:108px;
}

div#main div#boxException ol{
	margin-left:30px;
}



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

Quality of Life

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

#main #helpfulSite {
	float: left;
	width: 230px;/* \width: 250px; w\idth: 230px;*/
	margin-bottom: 15px;
	padding: 10px;
}

#helpfulSite p#livingImg {
	text-align: center;
}

#main #livingImg5 {
	float: right;
	width: 246px;
	margin-bottom: 10px;
}

#main #livingImg5 p {
	margin: 0;
	padding: 0;
}

#main #livingImg5 p#room {
	margin: 10px 0 5px 0;
	text-align: right;
}

#main hr.hrClear {
	visibility: hidden;
	height: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}

div#main div#boxLiving02 p#boxLiving02_0{
	width:375px;
	margin-top:1em;
}

div#main div#boxLiving02 p#boxLiving02_1{
	width:85px;
	margin-left:10px;
	margin-top:1em;
}

div#main div#boxLiving02 p#boxLiving02_2{
	width:140px;
	margin-right:10px;
	margin-top:1em;
}

div#main div#boxLiving02 p#boxLiving02_3{
	width:340px;
	margin-top:1em;
}

#main #childEdu01 {
	float: left;
	width: 265px;
	margin-bottom: 10px;
}

#main #childEdu02 {
	float: right;
	width: 241px;
	margin: 0 0 15px 0;
}

#main #Rec01 {
	float: left;
	width: 242px;
	margin-bottom: 15px;
}

#main ul#Rec02 {
	list-style-type: none;
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
}

#main ul#Rec02 li {
	width: 200px;
	margin: 0 0 10px 0;
	padding: 0;
}

#main div#Maishima01 {
	float: left;
	width: 240px;
	margin: 0 0 10px 0;
}

#main div#Maishima02 {
	float: right;
	width: 260px;
	margin: 0 0 15px 0;
	padding: 0;
}

#main #Maishima02 p {
	margin: 0;
	padding: 0;
}

#main #hospital01,
#main #hospital03 {
	float: left;
	width: 345px;;
	margin: 0 0 15px 0;
	padding: 0;
}

#main #hospital02,
#main #hospital04 {
	float: right;
	width: 165px;
	margin: 0 0 10px 0;
}


.mainEnd {
	clear: both;
}