@charset "UTF-8";

/* Reset Styles */

* {
	  margin: 0;
	  padding: 0;
}
	
	
/* Layout */

html, body{
  height: 100%;
}

#wrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 0 -70px 0;  /* the bottom margin is the negative value of the footer's height */
}

#container{
	width: 912px;
	padding: 20px 0 0 0;
	overflow: hidden;
	text-align: left;
	margin: auto;
}

#header{
	height: 80px;
}

#sidebar{
	float: left;
    width: 220px;
}

#main{
	width: 660px;
	padding-right: 12px;
	float: right;
	overflow: hidden;
}

#footer, .push{
  clear: both;
  height: 70px; /* .push must be the same height as .footer */
}


#footer{
	width: 660px;
	padding-left: 228px;
	clear: both;
	overflow: hidden;
	text-align: left;
	margin: auto;
}

 
/* Common */

	a:link { text-decoration: underline; color:#E366C2; }
	a:visited { text-decoration: underline; color:#000; }
	a:hover { text-decoration: none; color:#FFF; background: #E366C2; }
	a:active { text-decoration: none; color:#FFF; }
	a img, a.img, a:hover img{border: none; background: none; text-decoration: none;}
	
	
	#sidebar #menu a:link { text-decoration: none; color:#E366C2; }
	#sidebar #menu a:visited { text-decoration: none; color:#E366C2; }
	#sidebar #menu a:hover { text-decoration: none; color:#FFF; background: #E366C2; }
	#sidebar #menu a:active { text-decoration: none; color:#FFF; }
	
	#sidebar #menu li.active a:link { text-decoration: none; color: #000; }
	#sidebar #menu li.active a:visited { text-decoration: none; color:#000; }
	#sidebar #menu li.active a:hover { text-decoration: none; color: #FFF;  background: #E366C2; }
	
	#footer a:link, .lang a:link{ text-decoration: underline; color:#FFF; }
	#footer a:visited, .lang a:visited{ text-decoration: underline; color:#FFF; }
	#footer a:hover, .lang a:hover{ text-decoration: none; color:#018E5B; background: #FFF;}
	#footer a:active, .lang a:active{ text-decoration: none; color:#FFF; }

	
	.emphasis a{
  		color:#E366C2; 
  		text-decoration: none;
  		padding: 4px;
  		border: 1px solid #E366C2; 
  		z-index: 10;
	}
	
	.emphasis a:hover{ color:#FFF; }
	.emphasis a:visited { text-decoration: none;}

	body{
	  line-height: 170%;
	  font-size: small;
	  color: #333;
	  background: #018E5B;
	  font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Helvetica, sans-serif;
	}

	#en{
	  font-family: helvetica, verdana;
	}
  
	h1{ font-size: 100%; }
	h2{ margin-bottom: 15px; font-size: 100%;}
	h3{ margin-bottom: 5px; font-size: 100%;}
	h4{ font-weight: normal; font-size: 100%;}

	ul, ol, p{
	  margin: 0 0 20px 0;
	  line-height: 170%;
	}
	
	em{ font-style: normal; border-bottom: solid 1px  #333;}
	strong{font-weight: bold; color: #000; }
	
	 .hideDisplay{ display: none;}
	 
	.caption{
	  font-size: 85%;
	  line-height:170%;
	}
  
	.data{
	  font-size: 90%;
	  line-height:170%;
	}
	
	.caution{
	  color: red;
	}

	.more{
	  text-align: right;
	}
	
	.sort{
	  margin-top: -20px;
	  font-weight: normal;
	  text-align: right;
	  clear: both;
	}

	.must {
	  color: #ff0000;
	}

	abbr{
	  font-style: none;
	  border: none;
	}
	
	/* Icons */

	.pdf span.caption{
	  line-height:1;
	  background: url('/2008/common/images/pdf.gif?v001') no-repeat center right;
	  padding: 3px 18px 3px 5px;
	}

	.pdf span.date{
	  padding-right: 20px;
	}

	.pageTop{
	  clear: both;
	  text-align: right;
	  margin: 18px 0 18px 0;
	}

	.pageTop a{
	  padding: 3px 18px 3px 0;
	  background: url('/2008/common/images/arrow_top.gif?v001') no-repeat center right;
	}


	/* table */

	table.list{
	  width: 100%;
	  border-top: 1px solid #018E5B;
	  margin-bottom: 20px;
	}

	table.list td{
	  vertical-align: top;
	  padding: 2px 0 2px 0;
	  border-bottom: 1px solid #ADD8B5;
	}
	
	table.list td.last{
	  border: none;
	}

	table.list td p.caption{
	  padding-bottom: 0;
	}

	table.list td.label{
	  padding-right: 20px;
	  font-weight: bold;
	  width: 120px;
	}

	table.list td.label h3{ margin: 0;}


/* header */

	#header{
	  height: 80px;
	}

	#header .title,
	#header .title a{
	  height: 44px;
	  width: 912px;
	  display: block;
	  background: url('/2008/common/images/yokohama_triennale.gif?v001') no-repeat center right;
	}

	
	#header .title span{
	  display: none;
	}

  
/* side menu */
	
	#sidebar{
	  clear: both;
	}
	
	#sidebar .lang{
	  height: 40px;
	 }
	
	
	#sidebar #menu ul{
	  background: #FFF;
	}
	
	#sidebar #menu ul{
	  list-style: none;
	  padding: 20px 0 16px 0;
	}

	#sidebar #menu ul li{
	  line-height: 140%;
	  margin-bottom: 4px;
	}
	

	#sidebar #menu ul li a{
	 width: 180px;
	 padding: 2px 20px 2px 20px;
	 display: block;
	}

	/* search */
	
	#sidebar form{
	  margin-bottom: 40px;
	  position: relative;
	  width: 220px;
	  height: 20px;
	}
	
	#sidebar form .search-field{
	  width: 167px;
	  height: 16px;
	  background: #FFF;
	  border: none; 
	  padding: 2px;
	  position: absolute;
	  left: 0;
	  font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Helvetica, sans-serif;
	  color: #666;
	}
	
	form .search-button{
	  position: absolute;
	  right: 0;
	}
	
	form .search-button a{
	  width: 45px;
	  height: 20px;
	  display: block;
	  background: url('/2008/common/images/search_ja.gif?v001') no-repeat center center;
	}
	
	form .search-button .en a{
		background: url('/2008/common/images/search_en.gif?v001') no-repeat center center;
	}
	
	form .search-button a:hover{
	  background: url('/2008/common/images/search_ja_on.gif?v001') no-repeat center center;
	}
	
	form .search-button .en a:hover{
		background: url('/2008/common/images/search_en_on.gif?v001') no-repeat center center;
	}

	
	form .search-button span{
	  display: none;
	}	
	
	/* artcompass */
	
	#sidebar .artcompass,
	#sidebar .artcompass a{
	  width: 220px;
	  height: 66px;
	  display: block;
	  background: url('/2008/common/images/artcompass.gif?v001') no-repeat center center;
	}
		
	.artcompass a span{
	  display: none;
	}
	
 /* main */
	
	
 	#main h1{
	  color: #FFF;
	  font-size: 135%;
	  height: 40px;
	}

	#main h2{
	  font-size: 100%;
	  color: #018E5B;
	}

 	#main .article{
 	  overflow: hidden;
 	  position: relative;
	  background: #fff;
	  width: 620px;
	  padding: 20px 20px 0 20px;
	  margin-bottom: 20px;
	}
	
	#main  ul, #main  ol{
 	  line-height: 140%;
 	  margin-left: 20px;
	}
	
	#main  ul li, #main  ol li{
 	  margin-bottom: 4px;
	}

	#main .access  ul li{
  	  margin-bottom: 8px;
	}


	/* BG Images */
	#triangle{
	  overflow: hidden;
	  clear: both;
	  width: 100%;
	  margin-top: -20px;
	  padding-top: 20px;
	  background: url('/2008/common/images/triangle/1.gif?v001') no-repeat center center #fff;
	}
	
	

/* footer */

	#footer{
	  color: #FFF;
	  background: url('/2008/common/images/logo.gif?v001') no-repeat right 10px;
	}
	
	#footer .document a{
	   font-size: 85%;
	}
	
	#footer .copyright{
	  font-size: 85%;
	  font-family: helvetica;
	  line-height: 140%;
	  color: #FFF;
	}
	
	

/* フォーム関連 */

	form table{
	  width: 100%;
	}
	
	form table td{
	  vertical-align: top;
	  padding-bottom: 10px;
	}

	form table td.label{
	  font-weight: bold;
	  width: 160px;
	}

   form table input.textName{
	  width: 170px;
	  margin-right: 20px;
	}
	
	.fieldWithErrors{
	  margin-right: 20px;
	}
	
	.fieldWithErrors input.textName{
	  margin: 0;
	}
	
	form table input.text{
	  width: 360px;
	}

	form table textarea{
	  width: 360px;
	}

.validationError .ul {
  font-size: x-large;
}