@charset "shift_jis";





#foot_area h3 {
	font-size: 14px;
	color:#333333;
	margin:5px 12px 5px;
	text-align:left;
}

#foot_area h3:before {
	content: url(../i-images/h3.png);
	vertical-align:middle;
}

#foot_area ul {
	margin:0px 10px  20px ;
}

#foot_area li {
	margin:0px 0px 5px;
	float:none;
	clear:both;
	width:100%;
	text-align:left;
	padding:0;
	display:table-cell;
	vertical-align:middle;
	display:block;
}

#foot_area li a {
	display:block;
	height:auto;
	padding:10px 0;
	color:#ffffff;
	text-align:left;
	text-decoration:none;
	padding-left:10px;
	border: solid 0px #ff00ff;

	background:url(../i-images/iyahu.png) no-repeat,
	 -webkit-gradient(
	linear, left top, left bottom, 
	from(#a9a9a9),
	color-stop(0.50, #b6b6b6),
	color-stop(0.50, #b6b6b6),
	color-stop(0.69, #b6b6b6),
	to(#b6b6b6));
	background:url(../i-images/iyahu.png) no-repeat,
	 -webkit-gradient(
	linear, left top, left bottom, 
	from(#a9a9a9),
	to(#b6b6b6));
	background-position:right center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
	-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
}

#foot_area li a:hover {
	color:#ffffff;
	background:url(../i-images/iyahu.png) no-repeat,
	-webkit-gradient(
	linear, left top, left bottom, 
	from(#b6b6b6),
	color-stop(0.50, #858585),
	color-stop(0.50, #858585),
	color-stop(0.69, #858585),
	to(#858585));
	background:url(../i-images/iyahu.png) no-repeat,
	-webkit-gradient(
	linear, left top, left bottom, 
	from(#b6b6b6),
	to(#858585));
	background-position:right center;
}


#mainfooter {
	color: #ffffff;
	background:-webkit-gradient(
	linear, left top, left bottom, 
	from(#b6b6b6),
	color-stop(0.50, #858585),
	color-stop(0.50, #858585),
	color-stop(0.69, #858585),
	to(#858585));
	background:-webkit-gradient(
	linear, left top, left bottom, 
	from(#b6b6b6),
	to(#858585));
	font-size: 9px;
	text-align: center;
	clear: both;
	width: 100%;
	padding: 13px 0px 10px;
	margin:10px 0px 0px;
	-webkit-box-shadow: 0px -2px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0px -2px 2px rgba(0, 0, 0, .2);
	box-shadow: 0px -2px 2px rgba(0, 0, 0, .2);

}

#mainfooter a {
	color: #ffffff;
	text-decoration: none;
	padding: 8px 1px;
}

#mainfooter a:hover {
	text-decoration: underline;
}

#mainfooter p {
	padding: 0px 20px 5px;
}

#designby {
	background : #858585;
	color: #999999;
	text-align: right;
	font-size: 6px;
	margin: 0px;
	padding: 3px;
}

#designby a {
	color: #999999;
	text-decoration: none;
}
