#idxbg {
	position: relative;
}

#idxbg h2 {
	width: 100%;
	height: 0;
	padding-top: 47.40%;  
	background: url(/img/idxpic.jpg) center top no-repeat;
	background-size: cover;
	text-indent: -9999px;
}

#idxbg dfn {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	
	background-image: -webkit-gradient(
		 linear
		,left top
		,left bottom
		,from(			rgba(0, 0, 0, 0.75))
		,color-stop(0.0125, 	rgba(0, 0, 0, 0.00))
		,color-stop(0.9875, 	rgba(0, 0, 0, 0.00))
		,to(			rgba(0, 0, 0, 0.75))
		);
	
	background-image: -moz-linear-gradient(
		 top
		,rgba(0, 0, 0, 0.75)   0.00%
		,rgba(0, 0, 0, 0.00)   1.25%
		,rgba(0, 0, 0, 0.00)  98.75%
		,rgba(0, 0, 0, 0.75) 100.00%
		);
	
	background-image: -webkit-linear-gradient(
		 top
		,rgba(0, 0, 0, 0.75)   0.00%
		,rgba(0, 0, 0, 0.00)   1.25%
		,rgba(0, 0, 0, 0.00)  98.75%
		,rgba(0, 0, 0, 0.75) 100.00%
		);
	
	background-image: -o-linear-gradient(
		 top
		,rgba(0, 0, 0, 0.75)   0.00%
		,rgba(0, 0, 0, 0.00)   1.25%
		,rgba(0, 0, 0, 0.00)  98.75%
		,rgba(0, 0, 0, 0.75) 100.00%
		);
	
	background-image: -ms-linear-gradient(
		 top
		,rgba(0, 0, 0, 0.75)   0.00%
		,rgba(0, 0, 0, 0.00)   1.25%
		,rgba(0, 0, 0, 0.00)  98.75%
		,rgba(0, 0, 0, 0.75) 100.00%
		);
	
	background: linear-gradient(
		to bottom
		,rgba(0, 0, 0, 0.75)   0.00%
		,rgba(0, 0, 0, 0.00)   1.25%
		,rgba(0, 0, 0, 0.00)  98.75%
		,rgba(0, 0, 0, 0.75) 100.00%
		);
}

#idxnew { 
	width: 100%;
	margin: 0px auto 28px auto;
	background: #FFFFFF;
	text-align: left;
}

#idxnew div {
	padding: 48px 10px 0px 10px;
}


#idxnew h3 {
	width: 100%;
	height: 58px;
	background: url(/img/idxnewsl.png) no-repeat top center;
	text-indent: -9999px;
}

#idxnew dfn#pc {
	display: none;
}

#idxnew dfn#sp {
	clear: both;
	display: block;
	width: 100%;
	height: 80px;
	background: url(/img/idxnewsr.png) no-repeat center 10px;
	text-indent: -9999px;
}

#idxnew dt {
	display: block;
}

#idxnew dt span {
	display: block;
	background: #8cc63f;
	color: #FFFFFF;
	width: 60px;
	padding: 0px 20px;
	letter-spacing: .2em;
	font-size: 80%;
}

#idxnew dd {
	border-bottom: 1px solid #E6E6E6;
	padding: 7px .5em 10px .5em;
	margin: 0px 0px 10px 0px;
}

#idxnew dd a { 
	color: #000000; 
	text-decoration: none; 
}


#idxban { 
	width: 100%;
	padding: 0px;
	list-style-type: none;
}

#idxban li {
	width: 100%;
}

#idxban li a {
	display: block;
	height: 0;
	text-indent: -9999px;
}

@media screen and (max-width: 494px) { 
	#idxban li a {
		width: calc(100% - 40px);
		padding-top: 41.295%;  
		margin: 0px auto 20px auto;
	}
}

@media screen and (min-width: 495px) { 
	#idxban li a {
		width: calc(50% - 16px);
		padding-top: 22.465%;  
		float: left;
	}
	
	#idxban_bsns { margin: 0px  6px 20px 10px; }
	#idxban_cmif { margin: 0px 10px 20px  6px; }
}

#idxban_bsns { background: url(/img/idxbbanner.jpg) no-repeat; background-size: contain; }
#idxban_cmif { background: url(/img/idxcbanner.jpg) no-repeat; background-size: contain; }

h3#idxinq {
	width: 100%;
	height: 61px;
	line-height: 51px;
	background: url(/img/idxinqbg.png) repeat-x top left;
	color: #FFFFFF;
	font-size: 110%;
	letter-spacing: .25em;
}

ul#idxinqs {
	width: 100%;
	list-style-type: none;
	margin: 0px auto;
}

ul#idxinqs li {
	display: block;
	height: 72px;
}

ul#idxinqs li a {
	display: block;
	text-indent: -9999px;
	width: 272px;
	height: 72px;
	margin: 0px auto;
}

@media screen and (max-width: 560px) { 
	ul#idxinqs li {
		width: 100%;
		margin: 10px auto 25px auto;
	}
}

@media screen and (min-width: 561px) { 
	ul#idxinqs li {
		width: 50%;
		margin: 10px auto 10px auto;
		float: left;
	}
	
	ul#idxinqs #inqlimail {
		clear: left;
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}
}

ul#idxinqs li a#inqtel  { background: url(/img/inqtel.png)  no-repeat center center; }
ul#idxinqs li a#inqfax  { background: url(/img/inqfax.png)  no-repeat center center; }
ul#idxinqs li a#inqmail { background: url(/img/inqmail.png) no-repeat center center; }