@charset "utf-8";
/*------------------------------------------------------------------------------
*
* icon set
* Update  : 2015.08.13
* version : 0.4
* 
* ------------------------------------------------------------------------------*/
.ico-personal-login { }
.ico-personal-login:before { content: " "; display: inline-block; width: 64px; height: 64px; margin-bottom: 0px; background-image: url(../img/icons/icon_personal_WHT.png); background-repeat: no-repeat; background-position: center center; }
.ico-enterprise-login { }
.ico-enterprise-login:before { content: " "; display: inline-block; width: 64px; height: 64px; margin-bottom: 0px; background-image: url(../img/icons/icon_enterprise_WHT.png); background-repeat: no-repeat; background-position: center center; }
.ico_pagetop { margin-right: 7px; }
.ico_pagetop:before { content: " "; display: inline-block; width: 12px; height: 5px; margin-bottom: 2px; background-image: url(/-/media/tb/life-guide/assets/img/icons/icon_pagetop.png); background-repeat: no-repeat; background-position: center center; }

/*-- header icons --*/
.ico_home_b { margin-right: 5px; }
.ico_home_b:before { content: " "; display: inline-block; width: 16px; height: 16px; margin-bottom: -2px; background-image: url(../img/icons/icon_home_BLU.png); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }
.ico_home_w { margin-right: 5px; }
.ico_home_w:before { content: " "; display: inline-block; width: 16px; height: 16px; margin-bottom: -2px; background-image: url(../img/icons/icon_home_WHT.png); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }
.ico_user_b { margin-right: 5px; }
.ico_user_b:before { content: " "; display: inline-block; width: 16px; height: 16px; margin-bottom: -2px; background-image: url(../img/icons/icon_personal_BLU.png); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }

.ico_user_b.l{ margin-right: 5px; }
.ico_user_b.l:before { content: " "; display: inline-block; width: 24px; height: 24px; margin-bottom: -2px; background-image: url(../img/icons/icon_personal_BLU.png); background-repeat: no-repeat; background-position: center center; background-size: 24px 24px; }


.ico_user_w { margin-right: 5px; }
.ico_user_w:before { content: " "; display: inline-block; width: 16px; height: 16px; margin-bottom: -2px; background-image: url(../img/icons/icon_personal_WHT.png); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }
.ico_enterprise_b { margin-right: 5px; }
.ico_enterprise_b:before { content: " "; display: inline-block; width: 16px; height: 16px; margin-bottom: -2px; background-image: url(../img/icons/icon_enterprise_BLU.png); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }

.ico_enterprise_b.l { margin-right: 5px; }
.ico_enterprise_b.l:before { content: " "; display: inline-block; width: 24px; height: 24px; margin-bottom: -2px; background-image: url(../img/icons/icon_enterprise_BLU.png); background-repeat: no-repeat; background-position: center center; background-size: 24px 24px; }


.ico_enterprise_w { margin-right: 5px; }
.ico_enterpriser_w:before { content: " "; display: inline-block; width: 16px; height: 16px; margin-bottom: -2px; background-image: url(../img/icons/icon_enterprise_WHT.png); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }
.icon_faq_b { margin-right: 5px; }
.icon_faq_b:before { content: " "; display: inline-block; width: 16px; height: 16px; margin-bottom: -2px; background-image: url(../img/icons/icon_faq_BLU.png); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }
.icon_yogo_b { margin-right: 5px; }
.icon_yogo_b:before { content: " "; display: inline-block; width: 16px; height: 16px; margin-bottom: -2px; background-image: url(../img/icons/icon_yogo_BLU.png); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }
.icon_info_b { margin-right: 5px; }
.icon_info_b:before { content: " "; display: inline-block; width: 16px; height: 16px; margin-bottom: -2px; background-image: url(../img/icons/icon_info_BLU.png); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }
.icon_favorite_b { margin-right: 5px; }
.icon_favorite_b:before { content: " "; display: inline-block; width: 16px; height: 16px; margin-bottom: -2px; background-image: url(../img/icons/icon_favorite_BLU.png); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }

