#EVENT {
	width: 745px;
	margin:10px auto;
	background: url(/defaultMall/images/includehtml/spevent/images/bg.jpg) repeat-x 0px bottom;
}
#EVENT .menu {
	width: 720px;
	margin: 10px auto 0;
}
#EVENT .menu .mobile {
	background: url(/defaultMall/images/includehtml/spevent/images/mobile.jpg) no-repeat;
	float: left;
	height: 96px;
	width: 353px;
}
#EVENT .menu .mobile p {
	margin-top: 35px;
	margin-left: 100px;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	margin-right: 15px;
}
#EVENT .menu .mail {
	float: right;
	height: 96px;
	width: 353px;
	background: url(/defaultMall/images/includehtml/spevent/images/mail.jpg) no-repeat;
}
#EVENT .menu .mail p {
	margin-top: 35px;
	margin-left: 20px;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	margin-right: 5px;
}
#EVENT .menu .mail #entry {
	margin-top: 15px;
	margin-left: 183px;
}

/* 
------------------------- */
.menu:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.menu {
  min-height: 1px;
}

* html .menu {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

@media(max-width:767px){ /* for smartphone */
	#EVENT .menu .mobile {
		display:none;
	}	
	#EVENT {
		width: 100%;
		margin:10px auto;
	}
	#EVENT .menu {
		width: 353px;
		margin: 10px auto 0px;
	}
	#EVENT .menu .mail {
		height: 96px;
		width: 353px;
		background: url(/defaultMall/images/includehtml/spevent/images/mail.jpg) no-repeat;
	}	
	#EVENT .menu .mail p {
		margin-top: 35px;
		margin-left: 20px;
		font-size: 12px;
		line-height: 16px;
		text-align: left;
		margin-right: 5px;
	}
	#EVENT .menu .mail #entry {
		margin-top: 15px;
		margin-left: 183px;
	}
}