@charset "utf-8" ;


/********************************************************************************************************
CSS構成書:      基本段組み（全頁共通）


*********************************************************************************************************/


/* -------------------------------------------------------------------------------------------------------
            #wlifeList
------------------------------------------------------------------------------------------------------- */
#wlifeList h1{
	margin-bottom: 20px;
}

#wlifeList ul li{
	display: block;
	margin-bottom: 20px;
}


/* -------------------------------------------------------------------------------------------------------
            #wlife
------------------------------------------------------------------------------------------------------- */
#wlife{
	width: 1070px;
	margin: 0 auto;
	padding-top: 30px;
	padding-left: 100px;
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE7 */
}


#personMain{
	position: relative;
	width: 970px;
	height: 330px;
}

#personMain > img{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

#personMain > img{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

#personMain > p{
	position: absolute;
	left: 480px;
	top: 196px;
	z-index: 2;
	font-size: 1.2em;
	line-height: 1.6em;
	color: #FFF;
}
#personMain a.bt{
	position: absolute;
	left: 807px;
	top: 109px;
	z-index: 3;
	cursor:pointer;
}


/* -------------------------------------------------------------------------
            #stepWrap
------------------------------------------------------------------------- */
#stepWrap{
	position: relative;
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE7 */
}

#step{
	width: 970px;
	float: left;
	display: inline;
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE7 */
}

#s01,#s02,#s03,#s04,#s05,#s06,#s07{
position: relative;
}


#step > div > img{
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

#step .block{
	padding-left: 146px;
	padding-top: 30px;
	position: relative;
	width: 824px;
	height: 550px;

}

#step .block > img{
	position: absolute;
	right: 0;
	top: bottom;
}

#step .block > p{
	position: absolute;
	left: 344px;
	top: 510px;
	z-index: 2;
	font-size: 1.2em;
	line-height: 1.6em;
	color: #FFF;
}

#step p.left-1{left: 284px;}
#step p.left-2{left: 318px;}
#step p.left-3{left: 344px;}
#step p.left-4{left: 368px;}

#step .block a.next{
	position: absolute;
	right: 30px;
	bottom: 44px;
	z-index: 3;
}


#step .block .cf{
	position: absolute;
	left: 154px;
	bottom: 100px;
	z-index: 4;
}

#step .block .cf img{
	margin-right: 2px;
}

/* -------------------------------------------------------------------------
            #stepNav
------------------------------------------------------------------------- */
#stepNav{
float: right;
width: 100px;
right: 0;
}

#stepNav ul{
position: absolute;
top: 30px;
}

#stepNav ul li{
	display: block;
	margin-bottom: 1px;
}

#stepNav div{
position: absolute;
top: 364px;
padding-left: 16px;
}

#stepNav #sns-5slide{
position: absolute;
top: 300px;
padding-left: 16px;
}



/* -------------------------------------------------------------------------
            #recommend
------------------------------------------------------------------------- */
#recommend{
	margin-top: 30px;
	background: #66CCFF;
	text-align: center;
	padding: 24px;
	margin-bottom: 72px;
}

#recommend .bn{
width: 900px;
margin: 0 auto;
background: url(../img/wlife_recommend_bg.gif) left center repeat-y;
overflow:hidden; /* 回り込み解除指定 */
zoom:1; /* 回り込み解除指定 IE7 */
}

#recommend h1{
	margin-bottom: 12px;
}

#recommend a{
	display: block;
	float: left;
	width: 250px;
	height: 54px;
	background: #FFFFFF;
	margin: 0 0 5px 37px;
}


#recommend a >img:hover{
	opacity: 0.7;
	filter:alpha(opacity=70);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
}



/* -------------------------------------------------------------------------------------------------------
            #introduction
------------------------------------------------------------------------------------------------------- */

#introduction{
width: 750px;
margin: 0 auto;
padding: 40px 10px 0 10px;
}

#introduction #i-main{
	margin-bottom: 30px;
}

#introduction h1{
	color: #0897DA;
	font-size: 1.4em;
	font-weight: 600;
	margin-bottom: 18px;
}

#introduction p{
	font-size: 1.2em;
	line-height: 1.6em;
	color: #333;
	margin-bottom: 30px;
}



/* ----------------------------------------------------
            #inquiry ie7 エラー対応
----------------------------------------------------- */


#inquiry .Right_box img{
	display: block;
	}