/* 全体構造
---------------------------------------------------- */
body {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  text-align: center;
  color: #333333;
  background: #ffffff;
}


/* リンク
---------------------------------------------------- */
a:link {
  color: #0066CC;
  background: transparent;
}
a:visited {
  color: #0066CC;
  background: transparent;
}
a:hover, a:active {
  color: #0099FF;
  background: transparent;
}



#container {
  margin: 0 auto;
  padding: 0;
}

.sidebar { display: none;}

#sub-col { display: none;}

#extra-col { display: none}
#main-col {
  margin: 0 150px 0 180px;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}

#footer { display: none;}


/* トップ以外のメイン部分　*/
#maincontents {
  text-align: left;
  padding: 10px;
  margin: 0;
}

/* ヘッダ
---------------------------------------------------- */
#header { display: none;}

#globalnavi{ display: none;}

#search { display: none;}


/* 左メニュー
---------------------------------------------------- */
#menu a:hover {
 text-decoration: none;
 color: #999999;
 }

#menu a {
 text-decoration: none;
 color: #666666;
 }

ul.menu { 
 text-align:left;
 list-style-type : none ; 
 padding: 0 ; 
 margin-left : 0.5em;
 margin : 0 
} 

li.menutitle { 
 font-weight: bold;
 background-color : #cccccc; 
 color: #666666; 
 padding: 0.5em 1.5em
}

li.menu { 
 background-image : url(../img/triangle.gif) ; 
 background-repeat : no-repeat ; 
 background-position : 0.1em 0.5em; 
 padding-left : 1em; 
 margin : 0 ;
 border-bottom:1px dotted #cccccc;
}

li.menu2 { 
 background-image : url(../img/triangle.gif) ; 
 background-repeat : no-repeat ; 
 background-position : 1.1em 0.5em; 
 padding-left : 2em; 
 margin : 0 ;
 border-bottom:1px dotted #cccccc;
}

li.menu3 { 
 background-image : url(../img/triangle.gif) ; 
 background-repeat : no-repeat ; 
 background-position : 2.2em ; 
 padding-left : 3.5em; 
 margin : 0 ;
 border-bottom:1px dotted #cccccc;
}

li.menu4 { 
 background-image : url(../img/menu4.gif) ; 
 background-repeat : no-repeat ; 
 background-position : 3.2em ; 
 padding-left : 4.5em; 
 margin : 0 ;
 border-bottom:1px dotted #cccccc;
}

.banner {
 margin: 10px;
 border: 0;
}

/* 施設案内 
---------------------------------------------------- */
.fright {
 float: right;
 width: 270px;
}

.fleft {
 float: left;
 width: 270px;
}

.mgntop {
  margin-top: 10px;
}

/* クリエイション・コア東大阪とは？
-------------------------------------- */

#facilityimg {
  margin-bottom: 15px;
}

#facilityimg.leftrow {
  float: left;
  width: 180px;
}

#facilityimg.middlerow {
  margin: 0 180px;
}

#facilityimg.rightrow {
  float: right;
  width: 180px;
}

#supportorg ul { 
 list-style-type : none ; 
 padding: 0 ; 
 margin-left : 0.5em;
 margin : 0 
} 

#supportorg li.title{
  font-weight: bold;
  background-image: none;
  margin-left: 0;
  padding-left: 0;
}

#supportorg li {
 background-image : url(../img/redmark.gif) ; 
 background-repeat : no-repeat ; 
 background-position : 0.2em ; 
 padding-left : 1.5em; 
 margin : 0.5em 
}

#supportorg li.asta{
  background-image: none;
  margin-left: 0;
  padding-left: 0;
}

/* ご挨拶
-------------------------------------- */
.gmimg {
 width: 110px;
 margin: 10px;
 float: right;
 font-size: 80%;
 text-align: center;
}

#bhistory {
 width: 540px;
}

#bhistory h3.title {
 list-style-type: none;
 font-weight: bold;
 padding: 5px;
 margin:0;
 background: #99ccff;
 text-align: center;
}

