﻿@charset "utf-8";

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
File Name:   another.css
Last Update: 2009/02/23
Author:      MSC ishimoto
Summary:     通常画面以外のスタイル
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* =============================================================
   Default Style Clear
============================================================= */
@import "default.css";


/* =============================================================
   管理者ログイン画面
============================================================= */
.lg-box {
  background: url(/img/login_tleft.png) no-repeat top left;
}

.lg-top {
  background: url(/img/login_tright.png) no-repeat top right;
}

.lg-bottom {
  background: url(/img/login_bleft.png) no-repeat bottom left;
}

.lg-bottom div {
  background: url(/img/login_bright.png) no-repeat bottom right;
}
.lg-content {
  background: url(/img/login_mright.png) top right repeat-y;
}

.lg-top div, .lg-top, .lg-bottom div, .lg-bottom {
  width: 100%;
  height: 15px;
  font-size: 1px;
}

.lg-content, .lg-bottom {
  margin-top: 0;
}

.lg-content {
  padding: 10px 15px 0;
}

.lg-content .lg-title {
  color: #555555;
  text-align: center;
  height: 31px;
  line-height: 31px;
}

.lg-content table {
  margin: 20px auto 10px;
}

.lg-content table td {
  text-align: left;
  padding: 3px;
}

.lg-content .login_inp {
  width: 200px;
  padding: 2px;
  vertical-align: middle;
}

.lg-content .login_btn {
  background-color: #faffff;
  background: url(/img/title_bear_bg.gif) no-repeat center top;
  width: 100px;
  padding: 2px;
  vertical-align: middle;
  border: 1px solid #aaccff;
  line-height: 25px;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
}


/* =============================================================
   派遣情報印刷画面 (pop-up)
============================================================= */
#printwrapper {
  margin: 30px auto;
  width: 650px;
  line-height: 1.5;
}

#printview {
  padding: 10px 20px;
  border: 2px solid #0066cc;
  background-color: #fafafa;
  text-align: left;
}

#printview table {
  margin: 20px 0 10px;
}

#printview p {
  margin: 10px 0;
  word-spacing: 30px;
}

#printview th {
  width: 23%;
}

#printview h5 {
  font-size: 100%;
}

#printview th, #printview td {
  border-top: 1px solid #0066cc;
  border-bottom: 1px solid #0066cc;
  background-color: #ffffff;
  padding: 5px;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
}

#printnotice {
  margin: 10px 0;
}


/* =============================================================
   人材派遣ニュース画面 (pop-up)
============================================================= */
#news-body {
  background-color: #eeeeee;
}

#news-tbl {
  background-color: #f0e0ff;
  margin: 15px auto;
  width: 800px;
  text-align: left;
}

#news-tbl th {
  padding: 0 20px 10px;
  line-height: 1.6;
}

#news-tbl td {
  padding: 5px;
  vertical-align: top;
  line-height: 1.6;
}

#news-tbl td.title-mark {
  padding: 10px 0 0 0;
  text-align: right;
  vertical-align: middle;
}

#news-header {
  background: url(/img/news_head_bg.png) repeat left top;
  padding-left: 7px;
  margin: 25px 0 15px 50px;
  color: #440000;
  font-size: 17px;
}

#news-header span {
  font-style: italic;
  font-size: 19px;
  padding-right: 30px;
}


#news-header font {
  font-family: 'Century',sans-serif;
  font-size: 75%;
}

#news-ttl-tbl {
  margin-left: 30px;
}

#news-title {
  padding: 10px 20px 8px 10px;
  border-bottom: 1px solid #ccaaff;
  color: #333333;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 1px;
}

#news-tbl .article {
  width: 500px;
  height: 250px;
  margin: 15px 0 0 30px;
  font-size: 13px;
  overflow: auto;
  overflow-y: scroll;
  scrollbar-base-color: #f0d0ff;
  scrollbar-highlight-color: #fff5ff;
}

