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

div.sp_navi{
	display:none;
	}
	
	
	

/* 事業内容・実績・提案 */
#main #banner {
	margin:0 auto;
	width:900px;
	display:flex;
}

#main #banner p a{
    width: 290px;
    height: 150px;
    margin-right: 12px;
    display: block;
    float: left;
    color: white;
    font-size: 1.6rem;
}

#main #banner p.topbn01 {
	background:url(../img/top/topbn.jpg) no-repeat;
}

#main #banner p.topbn01 a {

}

#main #banner p a i{
    line-height: 10;
    padding-left: 5%;
}

#main #banner p.topbn01 a:hover {
	background:url(../img/top/topbn-a.jpg) no-repeat;
}


#main #banner p.topbn02 {
	background:url(../img/top/topbn2.jpg) no-repeat;
}

#main #banner p.topbn02 a {
	background:url(../img/top/topbn2.jpg) no-repeat;
}

#main #banner p.topbn02 a:hover {
	background:url(../img/top/topbn2-a.jpg) no-repeat;
}

#main #banner p.topbn03 {
	background:url(../img/top/topbn3.jpg) no-repeat;
}

#main #banner p.topbn03 a {
	background:url(../img/top/topbn3.jpg) no-repeat;
}

#main #banner p.topbn03 a:hover {
	background:url(../img/top/topbn3-a.jpg) no-repeat;
}


/*会社概要*/
#company td.text{
	width:150px;
}


/*お問合せ*/
#contact {
	text-align:center;
	width:290px;
}

#contact p{
	margin-bottom:1%;
	padding:0 0 0 8px;
	font-size:11px;
}

#contact p a i {
    padding-top: 40px;
    font-size: 1.5rem;
    color: #222b2e;
    -webkit-text-stroke: 0.2px white;
    text-shadow: lightgrey 1px 2px 3px;
}

#contact .hozen a{
	width: 290px;
	height: 110px;
	display: block;
	background: url(../img/top/sm_hozen.jpg) no-repeat;
	
}


#contact .hozen a:hover{
	width: 290px;
	height: 110px;
	display: block;
	background: url(../img/top/sm_hozen.jpg) no-repeat;
}
	
#contact .mail a{
	width: 290px;
	height: 110px;
	display: block;
	background: url(../img/top/sm_mail.jpg) no-repeat;
}


#contact .mail a:hover{
	width: 290px;
	height: 110px;
	display: block;
	background: url(../img/top/sm_mail.jpg) no-repeat;
}
	
#contact .siryo a{
	width: 290px;
	height: 110px;
	display: block;
	background: url(../img/top/sm_dr.jpg) no-repeat;
}


#contact .siryo a:hover{
	width: 290px;
	height: 110px;
	display: block;
	background: url(../img/top/sm_dr.jpg) no-repeat;
}
	
#contact .kyoryoku a{
	width: 290px;
	height: 110px;
	display: block;
	background: url(../img/top/sm_gyosya.jpg) no-repeat;
}


#contact .kyoryoku a:hover{
	width: 290px;
	height: 110px;
	display: block;
	background: url(../img/top/sm_gyosya.jpg) no-repeat;
}

/*お知らせ・お問合せ・ホゼン・協力業者*/
#main div.info{
	width:900px;
	margin:0 auto;
}

#main div div.news{
	width:590px;
	height:590px;
	margin:0 auto;
	overflow-x: hidden;
	float:left;
}


#main iframe {
	width:590px;
	height:450px;
	border: 0;
    background-color: transparent;
    overflow: hidden;
}

#sidenavi {
	float:left;
	width:300px;
	margin:0 auto;
	padding-left:5px;
}