@charset "utf-8";

/*----------------
★はじめにボタン
----------------*/
#mainimg
{
	position:absolute; 
}
#mainimg .firstimg
{
	top:0px;
	left:0px;
	z-index:0;
	position: absolute;
}
#mainimg .firstbtn
{
	top:140px;
	left:20px;
	z-index:1;
	position: absolute;
}

#first_btn_t a{
	width:330px;
	height: 50px;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	font-size: 0px;
	background-image:url(../family/images/family_first_btn.jpg);
	z-index: 1;
}
.first_btn a{
	width:330px;
	height: 50px;
	background-position:0px 0px;
	background-repeat: no-repeat;
}
.first_btn a:hover{
	width:330px;
	height: 50px;
	background-position:0px -50px;
	background-repeat: no-repeat;
}

/*----------------
★もくじ
----------------*/
#menuBox_wrap
{
	padding-top:230px;
	padding-bottom: 20px;
}


#menuBox
{
padding-left:20px;
padding-right:20px;
}

#menuBox_l
{
	float: left;
	width: 330px;
	padding-right: 20px;
}
#menuBox_r
{
	float: right;
	width: 330px;
}

#menuBox li
{
	background-image: url(../images/common/yazirushi_f.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	margin-left: 60px;
	padding-left: 15px;
	width: 240px;
	line-height: 160%;
	padding-bottom:8px;
}

#menuBox h4
{
	padding-bottom:20px;
	height: 60px;
	width: 330px;
	text-indent: -9999px;
	display: block;
	background-repeat:no-repeat;
}

#menuBox .con_menu01{background-image:url(../family/images/family_menuimg01.gif);}
#menuBox .con_menu02{background-image:url(../family/images/family_menuimg02.gif);}
#menuBox .con_menu03{background-image:url(../family/images/family_menuimg03.gif);}
#menuBox .con_menu04{background-image:url(../family/images/family_menuimg04.gif);}
#menuBox .con_menu05{background-image:url(../family/images/family_menuimg05.gif);}
#menuBox .con_menu06{background-image:url(../family/images/family_menuimg06.gif);}
#menuBox .con_menu07{background-image:url(../family/images/family_menuimg07.gif);}
#menuBox .con_menu08{background-image:url(../family/images/family_menuimg08.gif);}
#menuBox .con_menu09{background-image:url(../family/images/family_menuimg09.gif);}


/*-----------------
★お役立ちコンテンツ
-------------------*/
.oyaku_ttl
{
	height: 48px;
	width: 680px;
	text-indent: -9999px;
	display: block;
	background:url(../family/images/oyakudachi_ttl.gif);
	background-repeat:no-repeat;
	margin-right: auto;
	margin-left: auto;
	margin-top:30px;
}

#oyakudachi
{
	width:640px;
	background-image:url(../family/images/oyakudachi_menu.gif);
	background-repeat: no-repeat;
	height: 40px;
	padding-left:80px;
	margin-bottom:10px;
}

#oyakudachi li {
	float: left;
	font-size: 0px;
}

#oyakudachi a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	font-size: 0px;
	background-image:url(../family/images/oyakudachi_menu.gif);
	background-repeat: no-repeat;
	height: 40px;
}

#oyaku_menu01 a{
	width: 128px;
	height: 40px;
	background-position:-80px 0px;
	background-repeat: no-repeat;

}	
#oyaku_menu01b a{
	width: 128px;
	height: 40px;
	background-position:-80px -40px;
	background-repeat: no-repeat;
}
#oyaku_menu01 a:hover{
	width: 128px;
	height: 40px;
	background-position:-80px -40px;
	background-repeat: no-repeat;
}

#oyaku_menu02 a{
	width: 128px;
	height: 40px;
	background-position:-208px 0px;
	background-repeat: no-repeat;

}	
#oyaku_menu02b a{
	width: 128px;
	height: 40px;
	background-position:-208px -40px;
	background-repeat: no-repeat;
}
#oyaku_menu02 a:hover{
	width: 128px;
	height: 40px;
	background-position:-208px -40px;
	background-repeat: no-repeat;
}

