@charset "utf-8";



#footer-area {

	position:absolute;

	top:0px;

	right:0px;

	width:180px;

	padding-bottom:10px;

}



#footer-area a {

	color:#000000;

	text-decoration:none;

}



#footer-area a:hover {

	color:#000000;

	text-decoration:none;

}



#footer-area .box {

	margin-bottom:3px;

	background-color:#FFFFFF;

	text-align:left;

}



#footer-area .banner li {

	margin-top:3px;

	background-color:#FFFFFF;

}

#footer-area .social {

	margin-top:3px;

	padding:10px 4px;

}



#footer-area .social li {

	width:39px;

	margin:0 7px 0 0;

	/* for Modern Browser */

	display:table-cell;

	/* for IE */

	*display:inline;

	*zoom:1;

}



#footer-area .search {

	padding:7px;

	text-align:left;

}



#footer-area .search input {

	vertical-align:bottom;	

}



#footer-area .search input.keyword {

	font-size:0.95em;

	width:122px;

	margin-right:5px;

	padding:3px;

	background-color:#DDDDDD;

	border:none;	

	vertical-align:bottom;	

}



#footer-area .rss {

	height:35px;

	margin-bottom:3px;

}



#footer-area .rss a {

	height:35px;

}



#footer-area .box h2 {

	color:#006622;

	font-size:12px;

	font-weight:normal;

}



#footer-area .box.info {

	padding:13px;

}



#footer-area .box.info p {

	font-size:10px;

	margin-top:5px;

}



#footer-area .box.info p span {

	display:block;

}



#footer-area ul.footerlink {

	color:#006622;

	font-size:11px;

	padding-top:7px;

	text-align:left;

}



#footer-area ul a {

	color:#006622;

}



#footer-area p.copy {

	font-size:11px;

	margin-top:5px;

	text-align:left;

}





/* firefox でマウスオーバー時1pxずれるバグの対処 ----------------------*/

/* IE8 */

html>/**/body #footer-area .banner li.senryu a:hover img {

    display /*\**/:inline-block\9;

    zoom /*\**/: 1\9;

}

 

/* 新旧Firefox */

#footer-area .banner li.senryu a:hover img, x:-moz-any-link { background: #fff;}

#footer-area .banner li.senryu a:hover img, x:-moz-any-link, x:default { background: #fff;}



/* --------------------------------------------------------------------*/



/* -----------------------------------------------------------------------------

   PC用のスタイル記述

----------------------------------------------------------------------------- */

@media screen and (min-width: 1000px), print {

/* Contents */

#footer-area {



}

}





/* -----------------------------------------------------------------------------

   タブレット用のスタイル記述

----------------------------------------------------------------------------- */

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

	

/* Contents */

#footer-area {



}



}





/* -----------------------------------------------------------------------------

   スマートフォン用のスタイル記述

----------------------------------------------------------------------------- */

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

	

/* Contents */

#footer-area {

	width:100%;

	min-width:180px;

	line-height:1.6em;

}



#footer-area .banner li,

#footer-area .social,

#footer-area .search,

#footer-area .rss {

	display:none;

}



#footer-area .banner li.senryu {

	display:block !important;

}



#footer-area .box h2 {

	font-size:1.2em;

}



#footer-area .box.info p {

	font-size:1em;

}



#footer-area .box.info p span {

	display:inline;

}



#footer-area ul.footerlink {

	font-size:1em;

}



#footer-area ul.footerlink li {

	padding-right:15px;

	display:inline;

}





#footer-area p.copy {

	font-size:1em;

}



}











/* -----------------------------------------------------------------------------

   印刷用用のスタイル記述

----------------------------------------------------------------------------- */

@media print{



}