@charset "utf-8";

.app_main{
	width:987px;
	padding:0 0 30px 0;
	margin:0 auto;
	background:url(../images/main_bg.jpg);
}

.app_main .contents{
	width:987px;
	padding:0;
	margin:0 auto;
}

.contents .main_visual{
	background:url(../images/main.jpg);
	width:930px;
	height:420px;
	margin:0 auto;
}

.contents .main_visual ul.app_btn{
	padding-top:320px;
	padding-right:14px;
	float:right;
	list-style:none;
}

.contents .main_visual ul.app_btn li a{
	background:url(../images/download_s.gif);
	width:152px;
	height:52px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}


.contents .new_life{
	width:987px;
}

.contents .new_life h3{
	background:url(../images/catchcopy.gif);
	width:987px;
	height:87px;
	display:block;
	text-indent:-9999px;
	font-size:1px;
	padding:0;
	margin:0;
}

.contents .new_life .new_life_wrapper{
	background:url(../images/bg_newlife.gif);
	background-repeat:repeat-y;
	width:885px;
	padding:0 51px 0 51px;
}

.contents .new_life_bottom{
	background:url(../images/bg_newlife_bottom.gif);
	background-repeat:no-repeat;
	width:919px;
	height:1px;
	margin-left:36px;
}

.contents .new_life .new_life_wrapper p{
	padding:0 20px 30px 20px;
	margin:0;
}


.contents .new_life h4.ttl_example{
	background:url(../images/ttl_example.gif);
	background-repeat:no-repeat;
	width:866px;
	height:35px;
	display:block;
	text-indent:-9999px;
	font-size:1px;
	padding:0 0 20px 0;
}

.contents .new_life .example{
	width:782px;
	border-style:solid;
	border-width:6px;
	border-color:#fccc00;
	margin-left:36px;
	margin-bottom:20px;
}

.contents .new_life .example .example01,
.contents .new_life .example .example02,
.contents .new_life .example .example03{
	width:762px;
	overflow:hidden;
	padding:26px 0 20px 20px;
}

.contents .new_life .example .example01,
.contents .new_life .example .example02{
	background:url(../images/dot_example.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

.contents .new_life .example .example01 .txt,
.contents .new_life .example .example02 .txt,
.contents .new_life .example .example03 .txt{
	float:left;
	width:400px;
}

.contents .new_life .example .example01 p,
.contents .new_life .example .example02 p,
.contents .new_life .example .example03 p{
	width:500px;
	padding:0 0 0 24px;
}

.contents .new_life .example .example01 img,
.contents .new_life .example .example02 img,
.contents .new_life .example .example03 img{
	float:right;
	padding-right:20px;
}

.contents .new_life .example .example01 h5.sub_ttl{
	background:url(../images/subttl_example01.gif);
}
.contents .new_life .example .example02 h5.sub_ttl{
	background:url(../images/subttl_example02.gif);
}
.contents .new_life .example .example03 h5.sub_ttl{
	background:url(../images/subttl_example03.gif);
}

.contents .new_life .example .example01 h5.sub_ttl,
.contents .new_life .example .example02 h5.sub_ttl,
.contents .new_life .example .example03 h5.sub_ttl{
	background-repeat:no-repeat;
	width:575px;
	height:19px;
	display:block;
	text-indent:-9999px;
	font-size:1px;
	padding:0 0 20px 0;
}


.contents .new_life .area{
	background:url(../images/bg_area.gif);
	background-repeat:no-repeat;
	width:834px;
	height:173px;
	padding:0 0 20px 0;
	margin:0 auto;
}

.contents .new_life .area p{
	padding:18px 32px 18px 32px;
	font-weight:bold;
	line-height:160%;
	color:#333333;
}





.contents .point{
	width:987px;
}

.contents .point h3{
	background:url(../images/catchcopy_point.gif);
	width:987px;
	height:84px;
	display:block;
	text-indent:-9999px;
	font-size:1px;
	padding:0;
	margin:0;
}

.contents .point .three_point{
	background:url(../images/bg_point.gif);
	background-repeat:repeat-y;
	width:885px;
	padding:0 51px 20px 51px;
	overflow:hidden;
}

.contents .point .three_point .point01,
.contents .point .three_point .point02,
.contents .point .three_point .point03{
	float:left;
	width:265px;
	overflow:hidden;
}

.contents .point .three_point .point01 h4,
.contents .point .three_point .point02 h4,
.contents .point .three_point .point03 h4{
	background-repeat:no-repeat;
	width:265px;
	height:59px;
	display:block;
	text-indent:-9999px;
	font-size:1px;
	padding:0;
	margin:0;
}

.contents .point .three_point .point01 h4{
	background:url(../images/subttl_point01.gif);
}
.contents .point .three_point .point02 h4{
	background:url(../images/subttl_point02.gif);
}
.contents .point .three_point .point03 h4{
	background:url(../images/subttl_point03.gif);
}


.contents .point .three_point .point01{
	margin-left:18px;
	_margin-left:8px;
}
.contents .point .three_point .point02{
	margin-left:30px;
}
.contents .point .three_point .point03{
	padding-left:30px;
}


.contents .point .three_point .point01 p,
.contents .point .three_point .point02 p,
.contents .point .three_point .point03 p{
	background-repeat:no-repeat;
	width:265px;
	height:365px;
	display:block;
	text-indent:-9999px;
	font-size:1px;
	padding:0;
	margin:0;
}

.contents .point .three_point .point01 p{
	background:url(../images/txt_point01.gif);
}
.contents .point .three_point .point02 p{
	background:url(../images/txt_point02.gif);
}
.contents .point .three_point .point03 p{
	background:url(../images/txt_point03.gif);
}

.contents .point .three_point .point01,
.contents .point .three_point .point02,
.contents .point .three_point .point03{
	position:relative;
}
.contents .point .three_point .point01 img,
.contents .point .three_point .point02 img{
	position:absolute;
	left: 6px;
	top: 185px;
}
.contents .point .three_point .point03 img{
	position:absolute;
	left: 36px;
	top: 185px;
}

.contents .point .three_point p.caption{
	color:#FF0000;
	clear:both;
	padding-top:12px;
	padding-left:20px;
}

.contents .point_bottom{
	background:url(../images/bg_point_bottom.gif);
	background-repeat:no-repeat;
	width:919px;
	height:1px;
	margin-left:36px;
}


.contents .app_btn{
	width:330px;
	height:116px;
	padding:0;
	margin:0 auto;
}

.contents .app_btn ul{
	list-style:none;
}

.contents .app_btn ul li a{
	background:url(../images/download_s02.gif);
	width:330px;
	height:116px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

.app-caption  {
	width:930px;
	height:110px;
	margin:0 auto;
}



.app-caption ul{
	list-style:none;
	color:#999999;
	font-size:76%;
	padding:25px 0 0 25px;
}


.pagetop{
	padding:20px 50px 0 0;
}



.scene1, .scene2, .scene3 {
	position:relative;
	width:930px;
	height:156px;
	margin:0 auto;
	background:url(../images/bg_scene_01.gif) no-repeat;
}

.scene2 {
	height:150px;
	background:url(../images/bg_scene_02.gif) no-repeat;
}

.scene3 {
	height:194px;
	background:url(../images/bg_scene_03.gif) no-repeat;
}

.scene1 h4,.scene2 h4,.scene3 h4 {
	position:absolute;
	font-size:140%;
	top:40px;
	left:130px;
	line-height:1.2;
}

.scene2 h4,.scene3 h4 {
	top:35px;
}

.scene1 p,.scene2 p,.scene3 p {
	position:absolute;
	top:100px;
	left:130px;
}

.scene2 p,.scene3 p {
	top:95px;

}

#merit {
	position:relative;
	margin:0 auto;
	background:url(../images/bg_merit.gif) no-repeat center bottom;
}

.merit_area {
	clear:both;
	width:860px;
	margin:20px auto 0 auto;
}

.merit_area h4 {
	font-size:140%;
	color:#e61717;
	line-height:1.2;
	margin-bottom:10px;
}

#data {
	position:relative;
	margin:0 auto;
	background:url(../images/bg_merit.gif) no-repeat center bottom;
}

#data table {
	width:860px;
	margin:20px auto 0 auto;
}

