#footer{
/*background-color:#f2f2f2;
*/
background-color:#c7c7c7;
height:45px;
padding-top:6px;}






/*メインの機能以外のボタン*/
.button_footer {
    display: inline-block;
   
    zoom: 1;
    color: #1658aa;
    line-height: 30px;
    width: 120px;
    vertical-align: middle;
    text-align: center;
    margin: 0;
    margin-left:15px;
    cursor: pointer;
    border: 1px solid #fff;
    overflow: visible;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
    white-space: nowrap;
    background-color: #ffffff; /* 色を変更する場合はこの部分のコードを変えてください */
    /*    text-shadow: 0 1px 0 rgba(0,0,0,.4);
*/ background-image: linear-gradient(top, rgba(255,255,255,.3),rgba(255,255,255,0));
    transition: background-color .2s ease-out;
    background-clip: padding-box;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5),0 1px 0 rgba(255, 255, 255, .3) inset;
}

.button_footer-on{
    display: inline-block;
	color: #ed6d00;

    zoom: 1;
    line-height:30px;
    width:120px;
    vertical-align:middle;
    text-align:center;
    margin: 0;
    cursor: pointer;
    border: 1px solid #fff;
    overflow: visible;
    text-decoration: none;
    font-weight:bold;
    font-size:15px;
    white-space: nowrap;
    background-color: #ffffff;/* 色を変更する場合はこの部分のコードを変えてください */
/*    text-shadow: 0 1px 0 rgba(0,0,0,.4);
*/    background-image: linear-gradient(top, rgba(255,255,255,.3),rgba(255,255,255,0));
    transition: background-color .2s ease-out;
    background-clip: padding-box;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5),0 1px 0 rgba(255, 255, 255, .3) inset;
	text-decoration:none;
	}

.button_footer-on:hover{
    text-decoration:none;
    background-color: #eeeeee;
	color: #ed6d00;}

	



 
.button_footer:hover,
.button_footer:active{
    background-color: #eeeeee;
	background-image: -webkit-linear-gradient(top, #dddddd, #dddddd);
	background-image: linear-gradient(to bottom, #dddddd, #dddddd);
    border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #dddddd;
	-moz-box-shadow:
		0px 1px 1px rgba(0,0,0,0.2),
		inset 0px 1px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 1px rgba(0,0,0,0.2),
		inset 0px 1px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 1px rgba(0,0,0,0.2),
		inset 0px 1px 2px rgba(255,255,255,1);
	text-shadow:
		0px 0px 0px rgba(000,000,000,0),
		0px 0px 0px rgba(255,255,255,0);
	-webkit-transition: none;
	transition: none;
	text-decoration:none;
	color: #0e0d6a;

}

/*メインの機能以外のボタン*/
.button_footer_insert {
    display: inline-block;
    zoom: 1;
    color: #ed6d00;
    line-height: 30px;
    width: 120px;
    vertical-align: middle;
    text-align: center;
    margin: 0;
    margin-left: 15px;
    cursor: pointer;
    border: 1px solid #fff;
    overflow: visible;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
    white-space: nowrap;
    background-color: #ffffff; /* 色を変更する場合はこの部分のコードを変えてください */
    /*    text-shadow: 0 1px 0 rgba(0,0,0,.4);
*/ background-image: linear-gradient(top, rgba(255,255,255,.3),rgba(255,255,255,0));
    transition: background-color .2s ease-out;
    background-clip: padding-box;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5),0 1px 0 rgba(255, 255, 255, .3) inset;
}
    .button_footer_insert:hover {
        text-decoration: none;
        background-color: #eeeeee;
     
    }