@charset "utf-8";

/* 高さを調整
---------------------------------------------------------------------------------- */
.structure {
	margin:16px auto 0;
}
.right-column {
	margin-top:3px;
}
/* トップイメージ
---------------------------------------------------------------------------------- */
.contest .main-contents {		/* 受付中 */
	margin-top:6px;
	background:url(/topic/contest2010_summer/images/topImage.jpg) no-repeat;
	width:712px;
	height:423px;
	position:relative;
}
.contest .close {				/* 受付終了 */
	background:url(/topic/contest2010_summer/images/topImage_close.jpg) no-repeat;
}
.contest .main-contents h1,
.contest .main-contents p,
.contest .main-contents dl {
	text-indent:-9999px;
}
.contest .blogparts {
	position:absolute;
	left:378px;
	top:185px;
}
.contest .blogparts img {
	position:absolute;
	left:36px;
	top:226px;
}

/* コンテスト用ボタン
---------------------------------------------------------------------------------- */
.contest .contest_btn {
	margin:6px auto 0;
	width:352px;
	_width:356px;/*ie6*/
	text-align:center;
	overflow:hidden;
	_zoom:1;
}
.contest .contest_btn li {
	float:left;
	margin:15px 2px 0;
}
.contest .contest_btn li a {
	width:168px;
	height:48px;
}
.contest .contest_btn li.makeDigibook {
	background:url(/topic/contest2010_summer/images/btn_makeDigibook_on.png) no-repeat;
}
.contest .contest_btn li.openList {
	background:url(/topic/contest2010_summer/images/btn_openList_on.png) no-repeat;
}
.contest .contest_btn li.makeDigibook a {
	background:url(/topic/contest2010_summer/images/btn_makeDigibook.png) no-repeat;
}
.contest .contest_btn li.openList a {
	background:url(/topic/contest2010_summer/images/btn_openList.png) no-repeat;
}
.contest .contest_btn li a:hover {
	background:none;
}

/* 賞品、応募手順
---------------------------------------------------------------------------------- */
.contest .prize,
.contest .entryMethod {
	margin-left:1px;
	background:url(/topic/contest2010_summer/images/container.png) no-repeat bottom;
	width:710px;
	height:auto;
	font-size:14px;
	line-height:1.4;
}
.contest .prize {
	margin-top:33px;
	padding-bottom:17px;	
}
.contest .read {
	width:659px;
	margin-left:2px;
}
.contest .first {			/* グランプリ */
	margin:15px 0 0 26px;
}
.contest .first .read {
	margin-top:14px;
	background:url(/topic/contest2010_summer/images/webGallery.jpg) no-repeat left bottom;
	width:617px;/*669px*/
	height:356px;
	padding:0 50px 0 2px;
}
.contest .first ol {
	margin:22px 0 0 2px;
}
.contest .second {			/* 準グランプリ */
	margin:11px 0 0 26px;
}
.contest .second .read {
	margin-top:12px;
	background:url(/topic/contest2010_summer/images/Optio_I-10.jpg) no-repeat right top;
	width:331px;/*627px*/
	height:170px;/*180px*/
	padding:10px 294px 0 2px;
}
.contest .second .read a {
	display: inline-block;
	/display: inline;/*ie5-7*/
	/zoom: 1;/*ie5-7*/
	margin-top:12px;
}
.contest .third {			/* 入選 */
	margin:45px 0 0 26px;
	overflow:hidden;
	_zoom:1;
}
.contest .third .read {
	margin-top:14px;
	width:636px;
	padding-left:2px;
}
.contest .third ul {
	margin:29px 0 0 4px;
}
.contest .third li {
	float:left;
	margin-right:17px;
	font-size:14px;
	line-height:1.2;
}
.contest .third .book {
	background:url(/topic/contest2010_summer/images/photoBook.jpg) no-repeat right bottom;
	width:304px;
	height:185px;
}
.contest .third .movie {
	margin-left:4px;
	background:url(/topic/contest2010_summer/images/photoMovie.jpg) no-repeat right bottom;
	width:315px;
	height:193px;
}
.contest .third li p {
	margin:7px 0 0 3px;
}
.contest .third li span {
	display:block;
	margin:6px 0 0 -2px;
	font-size:12px;
}
.contest .entryMethod {
	margin-top:31px;
	padding-bottom:27px;
}
.contest .entryMethod .read {
	margin:16px 0 0 24px;
	background:url(/topic/contest2010_summer/images/method.gif) no-repeat center bottom;
	width:661px;/*663px*/
	height:247px;
	padding-left:2px;
}
.contest .entryMethod .contest_btn {
	margin-top:22px;
}

/* 応募上のご注意
---------------------------------------------------------------------------------- */
.contest .attention {
	margin-top:17px;
	width:666px;
	color:#666666;
	line-height:1.8;
}
.contest .attention p {
	font-size:14px;
	text-indent:.5em;
}
.contest .attention ul {
	margin-top:4px;
	font-size:12px;
	padding-left:12px;
}
.contest .attention li {
	text-indent:-1em;
}

