@charset "UTF-8";

/* ------------------------------------------- CSS Information 
 Name:		contest.css
 Author:	T.tsutsumi
 Update:	2013/05/23
 Info:		コンテストページ
----------------------------------------------------------- */

#permanentSlider {
	width: 100%;
	min-width: 970px;
	height: 495px;
	overflow: hidden;
	position: relative;
}
#permanentSlider h2 {
	width: 970px;
	position: relative;
	z-index: 3;
	margin: 0 auto;
}
#permanentSlider h2 span {
	display: block;
	position: absolute;
	left: 47px;
	top: 49px;
	width: 280px;
	height: 404px;
	background: url(../images/top/special/contest/fig_contest.png) no-repeat left top;
	text-indent: -9999px;
}
#permanentSlider #slideWrap {
	width: 100%;
	height: 495px;
}
#permanentSlider #slideWrap #slideImgList {
	position: relative;
}
#permanentSlider #slideWrap #slideImgList span {
	position: absolute;
	top: 0;
	left: 0;
}



#localNavi {
	padding: 30px 0 0 0;
	min-width: 970px;
}

#localNavi ul {
	letter-spacing: -.40em;
	text-align: center;
}

#localNavi ul li {
	letter-spacing: normal;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 267px;
	height: 70px;
}
#localNavi ul li a,
#localNavi ul li span {
	display: block;
	width: 267px;
	height: 70px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}

#localNavi ul li.btnResult01, #localNavi ul li.btnResult02 {
	margin: 0 20px 0 0;
}

#localNavi ul li.btnResult01 a,
#localNavi ul li.btnResult01 span {
	background-image: url(../images/special/contest/lnav_entry01.png);
}

#localNavi ul li.btnResult02 a,
#localNavi ul li.btnResult02 span {
	background-image: url(../images/special/contest/lnav_result01.png);
}

#localNavi ul li.btnHowto a,
#localNavi ul li.btnHowto span {
	background-image: url(../images/special/contest/lnav_howto.png);
}

#localNavi ul li a:hover,
#localNavi ul li span {
	background-position: left bottom;
}


/* 参加方法ページ */

#selectPresent {
	width: 870px;
	margin: 0 auto;
	font-size: 11px;
	color: #009933;
	zoom: 1;
	padding:50px 0 0 0px;
	text-align: center;
}
#selectPresent:after {
	content: ""; 
	display: block; 
	clear: both;
}

#selectPresent .photo {
	float: left;
}
#selectPresent .infoPresent {
	float: right;
	height: 450px;
	position: relative;
}
#selectPresent .infoPresent div {
	position: absolute;
	bottom: 0;
}
#selectPresent h3 {
	text-align: center;
	margin: 0;
}
#selectPresent p {
	font-size: 16px;
	line-height: 1.6;
	text-align: center;
	font-weight: bold;
	margin: 0;
}
#selectPresent p span {
	font-size: 12px;
	display: inline-block;
}
#selectPresent p.closing {
	margin: 6px 0 16px;
}


#infoContest {
	min-width: 970px;
	position: relative;
	z-index: 3;
	background: url(../images/special/contest/bg_contest.png) repeat-x left -120px #ffdc00;
	-webkit-box-shadow: 0 2px 3px rgba(4, 0, 0, 0.15);
	-moz-box-shadow: 0 2px 3px rgba(4, 0, 0, 0.15);
	-o-box-shadow: 0 2px 3px rgba(4, 0, 0, 0.15);
	-ms-box-shadow: 0 2px 3px rgba(4, 0, 0, 0.15);
	box-shadow: 0 2px 3px rgba(4, 0, 0, 0.15);
}

#infoContest h3,
#infoContest p {
	margin: 0;
}
#infoContest p {
	font-size: 12px;
	color: #6e635f;
}

#infoContest .lead {
	margin: 0 0 30px 0;
}
#infoContest .lead h3 {
	margin: 0 0 18px 0;
}
#infoContest .lead p {
	font-size: 14px;
	color: #009933;
	font-weight: bold;
}
#infoContest .lead p.leadMain {
	line-height: 1.6;
	letter-spacing: 0.2em;
	background: url(../images/special/contest/howto/line.png) center bottom no-repeat;
	padding-bottom: 26px;
}
#infoContest .lead p span {
	font-size: 10px;
	color: #009933;
	letter-spacing: 0.15em;
}

