/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/


/* ------ Clearfix ------ */

.clearfix,
.block,
.footer-inner,
ul.awardsList,
.cntrList ul {
	zoom:1;
}
.clearfix:after,
.block:after,
.footer-inner:after,
ul.awardsList:after,
.cntrList ul:after {
	content: ""; 
	display: block; 
	clear: both;
}

/* ------ General Settings ------ */

img {
	max-width: 100%;
	height: auto;
	width: auto\9;
}

body {
	background: #F93 url(../img/com_header_bg_02.png) no-repeat center 0;
}
body.index {
	background: #F93 url(../img/com_header_bg.png) no-repeat center 0;
}

.text-center {
	text-align: center;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
}


/* =========================================================
header
========================================================= */

header {
	overflow: hidden;
}
header #visual {
	position: relative;
	height: 250px;
	background: url(../img/com_header_bg_02.png) no-repeat center 0;
}
body.index header #visual {
	background: url(../img/com_header_bg.png) no-repeat center 0;
}
header #visual h1#siteTitle {
	position: absolute;
	left: 2px;
	top: 53px;
	width: 425px;
	height: 139px;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../img/com_sitetitle.png) no-repeat 0 0;
}
header nav#mainMenu {
	width: 1000px;
	height: 55px;
	background: url(../img/com_menu_bg.png) no-repeat center bottom;
}
header nav#mainMenu ul {
	float: left;
}
header nav#mainMenu ul li {
	float: left;
	height: 50px;
}
header nav#mainMenu ul li a {
	display: block;
	height: 50px;
	background-image: url(../img/com_menu_bg.png);
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999em;
}
header nav#mainMenu ul li:last-child a {
	border-right: 1px solid #BB3734;
}
header nav#mainMenu ul li#menu_01 a {
	width: 155px;
	background-position: 0 -50px;
}
header nav#mainMenu ul li#menu_01 a:hover {
	background-position: 0 0;
}
header nav#mainMenu ul li#menu_02 a {
	width: 127px;
	background-position: -155px -50px;
}
header nav#mainMenu ul li#menu_02 a:hover {
	background-position: -155px 0;
}
header nav#mainMenu ul li#menu_03 a {
	width: 155px;
	background-position: -282px -50px;
}
header nav#mainMenu ul li#menu_03 a:hover {
	background-position: -282px 0;
}
header nav#mainMenu ul li#menu_04 a {
	width: 153px;
	background-position: -437px -50px;
}
header nav#mainMenu ul li#menu_04 a:hover {
	background-position: -437px 0;
}
header nav#mainMenu p {
	float: right;
}
header nav#mainMenu p a {
	display: block;
	width: 166px;
	height: 50px;
	background-image: url(../img/com_menu_bg.png);
	background-repeat: no-repeat;
	background-position: -834px -50px;
	overflow: hidden;
	text-indent: -9999em;
}
header nav#mainMenu p a:hover {
	background-position: -834px 0;
}


/* =========================================================
contents
========================================================= */

#contents {
	width: 980px;
	background: #FFF;
	margin: 0 auto;
	clear: both;
}
#contents article {
	padding: 60px 100px;
}
#contents section {
	margin-top: 30px;
}
#contents h1 {
	font-size: 225%; /* 36px */
	font-weight: bold;
	color: #6E1500;
	padding: 0 0 10px 0;
	border-bottom: 2px solid #6E1500;
	line-height: 1.2;
}
#contents h2 {
	font-size: 112.5%; /* 18px */
	font-weight: bold;
	color: #6E1500;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #CCC;
	margin-top: 40px;
	line-height: 1.2;
}
#contents form h2 {
	font-size: 112.5%; /* 18px */
	font-weight: bold;
	color: #6E1500;
	padding: 20px 0 0 0;
	border-top: 3px solid #CCC;
	border-bottom: none;
	margin-top: 20px;
	line-height: 1.2;
}
#contents h3 {
	font-size: 100%; /* 16px */
	color: #6E1500;
	padding: 0 0 3px 0;
	border-bottom: 1px dotted #CCC;
	margin-top: 30px;
	line-height: 1.2;
}
#contents p {
	margin-top: 15px;
	font-size: 87.5%; /* 14px */
}
#contents strong {
	font-weight: bold;
	color: #F00;
}
#contents ul {
	margin-top: 20px;
	padding-left: 30px;
}
#contents ul li {
	margin-top: 5px;
	font-size: 87.5%; /* 14px */
	list-style: disc;
}
#contents ul ul {
	margin-top: 0;
}
#contents ul ol {
	margin-top: 0;
}
#contents ul li li {
	font-size: 100%; /* 14px */
}
#contents ol {
	margin-top: 20px;
	padding-left: 30px;
}
#contents ol ol {
	margin-top: 0;
}
#contents ol ul {
	margin-top: 0;
}
#contents ol li {
	margin-top: 5px;
	font-size: 87.5%; /* 14px */
}
#contents ol li li {
	font-size: 100%; /* 14px */
}
#contents table {
	margin-top: 30px;
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #CC7B77;
	border-left: 1px solid #CC7B77;
	font-size: 87.5%; /* 14px */
}
#contents th {
	border-bottom: 1px solid #CC7B77;
	border-right: 1px solid #CC7B77;
	padding: 10px 16px;
	color: #6E1500;
	font-weight: bold;
	background: #FFF3EC;
}
#contents td {
	border-bottom: 1px solid #CC7B77;
	border-right: 1px solid #CC7B77;
	padding: 10px 16px;
}

