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

/* ==================================================================
	index.css
	
=================================================================== */
.contents div.section#visual{
	padding-bottom:6%;
}

.contents div.section#visual img{
	width:100%;
	height:auto;
}

section#main img{
	width:100%;
}

section#main p.note{
	color:#3f3f3f;
	text-align:center;
	padding:3% 0 4%;
}

/*  ■ 共通
================================== */





/*  ■ office
================================== */
section#office {
}

section#office h2{
	text-align:center;
	padding-bottom:15px;
}

section#office ul.businesslist{
	overflow:hidden;
	padding-bottom:30px;
 }

section#office ul.businesslist li{
	float:left;
	width:46%;
	padding:2%;
 }
 
section#office ul.businesslist li img{
	width:100%;
 }




/*  ■ news works共通
================================== */
section.style{
	border-top:4px solid #1b56bd;
	position:relative;
}

section.style h2{
	border-bottom:1px solid #d4d4d4;
}

section.style h2 img{
	vertical-align:middle;
	padding:30px 20px;
	    max-width: 100%;
    width: auto;
}

section.style p.list{
	position:absolute;
	top:25px;
	right:20px;
}

/*  ■ news
================================== */
section#news{
	clear:both;
}

section#news ul{
	padding-bottom:30px;
}

section#news ul li{
	border-bottom:1px #d4d4d4 dotted;
	background:url(../../images/index/arrow.gif) 95% center no-repeat;
}


section#news dl{
	padding:20px;
}

section#news dl dt{
	font-size:67%;
	padding-bottom:5px;
	
}
section#news dl dd a{
	color:#1b56bd;
}

section#news dl dd{
	padding-bottom:2%;
	margin-bottom:2%;
	border-bottom:1px dashed #d4d4d4;
	
}
section#news dl dd:last-child{
	border:none;
	margin-bottom:0;
	padding-bottom:0;
}



/*  ■ works
================================== */
section#works{
	clear:both;
}

section#works ul{
	padding:30px 0;
	overflow:hidden;
}

section#works ul li{
float: left;
    width: 46%;
    padding: 2%;
}
section#works ul li img{
	width:100%;
}




/*  ■ banner
================================== */
section#banner{
	clear:both;
	border-top:1px solid #d4d4d4;
	padding-top:30px;
}

section#banner ul{
	padding-bottom:30px;
	overflow:hidden;
}

section#banner ul li{
	float: left;
    width: 46%;
    padding: 2%;
	text-align:center;
}

section#banner ul li img{
	vertical-align:middle;
}




section#banner p.about_mynumber{
	text-align:center;
}