@charset "UTF-8";
/*----------------------------------------------------------
CSS Information

 File name:      pc_hakenhou.css
 Author:         INDIVAL,inc
 Style Info:     ショットワークスは件法改正講座　指定

    1:共通
    2:リンク
    3:シフトワークスパーツ
    4:レイアウト
    5:ボタンリンク
    6:ヘッダーコンテンツ
    7:メインカラムコンテンツ
----------------------------------------------------------*/
/*======================================*
* 　　　　　　　　　　　　　　　　　　　　　　　　　
*  　　1:共通
* 　
*======================================*/
body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-size: 13px;
}

ul, ol, dl {
  margin: 0;
  padding: 0;
}

* {
  margin: 0;
  padding: 0;
}

hr {
  margin: 5px 0;
}

img, a img {
  margin: 0;
  padding: 0;
  border: 0;
}

ul, ol {
  list-style-type: none;
}

/*センタリングのずれ解消*/
html {
  overflow-y: scroll;
}

/*======================================*
* 　　　　　　　　　　　　　　　　　　　　　　　　　
*  　　2:リンク
* 　
*======================================*/
/* ------------------------------
 　画像に疑似ロールオーバー
------------------------------ */
a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}

/* ------------------------------
 　ベース
------------------------------ */
#container a:link {
  color: #00f;
  text-decoration: underline;
}
#container a:visited {
  color: #8080f8;
  text-decoration: underline;
}
#container a:hover {
  text-decoration: none;
}

/*======================================*
* 　　　　　　　　　　　　　　　　　　　　　　　　　
*  　　3：シフトワークスパーツ
* 　
*======================================*/
/*======================================*
* 　　　　　　　　　　　　　　　　　　　　　　　　　
*  　　4：レイアウト
* 　
*======================================*/
#wrapper {
  width: 950px;
  margin: 30px auto 0;
  background-image: url("../image/sw/cu/news/haken201211/bg.png");
  background-position: center top;
  background-repeat: repeat-y;
  background-color: #fff;
}

#premContainer {
  width: 950px;
  margin: 0 auto 30px;
  padding: 0 0 20px;
  text-align: left;
  border-bottom: 1px solid #999;
}

/*======================================*
* 　　　　　　　　　　　　　　　　　　　　　　　　　
*  　　6：ヘッダーコンテンツ
* 　
*======================================*/
#pre_head h2 {
  margin: 0;
  padding: 0;
}

/*======================================*
* 　　　　　　　　　　　　　　　　　　　　　　　　　
*  　　7：メインカラムコンテンツ
* 　
*======================================*/
#premMainColumn {
  width: 910px;
  margin: 0 auto;
  padding: 0;
}

#premMainColumn p {
  margin: 0 15px;
  line-height: 1.8;
}

#premMainColumn h3 {
  margin: 40px 0 15px;
}

#premMainColumn h4 {
  margin: 30px 0 15px;
}

ul.haken-reigai {
  margin: 25px 0 0;
}

ul.haken-reigai li {
  list-style: none;
  width: 880px;
  margin: 0;
  line-height: 1;
  text-indent: -9999px;
}

ul.haken-reigai li#reigai1 {
  height: 125px;
  background: url("../image/sw/cu/news/haken201211/img01.png") no-repeat;
}

ul.haken-reigai li#reigai2 {
  height: 137px;
  background: url("../image/sw/cu/news/haken201211/img02.png") no-repeat;
}

ul.haken-reigai li#reigai3 {
  height: 110px;
  background: url("../image/sw/cu/news/haken201211/img03.png") no-repeat;
}

ul.haken-reigai li#reigai4 {
  height: 97px;
  background: url("../image/sw/cu/news/haken201211/img04.png") no-repeat;
}

div.example img {
  display: block;
  margin: 0 0 20px;
}

div.kakomi01 {
  margin: 15px 15px 20px;
  padding: 15px;
  border: 1px solid #cd5036;
  background-color: #ffece8;
  line-height: 1.8;
}

/* その他 */
.pt20 {
  padding-top: 20px;
}

.f110 {
  font-size: 110%;
}

.f120 {
  font-size: 120%;
}

/* 赤色 */
.color1-b {
  color: #c00;
  font-weight: bold;
}