/* CSS Document */

/* ----------------------------------------------
	リセット
---------------------------------------------- */

li { list-style: none; }

/* ----------------------------------------------
	margin関連
---------------------------------------------- */
.mgT05 { margin-top: 5px;}
.mgT10 { margin-top: 10px;}
.mgT15 { margin-top: 15px;}
.mgT20 { margin-top: 20px;}
.mgT30 { margin-top: 30px;}
.mgT80 { margin-top: 80px;}
.mgT100 { margin-top: 100px;}

.mgR05 { margin-right: 5px;}
.mgR10 { margin-right: 10px;}
.mgR20 { margin-right: 20px;}
.mgR30 { margin-right: 30px;}
.mgR40 { margin-right: 40px;}
.mgR115 { margin-right: 115px;}
.mgR175 { margin-right: 195px;}
.mgR530 { margin-right: 530px; }

.mgL05 { margin-left: 5px;}
.mgL10 { margin-left: 10px;}
.mgL20 { margin-left: 20px;}
.mgL30 { margin-left: 30px;}

.mgB05 { margin-bottom: 5px;}
.mgB10 { margin-bottom: 10px;}
.mgB20 { margin-bottom: 20px;}
.mgB30 { margin-bottom: 30px;}

/* ----------------------------------------------
	padding関連
---------------------------------------------- */

.pdT10 { padding-top: 10px; }
.pdT15 { padding-top: 15px; }
.pdT20 { padding-top: 20px; }
.pdT25 { padding-top: 25px; }
.pdT30 { padding-top: 30px; }
.pdT45 { padding-top: 45px; }


/* ----------------------------------------------
	位置関連・clearfix
---------------------------------------------- */
.alnR { text-align: right; }
.alnC { text-align: center; }
.alnL { text-align: left; }

.fltR { float: right; }
.fltL { float: left; }


.clear  { clear: both; font-size: 0px; line-height: 0px;}

.clearfix:after { content:""; display:block; clear:both; }
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/**/

/* ----------------------------------------------
	fontColor
---------------------------------------------- */

.txtWhite { color: #FFF; }

/* ----------------------------------------------
	横幅
---------------------------------------------- */

.w92 { width: 92px; }
.w365 { width: 365px; }


/* ----------------------------------------------
	レイアウト
---------------------------------------------- */
#topBox {
	width: 900px;
	height: 555px;
	padding-top: 10px;
	background: url(/landing/images/starter_05_02_02.jpg) no-repeat;
	position: relative;
	clear: both;
}

#topBox .btn01 {
	width: 418px;
	height: 134px;
	background: url(/landing/images/bn_01_on_02.gif) top no-repeat;
	position: absolute;
	left: 45px;
	bottom: 0px;
}

#topBox .btn01 a {
	display: block;
	width: 418px;
	height: 134px;
	background: url(/landing/images/bn_01_off_02.gif) top no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

#topBox .btn01 a:hover { background-position: 0px -134px !important; }

#topBox .btn02 {
	width: 363px;
	height: 106px;
	background: url(/landing/images/zenbu_on.gif) top no-repeat;
	position: absolute;
	left: 490px;
	bottom: 13px;
}

#topBox .btn02 a {
	display: block;
	width: 363px;
	height: 106px;
	background: url(/landing/images/zenbu_off.gif) top no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

#topBox .btn02 a:hover { background-position: 0px -134px !important; }





#starterKit {
	width: 900px;
	height: 987px;
	margin-top: 7px;
	background: url(/landing/images/starter_05_02_05.jpg) no-repeat;
	clear: both;
	position: relative;
}

#pushStarterKit {
	background: url(/landing/images/starter_05_02_10.jpg) no-repeat;
	width: 900px;
	height: 610px;
	margin-top: 20px;
	clear: both;
	position: relative;
}

#starterKit .txtBox01,
#pushStarterKit .txtBox01 {
	width: 402px;
	height: 200px;
	position: absolute;
	top: 153px;
	left: 393px;
}

#starterKit div ul,
#pushStarterKit div ul { margin-top: 2px; }

#starterKit div li,
#pushStarterKit div li {
	display: inline;
	float: left;
	height: 77px;
	line-height: 1.2;
}

#starterKit .btn01 {
	width: 229px;
	height: 53px;
	position: absolute;
	top: 385px;
	left: 570px;
}

#pushStarterKit .btn01 {
	top: 380px;
	left: 535px;
	position: absolute;
	width: 336px;
	height: 80px;
}

#pushStarterKit .btn02 {
	width: 418px;
	height: 134px;
	background: url(/landing/images/bn_01_on_02.gif) no-repeat;
	position: absolute;
	left: 50px;
	bottom: 1px;
}

#pushStarterKit .btn02 a {
	width: 418px;
	height: 134px;
	background: url(/landing/images/bn_01_off_02.gif) no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

#pushStarterKit .btn02 a:hover { background-position: 0px -134px !important; }


#pushStarterKit .btn03 {
	width: 363px;
	height: 106px;
	background: url(/landing/images/zenbu_on.gif) no-repeat;
	position: absolute;
	left: 490px;
	bottom: 15px;
}

