@charset "UTF-8";
/* CSS Document */

*{
margin:0px;
padding:0px;}

html, body {
	height: 100%;
}
 
body  {
	background: #ffffff;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #000000;
	font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;
}


a{
color:#000000;
text-decoration:underline;
}

img{
border:0px;
}


ul{
  list-style: none;
 }
 

#container { 

	width: 955px; 
	background: #FFFFFF;
	margin: 0 auto; 
	text-align: left; 
	font-size:93%;
	line-height:1.65em;
	padding:0px 27px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px;
} 


#sidebar1 {
clear:left;
	float: left;
	width: 210px;
	background-color:#FFFFFF;
	}



#sidebar2 {
	float: right;
	width: 158px; 
	background-color:#FFFFFF;; 
}

#mainContent { 
	margin: 0 146px 0 188px;
	padding:0px 27px;
	
} 


#footer { 
	padding:0px 27px;
	font-size:85%;
text-align:left;
width:955px;
margin:0 auto;
line-height:1.75em;
	} 
	
	#footer p{
	margin:0px;
	padding:0px;}
	
#header {

height:160px; 
	background-color:#FFFFFF;
	padding: 0 25px 50px 0px; 
} 

#header h1 {
	margin: 24px 0px 0px 0px; 
	padding: 0px;
}


#logo{
float:left;

}

#banner{
width:710px;
margin-left:215px;

}




#sidebar1 ul {
  width: 85px;
  height: 144px;
  margin:0px 0px 40px 0px;
  list-style: none;
  text-indent: -9999px;
  overflow:hidden;
  padding:0px;
  }

#sidebar1 li {
  width: 85px;
  height: 20px;
   
  }

#sidebar1 li a {
  width: 85px;
  height: 20px;
  text-decoration: none;
  display: block;
  }
  

  #sidebar2 li{
margin-bottom:5px; }

#menu1 {  background: url(http://www.tokyodesignflow.com/img/global_off.jpg) no-repeat 0px 0px;}
#menu1_on {  background: url(http://www.tokyodesignflow.com/img/global_on.jpg) no-repeat 0px 0px;}

#menu2 {  background: url(http://www.tokyodesignflow.com/img/global_off.jpg) no-repeat 0px -22px;}
#menu2_on {  background: url(http://www.tokyodesignflow.com/img/global_on.jpg) no-repeat 0px -22px;}

#menu3 {  background: url(http://www.tokyodesignflow.com/img/global_off.jpg) no-repeat 0px -44px;}
#menu3_on {  background: url(http://www.tokyodesignflow.com/img/global_on.jpg) no-repeat 0px -44px;}

#menu4 {  background: url(http://www.tokyodesignflow.com/img/global_off.jpg) no-repeat 0px -66px;}
#menu4_on {  background: url(http://www.tokyodesignflow.com/img/global_on.jpg) no-repeat 0px -66px;}

#menu5 {  background: url(http://www.tokyodesignflow.com/img/global_off.jpg) no-repeat 0px -88px;}
#menu5_on {  background: url(http://www.tokyodesignflow.com/img/global_on.jpg) no-repeat 0px -88px;}

#menu6 {  background: url(http://www.tokyodesignflow.com/img/global_off.jpg) no-repeat 0px -110px;}
#menu6_on {  background: url(http://www.tokyodesignflow.com/img/global_on.jpg) no-repeat 0px -110px;}

#menu7 {  background: url(http://www.tokyodesignflow.com/img/global_off.jpg) no-repeat 0px -132px;}
#menu7_on {  background: url(http://www.tokyodesignflow.com/img/global_on.jpg) no-repeat 0px -132px;}



#menu1 a:hover {  background: url(http://www.tokyodesignflow.com/img/global_on.jpg) no-repeat 0px 0px;}

#menu2 a:hover {  background: url(http://www.tokyodesignflow.com/img/global_on.jpg) no-repeat 0px -22px;}

#menu3 a:hover {  background: url(http://www.tokyodesignflow.com/img/global_on.jpg) no-repeat 0px -44px;}

#menu4 a:hover {  background: url(http://www.tokyodesignflow.com/img/global_on.jpg) no-repeat 0px -66px;}

#menu5 a:hover {  background: url(http://www.tokyodesignflow.com/img/global_on.jpg) no-repeat 0px -88px;}

#menu6 a:hover {  background: url(http://www.tokyodesignflow.com/img/global_on.jpg) no-repeat 0px -110px;}

#menu7 a:hover {  background: url(http://www.tokyodesignflow.com/img/global_on.jpg) no-repeat 0px -132px;}


	
	
#footer li{
list-style: none;
}



.fltrt { 
	float: right;
	margin-left: 20px;
	margin-bottom:35px;
}
.fltlft { 
	float: left;
	margin-right: 20px;
	margin-bottom:15px;
}

.leadretu .fltlft{
margin-bottom:20px;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



.link_banner{
margin-bottom:20px;
}


.link_text{
font-size:93%;
margin-bottom:0px;
line-height:1.5em;
}

#sidebar2 h4{
margin-bottom:10px;
}

#sidebar1 h4{
margin-bottom:5px;
}

.newsDate{
font-size:85%;
padding-top:12px;
padding-bottom:8px;
}

.newsContents{
width:525px;}

h2{
margin-bottom:12px;
}

.top h3{
margin-bottom:12px;
font-size:108%;
}

.text{
margin-bottom:12px;
}

#credit{
height:12px;
background-color:#FFFFFF;
}



#footer, .push {
	height: 50px; 
}

.top .text img{
margin-bottom:12px;
}

input{
width:175px;
display:block;
margin-bottom:5px;
}

.about h3{
margin-bottom:20px;
}

.event h3{
margin-top:20px;
margin-bottom:20px;
}

.about h2,.event h2{
margin-bottom:25px;
}

.about p,.event p{
display:block;
padding-bottom:1em;
}

.note{
font-size:85%;
}

.lead{
margin-bottom:20px;
width:525px;
clear:both;
}

.leadretu{
padding-bottom:0px;
width:525px;
min-height:100px;
height: auto !important;
height: 100px;
}


.learretu p{
margin:0;
padding:0;
}

.ask{
font-weight:bold;
}

.interview{
margin-bottom:20px;
}

.profile h4{
margin-top:15px;
}

.profile p{
font-size:85%;
}


.top p{
padding-bottom:1em;
}

#ajax_mail p{
margin:0px;
padding:0px;
}

.lead h5 , .leadretu h5{
font-size:12px;
font-weight:bold;
margin-bottom:0.5em;
}

.contents{
width:525px;
}

.contents_banner{
padding-bottom:25px;
}

.bar_margin{
padding-bottom:1em;
}

.contents h4{
margin-bottom:20px;
}

.margin15em{
margin-bottom:1.5em;
}

.lead h3{
margin-bottom:1em;
}

.e_top h4{
font-size:12px;
font-weight:bold;
margin:0px 0px 0.5em 0px;
padding:0px;
}

.e_top p{
margin-bottom:0.55em;
}


#readretu {
    min-height: 1em;
    display: inline-table;
}

#readretu:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #readretu {
    height: 1em;
}

#readretu{
    display: block;
}
/**/