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

/* layout */
img{
	border: none;
}

body {
	background:url(../images/bg.png) 0 0 repeat-x #01361d ; 
	}

div#container {
	background:url(../images/header_bg.jpg) no-repeat 0 50%;
	min-width: 1250px;
	width: 1250px;
	height: 550px;
	margin: 0 auto;
	}

/* header */

header {
/*	background:url(../images/header_bg.jpg) no-repeat 50% 0;
	min-width: 1250px;
*/	width: 1250px;
	height: 550px;
	margin: 0 auto;

}
	h1{
		height: 100px;
		width: 200px;
		float: left;
		margin: 0 0 0 150px;
		position:absolute;
		z-index: 2;
		
	}
		h1 a {
			background:url(../images/logo_c21.png) no-repeat;
			height: 100px;
			display: block;
			width: 200px;
			overflow: hidden;
			text-indent: 100%;
			white-space: nowrap;
			}
	h2 {
		background:url(../images/name.png) no-repeat 50%;
		width:500px;
		height:250px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		position:relative;
		left: 170px;
		top:35px;
		z-index: 1;
		
		}
	
	header p {
		background:url(../images/info.png) no-repeat;
		width:500px;
		height:140px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		margin: 32px 0 0 176px;

		}
/* content */
#content {
	background:url(../images/contents_bg.jpg) repeat-y scroll 0 0;
	height:100%;
	width: 937px;
	margin: 12px 0 0 124px;
	height: 2824px;
	}
	
	
	/* --------------------- 1st place -------------------------*/
	
	div#place_1st {
		height:840px;
		width:760px;
		margin: 0 auto;
		position: relative;
    	top: -47px;
	}
		div#place_1st h3 {
			background:url(../images/1st.png);
			height: 72px;
			width: 100%;
			overflow: hidden;
			text-indent: 100%;
			white-space: nowrap;
			margin: -20px auto;
		}
		div#place_1st p#frame_1st {
			background:url(../images/1st_place.png) no-repeat;
			height:495px;
			width: 760px;
			 margin: 35px 0 0;
		}
		div#place_1st p#frame_1st a{
			display: block;
			margin: 0 auto;
			padding: 86px 53px 0 0;
			width: 583px;
			border:none;
			}
			
		div#place_1st div#info_1st {
			background: url(../images/Player_1st.png) repeat-y;
			height:230px;
			width: 620px;
			margin: 0 auto;
		}
		div#place_1st div#info_1st p#name1st {
			background:url(../images/Name_1st.png) no-repeat;
			display:block;
			height:94px;
			width:385px;
			overflow: hidden;
			text-indent: 100%;
			white-space: nowrap;
			}
		div#place_1st div#info_1st p#text1st {
			font-weight: bold;
			height: 80px;
			line-height: 21px;
			margin: 19px 14px;
			width: 452px;
			float:left;
			}
		div#place_1st div#info_1st p#icon_1st a{
			display: block;
			height:98px;
			width:136px;
			float: left;
			padding: 31px 0 0 0;

			}

	/* --------------------- 2nd place -------------------------*/
	
	div#place_2nd {
		height:940px;
		width:760px;
		margin: -40px 0 50px 100px;
 		}
		
	div#place_2nd h3{
		background:url(../images/2nd.png) no-repeat 0 50% ;
		height: 72px;
		width: 100%;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		margin: 20px auto;
	}

	div#place_2nd p#frame_2nd{
		background:url(../images/2nd_place.png);
		width: 404px;
		height:271px;
		float: left;
		}
		div#place_2nd p#frame_2nd a {
			display: block;
			margin: 49px 0 0 66px;
 			width: 288px;
				}


	div#place_2nd div#info_2nd {
		background: url(../images/Player_2nd.png);
		width: 268px;
		height:247px;
		float: left;
		margin: 12px 0 0 27px;
		}
		div#place_2nd div#info_2nd a {
			display:block;
			width:57px;
			height:44px;
			left: 211px;
   			position: relative;
			margin: 45px 0 0;
			
			}
	div#place_2nd div {
		width:760px;
		height:300px;
		}
	div#place_2nd div#info_2nd p#name2nd_1{
		background: url(../images/name_2nd_1.png) no-repeat;
		background-position: 0 0 0 0 px;
		width:232px;
		height:69px;
		display:block;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		margin: 5px auto;
		}
	div#place_2nd div#info_2nd p#name2nd_2{
		background: url(../images/name_2nd_2.png) no-repeat;
		width:237px;
		height:69px;
		display:block;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		margin: 5px auto;
		}	
		div#place_2nd div#info_2nd p#name2nd_3{
		background: url(../images/name_2nd_3.png) no-repeat;
		width:232px;
		height:69px;
		display:block;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		margin: 5px auto;
		}	

		
		div#place_2nd div#info_2nd p#text2nd{
			font-weight: bold;
			height: 80px;
			line-height: 18px;
			margin: 0 auto;
			width: 230px;
			font-size:12px;
		}

	/* --------------------- 3rd place -------------------------*/
	
	
	div#place_3rd {
		height:700px;
		width:760px;
		margin: 0 auto;
		clear:both;
		}
		
	div#place_3rd h3{
		background:url(../images/3rd.png) no-repeat 0 50% ;
		height: 62px;
		width: 651px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		margin: 25px auto;
	}
                /*______________Up box__________________*/
	div#place_3rd div#up{
		width:760px;
		height: 291px;
		}
		
	div#place_3rd div#up div#box_3rd {
		background:url(../images/3rd_place.png) no-repeat;
		width: 220px;
		height:250px;
		float: left;
		margin: 0 2px 0 23px;
		}
		div#place_3rd div#up div#box_3rd li {
			float: right;
			height: 45px;
			list-style-type: none;
			margin: 3px 14px 18px -5px;
			width: 67px;
		}
		div#place_3rd div#up div#box_3rd li a {
			display: block;
			width: 25px;			

			}
		
	/*______________Down box__________________*/
	
	
	div#place_3rd div#down{
		width:760px;
		height:291px;
		}
		div#place_3rd div#down div#box_3rd {
		background:url(../images/3rd_place.png) no-repeat;
		width: 220px;
		height:250px;
		float: left;
		margin: 0 -71px 0 136px;
		}
		div#place_3rd div#down div#box_3rd li {
			float: right;
			height: 45px;
			list-style-type: none;
			margin: 3px 16px 18px -5px;
			width: 71px;
		}
		div#place_3rd div#down div#box_3rd li a {
			display: block;
			width: 25px;			

			}


		/*______________________________________*/
		
	div#place_3rd p#frame_3rd{
		  height: 136px;
		  margin: 0 0 0 17px;
		  padding: 15px 0 0;
		  width: 187px;
			}
		
		
		div#place_3rd  a {
			display: block;
			width: 187px;			
			}

			
	div#place_3rd p#frame_3rd_down{
		  height: 136px;
		  margin: 0 0 0 17px;
		  padding: 15px 0 0;
		  width: 187px;
		}

                     /*3rd place names */
					 
	div#place_3rd p#name_3rd_1 {
		background: url(../images/name_3rd_1.png);
		width: 219px;
		height:65px;
		clear:both;
		margin: 65px 0 0;
		}
	div#place_3rd p#name_3rd_2 {
		background: url(../images/name_3rd_2.png);
		width: 219px;
		height:65px;
		clear:both;
		}
	div#place_3rd p#name_3rd_3 {
		background: url(../images/name_3rd_3.png);
		width: 219px;
		height:65px;
		clear:both;
		}
	div#place_3rd p#name_3rd_4 {
		background: url(../images/name_3rd_4.png);
		width: 219px;
		height:65px;
		clear:both;
		}
	div#place_3rd p#name_3rd_5 {
		background: url(../images/name_3rd_5.png);
		width: 219px;
		height:65px;
		clear:both;
		}
	

	/* ---------------------Kondo -------------------------*/
	
	div#kondo {
		background:url(../images/kondo_bg.jpg) no-repeat 0 50%;
		width:892px;
		height:325px;
		margin: 0 0 0 22px;
	}
	div#kondo h3 {
		background:url(../images/kondo.png) no-repeat 0 50%;
		width:743px;
		height: 42px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		margin: 0 auto;
	}
	div#kondo p {
		color: #0a1d49;
		font-size: 20.5px;
		font-weight: bold;
		height: 100px;
		margin: 96px 0 0 109px;
		width: 652px;
}
		
	div#corners{
		background:url(../images/Corners.png) no-repeat 0 50%;
		width:942px;
		height:112px;
		margin: -84px 0 0 -2px;
	}
		
