@charset "utf-8";

/*-------------------------------------------------------------------
	IDENTIFICATION DIVISION.

	PROGRAM-ID.									ABOUT
	DATE-WRITTEN.								2012-04-20
-------------------------------------------------------------------*/

/*****************************************************
	DATA DIVISION.
	WORKING-STRAGE SECTION.
*****************************************************/

/*-------------------------------------------------------------------
	common
-------------------------------------------------------------------*/ 

#main{
	margin-left:4px;
	margin-bottom:20px;
	width:960px;
	background:url(../../images/cp/xmas2013/main-bg.gif) 0 100% no-repeat;
	position:relative;
	padding:0;
}

#main h2{
	margin:0;
	z-index:2;
}

#main p{
	margin:0;
	position:relative;
	z-index:2;
}

#main p.img03 span {
	position: absolute;
	display: block;
	bottom: 51px;
	left: 86px;
	font-size: 120%;
}







/*-------------------------------------------------------------------
	contact
-------------------------------------------------------------------*/ 
.wrap #contact{
	padding												: 12px;
	background										: #fafafa;
	border												: 1px solid #dadada;
}

.wrap #contact dl dt{
	padding-bottom								: 13px;
	margin-bottom									: 15px;
	background										: url(../../images/cp/coolbiz/border/gray-2x.gif) 0 100% repeat-x;
	text-align											: center;
}

.wrap #contact dl dd ul{
	text-align											: center;
}

.wrap #contact dl dd ul li{
	display												: inline;
	margin												: 0 13px;
}

.wrap #contact dd.link{
	margin												: 0;
	padding												: 10px 0 0 0;
	text-align											: center;
}


/*-------------------------------------------------------------------
	clearfix
-------------------------------------------------------------------*/ 
#main .items ul.list li:after,
.outerbox .detail-area:after,
.outerbox .detail-area .inner:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	line-height:0;
	font-size:0;
}


/*-------------------------------------------------------------------
	png
-------------------------------------------------------------------*/ 
* .png{ /* IE-expression (fix png alpha) */
	behavior: expression(
		this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
		this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("https://www.rub-lab.com/")+1) + "ie6png.gif" : this.src,
		this.style.behavior = "none"
	);
}

.lp_area {

}

.lp_area .img_wrap{
    line-height: 0;
}

/* .lp_area img{
    display: block;
} */

.lp_area .steps_wrap {
    position: relative;
    line-height: 0;
}

.lp_area .btn_wrap {
    position: absolute;
    display: block;
    width: 100%;
    top: 60px;
    text-align: center;
}

.lp_area .btn_wrap .button {
    display: inline-block;
    margin-right: 10px;
}

.lp_area .btn_wrap .button a {
    display: block;
}
.lp_area .btn_wrap .button a:hover {
    opacity: 0.8;
}
.lp_area .btn_wrap {
    position: absolute;
}

.form_area {
    padding: 20px 0;
    width: 960px;
    margin: 0 auto;
}

/*-------------------------------------------------------------------
	template
-------------------------------------------------------------------*/ 
#main #template{
	position:relative;
	z-index:2;
	margin:0;
}

#main #template p.decoration{
	position:absolute;
	top:-40px;
	right:60px;
}

#main #template p.button{
	position:absolute;
	bottom:76px;
	left:148px;
}
#main #template p.button span{
	position:absolute;
	top:-178px;
	right:-93px;
	z-index:3;
}
@media screen and (max-width: 640px){
	#main{
		width: 100%;
		margin-left: 0;
		background: #79C5E9 url(../../images/cp/xmas2013/main-bg.gif) 0 100% no-repeat;
		margin-bottom: 20px;
		position: relative;
		padding: 0;
	}
	#main #template p.button  {
		position: absolute;
		bottom: 76px;
		left: 62px;
	}
	.lp_area .btn_wrap {
		display: none;
	}
}