@charset "utf-8";

/* index  ------------------------------*/

ul.dis_box {
	margin-left: 56px;
}
ul.dis_box li {
	font-size: 8px;
	background-repeat: no-repeat;
	text-indent: -500px;
	display: block;
	height: 40px;
	width: 82px;
	overflow: hidden;
	float: left;
	margin-right: 4px;
	margin-bottom: 10px;
}

ul.dis_box li.dis_00 {
	background-image: url(../../image/index/dis_00.gif);
}
ul.dis_box li.dis_01 {
	background-image: url(../../image/index/dis_01.gif);
}
ul.dis_box li.dis_02 {
	background-image: url(../../image/index/dis_02.gif);
}
ul.dis_box li.dis_03 {
	background-image: url(../../image/index/dis_03.gif);
}
ul.dis_box li.dis_04 {
	background-image: url(../../image/index/dis_04.gif);
	width: 136px;
}

div.a_mekki_bg {
	background-image: url(../../image/index/a_mekki_dis.jpg);
	background-repeat: no-repeat;
	height: 300px;
	width: 590px;
}
span.more_00 a {
	font-size: 8px;
	background-image: url(../../image/index/more_00.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 36px;
	width: 282px;
	overflow: hidden;
	text-indent: -500px;
	display: block;
	margin-left: 274px;
	margin-top: -52px;
}
span.more_00 a:hover {
	background-position: 0px -36px;
}

span.more_01 a {
	font-size: 8px;
	background-image: url(../../image/index/more_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 20px;
	width: 82px;
	overflow: hidden;
	text-indent: -500px;
	display: block;
	margin-left: 498px;
	margin-top: -35px;
	margin-bottom: 6px;
}
span.more_01 a:hover {
	background-position: 0px -20px;
}