@charset "utf-8";


/*---------------------------------------------
全体の装飾
---------------------------------------------*/
.sliderimage{ display:none;}

#top a:link{ color:#666666; text-decoration:underline;}
#top a:visited{ color:#888888; text-decoration:none;}
#top a:hover{ color:#fa9720; text-decoration:underline;}
#top a:active{ color:#fa9720; text-decoration:underline;}


/*---------------------------------------------
お知らせ レイアウト
---------------------------------------------*/
#top #news_topics{ float:left; width:100%; margin-bottom:20px;}
#top #news_topics .tab{ width:100% ; border-bottom:3px #FB9620 solid; margin-bottom:20px; }
#top #news_topics .tab a{ display:block;text-align:center;padding:7px 3px 5px; width:49%; box-sizing:border-box; float:left; margin-right:5px;}

#top #news_topics  li { padding:0 0 10px; margin-bottom:10px;}
#top #news_topics  li .date{margin-bottom:5px;}

#top #news_topics  li .img{ float:left; width:140px; border:3px solid #b7b7b7; line-height:0%; margin:0 10px 10px 0}
#top #news_topics  li .img img{ width:100%; display:inline;  }

#top #news_topics  li .img_height{ float:left; width:140px; height:93px; overflow:hidden; border:3px solid #b7b7b7; line-height:0%;margin:0 10px 10px 0}
#top #news_topics  li .img_height img{ width:100%; margin-top:-70%; vertical-align:middle; display:inline;  }

#top #news_topics  li .text{ margin-left:10px;}

#top #news_topics .linkarea{ text-align:right; padding-right:10px;}

#top #news_topics  li a:hover img{ opacity:0.6;}


/*---------------------------------------------
お知らせ 装飾
---------------------------------------------*/
#top #news_topics .tab{ border-bottom:3px #FB9620 solid;}
#top #news_topics .tab a{ font-size:15px;-webkit-border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;color:#fff; text-decoration:none;background:#B9AB9E; line-height:110%;}
#top #news_topics .tab a.active{background:#FB9620; }

#top #news_topics a{ text-decoration:none;}

#top #news_topics  li {border-bottom:1px dotted #D2D2D2;}
#top #news_topics  li .date{ color:#F77159;font-size:82%; line-height:100%;}
#top #news_topics  li .ttl{ font-size:82%; line-height:140%}

#top #news_topics .linkarea{font-size:82%;}


/*---------------------------------------------
メディアニュース レイアウト
---------------------------------------------*/
#top #news_media{ width:100%;margin-bottom:20px;}
#top #news_media  li { padding:0 0 10px;margin-bottom:10px;}
#top #news_media  li .date{  margin-bottom:5px;}
#top #news_media  li .sourse{ padding-left:20px; margin-top:7px;}

#top #news_media .linkarea{ text-align:right; padding-right:10px;}


/*---------------------------------------------
メディアニュース 装飾
---------------------------------------------*/
#top #news_media a{ text-decoration:none;}
#top #news_media  li {border-bottom:1px dotted #D2D2D2;}
#top #news_media  li .date{ color:#F77159; font-size:82%; line-height:100%;}
#top #news_media  li .ttl{font-size:82%; line-height:140%}
#top #news_media  li .sourse{ background:url(../img/icn_s_03.png) 0 2px no-repeat; background-size:14px;font-size:72%;}

#top #news_media .linkarea{ font-size:82%;}


/*---------------------------------------------
お役立ち レイアウト
---------------------------------------------*/
#top #tips{ clear:both; width:100%;margin-bottom:20px;  }
#top #tips li{ clear:both; width:100%; box-sizing: content-box;margin-bottom:20px;}
#top #tips li .img{ float:left;width:45%;  overflow:hidden;}
#top #tips li .img img{ display:block;width:100%}
#top #tips li .text{ width:52%; float:right;  }
#top #tips li .ttl{ padding:5px 5px 2px 23px ;}
#top #tips li .read{ padding:7px 10px 10px 5px;}

/*---------------------------------------------
お役立ち 装飾
---------------------------------------------*/
#top #tips a { text-decoration:none;}
#top #tips li{  border:2px solid #E8E8E8;}
#top #tips li .ttl{ background:url(../img/icn_s_02.png) 5px 10px no-repeat;font-size:76%; font-weight:bold;  }
#top #tips li .read{background:url(../img/line.gif) 0 top repeat-x; font-size:70%; line-height:130%;}

#top #tips a:hover li{ background:#FA9720; color:#fff;}
#top #tips a:hover li .ttl{ background:url(../img/icn_s_01.png) 5px 10px no-repeat;}
	

/*---------------------------------------------
事務サポート レイアウト
---------------------------------------------*/
#top #support{ clear:both; width:100%; margin-bottom:25px;}
#top #support li{ width:32%; margin:0 5px 10px 0; float:left;}
#top #support .img{margin-bottom:8px;}
#top #support .img img{ width:100%; display:block;}
#top #support .ttl{padding-bottom:10px; height:35px; }


/*---------------------------------------------
事務サポート 装飾
---------------------------------------------*/
#top #support .ttl{ font-size:72%;background:url(../img/line.gif) 0 bottom repeat-x; line-height:120%;}
#top #support a:hover img{ opacity:0.5;}