#full_size_ref {
	text-align: center;
	position: relative;
	display: none;
}
#full_size_ref img {
	z-index: 5;
}
#full_size_ref #close {
	position: absolute;
	top: 6px;
	right: 6px;
	z-index: 10;
}
#full_size_ref div#outern_container {
	position: relative;
	text-align: left;
    display: inline-block;
	margin-bottom: 40px;
    /* for ie6/7: */
    *display: inline;
    zoom: 1;
}

.ref {
	background-image: url(../img/bottomBar.png);
	background-repeat: no-repeat;
	padding-bottom: 3px;
}
.ref img {
	width: 100%;
	height: 100%;
}

#ref_left { background-position: center bottom; }
#ref_right { background-position: right bottom; }
#ref_main { background-position: left bottom; }

#ref_left, #ref_right {
	width: 170px;
	height: 235px;
	cursor: pointer;
	zzheight: 228px;
}

#ref_main {
	width: 422px;
	height: 586px;
}

table td div {
	margin: auto;
}
table td {
	text-align: center;
}
table {
	width: 100%;
	margin-bottom: 80px;
}

.ref_navi:hover {
	zzzpadding-left: 5px;
}
.ref_navi {
	zztransition: padding-left 0.3s;
	display: inline-block;
	cursor: pointer;
	color: #005e9a !important;
	font-size: 50px;
	font-weight: 100;
}


	#content table {
		display: none;
	}
	
	#content ul li img {
		width: 100%;
		height: auto;
		margin-bottom: 30px;
	}
	#content ul {
		padding: 0;
		list-style-type: none;
		text-align: center;
		display: block;
	}


@media all and (min-width: 800px) {
	#content table {
		display: table;
	}
	
	#content ul {
		display: none;
	}
}