.c_both {
	clear: both;
}
/*
#side_nav {
	padding-bottom: 1180px;
	margin-bottom: -1180px;
}
*/

.proced_box img {
	vertical-align: bottom;
}

#title_h1 {
	padding: 42px 0 12px 0;
}

.proced_box {
	overflow: hidden;
}

.kado1, .kado2 {
	text-align: center;
	border-left: 1px solid #aaaaaa;
}

.kado_back {
	background: url(../img/tool/swager/kado.png) no-repeat;
}

.tejun {
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	background: #ffff99;
	border-left: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}

.kataban {
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.1em;
	border-left: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	vertical-align: middle;
	background: #99ccff;
}

.float_box3 {
	position: relative;
	z-index: 2;
}


.text_box {
	text-align: center;
	line-height: 2.5rem;
	height: 35px;
	border-left: 1px solid #aaaaaa;
}

.text_box_abso {
	position: absolute;
	top: 105px;
	left: 200px;
}

.gazou {
	text-align: center;
	border-left: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	position: relative;
}

/* ---------- max-width 550px ---------- */
@media screen and (max-width:550px) {

	.full_cover {
		border: none;
	}

	.proced_box {
		width: 94%;
		margin: 0 auto;
		margin-bottom: 20px;
		border-top: 1px solid #999999;
		border-right: 1px solid #999999;
	}

	.kado1 {
		display: none
	}

	.kado2 {
		display: none;
	}

	.float_box1 {
		width: 100%;
		float: none;
	}

	.float_box2 {
		width: 100%;
		float: none;
	}

	.float_box3 {
		width: 100%;
		float:none;
	}

	.tejun {
		width: 100%;
		height: 2rem;
		line-height: 2rem;
	}

	.kataban {
		display: block;
		padding: 2px 0;
	}

	.gazou {
		width: 100%;
		height: 135px;
	}

	.disp_none {
		display: none;
	}

	img.hs1000 {
		margin: 0 32% 0 0;
	}

}
/* ---------- max-width 550px end ---------- */

/* ---------- min-width 551px ---------- */

@media screen and (min-width:551px) {

	.full_cover {
		width: 805px;
		border-top: 1px solid #999999;
		border-right: 1px solid #999999;
		overflow: hidden;
	}

	.proced_box {
		width: 805px;
		height: auto;
		margin: 0;
	}

	.float_box1 {
		width: 121px;
		float: left;
	}

	.float_box2 {
		width: 171px;
		float: left;
	}

	.float_box3 {
		width: 342px;
		float: left;
	}

	.kado1 {
		width: 108px;
		height: 24px;
		padding: 0 12px 0 0;
		text-align: right;
	}

	.kado2 {
		width: 108px;
		height: 24px;
		padding: 0 0 0 12px;
		text-align: left;
		border-bottom: 1px solid #aaaaaa;
	}

	.tejun {
		width: 108px;
		height: 123px;
		padding: 12px 0 0 12px;
		text-align: left;
	}

	.kataban {
		display: table-cell;
		width: 171px;
		height: 48px;
	}

	.gazou {
		width: 170px;
		height: 135px;
	}

	.w256 {
		width: 256px;
	}

	.w342 {
		width: 342px;
	}

	.w512 {
		width: 512px
	}

	.w684 {
		width: 684px;
	}

	.h236 {
		height: 236px;
	}

	.h100 {
		height: 100px;
	}

	.h113 {
		height: 113px;
	}

	.disp_none_2 {
		display: none;
	}
}
/* ---------- min-width 550px end ---------- */

.b-b-n {
	border-bottom: none;
}

.b-l-n {
	border-left: none;
}

.end_bottom {
	margin-bottom: 80px;
}