/* 応募作品一覧ページ
---------------------------------------------------------------------------------- */
.contest .section_lv2 {							/* ページタイトルの背景 */
	margin-top:29px;
	background: url(images/titleBase_contest.gif) no-repeat 2px 0;
	width:701px;
	height:28px;
	text-align:left;
	position:relative;
}

/* 結果発表
---------------------------------------------------------------------------------- */
.contest .result {
	height:442px;
	overflow:hidden;
}
.contest .result h1 {
	text-indent:0;
}
.screening {
	margin:7px 0 0 29px;
	background:url(../images/screening_photo.jpg) no-repeat right top;
	width:386px;/*657px*/
	height:167px;
	padding:13px 271px 0 0;
}
.screening dt {
	margin:0 0 0 4px;
}
.screening dd {
	margin-top:12px;
	line-height:1.8;
	font-size:12px;
}
.award {
	border:#EFEFEF 4px solid;
	background:#FFF;
	width:704px;
	margin:30px auto 45px;
	padding-bottom:20px;
	position:relative;
}
.award h2 {
	width:694px;
	margin:0 auto;
}
.grandprix h2 {
	margin-top:-14px;
}
.grandprix .blogparts {
	position:absolute;
	left:100px;
	top:100px;
}
.grandprix .work,
.semiGrandprix .work {
	margin-left:47px;
}
.award .db_title {/* デジブックのタイトル */
	font-size:23px;
	font-weight:bold;
	line-height:1;
	margin:11px 0 0 3px;
}
.award .db_title span {/* サブタイトル */
	font-size:14px;
	font-weight:normal;
	display:block;
	margin:12px 0 0 3px;
}
.award .author a {/* 作者 */
	display: inline-block;
	/display: inline;/*ie5-7*/
	/zoom: 1;/*ie5-7*/
	margin:19px 0 0 3px;
	line-height:36px;
	padding-left:43px;
}
.grandprix .author a {
	background:url(../images/author.gif) no-repeat left top;
}
.award .winnerComment {
	margin:3px 0 0 2px;
	background:url(../images/balloon.png) no-repeat;
	width:243px;/*258px*/
	height:68px;/*92px*/
	padding:24px 0 0 15px;
}
.winnerComment p {
	overflow-y:scroll;
	width:232px;
	height:57px;
}
.award .blogparts {/* ブログパーツ */
	position:absolute;
	left:343px;
	top:85px;
}
.award .review {
	width:615px;
	margin:28px 0 0 46px;
	overflow:hidden;
}
.award .review dt {
	margin-left:2px;
}
.award .review dd {
	margin-top:4px;
	font-size:12px;
	line-height:1.8;
}
.semiGrandprix h2 {
	margin-top:-4px;
}
.semiGrandprix .author a {
	background:url(../images/author.gif) no-repeat left -35px;
}

.bookSection,			/*フォトバインダー部門*/
.movieSection {			/*フォトムービー部門*/
	width:697px;
	font-size:12px;
	line-height:1.6;
	padding-bottom:25px;
}
.bookSection ul {
	margin:-2px 0 0 9px;
	overflow:hidden;
}
.movieSection ul {
	margin:-1px 0 0 11px;
	overflow:hidden;
}
.bookSection h2 {
	margin-top:-4px;
}
.movieSection h2 {
	margin-top:-10px;
}
.bookSection li {
	float:left;
	margin-right:3px;
}
.movieSection li {
	float:left;
	margin-right:4px;
}
.bookSection .work,
.movieSection .work  {/* デジブックのジャケ */
	display:block;
	width:120px;/*130px*/
	padding:133px 0 0 10px;
}
.movieSection .work {
	padding-top:131px;
}
.book01 {
	background:url(../images/award.jpg) no-repeat left top;
}
.book02 {
	background:url(../images/award.jpg) no-repeat -140px top;
}
.book03 {
	background:url(../images/award.jpg) no-repeat -420px top;
}
.book04 {
	background:url(../images/award.jpg) no-repeat -280px top;
}
.book05 {
	background:url(../images/award.jpg) no-repeat -560px top;
}
.movie01 {
	background:url(../images/award.jpg) no-repeat -420px -190px;
}
.movie02 {
	background:url(../images/award.jpg) no-repeat -140px -190px;
}
.movie03 {
	background:url(../images/award.jpg) no-repeat left -190px;
}
.movie04 {
	background:url(../images/award.jpg) no-repeat -280px -190px;
}
.movie05 {
	background:url(../images/award.jpg) no-repeat -560px -190px;
}
.bookSection li p,
.movieSection li p {/* 作者名 */
	font-size:11px;
	margin-left:10px;
}
.bookSection li p a,
.movieSection li p a {
	margin-left:3px;
}