/*-- global navi icons --*/
.ico_dc_w { margin-right: 0px; }
.ico_dc_w:before { content: " "; display: inline-block; width: 32px; height: 32px; margin-bottom: -2px; background-image: url(../img/icons/icon_dc_WHT.png); background-repeat: no-repeat; background-position: center center; background-size: 32px 32px; }
.ico_sonota_w { margin-right: 0px; }
.ico_sonota_w:before { content: " "; display: inline-block; width: 32px; height: 32px; margin-bottom: -2px; background-image: url(../img/icons/icon_sonota_WHT.png); background-repeat: no-repeat; background-position: center center; background-size: 32px 32px; }
.ico_tameru_w { margin-right: 0px; }
.ico_tameru_w:before { content: " "; display: inline-block; width: 32px; height: 32px; margin-bottom: -2px; background-image: url(../img/icons/icon_tameru_WHT.png); background-repeat: no-repeat; background-position: center center; background-size: 32px 32px; }
.ico_kariru_w { margin-right: 0px; }
.ico_kariru_w:before { content: " "; display: inline-block; width: 32px; height: 32px; margin-bottom: -2px; background-image: url(../img/icons/icon_kariru_WHT.png); background-repeat: no-repeat; background-position: center center; background-size: 32px 32px; }
.ico_nokosu_w { margin-right: 0px; }
.ico_nokosu_w:before { content: " "; display: inline-block; width: 32px; height: 32px; margin-bottom: -2px; background-image: url(../img/icons/icon_nokosu_WHT.png); background-repeat: no-repeat; background-position: center center; background-size: 32px 32px; }
.ico_dc_s_w { margin-right: 3px; }
.ico_dc_s_w:before { content: " "; display: inline-block; width: 16px; height: 16px; margin-bottom: -2px; background-image: url(../img/icons/icon_dc_WHT.png); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }
.ico_sonota_s_w { margin-right: 3px; }
.ico_sonota_s_w:before { content: " "; display: inline-block; width: 16px; height: 16px; margin-bottom: -2px; background-image: url(../img/icons/icon_sonota_WHT.png); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }
.ico_tameru_s_w { margin-right: 3px; }
.ico_tameru_s_w:before { content: " "; display: inline-block; width: 16px; height: 16px; margin-bottom: -2px; background-image: url(../img/icons/icon_tameru_WHT.png); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }
.ico_kariru_s_w { margin-right: 3px; }
.ico_kariru_s_w:before { content: " "; display: inline-block; width: 16px; height: 16px; margin-bottom: -2px; background-image: url(../img/icons/icon_kariru_WHT.png); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }
.ico_nokosu_s_w { margin-right: 3px; }
.ico_nokosu_s_w:before { content: " "; display: inline-block; width: 16px; height: 16px; margin-bottom: -2px; background-image: url(../img/icons/icon_nokosu_WHT.png); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }

/*-- 2-1 page icons --*/
.icon_dcunyosim_g { margin-right: 5px; }
.icon_dcunyosim_g:before { content: " "; display: inline-block; width: 32px; height: 32px; margin-bottom: -2px; background-image: url(../img/icons/icon_dcunyosim_GRN.png); background-repeat: no-repeat; background-position: center center; background-size: 32px 32px; }
.icon_lifeplansim_g { margin-right: 5px; }
.icon_lifeplansim_g:before { content: " "; display: inline-block; width: 32px; height: 32px; margin-bottom: -2px; background-image: url(../img/icons/icon_lifeplansim_GRN.png); background-repeat: no-repeat; background-position: center center; background-size: 32px 32px; }
.icon_kanyukoukasim_g { margin-right: 5px; }
.icon_kanyukoukasim_g:before { content: " "; display: inline-block; width: 32px; height: 32px; margin-bottom: -2px; background-image: url(../img/icons/icon_kanyukoukasim_GRN.png); background-repeat: no-repeat; background-position: center center; background-size: 32px 32px; }


.icon_img{ margin-right: 5px; display: inline-block; width: 32px; height: 32px; border-radius:32px; overflow:hidden; }
/*.icon_img:before { content: " "; display: inline-block; width: 32px; height: 32px; margin-bottom: -2px; background-size: 32px 32px; background-color:#959595; }*/

/*-- other icons --*/
.icon_chart_b { margin-right: 5px; height: 12px; }
.icon_chart_b:before { content: " "; display: inline-block; width: 16px; height: 16px; margin-bottom: -2px; background-image: url(../img/icons/icon_chart_BLU.png); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }
.icon_file_b { margin-right: 5px; margin-left: 5px; }
.icon_file_b:before { content: " "; display: inline-block; width: 16px; height: 16px; margin-bottom: -2px; background-image: url(../img/icons/icon_file_BLU.png); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }
.icon_pdf_b { margin-right: 5px; margin-left: 5px; }
.icon_pdf_b:before { content: " "; display: inline-block; width: 16px; height: 14px; margin-bottom: -3px; background-image: url(../img/icons/icon_pdf_GRY.png); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }

.icon_pdf_s_b { margin-right: 3px; margin-left: 3px; }
.icon_pdf_s_b:before { content: " "; display: inline-block; width: 16px; height: 14px; margin-bottom: -3px; background-image: url(../img/icons/icon_pdf_s_BLU.png); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }

