
/*コンテンツ全体枠*/
#wrap{
	margin: 20px auto;
	padding: 20px 20px;
	background-color: #fff;
}

body {
	background-color: #fff;
	color: #595757;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

/*コンテンツ幅*/
.inner{
	width: 960px;
	margin: 0 auto;
	;}


/*ヘッダー*/
.topph{
	width: 900px;
	margin-left: 30px;
}

/*gnav*/
.gnav{
	overflow: hidden;
}

ul{
	padding: 0px; /* 左の余白（箇条書きの「・」）削除 */
}

.gnav{
	display: table;
	table-layout: fixed;
	width: 100%;
	text-align: center;
	box-shadow: 0 0 20px #808080;
	border-radius: 10px;
}

.gnav li{
	float: left;
}

.gnav01 a{
	display: block;
	width: 130px;
	height: 60px;
	background: url(../img/gnav.png)no-repeat;
	text-indent: -9999px;
}

.gnav01 a:hover{
	background-position: 0 -60px;
}

.gnav02 a{
	display: block;
	width: 130px;
	height: 60px;
	background: url(../img/gnav.png)no-repeat;
	text-indent: -9999px;
	background-position: -130px 0;
}

.gnav02 a:hover{
	background-position: -130px -60px;
}

.gnav03 a{
	display: block;
	width: 130px;
	height: 60px;
	background: url(../img/gnav.png)no-repeat;
	text-indent: -9999px;
	background-position: -260px 0;
}
.gnav03 a:hover{
	background-position: -260px -60px;
}

.gnav04 a{
	display: block;
	width: 130px;
	height: 60px;
	background: url(../img/gnav.png)no-repeat;
	text-indent: -9999px;
	background-position: -390px 0;
}
.gnav04 a:hover{
	background-position: -390px -60px;
}

.gnav05 a{
	display: block;
	width: 130px;
	height: 60px;
	background: url(../img/gnav.png)no-repeat;
	text-indent: -9999px;
	background-position: -520px 0;
}
.gnav05 a:hover{
	background-position: -520px -60px;
}

.gnav06 a{
	display: block;
	width: 130px;
	height: 60px;
	background: url(../img/gnav.png)no-repeat;
	text-indent: -9999px;
	background-position: -650px 0;
}
.gnav06 a:hover{
	background-position: -650px -60px;
}
.gnav07 a{
	display: block;
	width: 180px;
	height: 60px;
	background: url(../img/gnav.png)no-repeat;
	text-indent: -9999px;
	background-position: -780px 0;
}
.gnav07 a:hover{
	background-position: -780px -60px;
}

.seisou .gnav01 a{background-position: 0 -60px;}
.shiteikanri .gnav02 a{background-position: -130px -60px;}
.houteki .gnav03 a{background-position: -260px -60px;}
.company .gnav04 a{background-position: -390px -60px;}
.kyujin .gnav05 a{background-position: -520px -60px;}
.ippan .gnav06 a{background-position: -650px -60px;}
.policy .gnav07 a{background-position: -780px -60px;}

/*フッター*/
#footer{
	clear: both;
	margin-top: 50px;
	border-top: #000080 10px solid;
}

#rogo{
	width: 300px;
	height: 150px;
	font-size: 75%;
	margin-left: 20px;
}

#fnav{
	margin-top: 20px;
	float: right;
	font-size: 13px;
}

#tel{
	float: right;
	clear: both;
}

#copy{
	clear: both;
	text-align: center;
}

/*indextop*/

.ind_bar{
	box-shadow: 2px 2px 5px #808080;
	border-radius: 3px;
	padding: 5px 10px;
	margin: 20px 15px 0 5px;
	color: #595757;
	border:#808080 1px solid;
	border-top: #000080 5px solid;
	width: 650px;
	clear: left;
	font-size: 18px;
}

.cont{
	background-color: #fff;
	background: -webkit-linear-gradient(top,#fff,#c0c0c0);
	background: linear-gradient(to bottom,#fff,#c0c0c0);
	margin: 3% 3px 20px 5px;
	padding: 5px 0px;
	width: 160px;
	height: 190px;
	border:#c0c0c0 1px solid;
	float: left;
	text-align: center;
}

.cont_fb{
	text-align: center;
	margin-top:3%;
}

.con_ph1{
	margin-top: 22px;
}

.con_ph2{
	margin-bottom: 20px;
}

.con_tx{
	display: block;
	position: relative;
	top: 7%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-bottom: 0px;
}

.con_tx1{
	display: block;
	position: relative;
	top: 10%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 80%;
}

#seisoushitei{
	float: left;
	margin: 0 0 30px 30px;
}

/*indexside*/
#side{
	float: right;
}

.sidename{
	margin-top: 45px;
	width: 190px;
	height: 20px;
}

.sideadd{
	width: 190px;
	height: 35px;
	font-size: 80%;
}

.sidedate{
	width: 210px;
	height: 150px;
	font-size: 70%;
	margin-left: 10px;
}

#map{
	background-color: #e8e8e8;
	margin: 30px 20px;
	padding: 5px 0px;
	border:#dcdcdc 1px solid;
	width: 195px;
	height: 170px;
	text-align: center;
	font-size: 75%;
}