/*--- toEntryForm ---*/
#contents .toEntryForm {
	width: 600px;
	padding: 20px;
	background: #E8E8E8;
	border-radius: 10px;
	margin: 40px auto;
}
#contents .toEntryForm p {
	margin: 0;
	padding: 0;
}
#contents .toEntryForm p a {
	display: block;
	overflow: hidden;
	text-indent: -9999em;
	width: 600px;
	height: 120px;
	background-image: url(../img/com_btn.png);
	background-repeat: no-repeat;
	background-position: 0 -240px
}
#contents .toEntryForm p a:hover {
	background-position: -600px -240px
}

/*--- banner ---*/
#contents .bnr_w780 {
	margin-top: 50px;
}
body.index #contents .bnr_w780 {
	margin-right: auto;
	margin-left: auto;
	width: 780px;
}
#contents .bnr_w780 p {
	margin-top: 0;
	text-align: center;
}
#contents .bnr_w780 p a {
}
#contents .bnr_w780 p a img {
	width: 100%;
}
#contents .bnr_w780 p a:hover img {
	opacity: 0.7;
}

#contents .bnr_w680 {
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	width: 680px;
}
#contents .bnr_w680 p {
	margin-top: 0;
	text-align: center;
}
#contents .bnr_w680 p a {
}
#contents .bnr_w680 p a img {
	width: 100%;
}
#contents .bnr_w680 p a:hover img {
	opacity: 0.7;
}

#contents .bnr_wallpaper {
	text-align: center;
}

/*--- contribution ---*/
#contents .cntrList {
}
#contents .cntrList ul {
	width: 810px;
	margin: -30px 0 0 -30px;
	padding: 0;
}
#contents section.idxCntrList .cntrList ul {
	width: 920px;
	margin: 0 0 0 0;
	padding: 0 0 30px 5px;
}
#contents .cntrList ul li {
	width: 240px;
	float: left;
	padding: 30px 0 0 30px;
	margin: 0;
	list-style: none; 
}
#contents section.idxCntrList .cntrList ul li {
	width: 200px;
	padding: 30px 0 0 25px;
}
#contents .cntrList ul li a {
	display: block;
	border: 4px solid #CCC;
	padding: 1px;
	position: relative;
	text-decoration: none;
	color: #FFF; 
}
#contents .cntrList ul li.award a {
	border: 4px solid #A6E0FD;
}
#contents .cntrList ul li.award_yp a {
	border: 4px solid #FFC4C4;
}
#contents .cntrList ul li.award_gp a {
	border: 4px solid #FFD697;
}
#contents .cntrList ul li a:hover {
	border: 4px solid #F60;
}
#contents .cntrList ul li a img {
	width: 230px;
	height: 230px;
	display: block;
}
#contents section.idxCntrList .cntrList ul li a img {
	width: 190px;
	height: 190px;
}
#contents .cntrList ul li a .cntrTtl {
	display: block;
	width: 210px;
	padding: 5px 10px;
	font-size: 11px;
	background: #000;
	position: absolute;
	left: 1px;
	bottom: 1px;
	opacity: 0.5;
}
#contents section.idxCntrList .cntrList ul li a .cntrTtl {
	width: 170px;
}
#contents .cntrList ul li a .ribbon {
	display: block;
	width: 100px;
	height: 100px;
	position: absolute;
	left: -6px;
	top: -6px;
	overflow: hidden;
	text-indent: -9999em;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#contents .cntrList ul li.award a .ribbon {
	background-image: url(../img/award_rb.gif);
}
#contents .cntrList ul li.award_yp a .ribbon {
	background-image: url(../img/award_yp_rb.gif);
}
#contents .cntrList ul li.award_gp a .ribbon {
	background-image: url(../img/award_gp_rb.gif);
}

