@charset "utf-8";
/* CSS Document */

@import url("common.css");


/*------------------------------
トップページ
------------------------------*/

div.top_img{
	width:900px;
	height:377px;
	border-bottom:10px #00236C solid;
	background:url(../../img/top_img_bg.jpg) no-repeat;
}

div.left{
	float:left;
}

div.left p.top_txt{
	visibility:hidden;
	line-height:0px;
}

div.left p.top_appli_btn{
	margin-top:270px;
	margin-left:50px;
	
}

/*FLASH部分----------*/

div.flash_box{
	width:457px;
	margin-top:34px;
	margin-right:25px;
	float:right;
}

div.flash_title{
	width:457px;
	height:35px;
	background:url(../../img/top_fp_flash_title.jpg) no-repeat;
}

div.flash_title p{
	text-indent:-9999px;
	line-height:0px;
}

p.flash_next_btn{
	padding-top:6px;
	margin-left:370px;
}

p.flash_next_btn a{
	width:83px;
	height:24px;
	background:url(../../img/top_fp_flash_btn.jpg) no-repeat;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}


/*それぞれのステージ----------*/

div.stage_box01{
	width:250px;
	height:210px;
	margin-right:20px;
	margin-bottom:20px;
	border:1px #CCCCCC solid;
	float:left;
}

div.stage_box02{
	width:250px;
	height:210px;
	margin-bottom:20px;
	border:1px #CCCCCC solid;
	float:left;
}

p.stage_img{
	padding-left:5px;
	float:right;
}

p.stage_txt{
	padding:10px;
}

p.stage01_title a{
	width:159px;
	height:39px;
	float:left;
	background:url(../../img/top_stage01_title.jpg) no-repeat;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

p.stage02_title a{
	width:159px;
	height:39px;
	float:left;
	background:url(../../img/top_stage02_title.jpg) no-repeat;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

p.stage03_title a{
	width:159px;
	height:39px;
	float:left;
	background:url(../../img/top_stage03_title.jpg) no-repeat;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

p.stage04_title a{
	width:159px;
	height:39px;
	float:left;
	background:url(../../img/top_stage04_title.jpg) no-repeat;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

p.stage05_title a{
	width:159px;
	height:39px;
	float:left;
	background:url(../../img/top_stage05_title.jpg) no-repeat;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

p.stage06_title a{
	width:159px;
	height:39px;
	float:left;
	background:url(../../img/top_stage06_title.jpg) no-repeat;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}


/*ご相談の流れ----------*/

div.step{
	width:700px;
	margin:10px auto;
}

p.step_txt{
	font-size:1.2em;
	font-weight:bold;
	margin:10px 0px;
}

div.step_box{
	float:left;
}

p.step1{
	width:191px;
	height:72px;
	background:url(../../img/top_step01.jpg) no-repeat;
	text-indent:-9999px;
}

p.step2{
	width:191px;
	height:72px;
	background:url(../../img/top_step02.jpg) no-repeat;
	text-indent:-9999px;
}

p.step3{
	width:191px;
	height:72px;
	background:url(../../img/top_step03.jpg) no-repeat;
	text-indent:-9999px;
}

p.step_box_txt{
	width:170px;
	height:110px;
	margin-left:8px;
	padding:5px;
	border:1px #CCCCCC solid;
}

p.step_arrow{
	width:19px;
	height:46px;
	margin:70px 10px 0px 20px;
	background:url(../../img/arrow01.jpg) no-repeat;
	float:left;
}


/*賢い保険見直しのポイント----------*/

p.check_box{
	width:718px;
	margin:0px auto 15px;
	padding:10px;
	border-right:1px #E0E0E0 solid;
	border-bottom:1px #E0E0E0 solid;
	border-left:1px #E0E0E0 solid;
}

p.check1_title{
	width:740px;
	height:50px;
	margin:0px auto;
	background:url(../../img/top_check01.jpg) no-repeat;
	text-indent:-9999px;
}

p.check2_title{
	width:740px;
	height:50px;
	margin:0px auto;
	background:url(../../img/top_check02.jpg) no-repeat;
	text-indent:-9999px;
}

p.check3_title{
	width:740px;
	height:50px;
	margin:0px auto;
	background:url(../../img/top_check03.jpg) no-repeat;
	text-indent:-9999px;
}


/*賢い保険見直しに重要な生活設計（ライフプラン）----------*/

h3.top{
	margin-bottom:10px;
	margin-left:20px;
	padding-left:20px;
	background:url(../img/icon04.jpg) no-repeat 0px 3px;
	font-size:1.2em;
	font-weight:bold;
}

ul.lifeplan{
	list-style:none;
	margin:0px 0px 30px 25px;
	padding:0px;
}
ul.lifeplan li{
	background:url(../img/icon02.jpg) no-repeat 0px 0px;
	padding:0px 10px 0px 15px;
	display:inline;
}