@charset "utf-8";

@media screen and (max-width:640px){
body {
	line-height: 1.6;
	font-size: 14px;
}
}

/* --------------------------------------------------
	=header
-------------------------------------------------- */

@media screen and (max-width:640px){
#header {
	border-top: solid 3px #6dc749;
	height: auto;
}
#headerArea {
	width: 100%;
	height: auto;
}
#headerArea-logo {
	width: 70%;
	margin: 2% 3%;
	float: none;
}
#headerArea-logo img {
	width: 100%;
}
#headerArea-right {
	float: none;
	width: 100%;
}
#headerArea-lang {
	display: none;
}
#headerArea-assist {
	float: none;
	width: 100%;
	line-height: 28px;
	background: #eaeaea url(../common/header_assist_bg_sp.gif) no-repeat right top;
	font-size: 14px;
}
#headerArea-assist p.ruby {
	padding-left: 10px;
	float: left;
}
#headerArea-assist p.cooperate {
	display: none;
}
#headerSearch {
	float: none;
	margin-top: 6px;
	position: relative;
	height: auto;
	width: 100%;
}
#headerSearch #search {
	padding: 2px;
	border: solid 1px #cbcbcb;
	position: absolute;
	top: 9px;
	left: 133px;
	width: calc(97% - 139px);
	height: 14px;
}
#headerSearch #searchBtn {
	position: absolute;
	right: 3%;
	top: 9px;
}
}

/* --------------------------------------------------
	=headerMain
-------------------------------------------------- */

@media screen and (max-width:640px){
#headerMain-Top {
	width: 100%;
	height: auto;
}
#headerMain {
	width: 100%;
	height: auto;
}
#navi {
	display: none;
}
.slides_container {
	margin: 0 auto;
	width: 100%;
}
.slides_container a img {
	width: 100%;
	display: block;
}
#headerMain-box {
	margin: 0 auto;
	width: 100%;
}
}

/* --------------------------------------------------
	=footer
-------------------------------------------------- */

@media screen and (max-width:640px){
#footerLink01 {
	margin: 8% auto 0 auto;
	width: 94%;
	height: auto;
	color: #656565;
	font-size: 12px;
}
#footerLink01 p {
	padding-top: 8%;
	bottom: 7px;
	right: 55px;
}
#footerLink01 #pagetop img {
	margin-left: 2%;
}
#footerLink02 {
	padding: 4% 0;
	border-top: solid 3px #8bd84f;
	width: 100%;
	font-size: 12px;
}
#footerLink02Area {
	margin: 0 auto;
	width: 100%;
}
#footerLink02Area dl {
	padding: 0 3% 0 3%;
	border-left: none;
	float: none;
	width: 100%;
}
#footerLink02Area dt {
	margin-bottom: 2%;
	padding: 0 0 0 2%;
	border-left: solid 4px #207830;
}
#footerLink02Area dd {
	width: 100%;
	padding-bottom: 1%;
}
#footerLink02Area dd:last-child {
	padding-bottom: 5%; 
}
#footerLink02Area span {
	padding-left: 10px;
	border-left: solid 2px #09F;
	color: #207830p;
	font-size: 14px;
}
#footer {
	width: 100%;
	color: #fff;
	background: #207830;
}
#footerArea {
	margin: 0 auto;
	position: static;
	width: 94%;
	height: auto;
}
#footerArea-logo {
	width: 70%;
	position: static;
	padding-top: 4%;
}
#footerArea-address {
	position: static;
	padding-top: 3%;
	line-height: 16px;
	font-size: 10px;
}
#footerCopy {
	position: static;
	padding-top: 3%;
	font-size: 10px;
}
}

/* --------------------------------------------------
	=contents
-------------------------------------------------- */

@media screen and (max-width:640px){
#contentsTop {
	margin: 6% auto 0 auto;
	width: 100%;
}
#contents {
	margin: 4% auto 0 auto;
	width: 100%;
}
.breadcrumbs {
	margin: 5px auto 0 auto;
	padding-left: 20px;
	width: 92%;
	color: #656565;
	background: url(../common/pankuzu_ic.gif) no-repeat left;
	font-size: 12px;
}
}

/* --------------------------------------------------
	=main
-------------------------------------------------- */

@media screen and (max-width:640px){
#main {
	float: none;
	width: 100%;
}
#main img {
	width: 100%;
	vertical-align: bottom;
}
}

/* --------------------------------------------------
	=side
-------------------------------------------------- */