#contents section.idxCntrList {
	border: 2px solid #666;
	width: ;
}
#contents section.idxCntrList .idxCntrTit {
	padding: 10px 15px;
	margin: 0;
	background: #666;
	border: none;
	color: #FFF;
}
#contents section.idxCntrList .idxCntrTit h2 {
	padding: 0;
	margin: 0;
	border: none;
	color: #FFF;
	float: left;
}
#contents section.idxCntrList .idxCntrTit a {
	display: block;
	color: #FFF;
	float: right;
}

/* =========================================================
footer
========================================================= */

footer {
	width: 980px;
	margin: 0 auto;
	font-size: 81.25%; /* 13px */
}
#footer-inner {
}
#footer-inner nav {
}
#footer-inner nav ul {
	float: left;
	padding: 10px 0;
}
#footer-inner nav ul li {
	float: left;
	padding-right: 20px;
}
#footer-inner nav ul li a {
	padding-left: 15px;
	background: url(../img/com_bullet_footer.png) no-repeat 0 center;
	color: #FFF;
}
#footer-inner #copyright {
	float: right;
	padding: 10px 0;
	color: #FFF;
}
#footer-inner #copyright p {
	padding-right: 120px;
	background: url(../img/com_yp_logo.png) no-repeat right center;
}


/* =========================================================
index
========================================================= */

header.index #visual {
	height: 460px;
}
header.index #visual h1#siteTitle {
}
header.index #visual p#contestDescription {
	position: absolute;
	left: 35px;
	top: 231px;
	width: 348px;
	height: 0;
	padding: 0 0 62px 0;
	overflow: hidden;
	text-indent: -9999em;
	background: url(../img/index_mainv_text_01.png) no-repeat 0 0;
}
/*header.index #visual p#contestAward {
	position: absolute;
	left: 820px;
	top: 310px;
	width: 145px;
	height: 80px;
	overflow: hidden;
	text-indent: -9999em;
	background: url(../img/index_mainv_text_02.png) no-repeat 0 0;
}*/
header.index #visual p#contestAward {
	position: absolute;
	left: 30px;
	top: 330px;
	width: 348px;
	height: 72px;
	overflow: hidden;
	text-indent: -9999em;
	background: url(../img/index_mainv_text_02.png) no-repeat 0 0;
}
header.index #visual p.entryBtn {
	position: absolute;
	left: 49px;
	top: 339px;
}
header.index #visual p.entryBtn a {
	display: block;
	width: 320px;
	height: 60px;
	overflow: hidden;
	text-indent: -9999em;
	background: url(../img/com_btn.png) no-repeat 0 0;
}
header.index #visual p.entryBtn_pre,
header.index #visual p.entryBtn_post {
	position: absolute;
	left: 49px;
	top: 339px;
}
header.index #visual p.entryBtn_pre span,
header.index #visual p.entryBtn_post span {
	display: block;
	width: 320px;
	height: 60px;
	overflow: hidden;
	text-indent: -9999em;
}
header.index #visual p.entryBtn_pre span {
	background: url(../img/com_btn_pre.png) no-repeat 0 0;
}
header.index #visual p.entryBtn_post span {
	background: url(../img/com_btn_post.png) no-repeat 0 0;
}
header.index #visual p.entryBtn a:hover {
	background: url(../img/com_btn.png) no-repeat -320px 0;
}

