@charset "utf-8";
*{color: #3e668d}


    body {margin:10px;
        display: flex;
        flex-flow: column;
        min-height: 100vh;
        font-family: 'Helvetica Neue','Arial','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','YuGothic','Yu Gothic',sans-serif;
    }
    
    main {
    flex: 1;
    }

    header{
        width: 100%;
        margin: 0px 0px 20px 0px;
        padding: 10px 2% 20px 2%;
        background-color: #8ec6ff;
        color: #fff;
        font-family: "Helvetica Neue","Arial","Hiragino Kaku Gothic ProN W3","Hiragino Sans",
        "ヒラギノ角ゴ ProN W3","YuGothic","Yu Gothic",sans-serif;
        font-weight:200;
        /*position: fixed;*/
        /*top: 0;*/
        display: flex;
    }

    /*h1{
    color:lightgray;
    font-family:'Helvetica Neue','Arial','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','YuGothic','Yu Gothic',sans-serif;
    font-weight:normal;
    font-size:32pt;
    margin: 0;
    padding: 0;
    text-align:left;
    }*/


    h1.header{
        background-color: #8ec6ff;
        color: #fff;
        font-family: "Helvetica Neue","Arial","Hiragino Kaku Gothic ProN W3","Hiragino Sans",
        "ヒラギノ角ゴ ProN W3","YuGothic","Yu Gothic",sans-serif;
        font-weight:200;
        font-size:16pt;
        margin: 0;
        padding: 0;
        text-align:left;
    }


    
    
    /*h2{
        color: #3e668d;
        font-family: "Helvetica Neue","Arial","Hiragino Kaku Gothic ProN W3","Hiragino Sans",
        "ヒラギノ角ゴ ProN W3","YuGothic","Yu Gothic",sans-serif;
        font-weight: 200;
        font-size: 24pt;
        text-align: left;
        margin: 24px 0px 0px 0px;
        padding: 0rem 1rem 0rem 1rem;
        background: transparent;
        border-left: 12px solid #4785b9;
    }*/


    h1.title{
        color:#3e668d;
        font-family: "Helvetica Neue","Arial","Hiragino Kaku Gothic ProN W3","Hiragino Sans",
        "ヒラギノ角ゴ ProN W3","YuGothic","Yu Gothic",sans-serif;
        font-weight: 400;
        font-size: 22pt;
        margin: 2rem;
        padding: 0rem 1rem 0rem 1rem;
        text-align: center;
    }


    h2.subtitle{
        color: #3e668d;
        font-family: "Helvetica Neue","Arial","Hiragino Kaku Gothic ProN W3","Hiragino Sans",
        "ヒラギノ角ゴ ProN W3","YuGothic","Yu Gothic",sans-serif;
        font-weight: 100;
        font-size: 14pt;
        margin: 32px 0px 32px 0px;
        padding: 0;
        text-align: center;
    }

    p.center{
        color:#3e668d;
        font-family: "Helvetica","Arial","Hiragino Kaku Gothic ProN W3",
            "ヒラギノ角ゴ ProN W3","Hiragino Sans","YuGothic","Yu Gothic",sans-serif;
        font-weight: 200;
        font-size: 14pt;
        margin: 24px;
        padding: 0;
        text-align: center;
    }


    p{
        color:#3e668d;
        font-family: "Helvetica","Arial","Hiragino Kaku Gothic ProN W3",
            "ヒラギノ角ゴ ProN W3","Hiragino Sans","YuGothic","Yu Gothic",sans-serif;
        font-weight: 200;
        font-size: 14pt;
        margin: 24px;
        padding: 0;
        text-align: left;
    }
    


    th{
    border:2px solid white;
    padding:5px;
    background-color:#8ec6ff;
    color:#fff;
    }

    td{
    border:1px solid white;
    padding:5px;
    background-color:#eee;
    }

    /*フォーム全体*/
    #form01{
    position:relative;/*フォームの相対位置*/	
    max-width:270px;/*フォームのサイズ*/
    margin-bottom:100px;/*フォームの下に余白*/	 	
    }
    /*検索ボックス*/
    #sbox{
    position:absolute;/*フォームの絶対位置*/	
    left:0;
    top:0; 	
    outline:0;/*クリック時の青い枠線を消す*/	
    height:50px;/*検索ボックスの高さ*/	
    padding:0 10px;/*テキスト位置調整*/	 
    border-radius:2px 0 0 2px;/*検索ボックスの角を丸める*/		
    background:#eee;/*検索ボックスの背景カラー*/
    font-weight:bold;/*検索ボックスのテキスト太字*/ 
    font-size:18px;/*検索ボックスのフォントサイズ*/ 		
    }
    /*検索ボタン*/
    #sbtn{
    width:70px;/*検索ボタンの横幅*/ 
    height:54px;/*検索ボタンの縦幅*/ 
    position:absolute;/*検索ボタンの絶対位置*/  
    left:320px;/*検索ボタンの位置調整*/  
    top:0;
    border-radius:0 2px 2px 0;/*検索ボタンの角を丸める*/ 
    background:#8ec6ff;/*検索ボタンの背景カラー*/ 
    border:none;/*検索ボタンの枠線を消す*/ 
    color:#fff;/*検索ボタンのテキストカラー*/ 
    font-weight:bold;/*検索ボタンのテキスト太字*/ 
    font-size:16px;/*検索ボタンのフォントサイズ*/ 
    }
    /*検索ボタンマウスオーバー時*/
    #sbtn:hover{
    color:#3e668d;/*検索ボタンマウスオーバー時のフォントカラー*/ 
    }


    /*Link*/
    a{
    text-decoration: none;
    font-family: "Helvetica","Arial","Hiragino Kaku Gothic ProN W3",
    "ヒラギノ角ゴ ProN W3","Hiragino Sans","YuGothic","Yu Gothic",sans-serif;
    color:#ffffff;
    }

    .title-link{
        color: #3e668d;
        font-family: "Helvetica Neue","Arial","Hiragino Kaku Gothic ProN W3","Hiragino Sans",
        "ヒラギノ角ゴ ProN W3","YuGothic","Yu Gothic",sans-serif;
        text-decoration: none;
    }

    ul{
    list-style: none;
    margin: 0;
    display: flex;    
    }

    li{
    margin: 20px 20px 20px;
    font-size: 18px;
    }
    
    img.nav{
    margin:auto 20px auto 0px;
    width: 234px;
    }

    nav{
    margin: 0 0 0 auto; /*上右下左の余白*/
    }


    footer{
        width: 100%;
        background-color:#8ec6ff;
        color:#ffffff;
        font-family:  "Helvetica","Arial","Hiragino Kaku Gothic ProN W3",
            "ヒラギノ角ゴ ProN W3","Hiragino Sans","YuGothic","Yu Gothic",sans-serif;
        margin: 30px 0 0 auto;
        padding: 0rem 1rem 0rem 1rem;
        text-align: center;
    }