.caution {
	width:860px;
	padding-bottom:20px;
	margin:20px auto 0 auto;
}

#data table th {
	text-align:left;
	padding:10px 0;
	border-bottom:1px #ddd solid;
}

#data table td {
	padding:10px 0;
	border-bottom:1px #ddd solid;
}

.data_area {
	clear:both;
	width:860px;
	margin:20px auto 0 auto;
}

.data_area h4 {
	font-size:140%;
	color:#e61717;
	line-height:1.2;
	margin-bottom:10px;
}

.red {
	color:#e61717;
}

.merit_area img {
	float:right;
}

.line {
	clear:both;
	text-align:center;
}

.bnr {
	text-align:center;
	margin-bottom:20px;
}

.center {
	text-align:center;
}

.btn {
	text-align:center;
	padding-bottom:20px;
}




.contents {
	position:relative;
	background:url(../images/bg.gif);
}

#content01 {
	width:930px;
	margin-left:30px;
	margin-bottom:20px;
	padding-bottom:20px;
	background:url(../images/bg_content.gif) no-repeat bottom;
}

.pointTxt {
	margin:20px 60px;
	font-size:125%;
	line-height:1.4;
}
.pointTxt span {
	background:#ffe28c;
}

.point01 {
	float:left;
	width:289px;
	margin-left:30px;
	_margin-left:15px;
}

.point01 p {
	margin:5px 10px;
}

.point02 {
	float:left;
	width:289px;
}

.point02 p {
	margin:5px 10px;
}

.point03 {
	float:left;
	width:289px;
	margin-left:3px;
}

.point03 p {
	margin:5px 10px;
}

#pointArea {
	background:url(../images/bg_point.gif) repeat-y;
}

#area {
	width:852px;
	height:90px;
	margin:0 auto 15px auto;
	background:url(../images/bg_area.gif) no-repeat;
}

#area p {
	padding:15px;
	margin:0;
}

#area p span {
	font-size:10px;
}


#magazine {
	width:930px;
	height:340px;
	margin-bottom:20px;
	background:url(../images/img_magazine.jpg) no-repeat bottom;
}

.magazineTxt {
	width:500px;
	padding:120px 0 0 350px;
	font-size:125%;
	line-height:1.4;
}

.magazineNotice {
	width:500px;
	padding:90px 0 0 350px;
	font-size:85%;
	line-height:1.4;
}