header.index #visual p.resultAnnounce {
	position: absolute;
	left: 820px;
	top: 310px;
	width: 138px;
	height: 93px;
	overflow: hidden;
	text-indent: -9999em;
	background: url(../img/index_mainv_text_02b.png) no-repeat 0 0;
}
header.index #visual p.thanksMsg {
	position: absolute;
	left: 9px;
	top: 327px;
	width: 410px;
	height: 124px;
	overflow: hidden;
	text-indent: -9999em;
	background: url(../img/index_mainv_text_03.png) no-repeat 0 0;
}


#contents #indexColumn {
}
#contents #indexColumn article {
	padding: 20px 20px 60px;
}
#contents #indexColumn section.firstMsg {
	width: 823px;
	height: 128px;
	overflow: hidden;
	margin: 40px auto;
	background: url(../img/index_copy.png) no-repeat 0 0;
}
#contents #indexColumn section.firstMsg h2 {
	display: none;
}
#contents #indexColumn section.firstMsg p {
	display: none;
}
#contents #indexColumn section.awards {
	width: 960px;
	margin: 0 -10px;
}
#contents #indexColumn section.awards ul.awardsList {
	width: 960px;
	height: 310px;
	padding: 0;
	margin: 0;
}
#contents #indexColumn section.awards ul.awardsList li {
	height: 310px;
	float: left;
	overflow: hidden;
	text-indent: -9999em;
	padding: 0;
	margin: 0;
	list-style: none;
}
#contents #indexColumn section.awards ul.awardsList li.gpx {
	width: 575px;
	background: url(../img/index_award.png) no-repeat 0 0;
}
#contents #indexColumn section.awards ul.awardsList li.good {
	width: 385px;
	background: url(../img/index_award.png) no-repeat -575px 0;
}
#contents #indexColumn section.awards p {
	clear: both;
	padding: 0 20px;
	margin-top: 10px;
}
#contents #indexColumn section.awards ul {
	padding: 0 20px 0 50px;
	margin-top: 5px;
}
#contents #indexColumn section.awards ul li {
	margin-top: 2px;
}
#contents #indexColumn .contestOutline {
	width: 540px;
	float: left;
}
#contents #indexColumn .contestOutline h2 {
	background: #883733;
	border: none;
	margin: 0;
	padding: 12px 0;
	text-align: center;
	color: #FFF;
	line-height: 1;
}
#contents #indexColumn .contestOutline table {
	margin-top: 10px;
}
#contents #indexColumn .contestOutline table th,
#contents #indexColumn .contestOutline table td {
	padding: 14px 18px;
}
#contents #indexColumn .btnArea {
	width: 340px;
	float: right;
	padding: 20px;
	background: #E8E8E8;
	border-radius: 10px
}
#contents #indexColumn .btnArea ul {
	margin: 0;
	padding: 0;
}
#contents #indexColumn .btnArea ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#contents #indexColumn .btnArea ul li#toForm {
	padding-bottom: 20px;
}
#contents #indexColumn .btnArea ul li#toForm_pre,
#contents #indexColumn .btnArea ul li#toForm_post {
	padding-bottom: 20px;
}
#contents #indexColumn .btnArea ul li#toTerms {
}
#contents #indexColumn .btnArea ul li a {
	display: block;
	background-image: url(../img/com_btn.png);
	background-repeat: no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}
#contents #indexColumn .btnArea ul li#toForm a {
	width: 340px;
	height: 120px;
	background-position: 0 -60px
}
#contents #indexColumn .btnArea ul li#toForm_pre span,
#contents #indexColumn .btnArea ul li#toForm_post span {
	display: block;
	background-repeat: no-repeat;
	text-indent: -9999em;
	overflow: hidden;
	width: 340px;
	height: 120px;
	background-position: 0 -60px
}
#contents #indexColumn .btnArea ul li#toForm_pre span {
	background-image: url(../img/com_btn_pre.png);
}
#contents #indexColumn .btnArea ul li#toForm_post span {
	background-image: url(../img/com_btn_post.png);
}
#contents #indexColumn .btnArea ul li#toForm a:hover {
	background-position: -340px -60px
}
#contents #indexColumn .btnArea ul li#toTerms a {
	width: 340px;
	height: 60px;
	background-position: 0 -180px
}
#contents #indexColumn .btnArea ul li#toTerms a:hover {
	background-position: -340px -180px
}