/*---------------------- footer--------------------------- */
footer {
	width:960px;
	height:auto;
	margin:70px auto;
	color:#FFF;
	font-size: 12px;
	}
	footer ul {
    height: 35px;
    margin: 28px auto 13px;
    width: 568px;		
	}
		footer ul li {
			list-style-type: none;
			width:189px;
			height:35px;
			float: left;
		
			}
		
		footer ul li a.navi_down01 {
			background:url(../images/navi.png) no-repeat;
			background-position: 0 0;
			width:189px;
			height:35px;
			overflow: hidden;
			text-indent: 100%;
			white-space: nowrap;
			display:block;

		}
		footer ul li a.navi_down02 {
			background:url(../images/navi.png) no-repeat;
			background-position: -204px 0;
			width:189px;
			height:35px;
			overflow: hidden;
			text-indent: 100%;
			white-space: nowrap;
			display:block;
	
		}
		footer ul li a.navi_down03 {
			background:url(../images/navi.png) no-repeat;
			background-position: -420px 0;
			width:189px;
			height:35px;
			overflow: hidden;
			text-indent: 100%;
			white-space: nowrap;
			display:block;
	
		}
	footer p#CS_logo a {
		background:url(../images/logo_cs.png) no-repeat;
		height:37px;
		width:247px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		float:left;
		margin: 0 16px 0 135px;
		display:block;
		}	
		footer p#CS_copyright {
			height:100px;
			width: 863px;
		}
		
		
		
		/* page_top
---------------------------------------- */
div#container p#page_top {
	position: fixed;
	bottom: 20px;
	right: 280px;
	font-size: 77%;
	height:50px;
	width:100px;
}
	#page_top a {
		width: 100px;
		display: block;
		background:url(../images/Top.png) no-repeat;
					overflow: hidden;
			text-indent: 100%;
			white-space: nowrap;
			height:50px;

	}
		#page_top a:hover {
		width: 100px;
		display: block;
			background:url(../images/Top_hover.png) no-repeat;
						overflow: hidden;
			text-indent: 100%;
			white-space: nowrap;
			height:50px;

		}