#oyaku_menu03 a{
	width: 128px;
	height: 40px;
	background-position:-336px 0px;
	background-repeat: no-repeat;

}	
#oyaku_menu03b a{
	width: 128px;
	height: 40px;
	background-position:-336px -40px;
	background-repeat: no-repeat;
}
#oyaku_menu03 a:hover{
	width: 128px;
	height: 40px;
	background-position:-336px -40px;
	background-repeat: no-repeat;
}

#oyaku_menu04 a{
	width: 128px;
	height: 40px;
	background-position:-464px 0px;
	background-repeat: no-repeat;

}	
#oyaku_menu04b a{
	width: 128px;
	height: 40px;
	background-position:-464px -40px;
	background-repeat: no-repeat;
}
#oyaku_menu04 a:hover{
	width: 128px;
	height: 40px;
	background-position:-464px -40px;
	background-repeat: no-repeat;
}

#oyaku_menu05 a{
	width: 128px;
	height: 40px;
	background-position:-592px 0px;
	background-repeat: no-repeat;

}	
#oyaku_menu05b a{
	width: 128px;
	height: 40px;
	background-position:-592px -40px;
	background-repeat: no-repeat;
}


#oyaku_menu05 a:hover{
	width: 128px;
	height: 40px;
	background-position:-592px -40px;
	background-repeat: no-repeat;
}

/*-----------------
★応急手当について
-------------------*/

#Firstaid .maintext p
{
margin-bottom:20px;

}

#firstaid
{
	width:656px;
	background-image:url(../family/images/firstaid_btn01.gif);
	background-repeat: no-repeat;
	height: 30px;
	padding-left:12px;
	padding-right:12px;
}

#firstaid li {
	float: left;
	font-size: 0px;
}

#firstaid a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	font-size: 0px;
	background-image:url(../family/images/firstaid_btn01.gif);
	background-repeat: no-repeat;
	height: 30px;
}

#firstaid01 a{
	width: 70px;
	height: 30px;
	margin-right:9px;
	background-position:-12px 0px;
	background-repeat: no-repeat;

}	
#firstaid01 a:hover{
	width: 70px;
	height: 30px;
	margin-right:9px;
	background-position:-12px -30px;
	background-repeat: no-repeat;
}

#firstaid02 a{
	width: 70px;
	height: 30px;
	margin-right:9px;
	background-position:-91px 0px;
	background-repeat: no-repeat;

}
#firstaid02 a:hover{
	width: 70px;
	height: 30px;
	margin-right:9px;
	background-position:-91px -30px;
	background-repeat: no-repeat;
}
#firstaid03 a{
	width: 70px;
	height: 30px;
	margin-right:9px;
	background-position:-170px 0px;
	background-repeat: no-repeat;

}	
#firstaid03 a:hover{
	width: 70px;
	height: 30px;
	margin-right:9px;
	background-position:-170px -30px;
	background-repeat: no-repeat;
}
#firstaid04 a{
	width: 70px;
	height: 30px;
	margin-right:42px;
	background-position:-249px 0px;
	background-repeat: no-repeat;

}	
#firstaid04 a:hover{
	width: 70px;
	height: 30px;
	margin-right:42px;
	background-position:-249px -30px;
	background-repeat: no-repeat;
}

#firstaid05 a{
	width: 70px;
	height: 30px;
	margin-right:9px;
	background-position:-361px 0px;
	background-repeat: no-repeat;

}	
#firstaid05 a:hover{
	width: 70px;
	height: 30px;
	margin-right:9px;
	background-position:-361px -30px;
	background-repeat: no-repeat;
}

