@charset "utf-8";
/* CSS Document */

/*フォーム全体*/
/* #form1{
    position:relative;
    max-width:270px;
    margin-bottom:15px;
    } */

/*検索ボックス*/
#sbox {
    /* position:absolute;フォームの絶対位置 */
    /* left:0; */
    /* top:0; 	 */
    border: 0;
    outline: 0;
    /*クリック時の青い枠線消す*/
    height: 49px;
    /*検索ボックスの高さ*/
    width: 420px;
    padding: 0 0 0 15px;
    margin: 0;
    /* margin:10px 20px 100px 200px; */
    border-radius: 2px 0 0 2px;
    /*検索ボックスの角を丸める*/
    background: #eee;
    /*検索ボックスの背景カラー*/
    position: relative;
    box-shadow: 1px 1px 2px silver;
}

/*検索ボタン*/
#sbtn {
    width: 70px;
    /*検索ボタンの横幅*/
    height: 50px;
    /*検索ボタンの縦幅*/
    /* position:absolute; 検索ボタンの絶対位置*/
    /* left:270px;  */
    /* top:0; */
    margin: 0 30px 0 0;
    border-radius: 0 2px 2px 0;
    /*検索ボタンの角を丸める*/
    background: steelblue;
    border: none;
    /*検索ボタンの枠線を消す*/
    color: #fff;
    /*検索ボタンのテキストカラー*/
    font-family: inherit;
    letter-spacing: 0.1em;
    position: relative;
    box-shadow: 1px 1px 2px silver;
    -webkit-transition: 0.5s;
    /*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
    transition: background 0.3s ease-in-out;
    transition: 0.5s;
}

/*検索ボタンマウスオーバー時*/
#sbtn:hover {
    background: skyblue;
    letter-spacing: 0.2em;
    /*文字間隔を少し広げる*/
}