body {
	max-width: 480px;
	min-width: 250px;
	-webkit-text-size-adjust: 100%;
}

span.df {
	display: none;
}

span.sp {
	display: inline;
}

a.link-btn,
i a {
	display: block;
	text-align: center;
}

a.link-btn-prev {
	background-position: left -3px;
}

.spwideimg {
	height: auto;
	width: 100%;
}

/***********************************************************************/
table.list-table th {
	padding: 10px 8px;
}

table.list-table td {
	padding: 10px 8px;
}

div.photo {
	margin: 0 auto;
	max-width: 300px;
	width: auto;
}

div.photo img {
	height: auto;
	max-width: 300px;
	width: 100%;
}

table.photos {
	width: auto;
}

table.photos td {
	padding: 3%;
	width: 44%;
}
table.photos td.r {
	padding-left: 3%;
}

table.photos td img {
	height: auto;
	width: 100%;
}

/***********************************************************************/
header #logo {
	max-width: 270px;
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
}

header #logo img {
	height: auto;
	max-width: 270px;
	width: 100%;
}

div.title,
#title {
	background-position: center 38%;
	max-width: 380px;
	width: auto;
}

div.title h2,
#title h1 {
	height: auto;
	max-width: 380px;
	width: 100%;
}

div.title h2 img,
#title h1 img {
	height: auto;
	margin: 0 5%;
	max-width: 380px;
	width: 90%;
}

main {
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
}

div.spmain {
	padding: 0 10px;
	width: auto;
}

#footernav {
	width: 100%;
}

#footernav ul {
	margin: 0;
	padding: 0;
}

#footernav ul li {
	border: none;
	display: block;
	padding: 0;
	padding-bottom: 1px;
	width: 100%;
}

#footernav ul li.l {
	border: none;
}

#footernav ul li a {
	background: url(images/footernav_sp.png) no-repeat right top;
	color: #6c5c00;
	display: block;
	font-size: 120%;
	font-weight: bold;
	line-height: 1em;
	padding: 13px 10px;
	text-align: center;
	text-decoration: none;
}

#footernav ul li a:hover {
	text-decoration: none;
}

footer {
	width: 100%;
}

footer h3 {
	padding-top: 0;
}

footer p#copyright {
	padding: 10px 0 0 0;
}

#pagetop {
	background-color: #b8b421;
	height: auto;
	margin: 0 auto;
	position: static;
	width: 100%;
}

#pagetop img {
	height: auto;
	width: 100%;
}

#pagetop a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: .70;
	     opacity: .70;
}