#firstaid06 a{
	width: 70px;
	height: 30px;
	margin-right:9px;
	background-position:-440px 0px;
	background-repeat: no-repeat;

}	
#firstaid06 a:hover{
	width: 70px;
	height: 30px;
	margin-right:9px;
	background-position:-440px -30px;
	background-repeat: no-repeat;
}
#firstaid07 a{
	width: 70px;
	height: 30px;
	margin-right:9px;
	background-position:-519px 0px;
	background-repeat: no-repeat;

}	
#firstaid07 a:hover{
	width: 70px;
	height: 30px;
	margin-right:9px;
	background-position:-519px -30px;
	background-repeat: no-repeat;
}
#firstaid08 a{
	width: 70px;
	height: 30px;
	background-position:-598px 0px;
	background-repeat: no-repeat;

}	
#firstaid08 a:hover{
	width: 70px;
	height: 30px;
	background-position:-598px -30px;
	background-repeat: no-repeat;
}

/*-----------------
★はじめての海外旅行
-------------------*/
#travel_main
{
	width:400px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../family/images/travel_img01.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 280px;
	margin-bottom: 20px;
}
#travel_main p
{
	padding-bottom:20px;
}

.travel_btn01 a
{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	font-size: 0px;
	background-image:url(../family/images/travel_btn01.gif);
	height: 30px;
	width: 310px;
	background-position:0px 0px;
	background-repeat: no-repeat;
}
.travel_btn01 a:hover
{
	width: 310px;
	background-position:0px -30px;
	background-repeat: no-repeat;
}


.travel_btn02 a
{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	font-size: 0px;
	background-image:url(../family/images/travel_btn02.gif);
	height: 30px;
	width: 310px;
	background-position:0px 0px;
	background-repeat: no-repeat;
}
.travel_btn02 a:hover
{
	width: 310px;
	background-position:0px -30px;
	background-repeat: no-repeat;
}


#travelbox_l
{
	padding-left:20px;
	float: left;
	width: 330px;
	padding-right: 20px;
	background-image: url(../learn/images/learnbox_top.gif);
	background-repeat: no-repeat;
	background-position: 20px top;
	padding-top: 10px;
	padding-bottom: 20px;
}

