@charset "utf-8";

/*------------------------------------------------

ぜんたい

------------------------------------------------*/

html{background-color:#000;}
#wrapper{background-image:url(../images/bg01.gif); padding-bottom: 30px;}


/*リンク*/
a,a:link,a:visited,a:hover,
a:active {color: #07d; text-decoration:none;}
a:hover,a:active {color: #000; text-decoration: none; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }

/*TOP以外のスライダに画像を重ねる*/
.main_ttl { position: absolute;  z-index: 10;}

/* ===================================================================

TOPのload

=================================================================== */

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000;
  z-index: 1;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 2;
}

/*------------------------------------------------

font

------------------------------------------------*/
.font_impact{font-family: 'Anton', sans-serif;}
.font_digital{font-family: 'Orbitron', sans-serif;}
body{font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif; color: #333; font-size: 14px;}

/*------------------------------------------------

header

------------------------------------------------*/

#header{background-color: #222;}
#header .header_inner{width:1025px; margin:0 auto; }
#header .header_inner h1{font-size:30px; color:#d00; margin-top: 20px;}
#header .header_inner ul{ margin-top: 13px; margin-bottom: 15px; }
#header .header_inner ul li{ float:left; margin-right: 22px; color:#FFF}
#header .header_inner ul li a,
#header .header_inner ul li a:link,
#header .header_inner ul li a:visited,
#header .header_inner ul li a:hover,
#header .header_inner ul li a:active {color:#fff; text-decoration:none; }


/*------------------------------------------------

container

------------------------------------------------*/

#container{background-color:#fff; width:1030px; margin:30px auto 0; padding:15px; box-shadow: 0px 0px 10px #222; border-radius: 5px;}
#container .main { width:1030px; height:579px; position: relative; overflow: hidden; }
#container .contents .section{width:505px; float:left;}
#container .contents .section .section_inner{margin-top:20px; padding:0 10px;}
#container .contents .section .section_inner .fl {width: 275px;}
#container .contents .twetter{width:505px; float:right; margin-top: 20px;}
#container .contents h3{ color: #fff;  font-weight: normal;  background-color: #222;  padding: 7px;  border-radius: 5px; margin-top: 20px;}
.banner{  margin-top: 20px;}

/*------------------------------------------------

footer

------------------------------------------------*/

#footer{background-color:#000; color:#fff; text-align: center; padding: 8px; font-size: 13px; line-height: 1.3; }

/*------------------------------------------------

company

------------------------------------------------*/

.company dt{margin-top:20px}
.company .fl{width: 405px;}
.company .fr{width: 600px;}

/*------------------------------------------------

works

------------------------------------------------*/

.works .contents ul {margin-right:-20px;}
.works .contents li{width: 505px;}
.works .contents li{float: left; margin-right:20px;}
.works .contents li .fr, .works .contents li .fl{margin-top:10px;}
.works .contents li .fr {width: 345px;}


/*------------------------------------------------

recruit

------------------------------------------------*/

.recruit .tx{
text-align: center;
line-height: 1.2;
font-size: 14px;
margin-bottom: 15px;
}

.recruit .job{
width: 600px;
border-top: 1px dashed #ccc;
margin: 0 auto;
padding: 15px;
}

.recruit .job th,
.recruit .job td{
padding:15px 10px;
}

.recruit .job th{
width: 101px;
background: #eee;
border-bottom: 1px solid #fff;
text-align: left;}

.recruit .job .ttl{
margin-bottom: 15px;
font-weight: bold;
color: #0d94ff;
font-size:18px;
}

.recruit .job .small{
color: #000;
font-size: 14px;
font-weight: bold;

}

/*------------------------------------------------

よく使う

------------------------------------------------*/
.fl{float:left}
.fr{float:right}
.mt20{margin-top:20px}