/* ハウスオブザイヤー2013 CSS */


h4 { 
	margin: 20px 0 0.5em 0; padding: 0.2em 0.4em; border-bottom: 1px solid #0068b6;
	font-size: 1.2em; font-weight: bold; color: #0068b6;
}

#newsHead img {
	margin: 0; padding: 0;
}

#newsHead ul#logo {
	margin: -20px auto 0px;
	width: 750px; text-align: center;
}

#newsHead ul#logo li {
	margin:0 auto; padding: 0px;
	display: inline;
}
#newsHead ul#logo li img{
	margin:0 auto; padding: 20px;
	vertical-align: middle;
}

#hoty2014-logo {
	margin: 10px 20px 80px 0;
	padding: 0;
	display : block;
	float: left;
}
.container {
    width: auto;
    background-color: lightslategray;
    display: grid;
    grid-template: repeat(auto-fill, 200px);
    gap: 20px;
}

#right_contents .left {
	margin: 0 auto 10px; padding: 10px;
}
#right_contents .left img {
	margin: 0 0 -15px; padding: 0 0 -20px;
}
#right_contents .img_title {
	margin: 0; padding: 0;
	font-size: 0.8em;
	color: #444;
}

#evaluation {
	margin: 10px auto; padding: 2px;
	width: 90%;
}
#evaluation th,
#evaluation td {
	border: #CCC 1px solid;
	-weblit-box-shadow: 0 0px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0px 2px rgba(0,0,0,0.2);
	box-shadow: 0 0px 2px rgba(0,0,0,0.2);
}
#evaluation th {
    margin: 0 auto;
    vertical-align: middle;
	padding: 5px;
	background: #0068b6;
	color: #ffffff;
	width: 5%;
}
#evaluation td {
	margin: 5px; padding: 5px;
	font-size: 1em;
	line-height: 1.5em;
}
#evaluation td.point {
	color: #0068b6;
	font-weight: bold;
    vertical-align: middle;
}

#review-board {
	margin: 10px auto 30px; padding: 2px;
	width: 90%; 
}
#review-board th,
#review-board td {
	border: #CCC 1px solid;
	-weblit-box-shadow: 0 0px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0px 2px rgba(0,0,0,0.2);
	box-shadow: 0 0px 2px rgba(0,0,0,0.2);
}
#review-board th {
	padding: 5px;
	/*background: #0068b6;*/
	vertical-align: middle;
	color: #666666;
	width: 20%;
}
#review-board td {
	margin: 5px; padding: 5px;
	font-size: 1em;
	line-height: 1.5em;
}

.photoBox_left,
.photoBox_right {
	width: 330px;
	margin: 5px;
}
.photoBox_left img,
.photoBox_right img {
	margin: 5px auto;
	text-align: center;
	display: block;
}
.photoBox_left {
	padding: 0 10px 0 0;
	display: block;
	float: left;
}
.photoBox_right {
	padding: 0 0 0 10px;
	display: block;
	float: right;
}