@charset 'UTF-8';

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

	.bosyuIdxArea {
		margin: 20px auto 50px;
		width: 600px;
		text-align: left;
	}

	.bosyuIdxArea dl dt {
		margin-top: 20px;
		padding: 0 0 5px 30px;
		font-weight: bold;
	}

	.bosyuIdxArea dl dt.icohtml {
		background: url(../images/icon/ico_html.gif) no-repeat 0 0;
	}

	.bosyuIdxArea dl dt.icolink {
		background: url(../images/icon/ico_link.gif) no-repeat 0 0;
	}

	.bosyuIdxArea dl dt.icoout {
		background: url(../images/icon/ico_linkout.gif) no-repeat 0 0;
	}

	.bosyuIdxArea dl dd {
		padding: 0 0 5px;
		border-bottom: 1px dotted #2c63b6;
	}

	.bosyuIdxArea dl dd img {
		margin: 0 15px;
	}

}

@media screen and (min-width: 0px) and (max-width: 640px) {

	.bosyuIdxArea {
		margin: 20px auto 50px;
		width:100%;
		text-align: left;
	}

	.bosyuIdxArea dl dt {
		margin-top: 20px;
		padding: 0 0 5px 35px;
	}

	.bosyuIdxArea dl dt.icohtml {
		background: url(../images/sp/ico_html.png) no-repeat 0 0;
	}

	.bosyuIdxArea dl dt.icolink {
		background: url(../images/sp/ico_link.png) no-repeat 0 0;
	}

	.bosyuIdxArea dl dt.icoout {
		background: url(../images/sp/ico_linkout.png) no-repeat 0 0;
	}

	.bosyuIdxArea dl dd {
		padding: 0 0 5px;
		border-bottom: 1px dotted #2c63b6;
	}

	.bosyuIdxArea dl dd img {
		margin: 0 15px;
	}

}