#bhistory ul {
 list-style-type: none;
 margin:0;
 padding:0;
 width: 540px;
}

#bhistory li {
 border-top: 1px solid #99ccff;
 border-right: 1px solid #99ccff;
 border-left: 1px solid #99ccff;
 padding: 5px;
}

#bhistory li.bottomcell {
 border: 1px solid #99ccff;
 padding: 5px;
}

#bhistory .year {
 padding: 5px 80px 5px 5px;
}

#bhistory .career {
 padding-left: 120px;
}

/* 施設概要
-------------------------------------- */
#outlinetable {
 border-collapse: collapse;
 margin: 10px 0 0 0;
 width: 300px;
 border: 1px solid #99ccff;
 float: left;
}

.tel {
 padding-left: 35px;
}

#outlinetable th {
 padding: 5px;
 background-color: #99ccff;
}

#outlinetable td {
 padding: 5px;
 border: 1px solid #99ccff;
}

#outlineimg {
 margin: 10px 0 0 0;
 width: 230px;
 float: right;
}

/* 北館/南館概要
-------------------------------------- */
#floordsc dt img {
 margin: 0 5px;
 vertical-align: text-top;
}

#floordsc dd {
 margin-bottom: 10px;
}

/* 常設展示場の概要
-------------------------------------- */
#exhibitionimg img {
 margin: 0 10px 10px 0;
}

ul.exhibitionlist {
 margin: 0;
 padding: 0;
 float: left;
 width: 280px;
 list-style-type: none;
}

ul.exhibitionlist li {
 background: url(../facility/img/circle.gif) no-repeat  0.2em 0.2em; 
 padding-left : 1.5em; 
 margin : 0.5em ;
}

#exhibitiondtl {
 float: right;
 width: 260px;
 font-size: 90%;
}

.exol {
 width: 260px;
 border-collapse: collapse;
}

.exol th {
 padding: 3px;
 background-color: #cccccc;
  border: 1px solid #ffffff;
}

.exol td {
 padding: 3px;
 background-color: #efefef;
 border: 1px solid #ffffff;
}

#setupbooth {
 clear: both;
}

#setupbooth h3 {
 color: #ff6600;
 margin: 0;
}

#setupbooth ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

#setupbooth li {
 background: url(../facility/img/circle.gif) no-repeat  0.2em 0.2em; 
 padding-left : 1.5em; 
 margin : 0.5em ;
} 

#setupbooth li.dtl {
 background: url(../facility/img/l_mark.gif) no-repeat  1.2em 0.2em; 
 padding-left : 2.5em; 
 margin : 0.5em ;
} 

#setupbooth p {
 margin: 0 0 20px 0;
}

#exhibitionfaq dt {
 background: url(../facility/img/q.gif) no-repeat  0 0; 
 padding-left : 35px; 
 margin-bottom: 10px;
}
 
#exhibitionfaq dd {
 background: url(../facility/img/a.gif) no-repeat  0 0; 
 padding-left : 35px; 
 margin-bottom: 10px;
}

/* 北館3-4階
-------------------------------------- */
#floorimg {
 width: 540px;
}



/* 北館南館 各フロアの案内
-------------------------------------- */
#floorlist h4 {
 margin-bottom: 0;
 color: #0066cc;
}

#floorlist ul {
 list-style-type : none ; 
 padding: 0 ; 
 margin : 0 0 0 0.5em;
}

#floorlist li {
 background-image : url(../facility/img/arrow.gif) ; 
 background-repeat : no-repeat ; 
 background-position : 0.2em ; 
 padding : 0 0 0 1.5em; 
 margin : 0.5em 
}


/* サービス紹介 
---------------------------------------------------- */
#service h3 {
 margin: 0 0 5px 0;
 clear: left;
}

#service .eachservice {
 margin: 0;
 padding: 0 0 10px 0;
 border-bottom: 1px dotted #cccccc;
}

