/* CSS Document */

@media screen and (max-width:736px){
.inner_i{
	width:auto !important;	
}
}

#about{
	margin-bottom:50px;
}
#about h2{
	margin-bottom:50px;
}
#about .img{
	float:left;
	width: 22%;
}
	#about .img img{
		width:100%;
		height:auto;
	}
#about .text{
	float:right;
	width: 75%;
}
	#about .text h3{
		font-size: 180%;
		line-height:100%;
		letter-spacing:2px;
		font-weight:bold;
		margin-bottom: 20px;
		font-family:YuMincho, '游明朝', serif;
	}
	#about .text p{
		letter-spacing:2px;
		line-height:180%;
		font-size: 110%;
	}

@media screen and (max-width:736px){
#about{
	margin-bottom:30px;
}
#about h2{
	margin-bottom:20px;
}
#about .text h3 {
	line-height:130%;
}

#about .img{
	float:none;
	width: 50%;
	margin:0 auto 20px;
}
#about .text{
	float:none;
	width: auto;
}

}	

#intro{
	background:#F0EADD;
	padding:50px 0;
	margin-bottom:50px;
}
#intro .inner_i{
	width:680px;
	margin:0 auto;
}
#intro .text{
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
    height: 300px;
	font-family:YuMincho, '游明朝', serif;
	color:#000000;
}
	#intro .text p{
		text-indent: 1em;
		line-height: 230%;
	}
	#intro .text p:first-child{
		text-indent:0;
	}
#intro .text p span{
	writing-mode: horizontal-tb;
	text-indent: 0.1em;
	line-height: 180%;
	letter-spacing: 0;
}

@media screen and (max-width:736px){

#intro {
    padding: 10px;
    margin-bottom: 30px;
}
#intro img{
	width:100%;
	height:auto;
}
#intro .text{
	writing-mode: horizontal-tb;
	height:auto;
}
	#intro .text p{
		line-height: 180%;
	}

}



#floor{
	margin-bottom:100px;
}
#floor .inner_i{
	width:680px;
	margin:0 auto;
}


#floor h3{
	font-size:150%;
	line-height:100%;
	letter-spacing:2px;
	font-weight:bold;
	margin-bottom: 10px;
	font-family:YuMincho, '游明朝', serif;
	color:#000000;
}
#floor dt{
	font-weight:bold;
	margin-bottom:5px;
}
#floor dd{
	margin-bottom:20px;
}
#floor dd p{
	line-height:180%;
}