#infoContest #section1 {
	background: url(../images/special/contest/howto/txt_n_how_to01.png) 35px top no-repeat;
	padding: 25px 0 0 0;
	width: 754px;
	margin: 0 auto;
}
#infoContest #section1 h3 {
	text-align: left;
	padding-left: 155px
}
#infoContest #section1 p {
	text-align: left;
}
#infoContest #section1 p.section1Txt {
	padding-left: 155px;
}
#infoContest #section1 .section1Img {
	position: relative;
}
#infoContest #section1 .section1Img ul {
	position: absolute;
	top: 57px;
	right: -98px;
	width: 141px;
	height: 263px;
}
#infoContest #section1 .section1Img ul li {
	margin-bottom: 15px;
	display: none;
	position: absolute;
}

#infoContest #section1 .section1Img ul li#js-fukidashi01 {
	top: 0;
	left: 0;
}
#infoContest #section1 .section1Img ul li#js-fukidashi02 {
	top: 132px;
	left: 0;
}

#infoContest #section2 {
	background: url(../images/special/contest/howto/txt_n_how_to02.png) 35px top no-repeat;
	padding: 40px 0 0 0;
	width: 754px;
	margin: 30px auto 0;
}
#infoContest #section2 h3, #infoContest #section2 p {
	text-align: left;
	padding-left: 155px
}

#infoContest .bgNone {
	background: none !important;
}
#infoContest #section3 {
	background: url(../images/special/contest/howto/txt_n_how_to03.png) 35px top no-repeat;
	padding: 40px 0 0 0;
	width: 754px;
	margin: 30px auto 0;
}
#infoContest #section3 h3, #infoContest #section3 p {
	text-align: left;
	padding-left: 155px
}

#infoContest #requirements {
	width: 782px;
	background: url(../images/special/contest/howto/line_footer_01.png) center bottom no-repeat;
	padding-bottom: 14px;
	margin: 0 auto 52px;
}
#infoContest #requirementsInner {
	width: 782px;
	background: url(../images/special/contest/howto/line_header_01.png) center top no-repeat;
	padding-top: 14px;
}
#infoContest #requirementsInnerArea {
	width: 708px;
	background: url(../images/special/contest/howto/line_middle_01.png) center center repeat-y;
	padding: 10px 30px 10px 44px;
}
#infoContest #requirements p {
	font-size: 11px;
	text-align: left;
	margin: 12px 0;
}
#infoContest #requirements .requirementsHeadline {
	font-size: 13px;
}

#infoContest .section {
	padding: 0 0 15px 0;
	background: url(../images/special/contest/howto/line.png) center bottom no-repeat;
}
#infoContest .section h3 {
	margin: 0 0 25px 0;
}
#infoContest .section p {
	margin: 0 0 30px 0;
	line-height: 1.6;
}
#infoContest .section p span {
	font-size: 10px;
}

#infoContest .section #btnTwitterAccount {
	display: block;
	width: 190px;
	height: 74px;
	line-height: 1.6;
	margin: 0 auto 30px;
	background: url(../images/special/contest/howto/btn_how_to03.png) no-repeat left top;
}
#infoContest .section #btnTwitterAccount:hover {
	background-position: left bottom;
}

#infoContest .content {
	width: 970px;
	margin: 0 auto;
	text-align: center;
	padding: 140px 0 70px 0;
}

#infoContest .content #downloadInfo {
	width: 499px;
	margin: 0 auto;
	overflow: hidden;
}

#infoContest .content #downloadInfo .icoInstagram {
	width: 99px;
	height: 76px;
	background: url(../images/special/contest/howto/ico_how_to01.png) no-repeat left top;
	float: left;
}

#infoContest .content #downloadInfo .btnAppLink {
	width: 400px;
	float: left;
}
#infoContest .content #downloadInfo .btnAppLink ul {
	letter-spacing: -.40em;
	margin-bottom: 10px;
}
#infoContest .content #downloadInfo .btnAppLink ul li {
	width: 190px;
	display: inline-block;
	*display: inline;  
    *zoom: 1;  
	letter-spacing: normal;
	padding: 1px 0 0;
}
#infoContest .content #downloadInfo .btnAppLink .btn01 {
	margin: 0 20px 0 0;
}

#infoContest .content #downloadInfo .btnAppLink ul li a {
	display: block;
	width: 190px;
	height: 74px;
	background-repeat: no-repeat;
	background-position: left top;
}

