@charset "UTF-8";
body {
	background:#f7dc31;
	color:#333;
}
#wrapper{
	margin:0;
	padding:0;
	}
#mainContents{
	width:100%;
	height:820px;
	position:relative;
	margin-bottom:50px;
	border:1px solid #f7dc31;
	margin-top:-1px;
	background:url(../images/top_main.jpg) center top no-repeat;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	}
	@media screen and (min-width: 1421px){
	#mainContents{
	width:1421px;
	margin:0 auto;
	min-height:850px;
	}
	}
	@media screen and (max-width: 1420px){
	#mainContents{
	width:100%;	min-height:850px;
	}
	}
	
#catchcopy{
	width:348px;
	height:40px;
	margin:15px auto;
	}
#award{
	width:602px;
	height:188px;
	float:right;
	margin:0 20px;
	}

#toplogo{
	clear:both;
	width:580px;
	padding;
	margin:390px 0 0 32%;
	position:relative;
	}
#toplogo h1,#toplogoh4,#toplogo h6{ display:none; }
#socialBookmark{
	margin:0px auto;
	}
#bannerArea{
	position:absolute;
	width:470px;
	top:275px;
	right:5%;
	}
#bannerArea li {
	float:left;
	width:223px;
	margin:0px 5px 0 0 ;
	}
#twitterBox{
	width:298px;
	height:380px;
	background:url(../images/twitter_bg.png) no-repeat;
	background-size:298px auto;
	position:absolute;
	top:450px;
	left:20px;
	}
#twitterArea{
	width:272px;
	height:305px;
	margin:2px 0 0 10px;
	}
#twitterBoxBtn{
	margin:2px 0 0 45px;
	}

@media screen and (min-width: 1300px) {
	#twitterBox{
		top:450px;
		left:100px;
	}
	

}
@media screen and (max-width: 1200px) {
	#toplogo{
		margin:410px 0 0 40%;
		
		}
		#bannerArea{
	top:275px;
	}
}

@media screen and (max-width: 1000px) {
	#toplogo{
		margin:410px 0 0 38%;
		width:60%;
		
		}
		#bannerArea li {
	float:left;
	margin: 20px 0 0 0;
	}
		#bannerArea{
	width:450px;
	top:260px;
	right:0px;
	}
}