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

/* common */
h2.h2 { text-align: center; color:#136AB9; font-size:36px; margin-bottom:30px; padding-bottom:5px; border-bottom:5px solid #136AB9;}
h3.h3h { margin-bottom:20px; text-align: center;}
h3.h3h:before {
    color:#136AB9;
    content: "■ ";
}
h3.h3h:after {
    color:#136AB9;
    content: " ■";
}

.btn.no-mgp { position:fixed; z-index:9999; top:0; right:0; }
.sidebar.top{
    position: fixed;
    z-index:9998;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */		
    left: 0;
    right: 0;
    top: 0;
    padding-right: 100px;
    padding-bottom:20px;
}
@media (min-width: 640px) {
	
	nav.hiding-menu ul li {
		float:left;
		list-style:none;
		font-size:16px;
		margin-right: 30px; 
	}
	
} 

@media (max-width: 639px) {
	nav.hiding-menu ul { padding-top: 10px; }
	nav.hiding-menu ul li {
		float:none;
		list-style:none;
		font-size:15px;
		padding: 5px; 
	}

}


/* header */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style] { width: 100%!important; }

/* footer */
footer { width:100%; background-color:#136ab9; overflow:hidden; color:#fff; }
footer .container { margin-top:5px; }
footer nav { font-size:12px; letter-spacing: -0.05em; }
footer nav ul li { list-style:none; float:left; padding:10px 0 10px; margin-bottom:20px; }
footer.footer nav ul li a { text-decoration: none; color:#fff; }
footer.footer nav ul li a:hover { text-decoration: underline; }

@media (min-width: 640px) { footer nav { display: block;} }
@media (max-width: 639px) { footer nav { display: none;} }

/* index.php */
header { padding-bottom:20px; }
header .header-tel { color:#e60012; font-weight:bold; font-size:36px; }
header .header-tel2 { font-weight:bold; font-size: 2.5rem }
#index_slide { width:100%; height: 380px; margin:0 auto; }
h4 { margin-top:0; }
h4.index-h4 { background:url(../img/common/bg-blackmemo.jpg) repeat-x center center; width:100%; text-align:center; }
h4.index-h4 span { background-color:#fff; padding: 0 20px; color:#136ab9; }
.map-box { height:400px; }
.map-box iframe { width:100%; }
.facebox-area { margin-bottom: 40px; }

img.header-img-max { width:100%; max-width:481px; }
img.footer-img-max { width:100%; max-width:321px; }
img.cont-img-max { width:100%; max-width:253px;}


/* about */
#about_slide { width:100%; height: 250px; margin:0 auto; }
#about_table th { width:150px; padding:10px; text-align: center; }
#about_table td { padding:10px; text-align:left; }


/* housecleaning */
#housecleaning_slide { width:100%; height: 250px; margin:0 auto; }
.jobun {
    font-size: 13px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    background-color:#E9E9E9;
    padding:20px;
    margin-bottom:20px;
}
.price-box th {
    width:200px;
}
.price-box td {
    text-align:right;
}


/* office-cleaning */
#office_slide { width:100%; height: 250px; margin:0 auto; }

/* interior */
#interior_slide { width:100%; height: 250px; margin:0 auto; }
h4.interior-h4 {
    border-bottom: 1px solid #136ab9;
    padding-bottom: 3px;
    padding-left: 5px;
}

/* housecleaning */
#contact_slide { width:100%; height: 250px; margin:0 auto; }



/* contact */
.telbox img { vertical-align:text-bottom; margin-right:10px; }
.contact-tel { color:#e60012; font-weight:bold; font-size:36px; }
.contact-tel2 { font-weight:bold; font-size: 2.5rem }
@media (max-width: 799px) {
.telwomanbox { text-align:center; }
}

/* common */
@media (max-width: 639px) {
    .imagebox img { display:block; margin:0 auto }
    .imagebox { margin-bottom: 20px; }
}

strong.color { color:#136ab9; }
.mb5　{ margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb40 { margin-bottom:40px; }
.no-mgp { margin:0; padding:0; }