/*********************************
Koganecho Bazaar
http://www.koganecho.net/
Common css
9th , July, 2008
*********************************/
img {
	border:none;
}
table {
	margin :  0 ;
	padding : 0 ;
	font-size : 1em;
	font-family: 'メイリオ','Meiryo','ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro W4','Verdana','Lucida Sans Unicode',Osaka, sans-serif !important;
}
form {
	margin :  0 ;
	padding : 0 ;
}

.hr {
	clear:both;
	margin : 0px 0px;
}

.clear {
	clear : both ;
}

body {
	margin : 0px auto;
	padding : 0;
	font-size : 100.1%;
	line-height : 1.5;
	font-family: 'メイリオ','Meiryo','ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro W4','Verdana','Lucida Sans Unicode',Osaka, sans-serif !important;
	color : #535353;	
	text-align : center;
}

#wrapper {
	margin : 0px auto;
	padding : 0px;
	text-align : center;
	font-size : 84%;
	width:818px;
	background :#ffffcc;
}
/*header*/
#header {
	margin : 0px auto;
	padding : 0;
	width : 818px;
	min-height : 100px;
}
	/*logo*/
	#header h1 {
	float : left;
	margin : 0px;
	_margin : 25px 0 0 15px;
	padding : 0;
	width:265px;
	}

/*navtigation******************/
	#header #navi {
		clear : both ;
		margin : 15px auto;
		padding : 0px;
		text-align : left;
}
	#header #navi ul {
		list-style : none ;
		margin : 0 0 0 30px ;
		_margin : 0 0 0 15px ;
		padding : 0;
		text-align : center !important;
	}
	#header #navi li {
		float : left;
		width:190px;
		font-size:1px;
		margin : 0px;
		padding : 0 !important;
	}

/*container{******************/
#wrapper #container{

	clear : both;
	margin : 0px auto;
	padding : 0;
	width : 818px ;
	background :#ffffcc;
}




/*mainarea*/
#wrapper #container #mainarea {
	float : left ;
	margin : 0.5em 0 1em 30px;
	_margin : 0.5em 0 1em 15px;
	padding : 0;
}
/*NEWS****************/
#wrapper #container #mainarea #news {
	width : 535px;
	margin : 0 0 2em 0;
	padding : 0;
	text-align : left;
}
#wrapper #container #news h3 {
	margin : 0 0 0.5em 0;
	padding : 0;
	}


#wrapper #container #news dl{
	margin : 0 0 2em 0;
	padding : 0;
}

#wrapper #container #news dt {
	margin : 0;
	padding : 0px;;
	font-weight : bold;
	color:#ff6600;
	float : left;
	clear : both;
	width:7em;
	font-size:0.9em;
}
#wrapper #container #news dd {
	margin : 0 0 0.8em 0;
	padding : 0;
	float : left;
	width:450px;
	font-size:0.9em;
}



/*TOPICS****************/
#wrapper #container #mainarea #TOPICS{
	clear : left;
	margin : 0.5em 0 0.5em 0;
	padding : 0;
}
#wrapper #container #mainarea #TOPICS .topic_elm {
	width : 530px;
	margin : 0 0 1em 0;
	padding : 0;
	text-align : left;	background : url("../images/topics_base.gif") repeat-y
}
#wrapper #container #mainarea #TOPICS .topic_elm h4 {
	width : 530px;
	margin : 0;
	padding : 0 0em;
	text-align : left;	background : url("../images/topics_head.gif") no-repeat center top ;
	font-size:1em;
	line-height:1.8;
	font-weight : bold;
	border-bottom : 1px solid #009900;
	}
#wrapper #container #mainarea #TOPICS .topic_elm h4 span {
	margin : 0.8em 0.8em;
	color : #009900;
}
#wrapper #container #mainarea #TOPICS .topic_elm p {
	margin : 0.8em 0.8em 0.2em 0.8em;
}
#wrapper #container #mainarea #TOPICS .topic_elm dl {
	margin : 0.8em 0.8em 0.2em 0.8em;
	padding:0;
}
#wrapper #container #mainarea #TOPICS .topic_elm dt {
	margin : 0;
	padding : 0px;;
	font-weight : bold;
	color:#009900;
	float : left;
	clear : both;
	width:6em;
	font-size:0.9em;
}
#wrapper #container #mainarea #TOPICS .topic_elm dd {
	margin : 0 0 0.8em 0;
	padding : 0;
	float : left;
	width:430px;
	font-size:0.9em;
}

/*ACCESS****************/
#wrapper #container #mainarea #access {
	width : 535px;
	margin : 0 0 2em 0;
	padding : 0;
	text-align : left;
}
#wrapper #container #mainarea #access h3 {
	margin : 0 0 0.5em 0;
	padding : 0;
	}


