@charset "shift_jis";





#side_area {
	margin:5px 20px 5px;
	text-align:left;
}

#subside_area {
	text-align:left;
	margin:0px 20px;
}

#side_area h3 {
	font-size: 14px;
	color:#333333;
	margin:10px -7px 5px;
	text-align:left;
}

#side_area h3:before {
	content: url(../i-images/h3.png);
	vertical-align:middle;
}

#side_area ul {
	margin:0px -10px 15px;
}

#side_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;
}

#side_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(#9cdc48),
	color-stop(0.50, #a8ea62),
	color-stop(0.50, #a8ea62),
	color-stop(0.69, #a8ea62),
	to(#a8ea62));
	background:url(../i-images/iyahu.png) no-repeat,
	 -webkit-gradient(
	linear, left top, left bottom, 
	from(#9cdc48),
	to(#a8ea62));
	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);
}

#side_area li a:hover {
	color:#ffffff;
	background:url(../i-images/iyahu.png) no-repeat,
	-webkit-gradient(
	linear, left top, left bottom, 
	from(#a8ea62),
	color-stop(0.50, #aded2f),
	color-stop(0.50, #aded2f),
	color-stop(0.69, #aded2f),
	to(#aded2f));
	background:url(../i-images/iyahu.png) no-repeat,
	-webkit-gradient(
	linear, left top, left bottom, 
	from(#a8ea62),
	to(#aded2f));
	background-position:right center;
}