#infoContest .content #downloadInfo .btnAppLink .btn01 a {
	margin: 0 20px 0 0;
	background-image: url(../images/special/contest/howto/btn_how_to01.png);
}
#infoContest .content #downloadInfo .btnAppLink .btn02 a {
	background-image: url(../images/special/contest/howto/btn_how_to02.png);
}
#infoContest .content #downloadInfo .btnAppLink ul li a:hover {
	background-position: left bottom;
}
#infoContest .content #downloadInfo .btnAppLink p {
	text-align: left;
	font-size: 10px;
}

#infoContest .section .contributeImg {
	display: inline-block;
	width: 232px;
	height: 414px;
	margin-right: 10px;
	padding: 0 0 0 130px;
}
#infoContest .section .contributeText {
	display: inline-block;
	width: 244px;
	text-align: left;
}

#infoContest .content #terms {
	height: 184px;
	overflow-y: scroll;
	text-align: left;
	font-size: 10px;
	color: #6e635f;
	width: 860px;
	margin: 0 auto;
}

#infoContest .content #terms p {
	font-size: 10px;
	margin: 0;
	padding: 0 15px 0;
}

.scrollgeneric {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1px;
	font-size: 1px;
}

.vscrollerbar {
	width: 11px;
}
.vscrollerbarbeg {
	width: 11px;
	height: 2px !important;
	background: url(../images/special/contest/howto/scroll_top.png);
}
.vscrollerbarmid {
	width: 11px;
	background: url(../images/special/contest/howto/scroll_middle.png);
}

.vscrollerbarend {
	width: 11px;
	height: 2px !important;
	background: url(../images/special/contest/howto/scroll_bottom.png);
}
.vscrollerbase {
	width: 11px;
}


/* 結果発表ページ */
.resultContent {
	min-width: 970px;
	position: relative;
	z-index: 3;
	background: url(../images/special/contest/bg_contest.png) repeat-x left -130px #ffdc00;
	-webkit-box-shadow: 0 2px 3px rgba(4, 0, 0, 0.15);
	-moz-box-shadow: 0 2px 3px rgba(4, 0, 0, 0.15);
	-o-box-shadow: 0 2px 3px rgba(4, 0, 0, 0.15);
	-ms-box-shadow: 0 2px 3px rgba(4, 0, 0, 0.15);
	box-shadow: 0 2px 3px rgba(4, 0, 0, 0.15);
}
.resultContent .content {
	width: 970px;
	margin: 0 auto;
	text-align: center;
	padding: 20px 0 70px 0;
}
.resultContent .andDescription {
	padding-top: 20px;
}

#resultContentDescription {
	font-size: 85%;
	font-weight: bold;
	color: #009933;
}

#resultContentDescription span {
	font-size: 75%;
}

#resultContentDescription02 {
	font-size: 115%;
	font-weight: bold;
	color: #009933;
	text-align: center;
	padding-top: 10px;
}
#resultContentDescription02 p {
	font-size: 75%;
}
#resultContentDescription02 span.large {
	font-size: 125%;
}
#resultContentDescription02 span.small {
	font-size: 85%;
}


/* 追記_130527 */

.photoContent {
	margin-bottom: 40px;
}
.photoContent h3 {
	width: 170px;
	height: 30px;
	text-indent: -9999px;
	background: url(../images/special/contest/result01/icon_label_03.png) no-repeat;
	margin: 0 auto 20px auto;
}
#result01 .content .photoContent .photoWrap li {
	padding-top: 20px;
}

	
#result01 .content .photoWrap {
	padding: 0 37px;
	text-align: left;
}

#result01 .content .photoWrap li {
	width: 198px;
	/* float: left; */
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	margin: 0 13px 0;
	position: relative;
	padding-top: 51px;
}
#result01 .content .photoWrap li p.new {
	width: 69px;
	height: 31px;
	background: url(../images/special/contest/result01/icon_new.png) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 0;
}
#result01 .content .photoWrap li p {
	font-size: 75%;
	font-weight: bold;
	color: #009933;
	text-align: center;
	word-break: break-all;
}

#result01 .content .photoWrap li p.name {
	
}

#result01 .content .photoWrap li p.comment {
	margin: 0;
	text-align: left;
}

