@charset "utf-8";

/* ==================================================================
	maintenance.css
	
=================================================================== */

/* =================================
   ■ 共通指定
================================== */



/* --------------------------------
   □ main
-------------------------------- */ 
.main h2{
	font-size: 155%;
    margin-bottom: 1%;
    background: url(../../images/recruit/circle.png) left 50% no-repeat;
    padding: 10px 10px 10px 40px;
}

.main section{
	padding:3% 0 0;
}

#maintenance section{
	padding:6% 0;
}

#maintenance section dl.description{
	margin-bottom:4%;
}

#maintenance section dl.description dt{
	font-size:250%;
	margin-bottom:2%;
}

#maintenance section dl.description dd{
	font-size:116%;
}

#maintenance section #strength{
}

#maintenance section #strength ul{
	overflow: hidden;
    margin-bottom: 5%;
}

#maintenance section #strength ul li{
	width: 33%;
    float: left;
    text-align: center;
}

#maintenance section #strength ul li dl{
}

#maintenance section #strength ul li dl dt{
	margin-bottom:7%;
}

#maintenance section #strength ul li dl dd{
	font-size:158%;
}

#maintenance section #strength ul li dl dd span{
	font-size:68%;
}

#maintenance section #strength p.txt{
	font-size:116%;
	margin-bottom: 7%;
}

#maintenance section #Facility{
}

#maintenance section #Facility ul{
}

#maintenance section #Facility ul li{
	width:312px;
    float: left;
	margin-right:32px;
}

#maintenance section #Facility ul li:nth-child(3n){
	margin-right:0;
}

#maintenance section #Facility ul li dl{
	margin-bottom: 10%;
}

#maintenance section #Facility ul li dl dt{
	margin-bottom:7%;
}

#maintenance section #Facility ul li dl dd.name{
	font-size:158%;
	color:#d6000f;
	margin-bottom:5%;
}

#maintenance section #Facility ul li dl dd.txt{
	font-size:108%;
}


.main #price{
	margin-bottom: 30px;
	clear:both;
}

.main #price table{
	border:1px solid #ccc;
	width:100%;
	table-layout: fixed;
	margin-bottom: 2%;
}

.main #price table tr td{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
    padding-left: 15px;
}

.main #price table tr td.glay{
	background:#e7e7e7;
	padding: 25px 0;
    padding-left: 15px;
}

.main #price table tr td.normal{
	font-weight: bold;
}

.main #price p.comments{
	margin-bottom:4%;
}

/* --------------------------------
   □ contactarea
-------------------------------- */ 

.main .contactarea{
	border:1px solid #d6000f;
	padding:30px;
}

.main .contactarea ul li:first-child{
	font-size:133%;
	margin-right: 125px;
}

.main .contactarea ul li:first-child span.large{
	font-size:262%;
	font-weight:bold;
	font-style: italic;
}

.main .contactarea ul li:first-child span.small{
	font-size:162%;
	font-weight:bold;
	font-style: italic;
}

.main .contactarea ul li:last-child{
	float:right;
	margin-bottom: 0;
	margin-top: 12px;
}

.main .contactarea ul li{
	display:inline-block;
	vertical-align: middle;
}

.main .contactarea ul li p.teltxt{
	font-size:116%;
	font-weight:bold;
	margin-bottom: 0;
}

.main .contactarea ul li p.teltxt span.red{
	color:#a40001;
}

.main .contactarea ul li p.tel{
	font-size:258%;
	color:#848484;
	font-weight:bold;
	margin-bottom: 0;
}

.main .contactarea ul li p.time{
	margin-bottom: 0;
}

/* --------------------------------
   □ ページャー
-------------------------------- */ 

ul.pager {
	  width:291px;
	  margin:10px auto 0;
}
ul.pager li {
      float: left;
      margin-right: 8px;
      font-weight: bold;
	  background: #fff;
}
ul.pager li a {
      position: relative;
      display: block;
      padding:15px 20px;
      background-image: url(hoge.gif);
}
ul.pager li a:link,
ul.pager li a:visited {
      border: 1px #d6d6d6 solid;
      background-position: 0 0;
      color: #0033FF;
      text-decoration: none;
}
ul.pager li a:hover,
ul.pager li a:active {
      border: 1px #313131 solid;
      background-position: 100% 0;
      color: #313131;
      text-decoration: none;
}
ul.pager li em {
      display: block;
      padding:15px 20px;
      border: 1px #313131 solid;
      background: #313131;
      color: #FFFFFF;
}

@media screen and 
(max-width:640px){

.main h2 {
	margin-bottom: 7%;
}

#maintenance section #strength ul li {
    width: auto;
    float: none;
}
#maintenance section #strength ul li dl {
    margin-bottom: 10%;
	overflow: hidden;
	display: table;
}

#maintenance section #strength ul li dl dt {
    margin: 7% auto;
    float: left;
    display: table-cell;
    vertical-align: middle;
}

#maintenance section #strength ul li dl dd {
    vertical-align: middle;
    display: table-cell;
	width:80%;
	text-align: left;
    padding-left: 5%;
}

#maintenance section #Facility ul li dl dt {
    text-align: center;
}

#maintenance section dl.description dt {
    font-size: 147%;
}

#maintenance section #Facility ul li {
    width: auto;
    float: none;
    margin-right: 0;
}

.main .contactarea {
    padding: 4%;
}

.main .contactarea ul li {
    display: block;
    vertical-align: middle;
	text-align:center;
}

.main .contactarea ul li:first-child {
    font-size: 133%;
    margin-right: 0;
	margin-bottom: 5%;
}

.main .contactarea ul li:last-child {
    float: none; 
    margin-bottom: 0;
    margin-top: 12px;
}

.main .contactarea ul li p{
	text-align:center;
}

.main #price table tr td.glay {
	padding: 4%;
}