/*BODY*/
body {
    margin: 0px;
    padding: 0px;
    text-align: left;
    background-color:#494982;/*#305084;*/ /*f0f0fa;*/
    //background-image: url("img\\a4.png");
    //background-size: contain;
    height: auto;
}




img {
    max-width: 100%;

    /*画像コピー禁止*/
    /*pointer-events: none;*//*全イメージ*/
    /*この場合選曲ボタンがイメージなのでこまる*/

    /*以下はスマホ用*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-touch-callout: none;
    -moz-user-select: none;
    touch-callout: none;
    user-select: none;
}




#back {
    width: 100%;
    height: 700px;
    object-fit: cover;
}




/*homeBT　現在未使用　*/
#homeBT a{display:block; position: fixed; top: 20px;  width:100px; height:40px; z-index: 1;
		font-style: normal; font-size: 110%; font-weight: bolder;/*700と同等*/
     		font-family: "ＭＳ 明朝","ＭＳ ゴシック",sans-serif;
		line-height:30px;	color:#c0c0c0;	text-decoration:none;	text-align:center;
}
#homeBT a:hover{display:block; position: fixed; top: 20px;  width:100px; height:30px; z-index: 1;
        background-size: cover;
		font-style: normal; font-size: 110%; font-weight: bolder;/*700と同等*/
     		font-family: "ＭＳ 明朝","ＭＳ ゴシック",sans-serif;
		line-height:30px;	color:#ffffff;	/*text-decoration:underline;*/	text-align:center;
	
 }




/*index.htmの選択ボタン　*/
#button1 a{display:block; position: relative; top: 0px; 
        height:30px; z-index: 1;
		background:url() no-repeat; 
		line-height:30px;	color:#ffffff;	text-decoration:none;	text-align:left; 	
		font-style: normal; font-size: 100%; font-weight:bolder;/*bolder=700と同等*/
     	font-family: "メイリオ";
}
#button1 a:hover{background:url() no-repeat;  /*text-decoration:none;*/text-decoration:underline; /*background-color:#0000ff;*/ 	
}



/*link色を変えておく*/
a {
    color: #cccccc;
}

/* ドロップボタンのスタイルを指定する */
.dropbtn {
    background-color: transparent;/*#0000d0;*/
    color: #cccccc;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    width: 120px;
    height: 60px;
    text-decoration: none;
    z-index: 2;
}
    .dropbtn a:hover {
        background: url() no-repeat;
        color: #ffffff;
        text-decoration: none;
    }

/* コンテナ <div> - ドロップダウン コンテンツを配置するために必要 */
.dropdown {
    position: fixed;
    display: block; /*inline-block;*/
    top: 10px;
    width: 120px;
    height: 60px;
    /*margin-left: auto;*/
    /*margin-right: 0px;*/
    z-index: 2;
}

/* ドロップダウン コンテンツ (デフォルトでは非表示) */
.dropdown-content {
    display: none;
    position: absolute;
    margin-left: -60px;
    background-color: rgba(50,50,50,0.7); /*#505050;*/
    top:60px;
    width: 180px;
    min-width: 120px;
    height:150px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 2;
}

    /* ドロップダウン内のリンク */
    .dropdown-content a {
        /*height:24px;*/
        font-size:90%;
        color: #c0c0c0;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        /* ホバー時のドロップダウンリンクの色を変更する */
        .dropdown-content a:hover {
            color: #ffffff;
            /*text-decoration: underline;*/
            /*background-color: #a0a0c0;*/
        }

/* ホバー時にドロップダウンメニューを表示する */
.dropdown:hover .dropdown-content {
    display: block;
}

/* ドロップダウンのコンテンツが表示されているときのドロップダウンボタンの背景色を変更 */
.dropdown:hover .dropbtn {
    background-color: transparent;/*#a0a0ff;*/
}


textarea {
    position: relative;
    outline: 0;
    padding: 10px;
    margin-left: 0px;
    margin-right: 200px;
    line-height: 20px;
    font-weight: lighter;
    font-size: 14px;
    font-family: Meiryo;
    color: #101010;
    background: #d8d8f0; /*#a0c0c4;*/
    z-index: 1;
}