#service .eachservice img {
 float: left;
 margin: 0 10px 15px 0;
}


/* 各種サービス 
---------------------------------------------------- */
#servicedtl h3 {
 margin: 0 0 5px 0;
}

#servicedtl h4 {
 font-size: 110%;
 margin: 0;
 color: #ff6600;
}

#servicedtl h5 {
 font-size: 100%;
 margin: 0 0 0 1em;
}

#servicedtl ul {
 margin: 0 0 1em 0;
 padding: 0;
 list-style-type: none;
}

#servicedtl ul.level2 {
 margin: 0;
 padding: 0 0 0 1em;
 list-style-type: none;
}

#servicedtl ul li {
 background: url(../service/img/arrow_r_y.gif) no-repeat  0.2em 0.2em; 
 padding-left : 1.5em; 
 margin : 0.5em ;
}

#servicedtl ul li.level2 {
 background: url(../service/img/arrow_r_w.gif) no-repeat  1.2em 0.2em; 
 padding-left : 2.5em; 
 margin : 0.5em ;
}

/* お知らせ
---------------------------------------------------- */
#whatsnew .img {
 float: right;
 margin: 0 10px 10px 10px;
}

#whatsnew .topic {
 border-bottom: 1px dotted #cccccc;
}

#whatsnew table {
 border-collapse: collapse;
 width: 540px;
}

#whatsnew th {
 padding: 5px;
 border: 1px solid #0066cc;
 background-color:  #99ccff;
 width: 120px;
}

#whatsnew td {
 padding: 5px;
 border: 1px solid #0066cc;
 background-color:  #ffffff;
}

/* イベント情報
---------------------------------------------------- */
#event h3 {
 font-size: 120%;
 color: #0066cc;
}

#event table {
 border-collapse: collapse;
 width: 540px;
}

#event th {
 padding: 5px;
 border: 1px solid #0066cc;
 background-color:  #99ccff;
}

#event td {
 padding: 5px;
 border: 1px solid #0066cc;
 background-color:  #ffffff;
}

#event td.date {
 padding: 5px;
 border: 1px solid #0066cc;
 background-color:  #ffffff;
 width: 65px;
}

#event td.place {
 padding: 5px;
 border: 1px solid #0066cc;
 background-color:  #ffffff;
 font-size: 85%;
 width: 110px;
}

#event ul {
 margin: 0;
 list-style-type: none;
}

#event li {
 background-image : url(../img/redmark.gif) ; 
 background-repeat : no-repeat ; 
 background-position : 0.2em ; 
 padding-left : 1.5em; 
 margin : 0.5em 
}

#eventdtl h3 {
 font-size: 120%;
 color: #0066cc;
}

#eventdtl table {
 border-collapse: collapse;
 width: 540px;
}

#eventdtl th {
 padding: 5px;
 border: 1px solid #0066cc;
 background-color:  #99ccff;
 width: 90px;
}

#eventdtl td {
 padding: 5px;
 border: 1px solid #0066cc;
 background-color:  #ffffff;
 width: 440px;
}

#eventdtl td img {
 border: 0;
 margin: 10px;
}

/* 産学連携・人材育成
---------------------------------------------------- */
.baimg {
 width: 110px;
 margin: 10px;
 float: right;
 font-size: 80%;
 text-align: center;
}

#bachart {
 margin: auto;
 padding: auto;
 text-align: center;
}

ul.ba {
 font-size: 80%;
 list-style-type: none;
 margin: 10px 0;
 padding: 0;
}

li.ba01 {
 width: 110px;
 height: 190px;
 float: left;
 border-left: 1px solid #999999;
 border-bottom: 1px solid #999999;
}

li.ba02 {
 width: 105px;
 height: 190px;
 float: left;
 border-left: 1px solid #999999;
 border-bottom: 1px solid #999999;
}

li.ba03 {
 width: 110px;
 height: 190px;
 float: left;
 border-left: 1px solid #999999;
 border-bottom: 1px solid #999999;
}

