@charset "utf-8";
/* =========== INDEX LIST ============

	style.css  個別指定用CSS

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

/* /////////////////////////////////////////////////
  CONTAINER
///////////////////////////////////////////////// */

body{
	background-color:#fef100;
	overflow-x: hidden;
	min-width:880px;
	-webkit-text-size-adjust: 100%; /* iPhone */
}
#mainimg {
	background-image: url(../img/junior/main-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}


#container {
	width:100%;
	/* [disabled]min-width: 990px; */
	position: relative;
}


/* /////////////////////////////////////////////////
  HEADER
///////////////////////////////////////////////// */

header {
	width: 100%;
	height: 277px;
	background:url(../img/junior/header-bg.png) repeat-x;
	/* [disabled]min-width: 990px; */
	position: relative;
}
#header-wrap{
	width:874px;
	margin-left:auto;
	margin-right:auto;
	}	
#header-wrap #copy{
	float:left;
	margin:50px 50px 0 0px;
	}
#header-wrap h1#logo{
	float:left;
	text-align:center;
	margin: 52px 0 0 0px;
	display:block;
}
header h2#subtitle{
	position:absolute;
	top:3px;
	left:18px;
}
#header-wrap ul.entryday{
	display:block;
}
#header-wrap ul.entryday li.index_btn a{
	border-style:none;
}
#header-wrap ul.entryday li.index_btn a:hover{
	border-style:none;
	opacity:0.60;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.60;                 /* FF lt 1.5, Netscape */
	-khtml-opacity:0.60;              /* Safari 1.x */
	zoom:1;
}


/* entry */
ul.entryday{
	position:absolute;
	top:110px;
	right:50px;
	text-align:center;
}
ul.entryday li{
	padding-top:2px;
}
ul.entryday li:first-child{
	padding-top:0px;
}

/* /////////////////////////////////////////////////
  TOP
///////////////////////////////////////////////// */
#main-content-wrap{
	padding-top:615px;
	min-width:800px;
	width:800px;
	margin:0 auto;
	position:relative;
	z-index:2;
}

#main-content-wrap div.bg01{
	position:absolute;
	top:760px;
	left:-500px;
}
#main-content-wrap div.bg02{
	position:absolute;
	top:1200px;
	right:-210px;
}
#main-content-wrap div.bg03{
	position:absolute;
	top:1500px;
	left:-260px;
}
#main-content-wrap div.bg04{/*虫眼鏡*/
	position:absolute;
	top:2860px;
	right:-100px;
}
#main-content-wrap div.bg05{/*魚*/
	position:absolute;
	top:2100px;
	left:-130px;
}
#main-content-wrap div.bg06{
	position:absolute;
	top:2900px;
	right:-280px;
}
#main-content-wrap div.bg07{
	position:absolute;
	top:3090px;
	left:-250px;
}

/* 各タイトル部分 */
#main-content-wrap h3 {
	padding-bottom: 38px;
	margin: 0 auto 30px;
	text-align: center;
	width: 690px;
	background-image: url(../img/top/double-line.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.wrap_white{
	padding:50px 30px 30px 30px;
	background-color:#FFF;
	z-index:4;
	}

/* /////////////////////////////////////////////////
  課題
///////////////////////////////////////////////// */
#challenge {
	
	text-align:center;
	letter-spacing: 0.3em;
}
#challenge p.kadai{
	 font-size: 170% !important;
	 font-weight:bold;
	 margin-bottom:10px;
	}
#challenge p.kitei{
	font-size: 124% !important;
	}
#challenge figure#idea {
	clear:both;
	margin-left:auto;
	margin-right:auto;
	margin:45px 0;
	}


/* /////////////////////////////////////////////////
  応募要項
///////////////////////////////////////////////// */
#overview{
	width:690px;
	margin:0 auto;
	overflow: hidden;  
    zoom: 1;
}
#overview dl {
	width:690px;
	padding: 0;
	margin: 0;
	border-top: 1px solid #cfcfcf;
}
#overview dl.list {  
    overflow: hidden;  
    zoom: 1;
	width:100%;
}   
dl.list dt {
	height:16px;
	padding: 0px 0 20px 0;
	margin: 20px 0 0px 0;
    float: left;  
	clear: both;
	font-size: 124%;
	font-weight:bold;
	width: 130px;/* left-margin */
}
dl.list dd {
	padding: 0px 0 20px 0;
	margin: 20px 0 0px 0; 
    border-bottom: 1px solid #cfcfcf;
	font-size:108%;
	text-indent:-1.3em;
	text-align: left;
	letter-spacing:1.2;
}

