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

#ichiran{
	margin-bottom:30px;
	}

#tusho_ichiran{
	margin-bottom:30px;
	}
#shogai_ichiran{
	margin-bottom:30px;
	}
.float_l{
	float:left;
	width:300px;
	padding-left:20px;
	}

#background li{
		margin:5px 0;
		}

#background li a{
	color:#09F;
	text-decoration:underline;
	}
	
#background li a:hover{
	text-decoration:none;
	color:#F30;
	}

.office{
	
	padding:30px;
	}

.office_l{
	float:left;
	width:250px;
	margin-right:20px;
	border:1px solid #ccc;
	padding:2px;
	}	
	
	
span{
	font-size:140%;
	font-weight:bold;
	}

#kasugai_kyuen span.long{
	font-size:130%;
}

.office table{
	width:540px;
	border-collapse:collapse;
	margin-top:10px;
	}

.office th{
	width:180px;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	padding:3px 5px;
	background:#DDF2FF;
	font-weight:normal;
	}
	
.office td{
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	padding:3px 5px;
	}	

.office a{
	text-decoration:underline;
	color:#09F;
	}
	
.office a:hover{
	text-decoration:none;
	color:#F30;
	}	

/*--CSSハック--*/	
.office:after{
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
}

.office{
	display:inline-block;/* MAC IE用*/
	min-height:1%;/* IE 7用 */
}

/*--MAC IEは非適用→ \*/
* html .office{height: 1%;}
.office{display: block;}


@media screen and (max-width: 480px) {
.float_l{
	float:none;
	width:100%;
	padding-left:0;
	}
	#tusho_ichiran{
		margin-bottom: 30px;
	}
.office_l{
	float:none;
	width:100%;
	margin-right:0;
	border:1px solid #ccc;
	padding:2px;
	margin-bottom: 15px;
	}	
.office{
	padding:0;
	margin-bottom: 30px;
	}
.office table{
	width:100%;
	}
.office th{
	width:auto;
	white-space: nowrap;
	padding:3px 8px;
	}
}