li.ba04 {
 width: 105px;
 height: 190px;
 float: left;
 border-left: 1px solid #999999;
 border-bottom: 1px solid #999999;
}

li.ba05 {
 width: 110px;
 height: 190px;
 float: left;
 border-left: 1px solid #999999;
 border-bottom: 1px solid #999999;
 border-right: 1px solid #999999;
}

.p2 {
 padding: 2px;
}

/* ビジネスマッチング
---------------------------------------------------- */
.bizmatching {
 border-bottom: 1px dotted #cccccc;
 margin: 1em 0;
}

.bizmatching h3, .bizmatching h4{
 font-size: 100%;
 font-weight: normal;
 margin: 0;
}

.bizmatching h3, .bizmatching h4{
 font-size: 100%;
 font-weight: normal;
 margin: 0;
}

.bizmatching h5{
 font-size: 90%;
 font-weight: normal;
 margin: 0;
}

/* ビジネスマッチング 各サービス
---------------------------------------------------- */
.bizmatching p.comment {
 height: 160px;
}

.bmimg { 
 width: 110px;
 margin: 0 10px 10px 0;
 float: left;
 font-size: 80%;
 text-align: center;
}

div.bmbhistory  {
 width: 540px;
 margin: 10px 0;
}

div.bmbhistory ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
 width: 540px;
}

div.bmbhistory li.title {
 font-weight: bold;
 padding: 5px;
 margin: 0;
 background: #99ccff;
 text-align: center;
}

div.bmbhistory li {
 border-top: 1px solid #99ccff;
 border-right: 1px solid #99ccff;
 border-left: 1px solid #99ccff;
 padding: 5px;
}

div.bmbhistory li.bottomcell {
 border: 1px solid #99ccff;
 padding: 5px;
 margin: 0 0 10px 0;
}

div.bmbhistory .year {
 padding: 5px 30px 5px 5px;
}

div.bmbhistory .career {
 padding-left: 70px;
}

/* 出前相談
---------------------------------------------------- */
#demae h3 {
 color: #0066cc;
 margin: 0;
}

.applicationbt {
 margin: 0 0 5px 250px;
}


#demaeapplication h3 {
 font-size: 120%;
 text-align: center;
 color: #0066cc;
 padding: 0.5em 0;
 margin: 0 auto;
 width: 540px;
 background-color: #99ccff;
}

#demaeapplication form {
 border: 1px solid #99ccff;
 width: 540px;
 padding-bottom: 2em;
}

#demaeapplication table {
 width: 520px;
 margin: 1em auto;
}

#demaeapplication .formbutton {
 text-align: center;
 padding: 5px;
}

/* 出展企業紹介/入居大学紹介
---------------------------------------------------- */
.questionnaire {
	background-color: #E1F0FF;
	border: 1px solid #99CCFF;
	padding: 10px;
	margin-bottom: 10px;
}

.univseeds {
	background-color: #FFF5A4;
	border: 1px solid #FFCC66;
	padding: 10px;
	margin-bottom: 10px;
}

.leftrow {
  float: left;
  width: 180px;
  padding-right: 5px;
}

.middlerow {
  margin: 0 180px;
  padding-right: 5px;
}

.rightrow {
  float: right;
  width: 180px;
  padding-right: 5px;
}

.leftrow img { border: 0; }

.middlerow img { border: 0; }

.rightrow img { border: 0; }

/* 交通アクセス
---------------------------------------------------- */
#train {
  float: left;
  width: 270px;
}

#car {
  float: right;
  width: 240px;
  }
  
/* リンク
---------------------------------------------------- */
#support,#manufacturedb,#subsidy,#others {
  float: left;
  width: 270px;
}

#government,#patent,#worlddirectory,#mofa {
  float: left;
  width: 270px;
}

#support ul,#government ul,
#manufacturedb ul,#patent ul,
#subsidy ul,#worlddirectory ul,#mofa ul,
#others ul { 
 list-style-type : none ; 
 padding: 0 ; 
 margin-left : 0.5em;
 margin : 0 
} 

