@charset "utf-8";
/*---------------------------------------------------------*/
/*    h1 page_title                                        */
/*---------------------------------------------------------*/
#page_title{
margin:0px auto 20px auto;
background:url(../../first/img/first_title.jpg) no-repeat;
width:750px;
height:60px;
text-indent: -9999px;
}
#first{
margin:0px auto 20px auto;
width:720px;
}
/*---------------------------------------------------------*/
/*    h2 main_img                                          */
/*---------------------------------------------------------*/
#main_img{
margin:0px auto 20px auto;
background:url(../../first/img/main_img.gif) no-repeat;
width:699px;
height:150px;
position:relative;
}
#main_txt{
	position:absolute;
	left: 24px;
	top: 117px;
}

#questionnaire{
width:640px;
height:251px;
margin:0px auto 30px auto;
background:url(../../first/img/questionnaire.gif) no-repeat;
}
/*---------------------------------------------------------*/
/*    h3  index_title                                      */
/*---------------------------------------------------------*/
#index1_title{
margin:0px auto 20px auto;
background:url(../../first/img/index1_title.jpg) no-repeat;
width:720px;
height:29px;
text-indent: -9999px;
}

#index2_title{
margin:0px auto 20px auto;
background:url(../../first/img/index2_title.jpg) no-repeat;
width:720px;
height:29px;
text-indent: -9999px;
}

/*---------------------------------------------------------*/
/*    reason_area                                          */
/*---------------------------------------------------------*/
#reason{
margin:0px auto 20px auto;
width:686px;
}
#reason_txt{
margin-left:14px;
width:672px;
}
#reason_txt h4{
margin-bottom:10px;
background:url(../../first/img/omake_title.gif) no-repeat;
width:266px;
height:24px;
text-indent: -9999px;
}

#reason_area{ margin:0px 0px 0px 14px; width:570px;}
#reason_l{
margin-right:10px;
float:left;
display:inline;
width:280px;
}
#reason_r{
float:right;
width:280px;
}

#reason_l li{ display:block;
background-image: url(../img/list_mark_black.gif);
background-repeat: no-repeat;
padding-left:10px;}
#reason_r li{ display:block;
background-image: url(../img/list_mark_black.gif);
background-repeat: no-repeat;
padding-left:10px;}
/*---------------------------------------------------------*/
/*   point                                                 */
/*---------------------------------------------------------*/

#point1_title{
margin-bottom:12px;
margin-left:20px;
background:url(../../first/img/point1_title.gif) no-repeat;
width:685px;
height:38px;
text-indent: -9999px;
}
#point2_title{
margin-bottom:12px;
margin-left:20px;
background:url(../../first/img/point2_title.gif) no-repeat;
width:685px;
height:38px;
text-indent: -9999px;
}
#point3_title{
margin-bottom:12px;
margin-left:20px;
background:url(../../first/img/point3_title.gif) no-repeat;
width:685px;
height:38px;
text-indent: -9999px;
}
#point4_title{
margin-bottom:12px;
margin-left:20px;
background:url(../../first/img/point4_title.gif) no-repeat;
width:685px;
height:38px;
text-indent: -9999px;
}
#point5_title{
margin-bottom:12px;
margin-left:20px;
background:url(../../first/img/point5_title.gif) no-repeat;
width:685px;
height:38px;
text-indent: -9999px;
}

.point_area{
margin-left:50px;
margin-bottom:18px;
width:640px;
line-height:160%;
color:#413D25;
}
.point_area_end{
margin-left:50px;
margin-bottom:40px;
width:655px;
line-height:160%;
color:#413D25;
}
.point_area li{
display:block;
background-image: url(../img/list_mark_black.gif);
background-repeat: no-repeat;
padding-left:10px;
}
.point_area_end li{
display:block;
background-image: url(../img/list_mark_black.gif);
background-repeat: no-repeat;
padding-left:10px;}
/*---------------------------------------------------------*/
/*   index2                                                */
/*---------------------------------------------------------*/
#index2_area{
margin:0px 0px 45px 10px;
width:700px;
}
#index2_area p{
line-height:160%;
color:#413D25;
}
/*---------------------------------------------------------*/
/*   link_area                                             */
/*---------------------------------------------------------*/
#link_area{
margin:0px auto 55px auto;
width:310px;
}
#link_area a{
display:block;
text-indent: -9999px;
width:304px;
height:53px;
}
#link_l{
background:url(../../first/img/l_licence.jpg) no-repeat;
float:left;
}
#link_s{
background:url(../../first/img/l_skill_up.jpg) no-repeat;
float:right;
}