#pushStarterKit .btn03 a {
	width: 363px;
	height: 106px;
	background: url(/landing/images/zenbu_off.gif) no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

#pushStarterKit .btn03 a:hover { background-position: 0px -134px !important; }







#starterKit .txtBox02 {
	width:700px;
	height: 2em;
	position: absolute;
	top: 522px;
	left: 110px;
	clear: both;
}

#starterKit .txtBox02 p em {
	font-weight: normal;
	font-style: normal;
	color: #680063;
}

#ageing01 {
	width: 900px;
	height: 642px;
	background: url(/landing/images/starter_05_02_07.jpg) no-repeat;
	position: relative;
	clear: both;
}

#ageing01 .txtBox01 {
	width: 460px;
	position: absolute;
	left: 67px;
	top: 112px;
}

#ageing01 .txtBox02 {
	position: absolute;
	top: 332px;
	left: 221px;
}

#ageing01 .txtBox02 li {
	width: 117px;
	margin-right: 41px;
	display: inline;
	float: left;
}

#ageing01 .txtBox03 {
	position: absolute;
	top: 553px;
	left: 214px;
}

#ageing01 .txtBox03 li {
	width: 160px;
	margin-right: 56px;
	display: inline;
	float: left;
}

#ageing01 .txtBox03 .last { margin-right: 52px; !important }

#ageing02 {
	width: 900px;
	height: 1170px;
	background: url(/landing/images/starter_05_02_08.jpg) no-repeat;
	position: relative;
	clear: both;
}

#ageing02 .btn01 {
	width: 418px;
	height: 134px;
	background: url(/landing/images/bn_01_on_02.gif) no-repeat;
	position: absolute;
	left: 50px;
	bottom: 23px;
}

#ageing02 .btn01 a {
	width: 418px;
	height: 134px;
	background: url(/landing/images/bn_01_off_02.gif) no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

#ageing02 .btn01 a:hover { background-position: 0px -134px !important; }

#ageing02 .btn02 {
	width: 363px;
	height: 106px;
	background: url(/landing/images/zenbu_on.gif) no-repeat;
	position: absolute;
	left: 491px;
	bottom: 35px;
}

#ageing02 .btn02 a {
	width: 363px;
	height: 106px;
	background: url(/landing/images/zenbu_off.gif) no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

#ageing02 .btn02 a:hover { background-position: 0px -134px !important; }

#ageing02 .txtBox01 {
	width: 462px;
	left: 67px;
	top: 116px;
	position: absolute;
}

#ageing02 .txtBox02 {
	width: 765px;
	left: 60px;
	top: 365px;
	position: relative;
}

#ageing02 .txtBox02 ul { clear: both; }

#ageing02 .txtBox02 li {
	width: 120px;
	display: inline;
	float: left;
	line-height: 1.2;
	color: #333333;
	text-align: center;
}

#ageing02 .txtBox02 li p em {
	color: #FE0000;
	font-style: normal;
	font-weight: normal;
}

#ageing02 .txtBox02 .list01 {
	position: absolute;
	left: 203px;
}

#ageing02 .txtBox02 .list02 {
	position: absolute;
	top: 105px;
	left: -5px;
}

#ageing02 .txtBox02 .list03 {
	position: absolute;
	top: 185px;
	left: 128px;
}

#ageing02 .txtBox02 .list03 .center {
	margin-left: 70px;
	margin-right: 70px;
	padding-top: 15px;
}

#ageing02 .txtBox02 span {
	position: absolute;
	top: 128px;
	left: 200px;
	color: #4E0152;
	font-weight: bold;
	font-size: 145%
}

#ageing03 {
	width: 900px;
	height: 1180px;
	background: url(/landing/images/starter_05_02_09.jpg) no-repeat;
	position: relative;
	clear: both;
}

#ageing03 .txtBox01 {
	position: absolute;
	top: 85px;
	left: 162px;
}

#ageing03 .txtBox02 {
	position: absolute;
	top: 128px;
	left: 78px;
}

#ageing03 .txtBox03 {
	position: absolute;
	top: 304px;
	left: 78px;
}

#ageing03 .txtBox03 ul {
	position: absolute;
	width: 535px;
	top: 66px;
}

#ageing03 .txtBox03 li {
	display: inline;
	float: left;
	line-height: 1.7;
	width: 170px;
}

#bihaku {
	width: 900px;
	height: 316px;
	background: url(/products/img_bihaku/to_bihaku.jpg) top center no-repeat;
	position: relative;
	clear: both;
}

#bihaku .btn01 {
	top: 245px;
	left: 554px;
	position: absolute;
	background: url(/products/img_bihaku/bihaku_starter_btn02_on.jpg) no-repeat;
	width: 252px;
	height: 56px;
}

#bihaku .btn01 a {
	width: 252px;
	height: 56px;
	display: block;
	background:  url(/products/img_bihaku/bihaku_starter_btn02.jpg) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

#bihaku .btn01 a:hover { background-position: 0px -56px !important; }