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

/* default
----------------------------------------------------*/

* {
	padding: 0;
	margin: 0;
}

html {
	overflow-y: scroll;
}

body {
	color: #444;
	font-size: 12px;
	line-height: 1.4em;
	background-color: #FFF;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

table {
	border-collapse: collapse;
}

img {
	border: none;
	vertical-align: bottom;
	float: left;
}

/* png透過用
----------------------------------------------------*/
.png {
	behavior: expression(IEPNGFIX.fix(this));
}

/* clearfix
----------------------------------------------------*/
.clearfix:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

/* End hide from IE-mac */
.clearfix {
	display: block;
}

/* clear */
.clear {
	clear: both;
}


/* ▼汎用スタイル */
.strong1 {
	font-weight: bold;
	color: #ff5874;
}


/* ▼以下キャンペーン用
----------------------------------------------------*/

/* 201007 Hulaサマーキャンペーン用スタイル
----------------------------------------------------*/

#wrapper{
	text-align: center;
	padding-bottom: 20px;
}

#wrapper #container{
	width: 1000px;
	background: #fff;
	margin: 0 auto;
}

#wrapper .box01,
#wrapper .box02,
#wrapper .box03,
#wrapper .box04{
	position: relative;
	float: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
}

#wrapper .box01 .inq a,
#wrapper .box02 .inq a,
#wrapper .box03 .inq a,
#wrapper .box04 .inq a{
	color: #5aa0ff;
}

#wrapper .box01 .inq a:hover,
#wrapper .box02 .inq a:hover,
#wrapper .box03 .inq a:hover,
#wrapper .box04 .inq a:hover{
	color: #2063bf;
}

#wrapper .box01{
}

#wrapper .box01 .inq{
	position: absolute;
	top: 592px;
	left: 188px;
	padding-left: 20px;
	background: url(../zexy/img/201007/icon_mail.gif) no-repeat 0 3px;
}

#wrapper .box01 .btn{
	position: absolute;
	top: 528px;
	left: 440px;
}

#wrapper .box02{
	margin-bottom: 20px;
}

#wrapper .box02 .inq{
	position: absolute;
	top: 592px;
	left: 187px;
	padding-left: 20px;
	background: url(../zexy/img/201007/icon_mail.gif) no-repeat 0 3px;
}

#wrapper .box02 .btn{
	position: absolute;
	top: 532px;
	left: 440px;
}

#wrapper .box03 .inq{
	position: absolute;
	top: 553px;
	left: 186px;
	padding-left: 20px;
	background: url(../zexy/img/201007/icon_mail.gif) no-repeat 0 3px;
}

#wrapper .box03 .btn{
	position: absolute;
	top: 492px;
	left: 440px;
}

#wrapper .box04{
	height: 430px;
}

#wrapper .box04 h2{
	text-align:left;
	padding: 20px 0 10px 20px;
}

#wrapper .box04 .inq{
	position: absolute;
	top: 276px;
	left: 424px;
	padding-left: 20px;
	background: url(../zexy/img/201007/icon_mail.gif) no-repeat 0 3px;
}

#wrapper .box04 .data{
	position: absolute;
	top: 48px;
	left: 423px;
	text-align: left;
}

#wrapper .box04 .data p{
	padding-bottom: 15px;
}

#wrapper .box04 .access{
	position: absolute;
	top: 371px;
	left: 432px;
	text-align: left;
}

#wrapper .box04 .qr{
	position: absolute;
	top: 18px;
	right: 48px;
	text-align: center;
}

#wrapper .box04 .qr .txt {
	position: absolute;
	top: 145px;
	right: 30px;
}

#wrapper .box04 .access p{
	padding-bottom: 5px;
}

#wrapper .box04 .btn{
	position: absolute;
	top: 317px;
	left: 566px;
}