#wrapper #container #mainarea #access dl{
	margin : 1em 0 2em 0;
	padding : 0;
}

#wrapper #container #mainarea #access dt {
	margin : 0;
	padding : 0px;;
	font-weight : bold;
	color:#23698e;
	float : left;
	clear : both;
	width:8.5em;
	font-size:0.9em;
}
#wrapper #container #mainarea #access dd {
	margin : 0 0 0.8em 0;
	padding : 0;
	float : left;
	width:420px;
	font-size:0.9em;
}
/****************
スタジオ入居者紹介 
id="tenants"
****************/
#wrapper #container #mainarea #tenants {
	width : 535px;
	margin : 0 0 2em 0;
	padding : 0;
	text-align : left;
}
#wrapper #container #mainarea #tenants h3 {
	margin : 0 0 0.5em 0;
	padding : 0;
	}


#wrapper #container #mainarea #tenants ul {
	list-style : none;
	width:530px;
	margin : 0;
	padding :0;
}

#wrapper #container #mainarea #tenants li {
	list-style : none;
	float : left;
	margin : 0 0 1em 6px;
	padding : 0px;
	width:250px;
	border:1px solid #ccc;
	height:153px;
}
#wrapper #container #mainarea #tenants li a:link ,
#wrapper #container #mainarea #tenants li a:visited {
	text-decoration : none;
	background : #fff;
	display : inline-block;
	width:100%;
	height:100%;
}
#wrapper #container #mainarea #tenants li a:hover,
#wrapper #container #mainarea #tenants li a:active {
	text-decoration : none;
	background : #b9b9b9;
	display : inline-block;
	width:100%;
	height:100%;
}
#wrapper #container #mainarea #tenants li img {
	margin : 0.3em auto;
	text-align:center;
	display : block;
}
#wrapper #container #mainarea #tenants h4 {
	margin : 0 3px 0.3em 3px;
	padding : 0;
	font-weight:bold;
	font-size:1.1em;
	color:#ff6600;
	line-height:1.3;
	}


#wrapper #container #mainarea #tenants li span.studio {
	display : inline-block;
	margin :4px 0 0 4px;
	font-size:0.82em;
}
#wrapper #container #mainarea #tenants li span.classifi {
	margin :4px 0 0 4px;
	font-size:0.82em;
	display : inline-block;
}
#wrapper #container #mainarea #tenants li .more {
	margin :0px 4px 0 4px;
	padding : 0;
	font-size:0.82em;
	display : block;
	text-align : right;
}




#wrapper #container #mainarea #tenants dl{
	margin : 1em 0 2em 0;
	padding : 0;
}

#wrapper #container #mainarea #tenants dt {
	margin : 0;
	padding : 0px;;
	font-weight : bold;
	color:#23698e;
	float : left;
	clear : both;
	width:8.5em;
	font-size:0.9em;
}
#wrapper #container #mainarea #tenants dd {
	margin : 0 0 0.8em 0;
	padding : 0;
	float : left;
	width:420px;
	font-size:0.9em;
}

/*2009年度文化芸術スタジオ入居者募****************/
#wrapper #container #mainarea #for_rent {
	width : 535px;
	margin : 0;
	padding : 0;
	text-align : left;
}
#wrapper #container #mainarea #for_rent h3 {
	margin : 0 0 0.5em 0;
	padding : 0;
	}
#wrapper #container #mainarea #for_rent .lead {
	width : 535px;
	margin : 0;
	padding : 0 0.5em;
	text-align : left;
	font-size:0.9em;
}

#wrapper #container #mainarea #for_rent dl{
	margin : 1em 0.4em 0em 0.4em;
	padding : 0;
}

#wrapper #container #mainarea #for_rent dt {
	margin : 0;
	padding : 0px;;
	font-weight : bold;
	color:#23698e;
	float : left;
	clear : both;
	width:6em;
	font-size:0.9em;
}
#wrapper #container #mainarea #for_rent dd {
	margin : 0 0 0.8em 0;
	padding : 0;
	float : left;
	width:440px;
	font-size:0.9em;
}
		#wrapper #container #mainarea #for_rent dd ul {
			margin : 0;
			padding : 0 0 0 0.4em;
		}
		#wrapper #container #mainarea #for_rent dd li{
			margin : 0 0 0 0.8em;
			padding : 0 ;
		}

/*黄金町エリアマネジメントセンター　スタッフ募集*/
#wrapper #container #mainarea #staff {
	width : 535px;
	margin : 3em 0 2em 0;
	padding : 0;
	text-align : left;
	clear : both;
}
#wrapper #container #mainarea #staff  h3 {
	margin : 0 0 0.5em 0;
	padding : 0;
	}