#overview dl.list dt{
}
#overview dl.list dd p{
	display:block;
	margin-left:110px;
}
#overview dl.list dd.list{
	text-indent:-1.3em;
}
#overview dl.list dd ul{
	display:block;
	margin-left:130px;/* left-margin */
}
/* リンク */
#overview dl.list dd ul li a{
	text-decoration:underline;
	color:#F30;
}
#overview dl.list dd ul li a:hover{
	color:#000;
}
dl.list dd.bottom {
	border-bottom:none;
    
}
dl.list dd.bottom ul li{
	border-bottom:none;
	text-indent:0em;
}
dl.list dt.top{
	
}
dl.list dd.top{
}
dl.list dd ul{
	display:block;
	margin-left:130px;/* left-margin */
}
dl.list dd ul li a{
	text-decoration:underline;
	color:#F30;
}
dl.list dd ul li a:hover{
	color:#000;
}

/* leaflet */	
.leaflet{
	width:550px;
	height:153px;
	/*text-align:center;*/
	margin-top:20px;
	}
.leaflet_btn_wrap{
	width:430px;
	margin-top:10px;
	}	
.left_wrap{
	display:block;
	height:150px;
	width:190px;
	height:100px;
	float:left;
	margin-right:50px;
	text-align:center;
	}
.right_wrap{
	display:block;
	height:150px;
	width:190px;
	height:100px;
	float:left;
	text-align:center;
	}			
.leaflet a{
	text-decoration:underline;
	color:#F30;
	}
.leaflet a:hover{
	color:#000;
	}





/* End */
#end_wrap{
	padding-top:50px;
	}
#end{
	text-align:center;
	width:640px;
	background-color:#FFF;
	border:#000 3px solid;
	margin-left:auto;
	margin-right:auto;
}
#end p{
	margin:0 auto;
	padding:0;
	padding-top:25px;
	padding-bottom:25px;
	font-weight:bold;
	font-size:16px;
}

/* Entry */
/*#entry{
	margin-top:50px;
	text-align:center;
	width:100%;
	height:170px;
	background-color:#FFF;
}
#entry h3{
	margin:0 auto;
	padding:0;
	width:300px;
	padding-top:25px;
	padding-bottom:25px;
	background-image:none;
}
#entry div.btn_wrap{
	margin-left:auto;
	margin-right:auto;
	width:540px;
	height:70px;
	}
#entry .left_btn{
	float:left;
	margin-right:50px;
	margin-bottom:30px;
	width:245px;
	height:70px;
	}
#entry .right_btn{
	text-align:left;
	float:left;
	margin-bottom:30px;
	width:245px;
	height:70px;
	}
	*/

/* /////////////////////////////////////////////////
  FOOTER
///////////////////////////////////////////////// */

footer {
	height: 125px;
	width: 100%;
	clear: both;
}
footer small {
	display: block;
	text-align: center;
	text-decoration: none;
	margin: 0 auto;
	padding-top: 45px;
}



/* /////////////////////////////////////////////////
  480px以下の場合
///////////////////////////////////////////////// */
@media screen and (max-width: 900px) {

#header-wrap{
	width:725px;
	margin-left:auto;
	margin-right:auto;
	}	
#header-wrap h1#logo img{
	width:390px;
	height:141px;
	margin: 13px 0 0 0px;
}
#header-wrap #copy img{
	width:150px;
	height:130px;
	margin: 13px 0 0 0px;
	}
#header-wrap #copy{
	float:left;
	margin:50px 25px 0 0px;
	}	
	
	

#main-content-wrap{
}
#main-content-wrap div.bg01{
	display:none;
}
#main-content-wrap div.bg02{
	display:none;
	
	}
#main-content-wrap div.bg03{
	display:none;
}
#main-content-wrap div.bg04{/*虫眼鏡*/
	display:none;
}
#main-content-wrap div.bg05{/*魚*/
	display:none;
}
#main-content-wrap div.bg06{
	display:none;
}
#main-content-wrap div.bg07{
	display:none;
}	

}