@charset 'UTF-8';



/* ========================================

OUTLINE

	OKAMURA VISPLAY Design Competition

	「コンペ概要」CSS

======================================== */



/* ----- 断り書き ----- */

.directions {

	margin: 5px 0 0 0;

	font-size: 0.84em;

	text-align:right;

}



h2.first {

	margin-top: 10px;

}





/* ----- グランプリ ----- */

.grand,

.prize {

	margin-bottom:15px;

	padding-bottom: 15px;

	border-bottom: 1px dotted #c3c3c3;

	}



.grand div img,

.prize div img {

	margin-bottom: 9px;

	}



.grand a img,

.prize a img {

	float: left;

	}



.prize a img.ph {

	padding-left:20px;

	}



.grand div {

	float: right;

	width: 389px;

	text-align: left;

}



.grand dt,

.prize dt {

	font-weight: bold;

	clear: left;

  float: left;

  width: 8em;

}

.grand dd,

.prize dd {

	margin-left: 8em;

	zoom: 1;

	_height: 1%;

}



/* ----- グランプリ以外 ----- */

.prize div {

	float: right;

	width: 439px;

	text-align: left;

}







/* ----- 受賞作品ページ ----- */

#prize .section {

	position: relative;

}



#prize .section .section_g,

#prize .section .section_e {

	position: absolute;

	top: 1px;

	display: block;

	}



#prize .section .section_g {

	left: 171px;

	_left: 182px;

	}

#prize .section .section_e {

	left: 138px;

	_left: 149px;

	}



#prize .visual {

	margin: 30px -11px 0 -11px;

	display: block;

	}

	

#prize .section p {

	margin: 5px -11px 0 -11px;

	}



.dl {

	padding: 2px 0  2px 20px;

	background: url(../prize/img/icon_pdf.gif) no-repeat left center;

	}



#prize h2 {

	margin-top: 10px;

	padding-bottom: 6px;

	background: url(../prize/img/border.gif) left bottom no-repeat;

	border-bottom: none;

	}



table.expl {

	width: 592px;

	margin-top: -0.8em;

	}



table.expl th,

table.expl td {

	padding: 0.8em 0;

	border-bottom: 1px dotted #c3c3c3;

	vertical-align: top;

	}



table.expl td.sub {

	padding-bottom: 0;

	border-bottom: none;

	}



table.expl th {

	padding-right: 0.5em;

	font-weight: bold;

	vertical-align: middle;

	}



#btn {

	margin: 30px auto 15px auto;

	*font-size: 0.1em;

	float: right;

	}



#btn li {

	margin: 0 5px 0 0;

	padding: 0;

	float: left;

	height: 20px;

	}



#btn li.pre img {

	margin-top: 3px;

	}



#nav li li {

	padding: 1px 0;

	border-bottom: none;

	}



#nav li li a,

#nav li li img {

	display: block;

	width: 145px;

	height: 14px;

	}

#nav li li.first a,

#nav li li.first img {

	display: block;

	width: 145px;

	height: 17px;

	}
