@charset "utf-8";

/*----------------------------------
　　アメリカの歴史的建造物　/building/
-----------------------------------*/

h3,h4,h5,h6,ul,li,ol,dl,dt,dd,table,th,td,div,p,img {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

img a {
	border: 0;
}

.imgR {
	float: right !important;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left !important;
	margin: 0 10px 10px 0;
}

.chgOld {
	text-align: right;
}


.tit_gray {
    background: url("../img/common/tit_bg_gray.jpg") no-repeat scroll 0% 0% transparent;
    vertical-align: top;
    line-height: 31px;
    padding: 0px 0px 0px 10px;
    margin-bottom: 20px !important;
    font-size: 17px;
	color: #333 !important;
}


/* index.html */

.buidingNavi {
	overflow: hidden;
	margin: 0 0 50px 15px;
}

.buidingNavi li {
	position: relative;
    width: 238px;
	height: 37px;
	float: left;
    line-height: 37px;
    display: block;
    background: url("../img/useful/btn250_blue.png") no-repeat scroll 0% 0% transparent;
    text-align: left;
    text-decoration: none;
    color: #FFF !important;
    font-weight: bold;
    padding-left: 12px;
	margin: 0 10px 10px 0;
}

.buidingNavi li a {
    width: 238px;
	height: 37px;
	display: block;
	color: #fff;
}

.buidingNavi li a:hover{
	text-decoration:none;
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";	
}

.buidingNavi li .new {
	position: absolute;
	right: 10px;
	top: 10px;
}



/*newyork.html*/

.mainTitle {
	margin:0 0 20px 0;
}

.mainTitle h4 {
	color: #0079C2;
	font-family: "ヒラギノ明朝 Pro W4","Hiragino Mincho Pro","HGS明朝B","ＭＳ Ｐ明朝",serif;
	font-size: 32px;
}

.mainTitle .lead {
	font-size: 14px;
}

.buildBox {
	margin: 0 0 30px;
	overflow: hidden;
}

.buildBox h4 {
	background: url("../img/common/tit_bg_blue.jpg");
	font-size: 17px;
	line-height: 37px;
	margin-bottom: 10px;
	padding: 0 0 0 10px;
	vertical-align: top;
	zoom: 1;
	color: #fff;
}

.buildBox p {
	margin: 0 10px;
	padding: 0;
}
	
.topBorder {
	border-top: dotted 1px #ccc;
	padding-top: 10px;
	margin-top: 20px;
	overflow: hidden;
}

.indent5 {
	text-indent: -5em;
	padding-left: 5em;
}

.buildBox ul,
.buildBox dl {
	margin: 0 10px;
}

.buildBox .blueList dt {
	color: #0071BC;
}
.buildBox .blueList dd {
	margin-bottom: 20px;
}



/*-------- スマホ対応 -----------*/

@media screen and (max-width:800px){
	#main h3.tit_gray{
		background: #EEE;
		line-height: 1.4em;
		font-size:14px;
        /* UPD 161022 -> */
        padding: 5px 5px 5px 19px;
        text-indent: -14px;
		/* padding: 5px; */
        /* UPD 161022 <- */
	}
	.mainTitle h4 img {
		width: 100%;
	}
	.mainTitle h4 {
		font-size: 16px;
	}
	
	.buidingNavi {
		overflow: hidden;
		margin: 0 0 50px 0;
	}
	.buidingNavi li {
		position: relative;
	    width: 100%;
		height: auto;
		float: none;
	    line-height: 1.4em;
	    display: block;
	    background: none;
	    background: linear-gradient(#96B7E2, #047DC4);
	    padding: 0;
		margin: 5px 0;
	}

	.buidingNavi li a {
	    width: 96%;
	    padding: 1em 2%;
		height: auto;
		display: block;
	}
	.buidingNavi li .new {
		position: absolute;
		right: 10px;
		top: 10px;
	}
	
	.imgL,
	.imgR {
		display: block;
		width: 100%;
		height: auto;
	}
	h4.tit_blue {
		background: none;
		background: linear-gradient(#96B7E2, #047DC4);
		font-size: 17px;
		line-height: 1.4em;
		margin-bottom: 10px;
		padding: 5px;
		vertical-align: top;
		zoom: 1;
	}
}