@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; border:none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#333333;}

body{ margin:0; padding:0;
	background-image:url(../images/back.gif);
	background-repeat:repeat;
}

img{ border:none;vertical-align: bottom;}

a.hvr:hover{ text-decoration: none; filter:alpha(opacity=90);-ms-filter: "alpha( opacity=90 )";-moz-opacity:0.9;-khtml-opacity: 0.9;opacity:0.9;margin:0;padding:0;}

a:hover{ text-decoration:none;}

.clear{ clear: both;
  height: 0;
  margin:0;
  padding:0}
.clearfix:after {
  content: "."; 
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}

#top{min-width:980px;}

/*ヘッダー*/
#header_line{ width:100%;
	margin:0 auto;
	background-image:url(../images/header_line.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
#header_inner{ width:960px;
	margin:0 auto;
	padding:0 10px;

}
#header_inner #logo{ width:468px; height:50px; float:left; margin-top:35px;}
#header_inner #access{ width:350px; height:50px; float:right; margin-top:45px;}

/*メニュー*/
#navi ul{
  *zoom: 1;
  list-style-type: none;
  width: 980px;
  margin: 0 auto;
  padding: 0;
}
#navi ul:before, #navi ul:after{
  content: "";
  display: table;
}
#navi ul:after{
  clear: both;
}
#navi ul li{
  position: relative;
  float: left;
  margin: 0;
  padding: 1px 0 0 0;
  text-align: center;
}
#navi ul li a{
  display: block;
  margin: 0;
  padding: 0;
  text-decoration: none;
  width: 245px;
  height:65px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-position:0 top;
  background-repeat:no-repeat;
}

#navi ul li.top a{ background-image:url(../images/navi/b_top.jpg);}
#navi ul li.company a{ background-image:url(../images/navi/b_company.jpg);}
#navi ul li.business a{ background-image:url(../images/navi/b_business.jpg);}
#navi ul li.contact a{ background-image:url(../images/navi/b_contact.jpg);}

#navi ul li a:hover,#navi ul li a.active{ background-position:0 -65px;}

#navi ul li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
 width:220px;
}
#navi ul li ul li{
  float:none!important;
  padding:0!important;
  width:220px;
}
#navi ul li ul li a{
  padding: 12px 15px 15px;
  border-bottom: 2px solid #FFFFFF;
  background-color: #0756D3;
  color:#FFFFFF;
  text-align: center;
  background-image:none!important;
  overflow: inherit!important;
  text-indent: 0!important;
  height:20px!important;
  font-size:16px;
  width:220px;
}
#navi ul li ul li a:hover{
	background-color: #2D7BF8
}
#navi ul li:hover > a{
  background-position: 0 -65px;
}

#navi ul li ul{
  display: none;
}
#navi ul li:hover ul{
  display: block;
}

/*フッター*/
#footer_inner{ width:980px; margin:0 auto; position:relative; padding:20px 0;}
#footer_inner ul{ margin:0 0 20px 15px; padding:0;}
#footer_inner ul li{ margin:0 20px 0 0; padding:0; list-style:url(../images/ico_footer.gif); float:left; list-style-position:inside}
#footer_inner ul li a{ color:#FFFFFF; text-decoration:none;}
#footer_inner ul li a:hover{ color:#FFFFFF; text-decoration: underline;}

#footer_inner .toppage{ position:absolute; top:0; right:0;}

#footer_inner p{ color:#FFFFFF!important}