/* ------------------------------------------------------------------
 index
 ------------------------------------------------------------------*/
 
 
 /*------ 全体構造 ------ */

h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
}

.about_contents{
width:760px;
background:url(../../../safe-system/images/index/common_btm_bg.jpg) no-repeat left bottom;
}

.about_contents p{
line-height:160%;
}

/*-----------------
共通
---------------*/

.about_contents #main_area{
padding:85px 0 14px 0;

}

.about_contents h1{
padding-bottom:60px;
}

.about_contents #navi_up{
margin-left:21px;
background:url(../../../safe-system/images/index/navi_up_bg.gif) no-repeat 0 29px;
}

.about_contents #navi_up ul{
height:212px;
padding:13px 0 5px 14px;
}

.about_contents #navi_btm{
height:58px;
padding:16px 0 53px 36px;
}


.about_contents #navi_up li,
.about_contents #navi_btm li{
float:left;
}

#contents_area .box  a{
padding-left:15px;
color:#10296f;
text-decoration:underline;
background:url(../../../safe-system/images/index/link_icon.gif) no-repeat 0 4px;
display:block;
}




/*-----------------
ステップ

---------------*/
#step a{
color:#10296f;
text-decoration:underline;
}

#step #main_area{
background:url(../../../safe-system/images/step/step_main_bg_v1.webp) no-repeat;
}

#step #contents_area{
margin:auto;
}

#step #contents_area .main_ttl_top{
padding:20px 0 30px 0;
text-align:center;
}

#step #contents_area .main_ttl_bottom{
padding:20px 0 15px 0;
text-align:center;
}

#step #contents_area .main_ttl_button{
padding:0 0 15px 0;
text-align:center;
}

#step #contents_area .box{
margin-left:21px;
}

#step #contents_area .box .text{
padding-left:18px;
}

#step #contents_area .box .arrow{
padding-left:139px;
}

#step #contents_area .text_caption{
font-size:80%;
text-align:left;
padding-bottom:30px;
margin-left:21px;
}