@charset "utf-8";
/* CSS Document */

/* layout */
html{
	background: url(../images/body_bg.jpg) 0 0 repeat-x  #fcf5aa;
}

body{
	background: url(../images/header_bg.jpg) no-repeat 50% 0 ;
	min-width: 960px;
}


/* header */
header {
	width: 960px;
	height: 350px;
	margin: 0 auto;
}
	header h1{
		height: 100px;
		width: 200px;
		float: right;
		margin: 9px -52px 0 0;
	}
		header h1 a {
			background: url(../images/logo_ga.png) no-repeat;
			height: 100px;
			display: block;
			width: 200px;
			overflow: hidden;
			text-indent: 100%;
			white-space: nowrap;
		}
	
	header h2 {
		background: url(../images/contest2012.png) no-repeat;
		height: 210px;
		width: 600px;
		float: left;
		margin: 10px 0 13px 8px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	}
	
	#headtext p {
		background: url(../images/contest_text.png) no-repeat;
		height: 100px;
		width: 590px;
		clear: both;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		margin: 0 0 0 20px;
	}



/* content */
#content {
	width: 1000px;
	margin: 0 auto;
	height: 100%
}
	/* nav */
	nav {
		background: url(../images/maincontents_top.png) 0 0 no-repeat;
		height:90px;
		width:960px;
	}
	
		nav ul#top_nav {
			margin: 0 85px;
		}
		
		ul#top_nav li {
				width:150px;
				float:left;
				margin: 5px 41px;
		}
		
		nav ul#top_nav li a {
			background:url(../images/btn_navi01.png) no-repeat;
		}
		
		nav ul#top_nav li a.accss_top {
			background-position: 0 0;
			display:block;
			height: 83px;
			width: 205px;
			text-indent: -9999px;
			overflow: hidden;
		}
		nav ul#top_nav li a.accss_hide {
			background-position: 0 -83px;
			display:block;
			height: 67px;
			width: 206px;
			margin: -2px 0;
			text-indent: -9999px;
			overflow: hidden;
			}
			nav ul#top_nav li a.accss_hide:hover {
				background-position: 0 -149px;
				}

		nav ul#top_nav li a.map_hide{
			background-position: -205px -83px;
			display:block;
			height: 67px;
			width: 206px;
			margin: -2px 0;
			text-indent: -9999px;
			overflow: hidden;
		}
		
			nav ul#top_nav li a.map_hide:hover {
				background-position: -205px -149px;
			}
		nav ul#top_nav li a.map_top{
			background-position: -205px 0;
			display:block;
			height: 83px;
			width: 206px;
/*			margin: -2px 0;*/
			text-indent: -9999px;
			overflow: hidden;
			
			}	
		nav ul#top_nav li a.skin_hide {
			background-position: -410px -83px;
			display:block;
			height: 67px;
			width: 206px;
			margin: -2px 0;
			text-indent: -9999px;
			overflow: hidden;
		}
			nav ul#top_nav li a.skin_hide:hover {
				background-position: -410px -149px;
			}
		nav ul#top_nav li a.skin_top {
			background-position: -410px 0;
			display:block;
			height: 83px;
			width: 206px;
/*			margin: -2px 0;*/
			text-indent: -9999px;
			overflow: hidden;
			}
			
	/* main_content */
	#main_content {
		background:url(../images/maincontents_bg.png) repeat-y;
		width: 960px;
		margin: -2px 0;
		height: 100%;
		padding: 10px 0 0 0;
	}
	/* place_1st */
	#place_1st {
		width: 740px;
		margin: 0 0 30px 135px;
		height: 100%;
	}
		#place_1st h3{
			background: url(../images/title_h3.png) 0 0 no-repeat;
			width: 740px;
			height: 100px;
			text-indent: -999px;
			overflow: hidden;
		}
		
		#place_1st p{
			background:url(../images/bg_1st.jpg) no-repeat;
			height: 341px;
			width:460px;
			margin: 15px auto;
			padding: 10px 0 0 15px;
			}
				#place_1st p a{
					width:426;
					height:326;
					}
			#place_1st ul {
				background-color: #FFFDF6;
				border-bottom: 1px solid #867210;
				border-left: 1px solid #867210;
				border-right: 1px solid #867210;
				height: 30px;
				margin: -15px 0 20px 132px;
				padding: 9px 159px 10px;
				width: 140px;
				}
			#place_1st li {
				width:40px;
				height:40px;
				float:left;
				margin:0 0 0 20px;
				}		
		#place_1st table{
			width:630px;
			margin: 0 auto;
			clear:both;
			}
			#place_1st th {
			background-color: #C2894B;
			color: #FFFFFF;
			font-size: 123%;
			font-weight: 700;
			width: 123px;	
				}
			#place_1st td {
			background-color: #FFFDF6;
			border: 2px solid #BA8B40;
			padding: 10px 7px;
					}
