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


/*------------------------------------------------------------
 index/
-------------------------------------------------------------*/
#index #header{
	height: 135px;
	background: url(../img_index/bg_header.png) no-repeat;
}
#index #contents{
	position:relative;
	width: 960px;
	padding: 0 8px 15px 8px;
}
#index h2{
	width: auto;
	height: 485px;
	background-image: none;
	background: url(../img_index/bg_billborad.jpg) no-repeat;
	position: relative;
	padding: 0px -5px 0 10px;
}

/* 上に食い込む */
#index #contents h2 img{
		position: absolute;
		top:0;
}

.campaign_btn{
	position: absolute;
	top: 225px;
	right: 29px;
	}
.campaign_btn2{
	position: absolute;
	top: 225px;
	right: 229px;
	}
.campaign_btn3{
	position: absolute;
	top: 225px;
	left: 19px;
	}


#extraArea{
	width: 240px;
	position: absolute;
	text-align: right;
	top: 40px;
	right: 25px;
	z-index: 10;
}
#h_facebook{
	position: absolute;
	right: 80px;
}
#btnTweet{
	padding: 0 10px 5px 0;
}
#index #imgPR02{
	position: absolute;
	right: 20px;
	bottom: 60px;
}

#index #imgPR03{
	position: absolute;
	right: 225px;
	bottom: 60px;
}

#index #imgPR04{
	position: absolute;
	right: 37px;
	bottom: 60px;
}

#index .inner{
	width: auto;
	margin-bottom: 0px;
	padding: 0 15px;
	background: none;
	position: relative;
	top: -55px;
}
.inner p{ padding: 10px 0 5px 0;}
#bnrArea{
	margin-top: -25px;
	padding: 0 10px 5px 20px;
}
#bnrArea li{
	float: left;
	padding-left: 19px;
}
#bnrArea li:first-child{
	padding-left: 0;
}
.infobox{
	width: 460px;
	padding: 0 0 20px 0;
	background: url(../img_index/bg_infobox_b.png) no-repeat 0 bottom;
}
.infobox h3{
	padding: 20px 20px 10px 20px;
	background: url(../img_index/bg_infobox_m.png) no-repeat 0 0;
	position: relative;
}
.infobox .ttl{
	background: url(../img_index/bg_infobox_t.png) no-repeat 0 0;
	padding: 20px 20px 10px 20px;
}
.infobox .cont{
	padding: 0 20px;
	background: url(../img_index/bg_infobox_m.png) repeat-y 0 0;
}
.scroll_area{
	height: 100px;
	width: 420px;
	overflow: auto;
	position: relative;
}
.infobox dt{
	float: left;
	clear: both;
}
.infobox dd{ padding-left: 48px;}

#storecolumn{
	position: absolute;
	right: 15px;
	top: 0;
}
.infobox h3 .btnMore{
	position: absolute;
	top: 20px;
	right: 20px;
}
#btnJoin{
	position: absolute;
	z-index: 10;
	left: 109px;
	bottom: 10px;
}
#btnFB{
	position: absolute;
	z-index: 10;
	left: 330px;
	bottom: 21px;
}
#btnTW{
	position: absolute;
	z-index: 10;
	left: 370px;
	bottom: 21px;
}
#btnIG{
	position: absolute;
	z-index: 10;
	left: 410px;
	bottom: 21px;
}
#storeSearch{
	position: absolute;
	top: 15px;
	right: 118px;
}
#btnSearch{
	width: 111px;
	height: 38px;
	position: absolute;
	top: 17px;
	right: 8px;
	border: none;
	cursor: pointer;
	background: url(../img_index/btn_serchStore_off.png) no-repeat;
	outline: none;

}
#btnSearch:hover,
#btnSearch:focus {
	background: url(../img_index/btn_serchStore_on.png) no-repeat;
	outline: none;
}
img.index_new{
	margin:2px 0 0 3px;
}