@charset "UTF-8";
/*-- base --*/
* {
  color: #333;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  padding: 0; }

li {
  list-style: none;
  text-decoration: none; }

img {
  border: none;
  vertical-align: bottom; }

a {
  text-decoration: none;
  border: none; }

.clear {
  clear: both; }

strong {
  font-weight: normal; }

/*-- body --*/
body {
  background-color: #F4F2E8;
  -webkit-print-color-adjust: exact; }

#wrap {
  background: #FFF;
  width: 900px;
  margin: 0 auto;
  padding: 5px 20px 20px 20px;
  border-top: 5px solid #003366; }

/*-- header --*/
#top-p {
  padding-bottom: 5px;
  font-size: 14px; }

h1 {
  width: 169px;
  height: 85px;
  float: left; }

#tel {
  width: 591px;
  height: 85px;
  float: right; }

#header {
  clear: both;
  height: 60px; }

#header li {
  width: 150px;
  height: 60px;
  float: left; }

/*-- contents --*/
#contents {
  clear: both; }

#navi {
  width: 190px; }

#top-main {
  width: 690px;
  float: right; }

.con-h3 {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 5px;
  border-bottom: double 3px #006699;
  margin-bottom: 20px; }

.con-h2 {
  padding: 36px 0 0 0;
  height: 51px;
  font-size: 20px;
  color: #003366;
  font-weight: bold;
  border-bottom: 2px solid #003366;
  margin-bottom: 1px; }

#house {
  background: url(../images/h2-house.gif) right top no-repeat; }

#car {
  background: url(../images/h2-car.gif) right top no-repeat; }

#safe {
  background: url(../images/h2-safe.gif) right top no-repeat; }

#etc {
  background: url(../images/h2-etc.gif) right top no-repeat; }

#price {
  background: url(../images/h2-price.gif) right top no-repeat; }

#kaba {
  background: url(../images/h2-kaba.gif) right top no-repeat; }

#sec {
  background: url(../images/h2-sec.gif) right top no-repeat; }

#corp {
  background: url(../images/h2-corp.gif) right top no-repeat; }

.con-p {
  border-top: 1px #003366 solid;
  line-height: 1.8em;
  padding: 10px 20px 0 20px;
  color: #333; }

.con-p span {
  font-weight: bold;
  color: #CC0000; }

.pageup {
  clear: both;
  text-align: right; }

.pageup a {
  color: #003399;
  font-weight: bold;
  text-decoration: underline;
  font-size: 13px; }

/*-- house --*/
.tro-div {
  margin: 0 20px;
  border: 1px solid #003366;
  padding: 20px 30px 0 30px; }

#house-div {
  background: url(../images/house-div.jpg) left top no-repeat; }

#house-div2 {
  background: url(../images/house-div2.jpg) left top no-repeat; }

#car-div {
  background: url(../images/car-div2.jpg) left top no-repeat; }

#car-div2 {
  background: url(../images/car-div.jpg) left top no-repeat; }

#safe-div {
  background: url(../images/safe-div.jpg) left top no-repeat; }

#safe-div2 {
  background: url(../images/safe-div2.jpg) left top no-repeat; }

#etc-div {
  background: url(../images/etc-div.jpg) left top no-repeat; }

.tro-div .house-p {
  padding: 90px 0 0 245px;
  font-size: 12px; }

.tro-div ul {
  margin: 10px 0 20px 245px;
  padding: 10px;
  background-color: #F9F2D7; }

.tro-div li {
  font-size: 12px;
  padding: 5px 0 0 0; }

.tro-div li span {
  font-weight: bold;
  color: #003366; }

.tro-div dl {
  border-top: 1px dotted #333;
  padding: 20px 0; }

.tro-div dt {
  font-weight: bold;
  color: #003366;
  padding-bottom: 10px;
  font-size: 16px; }

.tro-div dd {
  line-height: 1.8em;
  color: #333; }

.house-tit {
  padding: 30px 0 10px 20px; }

#tro-div2 {
  border-right: 1px solid #003366;
  border-left: 1px solid #003366;
  border-bottom: 1px solid #003366;
  margin: 0 20px;
  padding: 20px 30px; }

#tro-div2 p {
  margin-bottom: 20px; }

#tro-div2 dl {
  float: left;
  width: 357px;
  padding: 20px;
  border: 1px solid #CCC;
  height: 140px; }