#wrapper #container #mainarea #staff  .lead {
	width : 535px;
	margin : 0;
	padding : 0 0.5em;
	text-align : left;
	font-size:0.9em;
}
#wrapper #container #mainarea #staff  dl{
	margin : 1em 0.4em 2em 0.4em;
	padding : 0;
}

#wrapper #container #mainarea #staff  dt {
	margin : 0;
	padding : 0px;;
	font-weight : bold;
	color:#23698e;
	float : left;
	clear : both;
	width:6em;
	font-size:0.9em;
}
#wrapper #container #mainarea #staff  dd {
	margin : 0 0 0.8em 0;
	padding : 0;
	float : left;
	width:440px;
	font-size:0.9em;
}
		#wrapper #container #mainarea #staff  dd ul {
			margin : 0;
			padding : 0 0 0 0.4em;
		}
		#wrapper #container #mainarea #staff  dd li{
			margin : 0 0 0 0.8em;
			padding : 0 ;
		}


/*プラグイン*/
		#wrapper #container #mainarea  .plugin {
	margin:2em 0 0 0;
	padding:0;
	font-size:0.8em !important;
	width:500px;
	text-align : left
}
		#wrapper #container #mainarea  .plugin img {
	float:left;
}
		#wrapper #container #mainarea  a.pdf {
	background :url("../img/icon_pdf.gif") no-repeat right center;
	padding-right:22px;
	font-weight : bold;
	font-size:1.1em
}





/*subarea*/
/*sub****************/
#wrapper #container #subarea {
	float : left ;
	width : 200px;
	margin : 1em 0 0 15px;
	padding : 0;
}

#wrapper #container #subarea ul {
	list-style : none ;
	margin : 0;
	padding : 0;
}
#wrapper #container #subarea ul li {
	list-style : none ;
	margin : 0;
	padding : 0;
}
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */






/*scroll page top*/
 .pgtop {
	clear:both;
	margin : 0px 10px 10px 0;
	padding : 0px 10px 0px 0;
	text-align : right;
	font-size : 0.78em;
}
 .pgtop a:link ,
 .pgtop a:visited ,
 .pgtop a:hover ,
 .pgtop a:active{
	color : #5f5012;
	text-decoration : none;
}

/*Footer Legal************************/
#footer {
	margin : 1em auto 0em auto;
	padding : 1em 0;
	clear : both;
	width:818px;
	background :url("../images/footer.gif") no-repeat top center #009900 ;
	min-height : 120px
}



#footer .footnavi {
	float:left ;

	margin :1.5em 0 2em 0 ;
	padding : 0;
	text-align : left;
}

#footer .footnavi ul {
	margin : 5px 0px 1em 10px;
	padding : 0;
	list-style : none;
}
#footer .footnavi li {
	margin : 0 ;
	padding : 0 0.4em;
	list-style:none;
	display : inline;
	font-family:'Meiryo','Lucinda Grande','Verdana','helvetica',sans-serif;
	/*font-family: 'メイリオ','Verdana','ヒラギノ角ゴ Pro W3', 'ヒラギノ角ゴ3','Lucida Sans Unicode', 'ＭＳ Ｐゴシック',Osaka, sans-serif !important;*/
	font-size : 0.8em;
	border-right : 1px solid #fff;
	color :#fff
}
#footer .footnavi li.begin{
	margin : 0 ;
	padding : 0 0.4em;
	list-style:none;
	display : inline;
	font-family:'Meiryo','Lucinda Grande','Verdana','helvetica',sans-serif;
	/*font-family: 'メイリオ','Verdana','ヒラギノ角ゴ Pro W3', 'ヒラギノ角ゴ3','Lucida Sans Unicode', 'ＭＳ Ｐゴシック',Osaka, sans-serif !important;*/
	font-size : 0.8em;
	border-left : 1px solid #fff;
	border-right : 1px solid #fff;
	color :#fff
}
#footer .footnavi li a:link ,
#footer .footnavi li a:visited ,
#footer .footnavi li a:hover ,
#footer .footnavi li a:active {
	color : #fff;
	text-decoration : none;
}
#footer .credit {
	clear : both ;
	text-align : center;
	margin : 1.5em auto 1em auto;
	padding : 0;
	font-family:'Meiryo','Lucinda Grande','Verdana','helvetica',sans-serif;
	/*font-family: 'メイリオ','Verdana','ヒラギノ角ゴ Pro W3', 'ヒラギノ角ゴ3','Lucida Sans Unicode', 'ＭＳ Ｐゴシック',Osaka, sans-serif !important;*/
	font-size : 0.8em;
	color:#fff;
}