.name {
    font-size: 138%;
    font-weight: 700;
	}
	
	/* place_2nd */
	#place_2nd {
	width: 740px;
	height: 100%;
    margin: 15px 0 0 123px;
	}
		#place_2nd h3{
			/*background:url(../images/title_h3.png) no-repeat;*/
			background-image:url(../images/title_h3.png);
			background-position:0 200px;
			height:100px;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;	
			}
		#place_2nd div{
	   		width: 751px;
			height:276px;
			margin: 17px 0 15px 25px;
			}
		#place_2nd div#with_pics{
	   		width: 751px;
			height:300px;
			margin: 17px 0 40px 25px;
			}
		#place_2nd p{
			background: url(../images/bg_2nd.jpg) no-repeat;
			height: 253px;
			width:330px;
			padding: 10px 0 0 13px;
			float: left;
			margin-right:15px;
			}		
		#place_2nd table{
			width:375px;
			margin: 5px auto;
			float:left;
			}
			#place_2nd th {
			background-color: #C2894B;
			color: #FFFFFF;
			font-weight: 700;
			width: 103px;	
				}
			#place_2nd td {
			background-color: #FFFDF6;
			border: 2px solid #BA8B40;
			padding: 10px 7px;
			}
			#table_2nd{
				width:400px;
				height:280px;
				}
			#place_2nd div div.box_left{
				width:342px;
				height: 290px;
				float:left;
				margin: 0 15px 0 0;
				}
						
			#place_2nd div div.box_left p {
				clear:both;
				height: 252px;
				}	
			div.box_left ul {
			background-color: #FFFDF6;
			border-bottom: 1px solid #8A8787;
			border-left: 1px solid #8A8787;
			border-right: 1px solid #8A8787;
			height: 30px;
			width: 121px;
			clear:both;	
			 padding: 6px 110px 10px;		
				}
			div.box_left li {
				width:40px;
				height:40px;
				margin: 0 48px;
				}
			div.box_left_stage ul{
				background-color: #FFFDF6;
				border-bottom: 1px solid #8A8787;
				border-left: 1px solid #8A8787;
				border-right: 1px solid #8A8787;
				clear: both;
				height: 33px;
				padding: 6px 94px;
				width: 154px;
				}
			div.box_left_stage li {
				float: left;
				height: 40px;
				margin: 0 0 0 30px;
				width: 40px;
				}
			#place_2nd div div.box_left_stage{
				width:342px;
				height: 290px;
				float:left;
				margin: 0 15px 0 0;
				}
						
			#place_2nd div div.box_left_stage p {
				clear:both;
				height: 252px;
				}	
				
	/* place_3rd */
	#place_3rd {
		width: 740px;
		 margin: 0 0 15px 123px;
	}
		#place_3rd h3{
			background-image:url(../images/title_h3.png);
			background-position:0 100px;
			height:100px;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			clear:both;	
			}	
		#place_3rd div{
			width:695px;
			height:250px;
			margin: 10px auto 0 52px;
			}	
			#place_3rd p{
			background:  url(../images/bg_3rd.jpg) no-repeat;
			height: 234px;
			width:294px;
			padding: 10px 0 0 11px;
			float: left;
			margin-right: 15px;
			}
			#place_3rd table{
			width:366px;
			margin: 5px auto;
			float:left;
			}
			#place_3rd th {
			background-color: #C2894B;
			color: #FFFFFF;
			font-weight: 700;
			width: 120px;	
				}
			#place_3rd td {
			background-color: #FFFDF6;
			border: 2px solid #BA8B40;
			padding: 10px 7px;
			}
			
	div#comment {
	background-color: #FFF9F1;
    border-radius: 10px 10px 10px 10px;
    clear: both;
    margin: 0 auto 25px 191px;
    padding: 20px;
    width: 572px;
	padding-left: 30px;
	}
		div#comment p {
			width:600px;
			height:75px;
			}
			div#comment p a {
			font-size: 115%;
    		font-weight: 700;}
	
	
		div#comment ul {
		height: 100%;
		margin: 0 0 0 50px;
		}
		div#comment ul#down_comment{
		height: 60px;
		}

		div#comment li{
			 list-style-type: disc;
			 }
		#comment span {
		font-size: 115%;
		font-weight: 700;
		line-height: 20px;
		margin-top: 5px;
		}
		#comment h5 {
			font-size:115%
			}

