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

img{
	max-width:100%;
	height:auto;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.fr2{
	float:right;
	margin-top:30px;
}
.clear{
	clear:both;
}
.clear2{
	clear:both;
	border-bottom:1px dotted #CCC;
	padding-top:10px;
	margin-bottom:15px;
}
.center{
	text-align:center;
}
.left{
	text-align:left;
}
h2{
	background-image:url(../images/h2.jpg);
	background-repeat:no-repeat;
	padding-bottom:13px;
	padding-left:20px;
	padding-top:10px;
	margin-bottom:10px;
	color:#FFF;
	font-family:"游明朝体", "Yu Mincho", serif;
}
h3{
	background-image:url(../images/h3.jpg);
	background-repeat:no-repeat;
	padding-top:25px;
	padding-bottom:30px;
	padding-left:20px;
	margin-bottom:10px;
}
section{
	margin-bottom:30px;
}

/**********************************header***************************************/
.boxA{
	width:50%;
	float:left;
}
.boxB{
	width:50%;
	float:left;
	margin-top:10px;
}
header:after{
	content:"";
	display:block;
	clear:both;
}

/**********************************navi***************************************/
#menu{
	line-height:0;
}
#menu .navi li{
	float:left;
}

/**********************************access**************************************/
.gmap iframe{
	width:100%;
	height:300px;
	max-width:691px;
	margin-bottom:15px;
}




/*##################950px以上##################*/
@media (min-width: 950px) {
	.in,.navi{
		width:965px;
		margin:0 auto;
	}
	#menubtn{
		display:none;
	}
	.body{
		/*margin-right:10p;
		margin-left:10p;*/
		margin-right:10%;
		margin-left:10%;
	}

}


/*##################949px以下##################*/
@media print, screen and (max-width: 949px) {
	#menu{
		display: none;
		background-image:none;
	}
	#menu .navi{
		margin:0;
		padding:0;
		list-style:none;
	}
	.navi li{
		float: none;
		width:100%;
	}
	.navi li a img{
		display: none;
	}
	.navi li a{
		display: block;
    	background: #eee;
    	border-bottom: solid 1px #bbb;
    	padding: 6px;
    	text-decoration: none;
    	color: #666;
		line-height:25px;
		font-size:80%;
    	-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
    	box-sizing: border-box;
	}
	.navi li a:before {
		content: attr(data-label);
	}
	
	.body{
		width:90%;
		text-align:center;
	}
	/*.boxA,.boxB{
		clear:left;
	}
	.headbox .boxB .fl{
		clear:left;
	}
	.headbox .boxB .fr2{
		clear:right;
		margin-top:25px;
	}
	aside{
		display:none;
	}*/
}

/*##################920px以下##################*/
@media (max-width: 920px) {
	.headbox .boxB .fr2{
		float:left;
		margin-top:5px;
	}
	
}

/*##################900px以下##################*/
@media (max-width: 920px) {
	.headbox .boxB .fr2{
		float:left;
		margin-top:25px;
	}
	.fl_tx2{
		float:left;
		width:20%;
	}
	.fr_tx2{
		width:75%;
	}
	
}

/*##################880px以下##################*/
@media (max-width: 920px) {
	.headbox .boxB .fr2{
		margin:0px;
	}
	.fr_tx{
		margin:0;
	}
	.main{
		clear:left;
		width:100%;
	}
	.mbnr img{
		padding:0;
	}
	
}

/*##################785px以下##################*/
@media (max-width: 785px) {
	.f1 img{
		clear:left;
		width:75%;
		margin-bottom:15px;
	}
	
}

/*##################674px以下##################*/
@media (max-width: 674px) {
	.toibox_left{
		background:none;
		width:50%;
	}
	.toibox_cen{
		background:none;
		width:50%;
	}
	.toibox_right{
		display:none;
	}
	.f4{
		clear:left;
		width:50%;
	}
	.f5{
		clear:left;
		width:100%;
	}
	.f6{
		clear:left;
		width:50%;
	}
	.lawyerfl{
		clear:left;
		width:50%;
	}
	.lawyerfr{
		clear:left;
		width:100%;
	}
}

/*##################600px以下##################*/
@media (max-width: 600px) {
	.f1{
		clear:left;
		width:100%;
		margin-bottom:15px;
	}
	.f2{
		clear:left;
		width:100%;
		margin-bottom:15px;
	}
	.f3{
		clear:left;
		width:100%;
	}
	
	.icon1{
	width:90%;
	margin:10px;
	}
	
	.icon2{
	width:90%;
	margin:10px;
	}
}

/*##################500px以下##################*/
@media (max-width: 500px) {
	header{
		background:none;
	}
	h1{
		line-height:20px;
	}
	h2{
		padding-top:5px;
		padding-bottom:5px;
	}
	.gmap iframe{
		width:90%;
	}
	.toibox_left{
		clear:left;
		width:100%;
	}
	.toil{
		margin-left:10px;
	}
	.toibox_cen{
		clear:left;
		width:100%;
	}
	.mapfl{
		clear:left;
		width:100%;
	}
	.mapfr{
		clear:left;
		width:100%;
		margin-left:0;
	}
	.boxA{
		width:100%;
	}
	.boxB{
		width:100%;
		max-width:375px;
	}
	.sb_top{
		background-image:none;
}
.sb_mid{
		background-image:none;
}
.sb_bot{
		background-image:none;
}
.sidelist li{
	width:100%;
}
.aside{
	width:100%;
}



}