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


body {
	font-size: 12px;
}

#wrapper {
	overflow: hidden;
	min-width: 100%;
}


/* common
-------------------------------------------------------------------- */
#headTopWrap {
	height: auto;
}

#headLeft h1 img {
	width: 60%;
}

#headLeft p#spLink,
ul#headRight {
	display: none;
}

#fixFooter {
	background-color: transparent;
}

div#fixTopics {
	display: none;
}

p#toTop a {
	background-color: #0cc61d;
	padding: 16px 30px 0 10px;
	bottom: 0;
	height: 24px;
	width: auto;
}


/* container
-------------------------------------------------------------------- */
#container {
	width: auto;
}


/* title
-------------------------------------------------------------------- */
#title {
	background-position: left top,
		right bottom,
		center bottom;
	margin: 20px 3.2%;
	padding: 0 3.2%;
}

#title h1 {
	background: none;
	height: auto;
	width: auto;
}

#title h1 img {
	display: block;
	width: 100%;
}


/* lead
-------------------------------------------------------------------- */
#lead {
    margin: 0 3.2% 20px;
	padding: 20px 3.2%;
}

#lead p:first-child {
	font-size: 14px;
}

#lead p.term {
	font-size: 22px;
}


/* main
-------------------------------------------------------------------- */
#main {
	margin: 20px 3.2%;
	padding: 20px 3.2%;
}


}