#link_box {
	width:800px;
	 margin: 0 0 0 109px;
	 height:200px;
	}
	#link_box ul {
		clear: both;
   		height: 65px;
    	margin: 0 auto;
    	width: 580px;
		}
	ul#link_nav1 li {
		float: left;
		width: 266px;
		margin: 0 10px;
		height: 64px;
		}
		ul#link_nav1 li a{
		background:url(../images/btn_navi02.png) no-repeat;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;	
		
		}
		
		ul#link_nav1 li a.link01{
		background-position: -265px 0;
		display: block;
		height: 64px;
		width: 266px;
			}
			
		ul#link_nav1 li a.link01:hover {
		background-position: -265px -62px;
			}
			
		ul#link_nav1 li a.link02 {
		background-position: -533px 0;
		display: block;
		height: 64px;
		width: 266px;	
		}
		ul#link_nav1 li a.link03 {
		background-position: 0 0;
		display: block;
		height: 64px;
		width: 266px;	
		}
		ul#link_nav1 li a.link03:hover {
		background-position: 0 -62px;
		display: block;
		height: 64px;
		width: 266px;	
		}			
		ul#link_nav1 li a.link02:hover {
		background-position: -533px -62px;
		}
		p#ivent{
			height:35px;
			clear:both;
			margin:15px auto;
			width: 333px;
			}
			p#ivent a {
				background-image: url(../images/btn_event.png);
				background-position: 0 0;
				display: block;
				height: 39px;
				width: 333px;
				text-indent: 100%;
				white-space: nowrap;
				overflow: hidden;	
				}
			p#ivent a:hover {
				background-image: url(../images/btn_event.png);
				background-position: 0 -38px;
					}
			p#tp_page {
				width: 160px;
				height: 20px;
				float:right;
				}		
		p#tp_page a {
			background-image:url(../images/btn_gototop.png);
			background-position: 0 0;
			float:right;
			display: block;
			height: 22px;
			width: 160px;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;	
			}
		p#tp_page a:hover {
			background-image:url(../images/btn_gototop.png);
			background-position: 0 21px;
			}
	
/* footer */
footer {
	background:url(../images/footer_img.png) repeat-x 50% 0;
	width: 100%;
	clear: both;
	margin: -45px auto;
}
	#footer_box {
		width: 850px;
		margin: 0 auto;
		height: 190px;
		padding: 53px 30px 0 35px;
	}
		#footer_box h4 {
			background:url(../images/logo_cs.png) no-repeat;
			height: 50px;
			width:285px;
			float:left;
		}
			#footer_box h4 a{
				display: block;
				height: 50px;
				width:285px;
				text-indent: 100%;
				white-space: nowrap;
				overflow: hidden;
			}
		
		/* footer_nav1 */
		footer ul#footer_nav1{
			margin: 8px 40px;
			height: 20px;
			float: left;
			width: 465px;
			}
			footer ul#footer_nav1 li{
				float: left;
				width: 140px;
				height: 15px;
					}
			footer ul#footer_nav1 li a{
				background: url(../images/btn_navi03.png) 0 0 no-repeat;
				text-indent: 100%;
				white-space: nowrap;
				overflow: hidden;
				}
				
			footer ul#footer_nav1 li a.navi_down01 {
				background-position: 0 0;
				display: block;
				height: 20px;
				width: 126px;
				}
			footer ul#footer_nav1 li a.navi_down01:hover {
				background-position:0 -25px;
				display: block;
				height: 20px;
				width: 126px;
				}
			footer ul#footer_nav1 li a.navi_down02 {
				background-position: -124px 0;
				display: block;
				height: 20px;
				width: 137px;
				}
			footer ul#footer_nav1 li a.navi_down02:hover {
				background-position:-124px -25px;
				display: block;
				height: 20px;
				width: 137px;
				}
			footer ul#footer_nav1 li a.navi_down03 {
				background-position: -260px 0;
				display: block;
				height: 20px;
				width: 115px;
				}
			footer ul#footer_nav1 li a.navi_down03:hover {
				background-position:-260px -25px;
				display: block;
				height: 20px;
				width: 115px;
				}

		/* footer_nav2 */
		footer ul#footer_nav2 {
			height: 20px;
			clear:both;
				}
			footer ul#footer_nav2 li{
				float: left;
			}
		
		footer div p span{
			font-style:italic;
		}
		#TB_next a, #TB_prev a {
			background: none repeat scroll 0 0 #FFFFFF;
			bottom: 40px;
			font-size: 20px;
			}
	  #TB_next a:hover,#TB_prev a:hover {
		  background: none repeat scroll 0 0 #999999;
		  color: #FFFFFF;
		  }