<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "shift_jis";
/* CSS Document */

/*
	================================================================================================
		support software idc css index.css
	================================================================================================
*/

@import url("/support/software/idc/css/sup_link.css");


/*
	====================================
		.intro_Area
	====================================
*/

#contents .intro_Area {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 200px;
	position: relative;
}
#contents .intro_Area img {
	vertical-align: bottom;
}
#contents .intro_Area .arrow_h {
	position: absolute;
	bottom: 82px;
	z-index: 10;
	
	background: url(/support/software/idc/images/intro/arrow_h.gif) 0 0 no-repeat;
	height: 28px;
	padding: 0;
	width: 27px;
}
#contents .intro_Area .arrow_h.arrow_01 {
	left: 166px;
}
#contents .intro_Area .arrow_h.arrow_02 {
	left: 360px;
}
#contents .intro_Area .arrow_h.arrow_03 {
	left: 554px;
}
#contents .left_Area,
#contents .right_Area {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	float: none;
	position: absolute;
	
	height: 165px;
	width: 375px;
	z-index: 0;
}
#contents .left_Area {
	top: 0;
	left: 0;
	padding: 6px;
}
#contents .right_Area {
	top: 0;
	right: 0;
	/*border: solid 2px #F60;*/
	border-radius: 6px;
	box-shadow: 0 0 0 2px #f60 inset;
	padding: 6px 6px 6px 20px;
}
#contents .left_Area div,
#contents .right_Area div {
	display: inline-block;
}
#contents .left_Area div.first,
#contents .right_Area div.first {
	margin-right: 40px;
}
#contents .right_Area div.div_title_idc {
	position: absolute;
	bottom: 15px;
	left: 105px;
}
#contents .left_Area div.arrow_v,
#contents .right_Area div.arrow_v {
	display: none;
}
@media screen and (max-width: 640px) {
	#contents .intro_Area,
	#contents .left_Area,
	#contents .right_Area,
	#contents .right_Area div.div_title_idc {
		position: static;
	}
	#contents .intro_Area {
		height: auto;
	}
	#contents .intro_Area .arrow_h {
		display: none;
		position: static;
	}
	#contents .left_Area,
	#contents .right_Area,
	#contents .left_Area div.arrow_v,
	#contents .right_Area div.arrow_v {
		display: block;
		height: auto;
	}
	#contents .left_Area,
	#contents .right_Area {
		margin: 10px auto;
		width: 200px;
	}
	#contents .left_Area {
		padding: 0 10px;
	}
	#contents .right_Area {
		padding: 20px 10px;
	}
	#contents .left_Area div,
	#contents .right_Area div {
		display: block;
		text-align: center;
		width: auto;
	}
	#contents .left_Area img,
	#contents .right_Area img {
		height: auto;
		max-width: 100%;
		width: auto;
	}
	#contents .left_Area div.first,
	#contents .right_Area div.first {
		margin: 0;
	}
	#contents .right_Area div.div_title_idc {
		bottom: auto;
		left: auto;
	}
	#contents .left_Area div.arrow_v,
	#contents .right_Area div.arrow_v {
		margin: 10px 0 5px;
	}
}

/* float clear */
#contents .intro_Area,
#contents .left_Area,
#contents .right_Area {
	*zoom: 1;
}
#contents .intro_Area:before,
#contents .intro_Area:after,
#contents .left_Area:before,
#contents .left_Area:after,
#contents .right_Area:before,
#contents .right_Area:after {
	display: table;
	content: " ";
}
#contents .intro_Area:after,
#contents .left_Area:after,
#contents .right_Area:afte {
	clear: both;
}
/* float clear */

</pre></body></html>