#tro-div2 dt {
  font-weight: bold;
  color: #003399;
  padding-bottom: 5px; }

#tro-div2 dd {
  width: 222px;
  line-height: 1.8em;
  font-size: 13px; }

#tro-div2 dl a {
  color: #003399;
  text-decoration: underline;
  font-size: 12px; }

#house-key1 {
  background: url(../images/house-key.gif) right top no-repeat; }

#house-key2 {
  background: url(../images/house-key2.gif) right top no-repeat; }

#house-key3 {
  background: url(../images/house-key3.gif) right top no-repeat; }

#house-key4 {
  background: url(../images/house-key4.gif) right top no-repeat; }

.tro-div3 {
  margin: 0 20px 40px 20px;
  border: 1px solid #003366;
  padding: 20px 0 10px 30px;
  float: left; }

.tro-div3 li {
  float: left;
  width: 115px;
  padding: 0 0 10px 0;
  color: #003366; }

.house-menu {
  clear: both;
  text-align: center;
  padding-bottom: 30px;
  overflow: hidden; }

.house-menu li {
  width: 46%;
  margin: 5px 2%;
  padding: 20px;
  float: left;
  box-sizing: border-box;
  font-size: 18px;
  background: #DDF3FF; }

.house-menu li a {
  color: #003399;
  text-decoration: underline;
  font-weight: bold;
  font-size: 18px; }

#ser-price {
  margin: 0 20px 10px 20px;
  border-collapse: collapse;
  width: 95%; }

#ser-price td, #ser-price th {
  border: 1px solid #003366;
  padding: 8px 5px; }

#ser-price td {
  text-align: center;
  color: #CC0000; }

#ser-price th span {
  font-weight: bold;
  color: #003366; }

#ser-price #ser-tr {
  background-color: #ECE9D8; }

#ser-price2 {
  font-size: 13px;
  color: #333;
  margin: 0 20px;
  text-align: center; }

#ser-price2 a {
  font-size: 12px;
  font-weight: bold;
  color: #006699;
  text-decoration: underline; }

/*-- top --*/
#top-con {
  clear: both;
  width: 880px;
  height: 279px;
  background: url(../images/top-back.gif) left top no-repeat;
  padding: 20px 0 0 20px;
  margin: 20px 0 0 0; }

#top-con ul li {
  float: left;
  width: 138px;
  height: 90px;
  padding-right: 5px; }

#top-con h2 {
  padding-bottom: 10px; }

#top-main #top-dl {
  padding: 0 10px 30px 10px; }

#top-main #top-dl dt {
  background: url(../images/top-icon.gif) left top no-repeat;
  padding: 8px 0 10px 68px;
  border-bottom: dotted 2px #006699;
  font-size: 16px;
  font-weight: bold;
  color: #006699;
  margin-bottom: 10px; }

#top-main #top-dl dd {
  color: #333;
  line-height: 1.8em;
  padding: 0 140px 20px 0;
  min-height: 130px;
  margin: 0 5px; }

#top-main #top-dl dd span {
  font-weight: bold; }

#top-dd1 {
  background: url(../images/top-dd1.gif) right top no-repeat; }

#top-dd2 {
  background: url(../images/top-dd2.gif) right top no-repeat; }

#top-dd3 {
  background: url(../images/top-dd3.gif) right top no-repeat; }

#top-dd4 {
  background: url(../images/top-dd4.gif) right top no-repeat; }

#top-cat1, #top-cat2, #top-cat3, #top-cat4 {
  padding: 5px 0 15px 110px;
  font-size: 16px;
  line-height: 1.8em;
  color: #333;
  margin: 0 10px 15px 10px;
  border-bottom: 1px dotted #CCC; }

#top-cat1 span, #top-cat2 span, #top-cat3 span, #top-cat4 span {
  font-weight: bold; }

#top-cat1 a, #top-cat2 a, #top-cat3 a, #top-cat4 a {
  color: #006699;
  font-weight: bold;
  text-decoration: underline;
  display: block;
  padding: 5px 0; }

#top-cat1 {
  background: url(../images/top-cat4.gif) left top no-repeat; }

