@charset "utf-8";


h1.h_top {
	display: inline;
	font-size: 10px;
	padding-left: 2em;
}

p.h_follow {
	display: inline;
	font-size: 10px;
	padding-left: 1em;
}

h2 {
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	margin-top: 1px;
	margin-bottom: 0;
}

h3 {
	color: #663300;
	font-size: 15px;
	padding-left: 2em;
}

h4 {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: gray;
	text-align: center;
	margin-bottom: 1px;
}

/* renewal(2012/4/20) */

.area_mansion {
	border: solid 1px #90130D;
	width: 240px;
	position: relative;
	float: left;
	margin: 0 8px 20px 0;
	height: 396px;
}

.area_mansion_end {
	margin: 0 0 10px 0;
}

.area_mansion p.title {
	font-weight: 600;
	margin: 0 0 5px 10px;
	padding: 0;
	line-height: 1.5;
}

.area_mansion p.article {
	text-align: left;
	margin: 0 10px 10px 10px;
	padding: 0;
	font-size: 90%;
	line-height: 1.5;
}

.area_mansion .name_mansion {
	width: 100%;
	height: 25px;
	background-image: url(../img/yokohama/bg_title_mansion.gif);
}

.area_mansion .name_mansion p {
	font-weight: bold;
	color: #FFF;
	margin: 0;
	padding: 2px 0 0 10px;
}

.area_mansion .name_mansion a {
	text-decoration: none;
	color: #FFF;
}

.area_mansion .name_mansion a:hover {
	text-decoration: underline;
}

.area_mansion img {
	margin: 10px 0 10px 10px;
	border: none;
}

#header {
	margin: 0;
	right: inherit;
	padding-top: 0px;
	padding-bottom: 0px;
}

#header ul {
	height: 40px;
	padding-top: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-right: 0px;
	right: inherit;
}

#header li {
	list-style: none;
	height: 40px;
	float: left;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#h-nav a {
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	border-style: none;
	width: 75px;
	height: 41px;
}

#h-nav a:hover,#btn_kurashi a:hover img,.area_mansion a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}

#h-nav .btn01 a {
	background: url(../img/yokohama/h-nav01.gif) no-repeat;
}

#h-nav .btn02 a {
	background: url(../img/yokohama/h-nav02.gif) no-repeat;
}

#h-nav .btn03 a {
	background: url(../img/yokohama/h-nav03.gif) no-repeat;
	right: auto;
}

#h-nav .btn04 a {
	background: url(../img/yokohama/h-nav04.gif) no-repeat;
}

#h-nav .btn05 a {
	background: url(../img/yokohama/h-nav05.gif) no-repeat;
}

#h-nav .btn06 a {
	background: url(../img/yokohama/h-nav06.gif) no-repeat;
}

#h-nav .btn07 a {
	background: url(../img/yokohama/h-nav07.gif) no-repeat;
}

#h-nav .btn08 a {
	background: url(../img/yokohama/h-nav08.gif) no-repeat;
}

#h-nav .btn09 a {
	background: url(../img/yokohama/h-nav09.gif) no-repeat;
}

#h-nav .btn10 a {
	background: url(../img/yokohama/h-nav10.gif) no-repeat;
}

/* レスポンシブレイアウト */

@media screen and (min-width: 480px) {
/* 幅が480px以上の場合：PC・タブレット向け */
	
	.hidden-desktop {
		display: none;
	
}
}

@media screen and (max-width: 479px) {
/* 幅が479px以下の場合：スマホ向け */
	
	.hidden-phone {
		display: none;
	
}
	
	body {
		margin-left: 0px;
	
}
	
	#myCarousel .item img {
		display: block;
		margin: 0 auto;
	
}
}

@media screen and (min-width: 1000px) {
/* 幅が1000px以上の場合：固定幅 */
	
	#container .row-fluid {
		margin: 0 auto;
		width: 1000px;
	
}
}

@media screen and (max-width: 320px) {
/* 幅が320px以下の場合：固定幅 */
	
	#container .row-fluid {
		width: 320px;
	
}
}