@charset "UTF-8";

/* CSS Infomation --------------------

Website: 有限会社 賃貸倶楽部
Design office: contrast - http://www.cs321.jp/

File name: support.css
Description: supportディレクトリ内のスタイルです。
Date: 2010/06/19
Editors: Wataru Shitami

Table of contents:

	1. Reset style

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



/* Update history --------------------

Version: 3.0.0
Date: 2010/06/19
Last editor: Wataru Shitami
Contents of update: -

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



/* 1. Reset style --------------------*/

#support-nav, #tips-nav {
  border-bottom: 1px dotted #CCC;
  margin-bottom: 20px;
}

#support-nav ol {
  width: 468px;
  height: 294px;
  background: url(../img/bg-4.png) repeat-x;
  margin: 0 0 40px 6px;
}

#support-nav li {
  width: 182px;
  height: 238px;
  padding: 3px;
  border: 1px solid #E6E6E6;
  margin: 24px 16px 16px 24px;
  float: left;
  display: inline;
}

#support-nav a {
  display: block;
  width: 182px;
  height: 238px;
  overflow: hidden;
  position: relative;
}

#support-nav img {
  position: absolute;
}

#tips-img {
  top: -64px;
  left: 0;
}

#tips-img:hover {
  top: -64px;
  left: -182px;
}

#service-img {
  top: -64px;
  left: -364px;
}

#service-img:hover {
  top: -64px;
  left: -546px;
}



#tips-nav h3 {
  padding-left: 46px;
  background: url(../img/support.png) no-repeat 0 10px;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 10px;
}

#tips-nav p {
  font-size: 11px;
  margin-bottom: 40px;
}

#tips-nav ol {
  width: 926px;
  height: 678px;
  background: url(../img/bg-5.png) repeat;
  margin: 0 0 40px 7px;
}

#tips-nav li {
  width: 136px;
  height: 178px;
  padding: 3px;
  border: 1px solid #E6E6E6;
  margin: 23px 17px 17px 23px;
  float: left;
  display: inline;
}

#tips-nav li a {
  display: block;
  width: 136px;
  height: 178px;
  overflow: hidden;
  position: relative;
}

#tips-nav li a img {
  position: absolute;
}

#tips-img01 {
  top: -302px;
  left: 0;
}

#tips-img01:hover {
  top: -480px;
  left: 0;
}

#tips-img02 {
  top: -302px;
  left: -136px;
}

#tips-img02:hover {
  top: -480px;
  left: -136px;
}

#tips-img03 {
  top: -302px;
  left: -272px;
}

#tips-img03:hover {
  top: -480px;
  left: -272px;
}

#tips-img04 {
  top: -302px;
  left: -408px;
}

#tips-img04:hover {
  top: -480px;
  left: -408px;
}

#tips-img05 {
  top: -302px;
  left: -544px;
}

#tips-img05:hover {
  top: -480px;
  left: -544px;
}

#tips-img06 {
  top: -658px;
  left: 0;
}

#tips-img06:hover {
  top: -836px;
  left: 0;
}

#tips-img07 {
  top: -658px;
  left: -136px;
}

#tips-img07:hover {
  top: -836px;
  left: -136px;
}

#tips-img08 {
  top: -658px;
  left: -272px;
}

#tips-img08:hover {
  top: -836px;
  left: -272px;
}

#tips-img09 {
  top: -658px;
  left: -408px;
}

#tips-img09:hover {
  top: -836px;
  left: -408px;
}

#tips-img10 {
  top: -658px;
  left: -544px;
}

#tips-img10:hover {
  top: -836px;
  left: -544px;
}

#tips-img11 {
  top: -1014px;
  left: 0;
}

#tips-img11:hover {
  top: -1014px;
  left: -272px;
}

#tips-img12 {
  top: -1014px;
  left: -136px;
}

#tips-img12:hover {
  top: -1014px;
  left: -408px;
}



#service-nav h3 {
  padding-left: 46px;
  background: url(../img/support.png) no-repeat 0 -22px;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 40px;
}

#service-nav ol {
  width: 926px;
  height: 230px;
  background: url(../img/bg-5.png) repeat;
  margin: 0 0 40px 7px;
}

#service-nav li {
  width: 136px;
  height: 178px;
  padding: 3px;
  border: 1px solid #E6E6E6;
  margin: 23px 17px 17px 23px;
  float: left;
  display: inline;
}

#service-nav li a {
  display: block;
  width: 136px;
  height: 178px;
  overflow: hidden;
  position: relative;
}

#service-nav img {
  position: absolute;
}

#service-img01 {
  top: -1192px;
  left: 0;
}

#service-img01:hover {
  top: -1370px;
  left: 0;
}

#service-img02 {
  top: -1192px;
  left: -136px;
}

#service-img02:hover {
  top: -1370px;
  left: -136px;
}

#service-img03 {
  top: -1192px;
  left: -272px;
}

#service-img03:hover {
  top: -1370px;
  left: -272px;
}

#service-img04 {
  top: -1192px;
  left: -408px;
}

#service-img04:hover {
  top: -1370px;
  left: -408px;
}

#service-img05 {
  top: -1192px;
  left: -544px;
}

#service-img05:hover {
  top: -1370px;
  left: -544px;
}