#top-cat2 {
  background: url(../images/top-cat3.gif) left top no-repeat; }

#top-cat3 {
  background: url(../images/top-cat2.gif) left top no-repeat; }

#top-cat4 {
  background: url(../images/top-cat1.gif) left top no-repeat;
  margin-bottom: 30px; }

#corp-box {
  border: 2px solid #003366;
  padding: 85px 20px 20px 20px;
  background: url(../images/top-box.jpg) left top no-repeat;
  margin-bottom: 30px;
  min-height: 115px;
  overflow: hidden; }

#corp-box #top-corp-p {
  width: 468px;
  float: left;
  line-height: 1.8em; }

#corp-box #top-corp-a {
  float: right;
  width: 168px;
  margin-top: 60px; }

#top-corp-a a {
  display: block;
  width: 168px;
  padding: 8px 0;
  background: url(../images/top-navi5.gif) left top no-repeat;
  font-size: 14px;
  text-align: center;
  color: #003366;
  text-decoration: underline; }

#navi dl, #navi ul {
  border-left: 2px solid #003366;
  border-right: 2px solid #003366;
  border-bottom: 2px solid #003366;
  padding: 10px; }

#navi dl {
  margin-bottom: 10px; }

#navi dl dd {
  padding-bottom: 10px;
  line-height: 1.8em;
  font-size: 14px; }

#top-navi2 {
  font-weight: bold;
  color: #003366; }

#top-navi3 {
  font-weight: bold;
  color: #FF6600;
  margin-bottom: 10px; }

#top-navi4 span {
  color: #FF6600; }

#top-navi5 {
  background: url(../images/top-navi5.gif) left top no-repeat;
  font-size: 14px;
  text-align: center;
  padding: 10px 0 0 0;
  height: 28px; }

#navi ul li {
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 1.8em; }

#navi li strong {
  font-size: 14px; }

.top-news {
  background: #F3F3F3;
  padding: 2px; }

#navi ul a {
  color: #006699;
  text-decoration: underline;
  font-size: 14px; }

/*-- footer --*/
#footer {
  clear: both;
  background: url(../images/foot-1.gif) left top no-repeat;
  padding: 30px 0 0 0;
  width: 900px; }

#footer ol {
  width: 638px;
  margin: 0 auto; }

#footer #foot-ol {
  background-color: #EFEFEF;
  height: 134px;
  padding: 20px;
  margin-bottom: 20px; }

#footer ol li {
  width: 122px;
  height: 134px;
  float: left;
  padding-left: 30px;
  font-weight: bold;
  color: #003366;
  line-height: 1.8em;
  font-size: 14px; }

#foot-ol1 {
  padding-right: 10px;
  background: url(../images/foot-2.gif) left top no-repeat; }

#foot-ol2 {
  padding-right: 10px;
  background: url(../images/foot-3.gif) left top no-repeat; }

#foot-ol3 {
  padding-right: 10px;
  background: url(../images/foot-4.gif) left top no-repeat; }

#foot-ol4 {
  background: url(../images/foot-5.gif) left top no-repeat; }

#footer table {
  clear: both;
  width: 860px;
  margin: 0 0 0 20px;
  padding: 20px 0 10px 0;
  border-bottom: 1px dotted #CCC; }

#footer table th {
  width: 170px;
  color: #003366;
  font-weight: bold;
  vertical-align: top;
  text-align: left; }

#footer .foot-td {
  font-weight: bold;
  color: #003366;
  width: 80px;
  vertical-align: top;
  font-size: 16px; }

#footer td {
  padding: 0 0 10px 0;
  line-height: 1.8em;
  font-size: 14px;
  color: #666; }

#foot-navi {
  text-align: center;
  padding: 10px 0; }

#foot-navi li {
  display: inline; }

#foot-navi li a {
  color: #006699;
  text-decoration: underline; }

#foot-a a {
  color: #006699;
  font-size: 12px;
  text-decoration: underline; }

#address, #foot-a {
  font-size: 12px;
  text-align: center;
  padding-bottom: 10px; }

.foot-link {
  padding-top: 20px;
  text-align: center;
  line-height: 1.8em; }

.foot-link a {
  font-size: 11px;
  font-weight: bold;
  color: #006699;
  text-decoration: underline; }

