@charset "UTF-8";

/* 共通設定 */
* {
  margin: 0px;
  padding: 0px;
}

a:link {
  color: #006699;
  text-decoration: none;
}

a:visited {
  color: #663366;
  text-decoration: none;
}

a:hover {
  color: #FF6600;
  text-decoration: none;
}

ul,ol {
  margin-left: 30px;
}

ul.menu {
  margin: 0px;
  padding: 0px;
}

ul.menu li {
  list-style-type: none;
}

body {
  color: #696969;
  background-color: #dcdcdc;
  font-size: small;
  font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
  line-height: 1.6;
  text-align: left; 
}
/* 共通設定 END */



/* 全体構造 */
#main {
  width: 790px;
  background: #FFFFFF url(../images/bg-body.jpg) repeat-x;
  margin: auto;
}

#wrap {
  width: 790px;
}
/* 全体構造 END */


/* ヘッダ */
#head {
  height: 61px;
  margin-bottom: 5px;
}

#head h1 {
  width: 270px;
  height: 38px;
  font-size: medium;
  text-indent: -700em;
  background: #FFFFFF url(../images/oasislogo.jpg) no-repeat;
  margin-top: 15px;
  margin-left: 10px;
  float: left;
}

/* ヘッダメニュー */
#head ul.menu {
  width: auto;
  margin-top: 20px;
  margin-right: 50px;
  float: right;
}

#head ul.menu li {
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  margin-left: 15px;
  float: left;
}

#head ul.menu li a {
  color: #666666;
}

#head ul.menu li a:hover {
  color: #FF6600;
}
/* ヘッダメニュー END */
/* ヘッダ END */


/* メインイメージ */
#main-image {
  width: 789px;
  text-indent: -700em;
  background-repeat: no-repeat;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #D7D7D7;
  height: 257px;
  background-image: url(../images/mainimage.jpg);
}
/* メインイメージ END */

/* メインメニュー */
#main-menu {
  width: 789px;
  height: 46px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #D7D7D7;
}

#main-menu ul.menu {
  width: 780px;
  margin-left: 9px;
}

#main-menu ul.menu li {
  float: left;
}
/* メインメニュー背景画像 END */
/* メインメニュー END */


/* フッタ */
#foot {
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  background: #858A9C url(../images/bg-foot.jpg) repeat-x;
  padding: 10px 0px 80px 9px;
  clear: both;
}

/* フッタメニュー */
#foot ul.menu {
  width: 490px;
  float: left;
}

#foot ul.menu li {
  font-weight: bold;
  margin-left: 15px;
  float: left;
}

#foot ul.menu li a {
  color: #FFFFFF;
}

#foot ul.menu li a:hover {
  color: #FFFF00;
}
/* フッタメニュー END */

#copyright {
  width: 288px;
  margin-right: 20px;
  font-size: x-small;
  text-align: right;
  float: right;
}
/* フッタ END */


/* メインメニュー */
#main-menu ul.menu li a {
  width: 156px;
  height: 46px;
  text-indent: -700em;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  display: block;
}

#main-menu ul.menu li a:hover {
  background-position: 0px -45px;
}

/* メインメニュー背景画像 */
a.main-menu01 {
  background-image: url(../images/btn-menu01.jpg);
}

a.main-menu02 {
  background-image: url(../images/btn-menu02.jpg);
}

a.main-menu03 {
  background-image: url(../images/btn-menu03.jpg);
}

a.main-menu04 {
  background-image: url(../images/btn-menu04.jpg);
}

a.main-menu05 {
  background-image: url(../images/btn-menu05.jpg);
}

a.main-menu06 {
  background-image: url(../images/btn-menu06.jpg);
}

a.main-menu07 {
  background-image: url(../images/btn-menu07.jpg);
}

/* メインメニュー背景画像 END */
/* メインメニュー END */

/* コンテンツ */
#content {
  width: 789px;
  background-color: #FFFFFF;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #C1C2C2;
  padding-top: 20px;
  padding-bottom: 20px;
  clear: both;
}

#content h2 {
  margin: 0 35px;
  color: #003366;
  font-size: 120%;
  font-weight: bold;
  line-height: 110%;
  background-color: #FFFFFF;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCCCCC;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

#content h3 {
  color: #003366;
  font-size: 120%;
  font-weight: bold;
  line-height: 110%;
  background-color: #FFFFFF;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCCCCC;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

/* オススメ */
.work-box {
  width: 238px;
  margin: 10px 10px 20px 10px;
  float: left;
}

.work-box h3 {
  height: 38px;
  font-size: small;
  text-indent: -700em;
  background-repeat: no-repeat;
  margin-bottom: 7px;
}

.work-box h3.title-work01 {
  background-image: url(../images/work01.jpg);
}

.work-box h3.title-work02 {
  background-image: url(../images/work02.jpg);
}

.work-box h3.title-work03 {
  background-image: url(../images/work03.jpg);
}

.work-box a {
  width: 69px;
  height: 69px;
  background-image: url(../images/bg-img-reco.jpg);
  background-repeat: no-repeat;
  padding: 4px;
  margin-right: 10px;
  display: block;
  float: left;
}
/* オススメ END */

/* サービス START */
#service-box {
  width: 700px;
  margin: 0 30px 0 30px;
  clear: both;
}
.service-image {
  width: 140px;
  margin: 5px 5px 5px 25px;
  float: left;
}
.service-body {
  width: 500px;
/*  font-size: 110%; */
  margin: 10px 15px 10px 0px;
  float: RIGHT;
}
/* サービス END */

/* 会社概要 START */
#about-box {
  width: 520px;
  margin-left: 150px;
  clear: both;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCCCCC;
}
.about-item {
  width: 100px;
  margin: 0 5px;
  float: left;
}
.about-text {
  width: 400px;
  margin: 0 5px;
  float: RIGHT;
}
/* 会社概要 END */

/* 個人情報保護方針 START */
#policy-box {
  width: 750px;
  margin-left: 30px;
  clear: both;
}
.policy-title {
  width: 700px;
  margin: 10px 20px;
  font-weight: bold;
}
.policy-text {
  width: 600px;
  margin: 0 50px;
}
/* 個人情報保護方針 END */

/* お問合せ START */
#contact-box {
  width: 520px;
  margin-left: 150px;
  clear: both;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCCCCC;
}
.contact-item {
  width: 100px;
  margin: 0 5px;
  float: left;
}
.contact-text {
  width: 400px;
  margin: 0 5px;
  float: RIGHT;
}
/* お問合せ END */

/* 採用情報 START */
#recruit-box {
  width: 520px;
  margin-left: 150px;
  clear: both;
}
.recruit-item {
  width: 100px;
  margin: 0 5px;
  float: left;
}
.recruit-text {
  width: 400px;
  margin: 0 5px;
  float: RIGHT;
}
/* 採用情報 END */

/* コンテンツ END */