input,textarea, select {
    border:1px solid #ccc;
    color:#444;
    text-shadow:0 1px 1px #f6f6f6;
    background-image:-moz-linear-gradient(top,#fefefe,#eee);
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fdfdfd),color-stop(1,#eee));
    -moz-border-radius:.5em;
    -webkit-border-radius:.5em;
    border-radius:.5em;
    text-decoration: none;
//    display:block;
    padding:6px;
    margin:5px;
}
/* テキスト */
input.input-text {
    background-image:none;
    padding:.4em;
    line-height:1.4;
    font-size:12px;
    display:block;
    width:90%;
}
/* テキストエリア */
textarea.input-text {
    height:50px;
    -webkit-transition:height 200ms linear;
    -moz-transition:height 200ms linear;
    -o-transition:height 200ms linear;
    transition:height 200ms linear
}

/* ラジオボタン */
input[type="radio"] {
    position: relative;
    -webkit-appearance: button;
    appearance: button;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    content: "";
    background-color: #FFFFFF;
    border: 1px solid #999999;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    -webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    vertical-align: middle;
    cursor: pointer;
}

input[type="radio"]:checked:after {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    content: "";
    width: 12px;
    height: 12px;
    background: #CC0000;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

/* チェックボックス */
input[type="checkbox"]{

    display: inline-block;
    position: relative;
    margin-right: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: button;
    appearance: button;
    width: 20px;
    height: 20px;
    border: 1px solid #999;
    vertical-align: middle;
}

input[type="checkbox"]:checked::after {
    position: absolute;
    content: "";
    top: -3px;
    left: 3px;
    width: 8px;
    height: 14px;
    border-right: 4px solid #009933;
    border-bottom: 4px solid #009933;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); 
}


.splink {
   border-style: solid;
   border-width: 1px;
   border-color: #ccc #999 #999 #ccc;
   border-radius: 7px;
   padding: 0.3em 0.9em;
   margin: 0px 0.3em;
   text-decoration: none;
    /*background-image:-moz-linear-gradient(top,#fefefe,#eee);
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fdfdfd),color-stop(1,#eee));*/
   line-height: 2em;
   white-space: nowrap;
}

.splink_root a {
	border-radius: 7px;
	text-decoration: none;
	background-image:-moz-linear-gradient(top,#fefefe,#eee);
	white-space: nowrap;
}


.numlist {
   border-style: solid;
   border-width: 1px;
   border-color: #ccc #999 #999 #ccc;
   border-radius: 7px;
   padding: 0.3em 0.9em;
   margin: 0px 0.4em 0px 0.4em;
   text-decoration: none;
    background-image:-moz-linear-gradient(top,#fefefe,#eee);
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fdfdfd),color-stop(1,#eee));
   line-height: 2em;
}