/*-- price --*/
#price-list {
  padding: 30px 20px 20px 20px; }

#price-p {
  padding: 0 30px 30px 30px; }

#price-p li {
  text-indent: -1em;
  font-size: 12px;
  line-height: 1.8em;
  color: #333; }

/*-- company --*/
#company-div {
  margin: 30px 20px 30px 20px;
  padding: 20px 250px 20px 20px;
  border: 1px solid #003366;
  background: url(../images/com-pic.gif) right bottom no-repeat; }

#company-div dt {
  font-weight: bold;
  padding: 20px 0 5px 0;
  color: #003366; }

#company-div dd {
  line-height: 1.8em; }

.company-div {
  padding: 0 20px; }

.comp-tit, .comp-tit2 {
  background-color: #F4F2E8;
  font-weight: bold;
  color: #003366;
  padding: 3px 5px; }

.comp-tit {
  color: #CC0000; }

.company-div .comp-li {
  padding: 10px 150px 0 10px;
  color: #333;
  line-height: 1.8em;
  height: 80px; }

#comp1 {
  background: url(../images/com-pic1.gif) right top no-repeat; }

#comp2 {
  background: url(../images/com-pic2.gif) right top no-repeat; }

#comp3 {
  background: url(../images/com-pic3.gif) right top no-repeat; }

#comp4 {
  background: url(../images/com-pic4.gif) right top no-repeat; }

#comp5 {
  background: url(../images/com-pic5.gif) right top no-repeat; }

/*-- map --*/
#map-p {
  border-bottom: 1px dotted #CCC;
  padding: 0 0 5px 0;
  margin: 30px 20px 10px 20px; }

#map-p a {
  color: #006699;
  text-decoration: underline; }

#map-ul {
  margin: 0 20px 30px 20px; }

#map-ul li {
  padding: 0 0 5px 0; }

#map-ul .map-li {
  margin-bottom: 10px;
  border-bottom: 1px dotted #CCC; }

#map-ul li ul li {
  margin: 0 20px 10px 20px; }

#map-ul a {
  color: #006699;
  text-decoration: underline; }

/*-- kaba --*/
#kaba-dl, #sec-dl, #corp-dl, #digital-dl {
  margin: 30px 30px 0 30px;
  min-height: 250px;
  padding-right: 330px; }

#kaba-dl {
  background: url(../images/kaba-dl.gif) right top no-repeat; }

#kaba-dl dt, #sec-dl dt, #corp-dl dt, #digital-dl dt {
  padding-bottom: 20px; }

#kaba-dl dd, #sec-dl dd, #corp-dl dd, #digital-dl dd {
  line-height: 1.8em; }

.kaba-div {
  margin: 0 20px 30px 20px;
  border: #003366 solid 1px; }

.kaba-div h3 {
  padding-bottom: 15px; }

.kaba-div p {
  line-height: 1.8em; }

.kaba-div ul {
  background-color: #F5F5F5;
  padding: 20px;
  margin-top: 20px; }

.kaba-div ul li {
  height: 25px; }

.kaba-div ul span {
  font-weight: bold;
  color: #CC0000; }

.kaba-div ul .kaba-li {
  padding-left: 5px; }

#kaba-div1 {
  padding: 20px 330px 20px 20px;
  background: url(../images/kaba-div1.gif) right top no-repeat; }

#kaba-div2 {
  padding: 20px; }

#kaba-div3 {
  padding: 20px 330px 20px 20px;
  height: 142px;
  background: url(../images/kaba-div3.gif) right top no-repeat; }

#kaba-table {
  margin: 0 20px 30px 20px;
  border: 2px solid #003366;
  border-collapse: collapse; }

#kaba-table td {
  border: 1px solid #003366; }

#kaba-tr td {
  padding-bottom: 20px; }

#kaba-tr2 td {
  padding: 5px;
  font-size: 13px;
  line-height: 1.8em;
  color: #333; }

/*-- sec --*/
.sec-div {
  border: 1px solid #003366;
  padding: 20px;
  margin: 0 20px; }

.sec-div dl {
  padding-right: 290px; }

.sec-div dt {
  font-size: 16px;
  font-weight: bold;
  color: #003366;
  padding-bottom: 15px; }

.sec-div dd {
  color: #333;
  line-height: 1.8em;
  padding-bottom: 20px; }