/*共通大見出し*/
.bar{
	box-shadow: 2px 2px 5px #808080;
	border-radius: 3px;
	color: #595757;
	border:#808080 1px solid;
	border-top: #000080 5px solid;
	padding: 5px 10px;
	margin-left: 30px;
	width: 900px;
	clear: left;
	font-size: 18px;
}

/*清掃業務一覧*/
/*写真と詳細*/
.ph{
	width: 250px;
	height: 200px;
	float: left;
	margin: 30px 50px 30px 100px;
}

.date{
	float: left;
	width: 450px;
	height: 150px;
	margin-top: 50px;
}

.box1{
	background-color: #e8e8e8;
	margin: 10px  0 10px 47px;
	width: 890px;
	height: 450px;
}

.contbox{
	width: 250px;
	height: 400px;
	float: left;
}

.ph1{
	width: 250px;
	height: 200px;
	float: left;
	margin: 15px 50px 0px 100px;
}

.date1{
	float: left;
	width: 450px;
	height: 150px;
	margin-left: 150px;
	margin-top: 50px;
}


.box2{
	background-color: #e8e8e8;
	margin: 10px  0 10px 47px;
	width: 890px;
	height: 450px;
}

.box3{
	background-color: #e8e8e8;
	margin: 10px  0 10px 47px;
	width: 890px;
	height: 250px;
}

.box4{
	background-color: #e8e8e8;
	margin: 10px  0 10px 47px;
	width: 890px;
	height: 570px;
}

.before{
	border-bottom: #808080 dotted;
	margin: 70px 30px 30px 30px;
	text-align: center;
	clear: both;
}

#pho{
	text-align: center;
}

.title{
	border: #595757 0px solid;
	border-bottom: #000080 5px solid;
	margin-top: 50px;
	margin-left: 45px;
	width: 890px;
	clear: both;
}

.before{
	border-bottom: #808080 dotted;
	margin: 70px 30px 30px 30px;
	text-align: center;
}

#pho{
	text-align: center;
}


/*指定管理*/

#shiteikanri{
	margin-left: 45px;
	width: 890px;
	height: 700px;
	background-color: #e8e8e8;
}

.shicont{
	margin: 20px 0px 30px 10px;
	padding: 5px 0px;
	width: 280px;
	height: 280px;
	float: left;
	text-align: center;
}

.shicont_rogo{
	margin: 100px 25px 0px 0px;
	width: 280px;
	float: right;
}


.ivent{
	margin: 100px 0 20px 100px;
	clear: both;
}

.shibox{
	width: 750px;
	height: 150px;
	border: 1px solid #808080;
	margin: 5px 0 0 100px;
	border-radius:10px;
	overflow: scroll;
}

.day{
	width: 600px;
	margin-left: 45px;
	border-bottom: #808080 3px dotted;
}

.edit_link{
	margin-left: 810px;
	color: #999;
	font-size: 90%;
}

/*法的根拠*/


.hou_title{
	margin-left: 45px;
	width: 880px;
	margin-top: 30px;
	border-bottom: #595757 5px dotted;
}

.text1{
	width: 730px;
	margin-left: 115px;
}

#botan01{
	width: 180px;
	height: 25px;
	display: block;
	padding: 10px;
	background-color: #e95513;
	border-radius:10px;
	border:#e95513 1px solid;
	color: #fff;
	margin-left: 80px;
}

#botan02{
	width: 450px;
	height: 25px;
	display: block;
	padding: 10px;
	background-color: #e95513;
	border-radius:10px;
	border:#e95513 1px solid;
	color: #fff;
	margin-left: 80px;
}

.houteki_title{
	color: #e95513;
	margin: 30px 0 0 130px;
}

.houteki_sub{
	width: 700px;
	margin-left: 130px;
}

.tx{
	width: 700px;
	margin-left: 130px;
	text-indent:-2em;
}

/*会社案内*/
.koumoku{
	width: 100px;
	height: 150px;
	margin-left: 300px;
	border: #fff 5px solid;
	float: left;
}

.naiyou{
	width: 350px;
	height: 200px;
	margin-left: 430px;
	border: #fff 5px solid;]
	float: left;
}


.comp_t{
	margin: 30px 0 10px 250px;
}

.read{
	margin-left: 300px;
}

/*求人情報*/

.text{
	background-color:#e8e8e8;
	padding: 5px 10px;
	margin: 30px  0 0 70px;
	width: 830px;
}


.edit_link{
	margin-left: 890px;
	color: #999;
	font-size: 90%;
}

/*一般事業主行動計画*/

.ippan_text{
	margin-left: 75px;
}

.ippan_box{
	width: 850px;
	margin-left: 80px;	
	text-align: left;
}

th{
	width: 10em;
	text-align: left;
	vertical-align: top;
}

/*プライバシーポリシー*/

.po_1{
	margin: 30px  0 30px 75px;
	width: 830px;
}

.po_3{
	color: #0020c2;
	margin: 30px 0 0 75px;
}

.po_4{
	margin-left: 80px;
	width: 830px;
}