.icon_pdf_s_g { margin-right: 3px; margin-left: 3px; }
.icon_pdf_s_g:before { content: " "; display: inline-block; width: 16px; height: 14px; margin-bottom: -3px; background-image: url(../img/icons/icon_pdf_s_GRY.png); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }


.icon_blank_s_g { margin-right: 3px; margin-left: 3px; }
.icon_blank_s_g:before { content: " "; display: inline-block; width: 14px; height: 14px; margin-bottom: -3px; background-image: url(../img/icons/icon_blank_s_GRY.png); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }
.icon_blank_s_b { margin-right: 3px; margin-left: 3px; }
.icon_blank_s_b:before { content: " "; display: inline-block; width: 14px; height: 14px; margin-bottom: -3px; background-image: url(../img/icons/icon_blank_s_BLU.png); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }
.icon_blank_s_w { margin-right: 3px; margin-left: 3px; }
.icon_blank_s_w:before { content: " "; display: inline-block; width: 14px; height: 14px; margin-bottom: -3px; background-image: url(../img/icons/icon_blank_s_WHT.png); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }
.icon_ib_s_g { margin-right: 3px; margin-left: 3px; }
.icon_ib_s_g:before { content: " "; display: inline-block; width: 14px; height: 14px; margin-bottom: -3px; background-image: url(../img/icons/icon_ib_s_GRY.png); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }
.icon_ib_s_w { margin-right: 3px; margin-left: 3px; }
.icon_ib_s_w:before { content: " "; display: inline-block; width: 14px; height: 14px; margin-bottom: -3px; background-image: url(../img/icons/icon_ib_s_WHT.png); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }


.ico-other-navi-close { margin-right: 0px; }
.ico-other-navi-close:before { content: " "; display: inline-block; width: 16px; height: 16px; margin-bottom: -2px; background-image: url(../img/icons/icon_other_close.png); background-repeat: no-repeat; background-position: center center; }
.ico-other-navi-open { margin-right: 0px; }
.ico-other-navi-open:before { content: " "; display: inline-block; width: 16px; height: 16px; margin-bottom: -2px; background-image: url(../img/icons/icon_other_open.png); background-repeat: no-repeat; background-position: center center; }
.ico_linkArrow { margin-left: 5px; }
.ico_linkArrow:before { content: " "; display: inline-block; width: 8px; height: 8px; margin-bottom: 1px; background-image: url(../img/icons/icon_linkArrow.png); background-repeat: no-repeat; background-position: center center; }
.ico_linkArrow2 { margin-left: 5px; }
.ico_linkArrow2:before { content: " "; display: inline-block; width: 8px; height: 8px; margin-bottom: 1px; background-image: url(../img/icons/icon_linkArrow2.png); background-repeat: no-repeat; background-position: center center; }
.ico-more-arrow { margin-right: 3px; }
.ico-more-arrow:before { content: " "; display: inline-block; width: 13px; height: 8px; margin-bottom: -1px; background-image: url(../img/icons/more_arrow_g.png); background-repeat: no-repeat; background-position: center center; }
.ico_subbtn_arrow { margin-left: 3px; }
.ico_subbtn_arrow:before { content: " "; display: inline-block; width: 10px; height: 8px; margin-bottom: 1px; background-image: url(../img/icons/icon_subbtn_arrow.png); background-repeat: no-repeat; background-position: center center; }
.ico_mainbtn_arrow { margin-left: 3px; }
.ico_mainbtn_arrow:before { content: " "; display: inline-block; width: 10px; height: 8px; margin-bottom: 1px; background-image: url(../img/icons/icon_mainbtn_arrow.png); background-repeat: no-repeat; background-position: center center; }
.ico_subbtn_arrow { margin-left: 3px; }
.ico_subbtn_arrow:before { content: " "; display: inline-block; width: 10px; height: 8px; margin-bottom: 1px; background-image: url(../img/icons/icon_subbtn_arrow.png); background-repeat: no-repeat; background-position: center center; }
.ico_circle { margin-right: 5px; }
.ico_circle:before { content: " "; display: inline-block; width: 12px; height: 12px; margin-bottom: -1px; border-radius: 12px; background-color: #0099b3; }

.ico_circle.color1:before { background-color: #aee37f; }
.ico_circle.color2:before { background-color: #8698ff; }
.ico_circle.color3:before { background-color: #a97ba8; }
.ico_circle.color4:before { background-color: #bc97ff; }
.ico_circle.color5:before { background-color: #ddbaff; }
.ico_circle.color6:before { background-color: #fd9a81; }
.ico_circle.color7:before { background-color: #fdcc80; }
.ico_circle.color8:before { background-color: #f6f476; }
.ico_circle.color9:before { background-color: #fd9a99; }
.ico_circle.color10:before { background-color: #b3997d; }
.ico_circle.color11:before { background-color: #e4ccb2; }
.ico_circle.color12:before { background-color: #fed6df; }
.ico_circle.color13:before { background-color: #fed6df; }
.ico_circle.color14:before { background-color: #fd9a81; }
.ico_circle.color15:before { background-color: #dbdbdb; }
.ico_circle.color16:before { background-color: #99dcb9; }
.ico_circle.color17:before { background-color: #d7f98e; }


.ico_circle.color_gray:before { background-color: #7d7d7d; }

.ico_lite_simulator { margin-left: 0px; display: inline-block; width: 40px; height: 40px; }
.ico_lite_simulator:before { content: " "; display: inline-block; width: 40px; height: 40px; margin-bottom: -1px; background-image: url(../img/icons/ico_lite_simulator.png); background-repeat: no-repeat; background-position: center center; }
.ico_simulator { margin-left: 0px; display: inline-block; width: 40px; height: 40px; }
.ico_simulator:before { content: " "; display: inline-block; width: 40px; height: 40px; margin-bottom: -1px; background-image: url(../img/icons/ico_simulator.png); background-repeat: no-repeat; background-position: center center; }

.icon_simplesim_g { margin-right: 5px; }
.icon_simplesim_g:before { content: " "; display: inline-block; width: 32px; height: 32px; margin-bottom: -2px; background-image: url(../img/icons/icon_simplesim_GRN.png); background-repeat: no-repeat; background-position: center center; background-size: 32px 32px; }
.icon_prosim_g { margin-right: 5px; }
.icon_prosim_g:before { content: " "; display: inline-block; width: 32px; height: 32px; margin-bottom: -2px; background-image: url(../img/icons/icon_prosim_GRN.png); background-repeat: no-repeat; background-position: center center; background-size: 32px 32px; }


.icon_seido_s_g { margin: 0px; margin-right: 5px; }
.icon_seido_s_g:before { content: " "; display: inline-block; width: 16px; height: 16px; margin-bottom: -2px; background-image: url(../img/icons/icon_seido_GRN.png); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }

.icon_prod_s_g { margin: 0px; margin-right: 5px; }
.icon_prod_s_g:before { content: " "; display: inline-block; width: 16px; height: 16px; margin-bottom: -2px; background-image: url(../img/icons/icon_prod_GRN.png); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }

.icon_custom_s_g { margin: 0px; margin-right: 5px; }
.icon_custom_s_g:before { content: " "; display: inline-block; width: 16px; height: 16px; margin-bottom: -2px; background-image: url(../img/icons/icon_enterprise_GRN.png); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }

.icon_custom_g { margin-right: 5px; }
.icon_custom_g:before { content: " "; display: inline-block; width: 32px; height: 32px; margin-bottom: -2px; background-image: url(../img/icons/icon_enterprise_GRN.png); background-repeat: no-repeat; background-position: center center; background-size: 32px 32px; }

.icon_direct_g{ margin-right: 5px; }
.icon_direct_g:before { content: " "; display: inline-block; width: 16px; height: 16px; margin-bottom: -2px; background-image: url(../img/icons/icon_direct_GRY.png); background-repeat: no-repeat; background-position: center center;  background-size: 16px 16px; }

.icon_direct_w{ margin-right: 5px; }
.icon_direct_w:before { content: " "; display: inline-block; width: 16px; height: 16px; margin-bottom: -2px; background-image: url(../img/icons/icon_direct_WHT.png); background-repeat: no-repeat; background-position: center center;  background-size: 16px 16px; }

.icon_attention_w{ margin-right: 5px; }
.icon_attention_w:before { content: " "; display: inline-block; width: 16px; height: 16px; margin-bottom: -2px; background-image: url(../img/icons/icon_attention_WHT.png); background-repeat: no-repeat; background-position: center center;  background-size: 16px 16px; }

.icon_attention_s_g{ margin-right: 3px; }
.icon_attention_s_g:before { content: " "; display: inline-block; width: 16px; height: 16px; margin-bottom: -2px; background-image: url(../img/icons/icon_attention_GRY.png); background-repeat: no-repeat; background-position: center center;  background-size: 16px 16px; }

.icon_attention_g{ margin-right: 3px; }
.icon_attention_g:before { content: " "; display: inline-block; width: 32px; height: 32px; margin-bottom: -2px; background-image: url(../img/icons/icon_attention_GRY.png); background-repeat: no-repeat; background-position: center center;  background-size: 32px 32px; }