#news-tbl .photo-td {
  width: 255px;
  padding: 20px 5px 0 0;
  text-align: center;
}

#original-photo {
  position: absolute;
  top: 50px;
  left: 30px;
  text-align: left;
  z-index: 10;
  display: none;
  cursor: pointer;
}

#original-photo #btn-pclose {
  background-color: #ffffff;
  border: 2px solid #ccccff;
  padding: 3px 20px;
  font-family: 'Century',sans-serif;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 3px;
  cursor: pointer;
}

#original-photo td {
  padding: 0;
}

#original-photo .ptopleft, #original-photo .ptopright,
#original-photo .pbtmleft, #original-photo .pbtmright {
  width: 20px;
  height: 20px;
  overflow: hidden;
}

#original-photo .pmidcenter {
  background-color: #ffffff;
  vertical-align: top;
  padding: 10px;
}

#original-photo .pmidleft, #original-photo .pmidright {
  width: 20px;
  overflow: hidden;
}

#original-photo .ptopcenter, #original-photo .pbtmcenter {
  height: 20px;
}

#original-photo .ptopleft {
  background: url(/img/ptopleft.gif) no-repeat left top;
}

#original-photo .ptopcenter {
  background: url(/img/ptopcenter.gif) repeat-x left top;
}

#original-photo .ptopright {
  background: url(/img/ptopright.gif) no-repeat right top;
}

#original-photo .pmidleft {
  background: url(/img/pmidleft.gif) repeat-y left top;
}

#original-photo .pmidright {
  background: url(/img/pmidright.gif) repeat-y right top;
}

#original-photo .pbtmleft {
  background: url(/img/pbtmleft.gif) no-repeat left bottom;
}

#original-photo .pbtmcenter {
  background: url(/img/pbtmcenter.gif) repeat-x left bottom;
  text-align: center;
}

#original-photo .pbtmright {
  background: url(/img/pbtmright.gif) no-repeat right bottom;
}


/* =============================================================
   バナー募集画面
============================================================= */
#bnr-wrapper {
  background-color: #cccefc;
  border: 11px solid #ff9900;
  margin: 30px auto;
  width: 600px;
  text-align: left;
  line-height: 1.5;
}

#bnr-inner {
  padding: 10px 6px;
}

#bnr-inner .toptitle {
  background: url(/img/title_bear_bg.gif) repeat-x center top;
  text-align: center;
  height: 31px;
  line-height: 31px;
  font-size: 18px;
  color: #ff6633;
  background-color:red;
}

#bnr-inner .subtitle {
  background-color: #efefff;
  border-width: 1px 0 1px 5px;
  border-style: solid;
  border-color: #0066cc;
  padding: 1px;
}

#bnr-inner .subtitle td {
  padding-right: 10px;
  line-height:1.5;
}


#bnr-inner .p-block {
  margin: 15px 0 0 30px;
  line-height: 1.5;
}


/* =============================================================
   __inq-div
============================================================= */
.inq-div {
  margin: 10px 0 0;
  padding: 10px 0 0 30px;
  background-color: #eeffee;
  text-align: left;
  color: #441144;
}

.inq-div h3 {
  font-size: 125%;
  margin-bottom: 10px;
}

.inq-div h3 span {
  letter-spacing: 2px;
}

.inq-div h4 {
  background: url(/img/inquiry_company_back.png) no-repeat 25% 80%;
  font-size: 120%;
  line-height: 40px;
  margin-bottom: 15px;
  word-spacing: 10px;
}

.inq-div img {
  vertical-align: middle;
}

.inq-div ul {
  margin-left: 20px;
}

.inq-div li {
  padding-left: 80px;
  line-height: 70px;
  word-spacing: 20px;
}
* html .inq-div li { /* for IE6 */
  height: 55px;
  padding-top: 15px;
}

.inq-div .telmark {
  background: url(/img/tel.png) no-repeat left top;
}

.inq-div .mailmark {
  background: url(/img/mail.png) no-repeat left top;
}
