@charset "utf-8";
/* CSS Document */
/*まずは全体のマージンとパディングを0にする*/
* {
	margin:0; 
	padding:0;
}

/*ここからページのデザイン*/
#wrapper {
	margin: 0 auto;
	background: #fff;
	text-align:center;
}

@media (min-width: 751px) {
   /* 横幅が1024px以上の場合に適用するスタイル */
   #wrapper { 
   		width: 1280px 
	}
	h3{
		margin:20px;
		text-decoration:underline;
	}
	#messe_photo{
		float:left; 
		width:360px;	
	}
	#messe_text01{
		float:left; 
		width:920px;	
	}
	#messe_text h4{
		display:block; 
		margin-top:10px;	
	}
	#messe_text02{
		display:block; 
		text-align:left; 
		margin:20px;
		display:block;
		letter-spacing:2px;
	}
	#messe_name{
		font-size:21px; 
		font-weight:bold;
			
	}
	.recruit_left{
		float:left; 
		width:640px;
	}
	.recruit_right{
		float:right; 
		width:640px;
	}
	.left{
		float:left	
	}
	.right{
		float:right;
	}
	.selection_top{
		width:960px; 
		overflow:hidden; 
		margin-left:165px;		
	}
	.selection01{
		float:left; 
		width:320px; 
		height:50px;	
	}
	.selection02{
		display:block; 
		margin-top:15px;	
	}
	.selection03{
		float:left; 
		width:480px; 
		height:50px;	
	}
	
	.top{
		position:relative;
	}
	.contents01{
		position:absolute; 
		top:80px; 
		bottom:0; 
		left:730px; 
		right:0; 
		width:200px; 
		height:150px; 
		text-align:left;
	}
	.contents02{
		position:absolute; 
		top:80px; 
		bottom:0; 
		left:300px; 
		right:0; 
		width:200px; 
		height:150px; 
		text-align:left;
	}
}
@media (max-width: 750px) {
   /* 横幅が896px以下の場合に適用するスタイル */
   #wrapper { 
   		width: 100%; 
		margin-top:50px;		
	}
   #messe_photo{
		width:100%;	
	}
	#messe_text01{
		width:100%;	
	}
}