#travelbox_r
{
	float: left;
	width: 330px;
	padding-right: 20px;
	background-image: url(../learn/images/learnbox_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	padding-bottom: 20px;
}

.travelbox
{
	background-image: url(../learn/images/learnbox_bg.gif);
	background-position: bottom;
	width: 310px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.traveltxt
{
	padding-top: 10px;
	min-height: 60px;
	height: auto !important;
	height: 60px;
}

.travel_ttl01
{
	height: 14px;
	text-indent: -9999px;
	display: block;
	background-repeat:no-repeat;
	width: 310px;
	background-image: url(../family/images/travel_txt01.gif);
	background-position: left top;
}

.travel_ttl02
{
	height: 14px;
	text-indent: -9999px;
	display: block;
	background-repeat:no-repeat;
	width: 310px;
	background-image: url(../family/images/travel_txt02.gif);
	background-position: left top;
}

#travel_wfh
{
	width:166px;
	height:32px;
	padding-left:520px;
	padding-right:34px;
	padding-top:16px;
	padding-bottom:55px;
	background-image:url(../family/images/travel_img02.gif);
	float:left;
	background-repeat: no-repeat;
	background-position: 20px top;
}

#travel_wfh .wfhtext
{
	text-indent: -9999px;
	display: block;
}

.travel_wfhbtn a
{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	font-size: 0px;
	background-image:url(../family/images/travel_btn03.gif);
	height: 32px;
	width: 166px;
	background-position:0px 0px;
	background-repeat: no-repeat;
}
.travel_wfhbtn a:hover
{
	width: 166px;
	background-position:0px -32px;
	background-repeat: no-repeat;
}

.travel_follo
{
	width:680px;
	margin-left:auto;
	margin-right:auto;
	
}

/*-----------------
★医療費助成制度
-------------------*/

.promo_ttl
{
	height: 18px;
	text-indent: -9999px;
	display: block;
	background-repeat:no-repeat;
	background-image: url(../family/images/promo_ttl01.gif);
	background-position: left top;
	padding-bottom: 20px;
}

#promo_main
{
	width:680px;
	margin-right: auto;
	margin-left: auto;
}

.promo_tbl .promo_td
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;	
}

.promo_tbl p
{
	padding:10px;
	line-height: 130%;	
}

.promo_tblttl
{
	font-weight: bold;
	background-image: url(../images/common/yazirushi_g.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
}

.promo_tbl h6
{
	font-weight: bold;
	background-image: url(../images/common/yazirushi_g.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	background-position: 0px 6px;
}


/*----*/
h5#folloUp_ttl{
	clear:both;
	float:none;
	height: 45px;
	width: 680px;
	text-indent: -9999px;
	background-image:url(../family/picup/images/followUp_ttl.gif);
	background-repeat:no-repeat;
	margin-top:30px;
	padding-top:20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	background-position: bottom;
}

ul.folloUp{
	width:632px;
	background-image:url(../images/common/mokuji_bg.gif);
	background-position:bottom;
	padding-right: 24px;
	padding-left: 24px;
}

/*floatの解除*/
ul.folloUp {
    zoom: 1; /* for IE5.5 - IE7 */
}
ul.folloUp:after { /* for modern browser */
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

ul.folloUp li{
width:310px;
height:30px;
float:left;
/**/
}

ul.folloUp li a{
display:block;
width:310px;
height:30px;
text-indent:-9999px;

}

li#f01,li#f02{
	margin-bottom:8px;
	padding-bottom:12px;
	padding-top:12px;
}

li#f02{
	margin-left:12px;
}

li#f01 a{
	background-image:url(../family/images/followUpBtn01.gif);
	background-position:0px 0px;
}
li#f01 a:hover{
	background-position:0px -30px;
}

li#f02 a{
	background-image:url(../family/images/followUpBtn02.gif);
	background-position:0px 0px;
}
li#f02 a:hover{
	background-position:0px -30px;
}


/*-----------------
Rece
-------------------*/

table.table01{
margin:4px auto;
border-left:2px solid #999999;
border-top:2px solid #999999;
}

table.table01 tr td{
padding:3px 12px;
border-right:2px solid #999999;
border-bottom:2px solid #999999;
}

table.table01 tr td.gray{
background-color:#F5F5F5;
}

table.table01 tr td.pink{
background-color:#FDE5E0;
}

table.table02 tr td{
border:none;
padding:2px;
}

.explanation h4{
float:none;
clear:both;
padding-bottom:28px;
}

.explanation h5{
padding-bottom:20px;}

.explanation h6{}

.redArea{
border:1px solid #CCCCCC;
background-color:#F8E5E0;
padding:8px;
margin:6px 0;
}

.topName{
font-size:80%;
color:#666666;
margin-top:28px;
}

/*--common--*/
.marginTB{
padding-top:18px;
padding-bottom:18px;
}

.floatRight{
float:right;
}

.floatleft{
float:left;
}

.txtCenter{
text-align:center;
}

.txtRight{
text-align:right;
}

.txtRed{
color:#cc0000;
}

.m12l{
margin-left:12px;
}

.m12r{
margin-right:12px;
}

.m12t{
margin-top:12px;
}

.m12b{
margin-bottom:12px;
}

.lineTop{
clear:both;
float:none;
border-top:1px solid #CCCCCC;
margin-top:18px;
padding-top:12px;
}

ol{
margin-top:8px;
}

ol li{
line-height:140%;
list-style:decimal;
margin-left:24px;
padding-bottom:6px;
}

ul.dick{
margin-left:12px;
}

ul.dick li{
line-height:140%;
list-style-type:disc;
margin-left:14px;
padding-bottom:6px;
}

ul.dick li.lineB{
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px dashed #CCCCCC;
}