.specialContent1 {
	width: 870px;
	background: url(../images/special/contest/result01/line_footer_01.png) center bottom no-repeat;
	padding-bottom: 14px;
	margin: 140px auto 60px;
}
.specialContent1Inner {
	width: 870px;
	background: url(../images/special/contest/result01/line_header_01.png) center top no-repeat;
	padding-top: 14px;
}
.specialContent1Inner .specialContent1Area {
	width: 750px;
	background: url(../images/special/contest/result01/line_middle_01.png) center center repeat-y;
	padding: 0 60px 25px 60px;
}
.specialContent1 h3 {
	width: 326px;
	height: 84px;
	text-indent: -9999px;
	background: url(../images/special/contest/result01/icon_label_01.png) no-repeat;
	margin: 0 auto -10px;
	position: relative;
	top: -45px;
}
.specialContent1Inner .specialContent1Area .specialContent1Img {
/*
	width: 367px;
	float: left;
	margin-right: 34px;
*/
}
.specialContent1Inner .specialContent1Area .specialContent1Img p {
	color: #ffffff;
	font-weight: bold;
	word-break: break-all;
	margin: 0;
	padding: 1em 0;
}
.specialContent1Inner .specialContent1Area dl {
	float: left;
	text-align: left;
	width: 349px;
}
.specialContent1Inner .specialContent1Area dl dt {
	margin-bottom: 27px;
	font-size: 18px;
	font-weight: bold;
	color: #ffff00;
}
.specialContent1Inner .specialContent1Area dl dd {
	font-size: 90%;
	color: #ffffff;
	/* margin-bottom: 37px; */
	word-break: break-all;
	line-height: 2;
}


.specialContent2 {
	width: 870px;
	background: url(../images/special/contest/result01/line_footer_02.png) center bottom no-repeat;
	padding-bottom: 14px;
	margin: 0 auto 60px auto;
}
.specialContent2Inner {
	width: 870px;
	background: url(../images/special/contest/result01/line_header_02.png) center top no-repeat;
	padding-top: 14px;
}
.specialContent2Inner .specialContent2Area {
	width: 780px;
	background: url(../images/special/contest/result01/line_middle_02.png) center center repeat-y;
	padding: 0 45px 0 45px;
}
.specialContent2 h3 {
	width: 233px;
	height: 54px;
	text-indent: -9999px;
	background: url(../images/special/contest/result01/icon_label_02.png) no-repeat;
	margin: 0 auto 10px;
	position: relative;
	top: -29px;
}
.specialContent2Inner .specialContent2Area ul {
	width: 732px;
	margin: 0 auto;
}
.specialContent2Inner .specialContent2Area ul li {
	width: 306px;
	float: left;
	margin: 0 30px 35px;
}
.specialContent2Inner .specialContent2Area ul li p {
	font-size: 85%;
	font-weight: bold;
	color: #009933;
	text-align: center;
	word-break: break-all;
}
.specialContent2Inner .specialContent2Area dl {
	width: 750px;
	text-align: left;
	float: left;
	margin: 18px 15px 0;
}
.specialContent2Inner .specialContent2Area dl dt {
	margin-bottom: 5px;
}
.specialContent2Inner .specialContent2Area dl dd {
	font-size: 75%;
	color: #666666;
	word-break: break-all;
}


.specialContent3 {
	width: 870px;
	background: url(../images/special/contest/result01/line_footer_03.png) center bottom no-repeat;
	padding-bottom: 14px;
	margin: 0 auto 40px auto;
}
.specialContent3Inner {
	width: 870px;
	background: url(../images/special/contest/result01/line_header_03.png) center top no-repeat;
	padding-top: 14px;
}
.specialContent3Inner .specialContent3Area {
	width: 780px;
	background: url(../images/special/contest/result01/line_middle_03.png) center center repeat-y;
	padding: 0 45px 26px 45px;
}
.specialContent3 h3 {
	width: 233px;
	height: 54px;
	text-indent: -9999px;
	background: url(../images/special/contest/result01/icon_label_04.png) no-repeat;
	margin: 0 auto 10px;
	position: relative;
	top: -29px;
}
.specialContent3Inner .specialContent3Area .specialContent1Img p {
	color: #009933;
	font-weight: bold;
	word-break: break-all;
	margin: 0;
	padding: 1em 0;
}



#special_present_area {
	clear: both;
	background: url(../images/special/contest/howto/line02.png) center 27px no-repeat;
	padding-top: 62px;
	zoom: 1;
}