@charset "shift_jis";

/* =======================================

	ビンパラコンシューマ TopPageElements

======================================= */

body#set_top #header h5 {
	margin: 83px 0 0 596px;
	width: 123px;
	height: 31px;
	background: transparent url(../img/login_btn.gif) no-repeat top left;
	position: absolute;
}
body#set_top #header h5 a {
	width: 123px;
	height: 31px;
	display: block;
	text-indent: -9999px;
}
body#set_top #header h5 a:hover {
	background: transparent url(../img/login_btn_on.gif) no-repeat top left;
}

body#set_top #wrapper {
	margin: 0 auto;
	width: 880px;
	text-align: center;
}

body#set_top #wrapper .keyvisual {
	width: 880px;
	height: 393px;
	text-align: left;
}

body#set_top #wrapper .keyvisual h3 {
	width: 880px;
	height: 393px;
	background: transparent url(../img/top_key.jpg) no-repeat top left;
	text-indent: -9999px;
	position: absolute;
}

body#set_top #wrapper .keyvisual h4 {
	width: 160px;
	height: 160px;
	position: absolute;
	z-index: 99;
}

body#set_top #wrapper .keyvisual h4 a {
	width: 160px;
	height: 160px;
	display: block;
	text-indent: -9999px;
}
body#set_top #wrapper h4.key01 {
	margin: 3px 0 0 66px;
}
body#set_top #wrapper h4.key01 a:hover {
	background: url(../img/buy_ov.gif) no-repeat top left;
	z-index: 99;
}
body#set_top #wrapper h4.key02 {
	margin: 232px 0 0 654px;
}
body#set_top #wrapper h4.key02 a:hover {
	background: url(../img/try_ov.gif) no-repeat top left;
	z-index: 99;
}

body#set_top #wrapper .contents_menu {
	margin-top: 0px;
}

body#set_top #wrapper .top_banner {
	margin: 0 auto;
	padding: 20px 0;
	width: 720px;
}
body#set_top #wrapper .area01 {
	width: 502px;
	float: left;
}
body#set_top #wrapper .area02 {
	width: 200px;
	float: right;
	text-align: right;
}
body#set_top #wrapper .area02 img {
	margin-bottom: 15px;
}