@charset "utf-8";

/* 2012.css */

.news_title_at {
	background:url(../img/works/bg_tit.gif) no-repeat;
	margin:0 0 10px 0;
	border:none;
	height:31px;
}
.join_infobox_content {
	padding-top:30px;
}

#contentsHeader {
	background:url(../img/works/bg_contents.jpg) no-repeat;
	padding-top:30px;
	/*height:219px;*/
	padding:30px 35px 0;
}
#contentsHeader h2 {
	text-align:center;
	margin-bottom:30px;
}

#contentsHeader ul#localnavi {
	text-align:center;
}
#contentsHeader ul#localnavi li {
	display:inline-block;
	margin-bottom:5px !important;
}
#contentsHeader ul#localnavi li:last-child {
	display:block;
	/*margin:0 200px;*/
}
#contentsHeader img {
  vertical-align:bottom;
}
#contentsHeader ul#localnavi li a {
}


#winnersPhase ul.workList {
	margin-bottom:20px;
}
#winnersPhase .workColumn {
	width:250px;
	padding:0 40px 20px 0;
	float:left;
}
#winnersPhase .workColumn .thumbnail {
	text-align:center;
}
#winnersPhase .workColumn.last {
	padding-right:0;
}



#awardsPhase {
	margin-bottom:20px;
}
#awardsPhase table.highestAward {
	margin-bottom:20px;
}
#awardsPhase .lineV {
	width:1px;
	background:url(../img/item_dot02.gif) repeat-y;
}
#awardsPhase .lineH {
	height:1px;
	background:url(../img/item_dot01.gif) repeat-x bottom;
}
#awardsPhase .workColumn {
	padding:20px;
	vertical-align:top;
}

.workColumn h3.credit {
	font-weight:bold;
	margin-bottom:5px;
}
.workColumn h3.credit span {
	font-size:126%;
	display:block;
}
.workColumn .thumbnail {
	width:340px;
	margin:0 auto 5px;
}
#winnersPhase .thumbnail {
	width:250px;
}
.workColumn .thumbnail .prize {
	float:left;
	width:77px;
}
.workColumn .thumbnail .photo {
	float:right;
	width:250px;
	text-align:center;
}
.join_infobox_content table.photo td,
.workColumn .thumbnail td {
	background:#000;
}
p.comment .tits {
}
p.comment .tits {
	display:block;
	text-decoration:underline !important;
}
table.highestAward p.bold span {
	font-size:126%;
	display:block;
}


/* clearfix */
.clearfix {
    overflow: hidden;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .clearfix {
    height: 1em;
    overflow: visible;
}
/**/
.clear {
	clear: both;
}

