@charset "Shift_JIS";

* {
  margin:0;
  padding:0;
}
body {
  margin:0 auto;
  color:#333;
  font-size:12px;
  line-height:1.5;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana;
  letter-spacing:0.1em;
  background:#fff url(../images/header_bkg.gif) repeat-x;
}
a {
  color: #0092ed;
  text-decoration:none;
}
a:hover { 
  color: #00a5ed;
  text-decoration:underline;
}
a:focus { outline:none; }
table {
  border-collapse:collapse;
  border:none;
  text-align:left;
}
td,th {
  text-align:left;
  vertical-align:top;
}
img { 
  border:none;
  vertical-align:bottom;
}
.clear {
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 1px;
	line-height: 0px;
}

/* map */
iframe {
  margin:0 10px;
  width:560px;
  height:560px;
  padding:8px;
  border:1px solid #e5e5e5;
}
#movie {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

/* header */
#header {
  margin:0 auto;
  width:918px;
  height:92px;
  position:relative;
}
#header h1 a {
  display:block;
  position:absolute;
  top:7px; left:0px;
  width:212px;
  height:69px;
  text-indent:-9999px;
  text-decoration:none;
  font-size:xx-small;
  background:url("../images/logo.gif") left bottom no-repeat;
}

/* header navi */
#header_navi {
  position:absolute;
  top:4px; left:772px;
  width:144px;
  height:10px;
  list-style:none;
}
#header_navi li {
  display:block;
  font-size:0;
  float:left;
}
#header_navi li a {
  display:block;
  height:10px;
  text-indent:-9999px;
  font-size:0;
  text-decoration:none;
}
#sitemap a {
  width:50px;
  background:url("../images/header_navi.gif") left top no-repeat;
}
#works a {
  margin-left:15px;
  width:79px;
  background:url("../images/header_navi.gif") right top no-repeat;
}
#sitemap a:hover {
  background:url("../images/header_navi.gif") left bottom no-repeat;
}
#works a:hover {
  background:url("../images/header_navi.gif") right bottom no-repeat;
}

/* news_box */
ul {
    list-style: none;
}
li {
    list-style: none;
}

/* global navi */
#navi {
  position:absolute;
  top:42px; left:234px;
  width:684px;
  height:50px;
  list-style:none;
  background:url("../images/navi.png") left bottom no-repeat;
}
#navi li {
  display:block;
  float:left;
}
#navi li a {
  display:block;
  width:114px;
  height:50px;
  text-indent:-9999px;
  text-decoration:none;
}
#home a {
  background:url("../images/navi.png") 0px 0px no-repeat;
}
#news a {
  background:url("../images/navi.png") -114px 0px no-repeat;
}
#outline a {
  background:url("../images/navi.png") -228px 0px no-repeat;
}
#service a {
  background:url("../images/navi.png") -342px 0px no-repeat;
}
#recruit a {
  background:url("../images/navi.png") -456px 0px no-repeat;
}
#contact a {
  background:url("../images/navi.png") -570px 0px no-repeat;
}
#navi li a:hover,
#navi li a#onpage {
  text-decoration:none;
  background:none !important;
}

/* body */
#wrapper {
  margin:0 auto;
  padding:0 45px;
  width:880px;
  background:url("../images/top/body_bkg.png") no-repeat;
}
.pagetop {
  margin:30px auto 0;
  width:970px;
}
.pagetop a {
  display:block;
  margin-left:730px;
  width:145px;
  height:27px;
  text-indent:-9999px;
  text-decoration:none;
  background:url("../images/pagetop.gif") no-repeat;
}
.pagetop a:hover {
  background:url("../images/pagetop.gif") right top no-repeat;
}

/* footer */
#bread {
  width:100%;
  padding:12px 0 10px;
  background:#f8f8f8 url("../images/bread_bkg.gif") repeat-x;
}
#bread p {
  margin:0 auto;
  width:880px;
  font-size:11px;
  line-height:1.0;
}
#bread a, #footer a {
  color:#333;
}
#bread a:hover, #footer a:hover {
  color:#00a5ed;
}
#footer {
  width:100%;
  padding:18px 0 14px;
  background:#f8f8f8 url("../images/footer_bkg01.gif") repeat-x;
}
#footer table {
  margin:0 auto;
  width:910px;
}
#footer td {
  padding:0 15px;
  font-size:11px;
}
#footer p {
  margin-top:3px;
  padding-left:16px;
  background:url("../images/footer_arrow.gif") 5px 2px no-repeat;
}
#footer p.mTop5 {
  margin-top:8px;
  padding:0;
  background:none;
}
#copyrght {
  width:100%;
  text-align:center;
  padding:15px 0 12px;
  font-size:10px;
  line-height:1.0em;
  background:#f8f8f8 url("../images/footer_bkg02.gif") repeat-x;
}

/* clearFix */
.clearFix:after {
  content: "."; 
  display: block; 
  height: 0;
  clear: both; 
  visibility: hidden;
}
*:first-child+html .clearFix { /* for windows IE7 only */
  display:inline-block;
  min-height:1%;
}
* html .clearFix { /* for windows IE6 only */
  height:1%;
}
.clear_l{
clear:left;

}