@media screen and (max-width:640px){
#side {
	float: none;
	width: 100%;
}
#sideSearch01 {
	margin-bottom: 15px;
	position: relative;
	height: 92px;
}
#sideSearch01 #search {
	padding: 1px 5px;
	border: solid 1px #cbcbcb;
	position: absolute;
	bottom: 12px;
	left: 12px;
	width: 144px;
	height: 16px;
}
#sideSearch01 #searchBtn {
	position: absolute;
	right: 12px;
	bottom: 12px;
}
#sideInfo {
	margin-bottom: 15px;
	background: #8cd950 url(../common/side_info_bg.gif) repeat-x center top;
}
#sideInfo ul {
	margin: 0 12px;
	line-height: 19px;
	background: #fff;
	font-size: 14px;
}
#sideInfo ul li {
	padding: 10px 10px 10px 26px;
	border-bottom: dotted 1px #207830;
	background: url(../common/side_info_ic.gif) no-repeat 11px 10px;
}
#sideInfo ul li.last {
	border-bottom: none;
}
#sideInfo a:hover,
#sideInfo a:active {
	color: #207830;
	font-weight: bold;
	text-decoration: none;
}
.sideBox {
	margin-bottom: 15px;
}
#sideSearch02 {
	background: #8cd950 url(../common/side_search02_bg.gif) repeat-x center top;
	margin-bottom: 15px;
}
#sideSearch02 ul {
	margin: 0 12px;
	padding: 11px 11px 6px 11px;
	line-height: 18px;
	background: #fff;
	font-size: 13px;
}
#sideSearch02 ul li {
	padding: 0 0 5px 15px;
	background: url(../common/side_search02_ic.gif) no-repeat left center;
}
#sideSearch02 a:link,
#sideSearch02 a:visited {
	text-decoration: underline;
}
#sideSearch02 a:hover,
#sideSearch02 a:active {
	text-decoration: none;
}
#sideList {
	margin-bottom: 15px;
	background: #8cd950 url(../common/side_bg.gif) repeat-x center top;
}
#sideList ul {
	margin: 0 12px;
	line-height: 19px;
	background: #fff;
	font-size: 14px;
}
#sideList ul li {
	padding: 10px 10px 10px 26px;
	border-bottom: dotted 1px #207830;
	background: url(../common/side_ic.gif) no-repeat 11px 10px;
}
#sideList ul li.last {
	border-bottom: none;
}
#sideList a:hover,
#sideList a:active {
	color: #207830;
	font-weight: bold;
	text-decoration: none;
}
#sideCalendar {
	margin-bottom: 15px;
	background: #8cd950 url(../common/side_calendar_bg.gif) repeat-x center top;
}
#sideCalendar ul {
	margin: 0 12px;
	line-height: 19px;
	background: #fff;
	font-size: 14px;
}
#sideCalendar ul li {
	background: url(../common/side_calendar_month.gif) repeat-x center top;
	padding-bottom: 10px;
}
#sideCalendar h2 {
	display: none;
}
#sideCalendar table#wp-calendar {
	width: 196px;
	margin: 0 auto;
	font-size: 12px;
}
#sideCalendar table#wp-calendar caption {
	line-height: 35px;
	text-align: center;
	color: #656565;
	font-weight: bold;
}
#sideCalendar table#wp-calendar tr th {
	width: 28px;
	padding-top: 10px;
	color: #38383b;
	text-align: center;
}
#sideCalendar table#wp-calendar tr td.eo-past-date,
#sideCalendar table#wp-calendar tr td.eo-future-date {
	text-align: center;
	padding: 3px 0;
	color: #707172;
}
#sideCalendar table#wp-calendar tr td.today {
	text-align: center;
	padding: 3px 0;
	color: #454647;
	font-weight: bold;
}
#sideCalendar table#wp-calendar tr td.event,
#sideCalendar table#wp-calendar tr td.eo-event-running {
	background: #ffd700;
	font-weight: bold;
}
#sideCalendar table#wp-calendar tr td#eo-widget-prev-month {
	text-align: left;
	padding-top: 3px;
	color: #707172;
}
#sideCalendar table#wp-calendar tr td#eo-widget-next-month {
	text-align: right;
	padding-top: 3px;
	color: #707172;
}
}

/* --------------------------------------------------
	=top
-------------------------------------------------- */

@media screen and (max-width:640px){
#topActivities {
	margin-bottom: 40px;
}
#topActivities-box {
	padding: 13px 0 13px 13px;
	border: solid 2px #cbcbcb;
	width: 100%;
}
#topActivities-box ul li {
	margin-right: 14px;
	padding-right: 14px;
	border-right: dotted 2px #989898;
	float: none;
	width: 100%;
}
#topActivities-box ul li.last {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}
#topActivities-box .linkBtn {
	display: block;
	background: url(../images/top_activities_bg.gif) no-repeat center center;
}
#topActivities-box .linkBtn p {
	padding: 10px 30px 10px 10px;
	line-height: 22px;
	color: #207830;
	font-size: 16px;
}
#topActivities-box .txt {
	padding: 10px 0;
	line-height: 21px;
	color: #656565;
	font-size: 13px;
}
#topActivities-box .btn {
	margin: 0 auto;
	width: 161px;
}
#topNews {
	border-bottom: solid 1px #6dc749;
}
#topNews-list {
	position: relative;
	width: 100%;
	max-height: 325px;
	overflow: auto;
}
#topNews-list dl {
	width: 100%;
}
#topNews-list dt {
	padding: 10px 0;
	position: absolute;
	left: 0;
	width: 95px;
	font-size: 13px;
	font-weight: bold;
}
#topNews-list dd {
	padding: 10px 0 10px 95px;
	border-bottom: dotted 1px #989898;
	color: #656565;
	font-size: 13px;
}
#topNews-list dd img {
	margin-right: 10px;
	vertical-align: middle;
}
#topNews-list dd a:link,
#topNews-list dd a:visited {
	color: #656565;
	text-decoration: none;
}
#topNews-list dd a:hover,
#topNews-list dd a:active {
	color: #656565;
	text-decoration: underline;
}
.topBack {
	padding: 10px 0 20px 0;
	color: #656565;
	font-size: 14px;
	text-align: right;
}
#topRecommend ul {
	border-top: solid 2px #cbcbcb;
	border-left: solid 2px #cbcbcb;
	width: 100%;
	box-sizing: border-box;
}
#topRecommend ul li {
	border-bottom: solid 2px #cbcbcb;
	border-right: solid 2px #cbcbcb;
	float: none;
	width: 100%;
	box-sizing: border-box;
}
.topRecommend-box {
	padding: 12px;
}
.topRecommend-txt {
	float: right;
	width: 215px;
	line-height: 18px;
	color: #656565;
	font-size: 12px;
}
.topRecommend-txt p {
	padding-bottom: 5px;
}
.topRecommend-txt span.name {
	line-height: 20px;
	color: #207830;
	font-size: 16px;
}
}