@charset "utf-8";

/* トップメイン
----------------------------------------------------*/
header h1 {
width: 205px;
height:79px;
position:absolute; 
top: 15px; 
left: 21px;
background: url(../img/logo.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}
#top_main{
width:1000px;
margin:0 auto 35px auto;
padding:0;
overflow:hidden;
}
#top_mainimage{
width:720px;
height:365px;
margin:0;
padding:0;
float:left;
}
#top_main #cliant{
width:275px;
height:187px;
margin:0 0 0 5px;
padding:0;
background:#003245 url(../img/top_cliant_bg.gif) left 15px no-repeat;
border-top-right-radius: 25px;
-webkit-border-top-right-radius: 25px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 25px;   /* Firefox用 */  
float:left;
}
#top_main .newcliant{
width:230px;
margin:73px auto 0 auto;
padding:4px 0 0 0;
}
#top_main .newcliant h1{
width:200px;
height:27px;
margin:0 auto 12px auto;
padding:0 0 5px 0;
background: url(../img/top_cliant_title.gif) left top no-repeat;
text-indent:-9999px;
overflow:hidden;
}
#top_main .newcliant a{
display:block;
margin:0 0 5px 20px;
padding:0 0 0 13px;
background: url(../img/header_btn.gif) left 4px no-repeat;
font-size:12px;
color:#00394C;
text-decoration:none;
}
#top_main .newcliant a:hover{
color:#009CCE;
text-decoration:none;
}
#top_main #systemlogin{
width:255px;
height:128px;
margin:4px 0 0 5px;
padding:13px 10px 13px 10px;
background-color:#004A64;
border-top-left-radius: 25px;
-webkit-border-top-left-radius: 25px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 25px;   /* Firefox用 */ 
float:left;
}
#systemlogin .systemlogin_box{
width:200px;
margin:0 auto;
padding:4px 15px;
color:#00394C;
font-size:12px;
background-color:#FFFFFF;
}
#systemlogin .systemlogin_box h1{
width:200px;
height:27px;
margin:5px auto 5px auto;
padding:0 0 5px 0;
background: url(../img/top_cliant_title2.gif) left top no-repeat;
text-indent:-9999px;
overflow:hidden;
}
#top_main .systemlogin_box a{
display:block;
width:205px;
height:32px;
margin:6px 0 3px 0;
padding:0;
background: url(../img/top_cliant_btn2.gif) left top no-repeat;
text-indent:-9999px;
overflow:hidden;
}
#top_main .systemlogin_box a:hover{
background-position: left -32px;
}





/* トップ事業内容
----------------------------------------------------*/
#dark_bg{
clear:both;
width:100%;
padding:0 0 20px 0;
background-color:#F4F4F3;
}
.top_business {
width:1004px;
margin:0 auto;
padding:0 0 14px 0;
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}
.top_business_box {
width:32%;
margin:40px 5px 0 0;
padding:50px 30px 30px 30px;
background-color:#FFF;
border:1px solid #006E92;
position: relative;
box-sizing: border-box;
display:flex;
justify-content:space-between;
flex-flow: column;
}
.top_business_box img{
width:48px;
height:44px;
top:-10px;
left:10px;
position:absolute;
}
.top_business_box .title01{
width:100%;
height:20px;
margin:0 auto 20px auto;
padding:0 0 20px 2px;
font-size: 21px;
font-weight: bold;
border-bottom:#006E92 1px dotted;
}
.top_business_box p{
width:100%;
margin:0 auto;
padding:5px 0 15px 0;
font-size: 13px;
}
.top_business_box .txt{
width:auto;
margin:0 auto 5px auto;
padding:0 0 0 10px;
background:url(../img/top_business_point.gif) left 4px no-repeat;
}
.top_business_box a{
display:block;
width:160px;
margin: 0 auto;
padding:10px 0;
background-color:#007BA8;
text-align:center;
color:#FFF;
transition:0.4s;
}
.top_business_box a:hover{
background-color:#009CCE;
text-decoration: none;
}
/* ニュース
----------------------------------------------------*/

#news_box {
clear:both;
width:1004px;
margin:40px auto;
padding:0;
overflow:hidden;
}
#news_box .leftbox {
width:720px;
float:left;
}
#speech {
width:680px;
padding:20px;
background-color:#C9EAF5;
margin:0 0 10px 0;
position:relative;
}
#speech .camera{
top:67px;
left:358px;
position:absolute;
display:block;
}
#news_box iframe {
width:710px;
height:250px;
margin:0;
float:left;
border:#DEE0DC 5px solid;
}
#news {
width:680px;
margin:0;
padding:99px 0 9px 10px;
background:#FFF url(../img/top_news.gif) 16px 15px no-repeat;
overflow-y: auto;
overflow-x : hidden;
float:left;
}
#news li {
list-style:none;
width:631px;
padding:0 5px;
margin:0 0 10px 18px;
border-bottom:1px dotted #666666;
line-height:2.4;
}
#staff {
width:264px;
margin:0 0 0 10px;
padding:0;
float:left;
}
#forstaff{
width:264px;
height:100px;
margin:0 0 10px 0;
padding:0;
background:#009CCE url(../img/top_staff.gif) left 9px no-repeat;
border-top-right-radius: 25px;
-webkit-border-top-right-radius: 25px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 25px;   /* Firefox用 */  
float:left;
}
#forstaff a{
display:block;
width:175px;
height:33px;
margin:56px auto 0 auto;
padding:0;
background: url(../img/top_staff_btn.gif) left top no-repeat;
text-indent:-9999px;
overflow:hidden;
}
#forstaff a:hover{
background-position: left -33px;
}