#sec-div {
  margin-bottom: 30px; }

/*-- corp --*/
#corp-dl {
  background: url(../images/corp-dl.gif) right bottom no-repeat; }

.corp-div {
  margin: 0 20px;
  border: 1px solid #003366; }

#corp-top {
  background: url(../images/corp-top.gif) top left no-repeat; }

.corp-div h3 {
  padding-bottom: 20px;
  border-bottom: 1px #CCC solid;
  margin-bottom: 20px; }

.corp-div dt {
  font-weight: bold;
  color: #003366;
  padding-bottom: 10px;
  font-size: 16px; }

.corp-div dd {
  line-height: 1.8em;
  padding-bottom: 30px; }

#corp-dl1, #corp-dl2 {
  padding: 0 20px 0 310px;
  border-bottom: 1px #CCC solid;
  margin-bottom: 25px; }

#corp-dl1 {
  background: url(../images/cop-div2.gif) left top no-repeat; }

#corp-dl2 {
  background: url(../images/corp-div.gif) left top no-repeat; }

.corp-div table {
  margin: 0 20px 20px 20px;
  border-collapse: collapse; }

.corp-div th {
  background-color: #F5F5F5;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
  color: #003366;
  border: 1px solid #003366; }

.corp-div td {
  padding: 20px;
  line-height: 1.8em;
  vertical-align: top;
  text-align: left;
  font-size: 13px;
  border: 1px solid #003366; }

.corp-div td span {
  font-weight: bold;
  color: #003366; }

/*--------------------------------------------*/
.foot-navi2, .top-ho, #top-con2 {
  display: none; }

.top-coal img, .footer-coal img {
  display: none; }

.top-coal {
  width: 591px;
  height: 85px;
  background: url(../images/tel.gif) no-repeat center; }

.footer-coal {
  width: 100%;
  width: 900px;
  height: 110px;
  background: url(../images/foot-tel.gif) no-repeat center; }

.top-coal a {
  display: block;
  width: 591px;
  height: 85px; }

.footer-coal a {
  display: block;
  width: 900px;
  height: 110px; }

/*�lj�*/
.size-car {
  float: left;
  width: 50%; }

#ser-price2 {
  text-align: center; }

.size-car2 {
  float: right;
  width: 50%; }

/*�lj��Q*/
#digital-box {
  border: 2px solid #003366;
  padding: 85px 20px 20px 20px;
  background: url(../images/ejisu.png) left top no-repeat;
  margin-bottom: 30px;
  min-height: 115px;
  overflow: hidden; }

#digital-box #top-digi-p {
  width: 468px;
  float: left;
  line-height: 1.8em; }

#digital-box #top-digi-a {
  float: right;
  width: 168px;
  margin-top: 60px; }

#top-digi-a a {
  display: block;
  width: 168px;
  padding: 8px 0;
  background: url(../images/top-navi5.gif) left top no-repeat;
  font-size: 14px;
  text-align: center;
  color: #003366;
  text-decoration: underline; }

/*-- digital --*/
#digital-dl {
  background: url(../images/digital2_03.jpg) right bottom no-repeat; }

.corp-div {
  margin: 0 20px;
  border: 1px solid #003366; }

#digital-top {
  margin-bottom: 20px; }

.corp-div h3 {
  padding-bottom: 20px;
  border-bottom: 1px #CCC solid;
  margin-bottom: 20px; }

.corp-div dt {
  font-weight: bold;
  color: #003366;
  padding-bottom: 10px;
  font-size: 16px; }

.corp-div dd {
  line-height: 1.8em;
  padding-bottom: 30px; }

#digital-dl1, #digital-dl2 {
  padding: 140px 20px 0 20px;
  border-bottom: 1px #CCC solid;
  margin-bottom: 25px; }

#digital-dl1 {
  background: url(../images/user01.jpg) center top no-repeat; }

#digital-dl2 {
  background: url(../images/master01.jpg) center top no-repeat; }

#digital-dl3 {
  padding: 20px 20px 0 340px;
  background: url(../images/digital5.jpg) left 20px top no-repeat; }

.digital-img {
  text-align: center;
  padding-bottom: 20px; }

#tro-div2 dt a {
  font-weight: bold;
  font-size: 13px; }