#contents #indexColumn section.news {
	border: 1px solid #F00;
	margin: 0;
}
#contents #indexColumn section.news ul {
	margin: 0;
	padding: 0;
}
#contents #indexColumn section.news ul li {
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}
#contents #indexColumn section.news ul li .date {
	float: left;
	display: block;
	margin-right: 30px;
	padding: 10px 30px;
	background: #F00;
	font-weight: bold;
	color: #FFF;
	width: 6em;
}
#contents #indexColumn section.news ul li p {
	margin: 0;
	padding: 10px 0;
	font-size: 100%;
}

#contents #indexColumn section.resultTit {
}
#contents #indexColumn section.resultTit h2 {
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
}
#contents #indexColumn section.result {
	width: 960px;
	margin: 0 -10px;
}
#contents #indexColumn section.result ul.greatCntrList {
	margin: 0;
	padding: 0;
}
#contents #indexColumn section.result ul.greatCntrList li {
	list-style: none;
	text-align: center;
	margin-top: 10px;
}
#contents #indexColumn section.result ul {
	padding: 0 20px 0 50px;
	margin-top: 5px;
}
#contents #indexColumn section.result ul li {
	margin-top: 2px;
}
#contents #indexColumn section.result #thanksPresent {
	text-align: center;
}

/* =========================================================
form style
========================================================= */

#contents .required {
	color: #F00;
	padding-right: 5px;
}

#contents .privacy_read {
	border:5px solid #CCC;
	padding: 10px 15px;
	height:200px;
	overflow:auto;
	margin-top:20px;
	border-radius: 5px;
	color: #999;
}
#contents .privacy_read p {
	margin-top: 5px;
}
#contents .privacy_read strong {
	color: #666;
}
#contents .error-msg {
	padding: 15px;
	border: 2px solid #F00;
	color: #F00;
	font-size: 87.5%;
	margin: 30px 0;
}
#contents ul.formContent {
	padding: 0;
	margin: 30px 0 0 0;
}
#contents ul.formContent li {
	padding: 15px 0;
	margin: 0;
	list-style: none;
	border-top: 1px solid #CCC;
	overflow: hidden;
}
#contents ul.formContent li label,
#contents ul.formContent li span.label {
	display: block;
	float: left;
	width: 30%;
	padding: 4px 5% 4px 0;
}
#contents ul.formContent li span.label {
	color: #999;
}
#contents ul.formContent li label.radioLabel {
	display: inline;
	float: none;
	width: auto;
	padding: 0;
}
#contents ul.formContent li .radioList {
	display: block;
	margin-left: 35%;
	padding: 3px;
}
#contents ul.formContent li span.input {
	display: block;
	width: 60%;
	margin-left: 35%;
	padding: 3px;
	color: #000;
}
#contents ul.formContent li span.fileNote {
	display: block;
	margin-left: 35%;
	margin-top: 5px;
	padding: 5px 8px;
	color: #666;
	border: 2px solid #CCC;
}
#contents ul.formContent li span.ex {
	display: block;
	margin-left: 35%;
	margin-top: 5px;
	color: #666;
}
#contents ul.formContent li input[type="text"] {
	width: 40%;
	padding: 3px;
}
#contents ul.formContent li textArea {
	width: 60%;
	height: 6em;
	padding: 3px;
}
#contents ul.formContent li select {
	padding: 4px;
}
#contents .input-error {
	display: block;
	font-size: 86%;
	color: #F00;
	margin-left: 35%;
}
#contents ul.submitBtn {
	clear: both;
	border-top: 1px solid #CCC;
	padding: 15px 0 0;
	margin: 0;
	text-align: center;
}
#contents ul.submitBtn li {
	display: inline-block;
	padding: 0 10px 15px;
}
#contents ul.submitBtn li button {
	padding: 10px 20px;
}
#contents ul.submitBtn li button[type="reset"] {
}
#contents ul.submitBtn li button[type="submit"] {
}
#contents ul.submitBtn li input[type="submit"] {
	padding: 10px 20px;
}

/*-----------------------------------------------------	*/
/*	for - 979px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 979px) {

}



/*-----------------------------------------------------	*/
/*	for - 767px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 767px) {

}


/*-----------------------------------------------------	*/
/*	for - 479px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 479px) {

}