html, body {
	height: 100%;
}

body {
/*	padding-top: 60px;*/
padding-bottom: 40px;
background-color:#F9E500; /*ver20120724_origin*/
/*color:#878784;*/ /*ver20120724_origin*/
color:#666; /*20120725_Segawa_fix*/
font-family:'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


h2, h3{
/*	border-bottom:5px solid #FFF;*/ /*origin*/
/*border-bottom:4px solid #FFF; */ /*20120725_Segawa_fix*/

border-bottom:2px solid #FFF; 
letter-spacing:2px;
/*line-height: 36px;*/
}

h2{
	font-size:18px;
}

h3{
	font-size:16px;	
}

h4{
	font-size:14px;	
}

p{
/*	letter-spacing: 0.15em;*/
/*	letter-spacing: 0.12em;*/
/*	line-height:24px; */
/* 16*1.48 = 23.68 */

letter-spacing: 2px;		
line-height:1.5;
font-size:14px;
margin-top:1em;
margin-bottom:1em;
}

dt, dd{
	letter-spacing: 2px;		
	line-height:1.5;
	font-size:14px;	
}


#box{
/*	height:100%;*/
min-height: 100%	
}


#logo{
	height: 100%;
	min-height: 100%;
	display:block;
	/*margin-bottom:60px;*/
	/*	border:1px solid #FFF;*/
}


#logo img {
	height: auto;
	/*
	height: auto;
	width: auto;
	*/
	display:block;
	margin: 0 auto;
	text-align: center;	
}

#header {
	background-image:url(/openhouse/12/assets/css/assets/img/iamas2012_logo.png);
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}



/* dl-horizontal-fix */
* html body dl.dl-horizontal-fix dd div{
	display:inline-block;
}

dl.dl-horizontal-fix {
	font-size:14px;	
}

dl.dl-horizontal-fix dt {
	float:left;
	text-align: right;
	white-space: nowrap;	
	padding:0;
}

dl.dl-horizontal-fix dd {
	padding-left:10px;
}

#infomation dt{
	width: 2.25em;
}

#infomation dd{
	margin-left: 2.25em;
	/*	margin-left: 2.75em;*/
}

#transportation dt{
	width: 6.75em;
}

#transportation dd{
	margin-left: 6.75em;	
	/*	margin-left: 7.25em;*/
}

#master dt{
	width: 3.19em;
}

#master dd{
	margin-left: 3.19em;	
	/*	margin-left: 3.69em;*/
}

.i-field{
	letter-spacing: 0.3em;
}

#inquiry dt{
	width: 2.7em;	
}

#inquiry dd{
	margin-left: 2.7em;	
	/*	margin-left: 3.2em;	*/
}

#inquiry address p{
	margin-top:0.2em;
	font-size:13px;		
}

#inquiry h4{
	margin-top:1em;	
}


#generativemusicworkshop dt{
	width: 3.5em;	
}

#generativemusicworkshop dd{
	margin-left: 3.5em;	
}


#make dt,
#nxpc dt{
	width: 2em;	
}

#make dd,
#nxpc dd{
	margin-left: 2em;	
}



footer#copyright p{
	border-top:2px solid #FFF; 
	margin-top: 1em;
	padding-top:0.5em;
	font-size:11px;
}


/*-------------------------------
Fixed にするやつ*/
.sidebar-nav-fixed {
	position:fixed;
	top:40px;
	/*  top:60px;*/
	/*	width:21.97%;*/
}

/*ビューエリアの最大幅が767pxより小さい場合に適用*/
/*@media (max-width: 767px) { 
.sidebar-nav-fixed {
width:auto;
}
}*/


/*767pxが1カラムになる条件なのでここでFixedを解除する*/
@media (max-width: 767px) { /*ビューエリアの最大幅が979px以下から767px以上場合に適用*/
	.sidebar-nav-fixed {
		position:static;
		width: auto;
	}
	body{
/*		background-color:red;*/
	} 
}



/*Fixed にするやつ
-------------------------------*/


#nav li {
/*  margin-bottom: 2px;*/
}
#nav a {
	background: #ededed;
	color: #666;
	display: block;
	font-size: 11px;
	padding: 5px 10px;
	text-decoration: none;
	text-transform: uppercase;
}
#nav a:hover {
	background: #dedede;
}
#nav .current a {
/*  background: #666;
color: #ededed;*/
}

.current {
}

#sidebar,
#outline,
#cafe,
#lecture,
#exhibition,
#event,
#access,
#inquiry
{
	padding-top:40px;
	/*	padding-top:60px;	*/
}



#exhibition{
	margin-bottom:1em;	
}

#event{
	margin-bottom:1em;	
}

#events div.row-fluid{
	margin-top:1em;	
}


#access{

}

/*
margin-top:1em;

*/

.bordernone
{
	border:none;
}


div#cafe h3,
div#lecture h3,
div#exhibitions h3
{
	border:none;
}


.table thead tr th,
.table tbody tr td,
.table tbody tr th {
	background-color: #f5f5f5;
}


.attention{
/*	color:#FFF;
background-color:red;*/
color:red;
}