#support li.title,#government li.title,
#manufacturedb li.title,#patent li.title,
#subsidy li.title,#worlddirectory li.title,#mofa li.title,
#others li.title {
  font-weight: bold;
  background-image: none;
  margin-left: 0;
  padding-left: 0;
}

#support li,#government li,
#manufacturedb li,#patent li,
#subsidy li,#worlddirectory li,#mofa li,
#others li {
 background-image : url(../img/redmark.gif) ; 
 background-repeat : no-repeat ; 
 background-position : 0.2em ; 
 padding-left : 1.5em; 
 margin : 0.5em 
}

#first,#second,#third,#forth,#fifth,#sixth {
  clear: both;
  margin-bottom: 10px;
}

#second,#third,#forth,#fifth,#sixth {
  border-top: 1px dotted #cccccc;
}

#second .line01 {
  float: left;
  width: 180px;
}

#second .line02 {
  margin: 0 180px;
}

#second .line03 {
  float: right;
  width: 180px;
}

#second img {
 border: 0;
}

/* お問い合わせ
---------------------------------------------------- */
#contact ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

#contact li {
 background-image : url(../img/redmark.gif) ; 
 background-repeat : no-repeat ; 
 background-position : 0.2em ; 
 padding-left : 1.5em; 
 margin : 0.5em 
}

#contact table {
 border-collapse: collapse;
 width: 540px;
}

#contact th {
 padding: 5px;
 background-color:  #ffffff;
}

#contact td {
 padding: 5px;
 background-color:  #ffffff;
}

#contact .formbutton {
 text-align: center;
 padding: 5px;
}

#contact h3 {
 font-size: 120%;
 color: #0066cc;
 width: 540px;
 text-align: center;
 background-color: #99ccff;
 padding: 5px 0;
 margin: 0;
}

#contact form {
 border: 1px solid #99ccff;
 width: 540px;
}

/* ニュースレター
---------------------------------------------------- */
#newsletter h3 {
 padding: 5px;
 background-color:#6699cc;
 color: #ffffff;
}

#newsletter form {
 width: 480px;
 margin: 0 auto;
}

#newsletter .items {
 padding: 5px;
}

#newsletter .item {
 margin-right: 120px;
}

#newsletter .item02 {
 margin-right: 165px;
}

#newsletter .item03 {
 margin-right: 20px;
}

#newsletter .submit {
 text-align: center;
 padding: 5px;
}

#newsletter #sample {
	width: 480px;
	height: 280px;
	margin: 20px 0;
}

#newsletter #html {
	width: 240px;
	float: left;
	text-align: right;
}

#newsletter #text {
	width: 240px;
	float: right;
	text-align: right;
}

#newslettermes {
 margin-top: 100px;
 font-size: 80%;
 height: 400px;
 vertical-align: middle;
}

/* サイトマップ
---------------------------------------------------- */
#sitemap h3 {
 font-size: 100%;
 margin: 1em 0 0 0;
 background: url(../img/triangle.gif) no-repeat  0.1em 0.5em; 
 padding-left : 1em; 
}

#sitemap ul {
 margin: 0;
 list-style-type: none;
  padding-left : 1em; 
}

#sitemap li {
 background: url(../img/triangle.gif) no-repeat  0.1em 0.5em; 
 padding-left : 1em; 
 margin : 0 ;
}

#sitemap li.level2 {
 background: url(../img/triangle.gif) no-repeat  1.1em 0.5em; 
 padding-left : 2em; 
 margin : 0 ;
}

#sitemap .left01 {
 width: 270px;
 float: left;
 height: 160px;
}

#sitemap .right01 {
 width: 270px;
 float: right;
 height: 160px;
}

#sitemap .left02 {
 width: 270px;
 float: left;
 height: 80px;
}

#sitemap .right02 {
 width: 270px;
 float: right;
 height: 80px;
}

