/*リセットスタイル*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;}
.li table {
	border-collapse: collapse;ce
	border-spacing: 0;
}

/*ボディー*/
	body{background-color:black;}
	.contenr{ margin-left: auto; margin-right: auto; width: 800px; height: 1030px; background-image: url(../index-back.jpg); 
	 margin-top: 50px; z-index: -2;}

/*フォント指定*/
body{font-family: sans-serif,メイリオ;}
	
/* top　要素*/
	.top{width: 700px; height: 50px; padding-top: 40px; margin-bottom: 15px;}
	
	h2{color:white; font-size: 12px;}
	#logo{float:left; margin-left: 0px; margin-top:-10px;  padding-right: 7px}
	#name{font-size: 25px; line-height:170%; font-weight: bold;}
    #tel{font-size: 25px; line-height:170%; font-weight: bold; text-align: right}
	#copy{font-style: left; float: left;}
	#time{float: right; margin-top: -40px; display: inherit;}

/*メインとセクション振り分け*/
header{}
main{width: 460px; height: 830px; float: left; margin-left: 50px; position: relative; }
article{width: 210px; height: 500px; float: right; margin-right: 50px;}

footer{}

/*リンク部分*/
table{position: relative}
	td{color: white; text-align: center; font-size: 20px; font-weight: bold;}
	td img{margin-top: 0px; display: inline; box-shadow:2px 3px 7px 3px rgba(0,0,0,0.7); position: absolute ; top: -15px; }
td a{margin-top: 0px; color:white; text-decoration: none; }
	.li{width: 700px; height: 28px; padding-bottom: 20px; margin-top: 30px;}
#yellow{color: yellow}

/*概要部分*/
.ex1{widows: 430px; }
main h2{font-weight: bold; background: linear-gradient(to bottom,#9d3610 5%,#be623a,#9d3610 70%);}

.White_yajirusi{position: relative;}
.W_yajirusi{position: absolute; margin-left: -220px; margin-top: 10px;}
.name_ex1{font-size: 20px; color: white; padding: 20px 30px; text-align: left;}
.ryoukin{height: 510px; background-color: #eae8d9;}
.ryoukin table{float: left; margin-top: 15px; margin-left: 15px; border-collapse: collapse;}
.ryoukin table th{font-size: 12px; color: black; line-height: 100%; padding: 10px; background-color: #ccb6aa; border: solid 1px #eae8d9;}
.ryoukin table td{font-size: 12px; color: black; line-height: 100%; padding: 10px; background-color: #d3b7cc;border: solid 1px #eae8d9; font-weight: normal;}

/*清掃例写真*/
.flo_pho{width: 150px; margin-right: 15px; margin-top: -493px; float: right;}
.flo_pho img{padding-bottom: 5px; }
.flo_pho p{text-align: left; line-height:120%; margin-top: -5px;}
#com{font-size: 12px; margin-top: -5px; margin-bottom: 10px;}

/*備考部分*/
.bikou{width: 430px; height: 100px;margin-left: 15px; margin-top: -230px; line-height: 100%; float: left; text-align: justify}
.bikou table tr td{color: black; font-size: 12px; text-align: left; font-weight: lighter; }

/*メモ部分*/
.memo{width: 430px; height: 170px; margin-left: 15px; margin-top: -190px; line-height: 100%; float: left; text-align: justify; }
.memo table td{color: black; font-size: 12px; text-align: left; font-weight: lighter; }

/*共用部クリーニング*/
.memo_ex2{font-size: 20px; background-color: #bd582c; color: white; padding: 20px 30px; text-align: left;}
.ex2{width: 460px; height: 130px; background-color: #eae8d9;}
.memo2{width: 430px; height: 50px; margin-left: 15px; margin-top: 10px; line-height: 100%; float: left; text-align: left;}
.memo2 table td{color: black; font-size: 12px; text-align: left; font-weight: lighter;}

/*インフォメーションボタン*/
.info_bo{width: 460px; margin-top: 60px;}

/*注意事項*/
.area{float: left; width: 210px; position: relative; border-right
:solid 1px white;}
.area h3{font-weight: bold; width: 100px; font-size: 16px; color: white; position: absolute; top:0px; left: 10px;}
.area p{width: 110px; font-size: 12px; color: white; position: absolute; top:33px; left: 8px; line-height: 17px; text-align: left}


.parking{width: 204px; height: 210px; background-color: gainsboro; border:solid 2px white; float: right; position: relative;  margin-top: 30px;}
.parking h3{font-weight: bold; font-size: 16px; color: red; position: absolute; top: 0px; text-align: center; width: 200px;}
.parking p{width: 192px; font-size: 12px; color: black; position: absolute; top:33px; left: 6px; line-height: 17px; transform: scaleX(1); text-align: justify;}


/*ヘッダー*/
	footer{width: 700px; height: 40px; background-color: black; overflow: hidden;}
	h3{font-size: 15px; color: white; margin-top: 20px;}