@charset "UTF-8"; 

/* ==========================================================================*/
/*yî{Ýèz*/
/* ==========================================================================*/

* {
  margin:0;
  padding:0;
  font-size:100%;
  font-weight:nomal;
  font-style:normal;
  line-height:nomal;
}
a:link {
  text-decoration:none;
}
a:visited {
  text-decoration:none;
}
img {
  border:none;
}
ul {
list-style-type: none;
}
p.red{
  color: #ff0000;
}
/* ==========================================================================*/
/*yTOPz*/
/* ==========================================================================*/

body {
  height:100%;
  font-family: "Hiragino Kaku Gothic Pro",Osaka,"lr oSVbN",sans-serif;
  font-size:11px;
  letter-spacing:2px;
  background-image: url(../_img/base.gif);
  background-repeat: repeat;
}
#header{
  width: 730px;
  height: 40px;
  padding: 15px 0px;
}
#main{
  clear: both;
  width: 700px;
  height: 400px;
}
#topimg{
  float: left;
}
#brand{
  float: left;
}
#futto{
  text-align: center;
  padding: 8px 0px;
}
#blog{
  clear: both;
  background-color: #FFFFFF;
  text-align: center;
  padding: 8px 0px;
}
#footer{
  color: #FFFFFF;
  text-align: center;
  padding: 8px 0px;
}
li.menu{
  float: left;
  padding: 0px 10px;
}
li.logob{
  padding: 10px 0px 4px 0px;
}
li.logo{
  padding: 4px 0px 4px 75px;
}

/* ==========================================================================*/
/*yINFORMATIONz*/
/* ==========================================================================*/

#infoheader{
  clear: both;
  width: 700px;
  height: 22px;
  background-color: #FFFFFF;
}
#infomain{
  clear: both;
  width: 700px;
  height: 400px;
  color: #FFFFFF;
}
li.infoleft{
  float: left;
}
li.inforight{
  float: left;
  padding: 0px 0px 0px 470px;
}
p.infoc{
  padding: 20px 0px 10px 0px;
  font-weight: bold;
}
hr.kugiri{
  width: 700px;
  height: 1px;
  background-color: #FFFFFF;
}

/* ==========================================================================*/
/*yRECRUITz*/
/* ==========================================================================*/

#recruitheader{
  clear: both;
  width: 700px;
  height: 22px;
  background-color: #FFFFFF;
}
#recruitmain{
  clear: both;
  width: 700px;
  height: 400px;
  color: #FFFFFF;
}
li.recleft{
  float: left;
}
li.recright{
  float: left;
  padding: 0px 0px 0px 530px;
}

/* ==========================================================================*/
/*yCOMPANY OUTLINEz*/
/* ==========================================================================*/

#outlineheader{
  clear: both;
  width: 700px;
  height: 22px;
  background-color: #FFFFFF;
}
#outline{
  margin-left: auto;
  margin-right: auto;
  padding: 15px 0px;
  width: 660px;
  height: 500px;
  color: #FFFFFF;
  line-height: 15px;
}
#outleft{
  width: 17%;
  float: left;
  text-align: right;
}
#outright{
  width: 83%;
  float: right;
}
#prilogo{
  text-align: center;
}
#pri{
  margin-left:auto;
  margin-right:auto;
  width:550px;
  height:330px;
  color: #FFFFFF;
  line-height: 15px;
}
li.outleft{
  float: left;
}
li.outright{
  float: left;
  padding: 0px 0px 0px 420px;
}
li.outb{
  padding: 105px 0px 0px 0px;
}
ul.pria{
  padding: 10px 0px 0px 0px;
  font-weight: bold;
}
li.prib{
  font-weight: normal;
}


 