@charset "UTF-8";

/*-----------------------------
 Mobile
------------------------------*/

body {
	font-size:13px;
}
#header-inner {
	width:96%;
}
#header-inner h1 {
	position:static;
	padding-top:3%;
	text-align:center;
}
#header-inner h1 img {
	width:70%;
}
#copy {
	position:static;
	margin-bottom:3%;
	text-align:center;
	font-size:10px;
}
#search {
	position:relative;
	top:0;
	width:90%;
	height:28px;
	margin:0 auto;
}
#search-box {
	width:230px;
	height:auto;
}

#nav {
	width:100%;
	padding-top:0;
}
#nav li {
	width:20%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#nav a {
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#main {
	padding:0;
}
#main p {
	width:100%;
	padding:0;
	background:none;
}
#main img {
	width:100%;
	height:auto;
}
#top-contents {
	width:100%;
	padding:5% 0 10% 0;
}
#top-news,
#top-pickup {
	width:90%;
	float:none;
	margin:0 auto;
}
#top-pickup {
	padding-top:3%;
}
#top-news h2,
#top-pickup h2,
#contents h2,
h2#search-title {
	width:100%;
	margin-bottom:5%;
	padding-bottom:2%;
	font-size:18px;
}
#top-news h3,
#top-pickup h3,
#news-list h3,
#news-article h3,
#page h3 {
	text-align:left;
	font-size:16px;
}
#top-news ul,
#top-pickup ul {
	width:100%;
}
#top-news li {
	padding-bottom:3%;
}
#top-news .detail,
#news-list .detail {
	width:65%;
	float:right;
}
#top-news .thumb,
#news-list .thumb {
	width:30%;
}
#top-news .thumb img,
#news-list .thumb img {
	width:100%;
	height:auto;
}
#top-news .date,
#news-list .date,
#news-article .date {
	font-size:12px;
	margin-bottom:2%;
}
#top-pickup li {
	float:none;
	width:100%;
	margin-bottom:5%;
	text-align:center;
}
#top-pickup img {
	width:70%;
	height:auto;
}
#top-pickup .text {
	text-align:left;
}
#footer-inner {
	width:100%;
}
#page-top {
	right:3%;
}
#copyright {
	display:block;
	margin-bottom:3%;
}
#contents {
	width:90%;
	margin:0 auto;
}
#contents h2 {
	margin:5% 0;
}
#news-list li {
	padding-bottom:8%;
}
#news-list h3,
#news-article h3 {
	margin-bottom:3%;
}
#news-list .text {
	font-size:13px;
}
#news-article,
#news-side {
	width:100%;
	float:none;
}
#news-article {
	padding-bottom:8%;
}
#news-article img {
	width:100%;
	height:auto;
	margin:2% 0;
}
#news-side li {
	margin-bottom:3%;
}
#page h3 {
	margin:0 0 3% 0;
}
#page img {
	width:100%;
	height:auto;
}
#page iframe {
	width:100%;
	height:250px;
}
#page table {
	margin-top:5%;
	font-size:12px;
}
#page table th {
	width:50px;
}
#page .alignleft,
#page .alignright {
	float: none;
	margin: 0 0 3% 0;
}
#search-result {
	padding-bottom:10%;
}
#search-result li {
	margin-bottom:5%;
	padding-bottom:5%;
}
#search-result h3 {
	padding:3% 0;
	font-size:16px;
}