#sitemap .left03 {
 width: 270px;
 float: left;
 height: 120px;
}

#sitemap .right03 {
 width: 270px;
 float: right;
 height: 120px;
}

#sitemap .left04 {
 width: 270px;
 float: left;
 height: 120px;
}

#sitemap .right04 {
 width: 270px;
 float: right;
 height: 120px;
}

#sitemap .left05 {
 width: 270px;
 float: left;
 height: 100px;
}

/* コーディネート事例集
---------------------------------------------------- */
#coordinate {  font-size: 75%;}

#coordinate p {
 padding: 0 30px;
 text-align: left;
}

#coordinate ul {
 list-style-type: none;
 padding: 0 50px;
 text-align: left;
}

#coordinate li {
 border-bottom: 1px dotted #cccccc;
 padding: 2px 10px;
}

#coordinate #download {
 width: 560px;
 border: 1px solid #cccccc;
 padding: 10px;
 margin: 20px 100px;
 text-align: left;
}

#coordinate .acroimg {
 float: left;
 margin: 0 10px 10px 0;
	}
	
/* 出展企業の声
---------------------------------------------------- */
#example {  font-size: 75%;}

#example h2 {
 margin: 0;
}

#example h3 {
 font-size: 120%;
 text-align: left;
 margin-top: 0;
}

#example p {
 margin: 1em 20px;
 text-align: left;
}

.voice {
 width: 690px;
 padding: 10px;
 margin: 1em auto;
 border: 1px solid #cccccc;
 text-align: center;
 }

#example .voice p {
 margin: 1em 0;
 text-align: left;
}

#example .voiceleft {
 width: 160px;
 text-align: left;
 font-weight: bold;
}

#example .voiceright {
 float: right;
 width: 520px;
}

/* クリコア通信
---------------------------------------------------- */
#crecoremagazine img {
 float: right;
 margin: 0 10px 10px 10px;
}

/* アンケート
---------------------------------------------------- */
#questionnaire { 
 font-size: 75%;
 margin: 1em 30px;
 text-align: left;
}

#questionnaire h2 {
 font-size: 120%;
 color: #0066cc;
}

#questionnaire h3 {
 font-size: 120%;
 text-align: center;
 color: #0066cc;
 padding: 0.5em 0;
 margin: 0 auto;
 width: 670px;
 background-color: #99ccff;
}

#questionnaire form {
 border: 1px solid #99ccff;
 width: 670px;
 padding-bottom: 2em;
}


#questionnaire .question {
 margin: 0 0 1.5em 0;
 list-style-type: none;
}

#questionnaire ol {
 width: 600px;
}

#questionnaire table {
 width: 580px;
 border-collapse: collapse;
 margin: auto;
}

#questionnaire th {
 padding: 5px;
 background-color:  #ffffff;
 width: 120px;
 background-color: #99ccff;
 border: 1px solid #0066cc;
}

#questionnaire td {
 padding: 5px;
 background-color:  #ffffff;
 border: 1px solid #0066cc;
}

#questionnaire .formbutton {
 text-align: center;
 padding: 5px;
}


/* プライバシー
---------------------------------------------------- */
#privacy { 
 font-size: 75%;
 margin: 1em 20px;
 text-align: left;
}

#privacy li { 
 font-weight: bold;
}

#privacy p { 
 font-weight: normal;
 margin-top: 0;
}


/* シーズ集
---------------------------------------------------- */
#seedslist ul {
 margin: 0 0 1em 0;
 padding: 0;
 list-style-type: none;
}

#seedslist ul li {
 background: url(../seeds/img/arrow_r_y.gif) no-repeat  0.2em 0.2em; 
 padding-left : 1.5em; 
 margin : 0.5em ;
}

#seedslist ul li.level2 {
 background: url(../seeds/img/arrow_r_w.gif) no-repeat  1.2em 0.2em; 
 padding-left : 2.5em; 
 margin : 0.5em ;
}
