body{
    /* ---ブラウザ全体を着色 --- */
    font-family: メイリオ ,sans-serif;
}
.ng_mes{
    color:red;
}


a{
    color:black;
}


.decorated {
    cursor: pointer; /* マウスカーソルを乗せると指になる */
    outline: none;
    border: 2px solid #f00;
    background-color:#0099ff;
}


.link_btn {
    display: block;
    border-radius: 5px;
    background-color: #0099ff;
    padding: 10px;
    text-decoration: none;
    color: white;
}
.input_btn {
    display:flex;
    border-radius: 5px;
    background-color: #0099ff;

    text-decoration: none;
    color: white;
}

 .btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
  border: none;
}
.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb6100;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}
.btn--radius {
  border-radius: 100vh;
}


h3{
    color: #fff;
    background:#0099ff; 
    border-radius: 100vh;
    padding:6px;
}


.center_div{
    clear:both;
    width:980px;
    margin:0px auto;
    padding-top:18px;
}

.title_bar{ 
    clear:both;
    margin:0px;
    padding-top:18px;
    padding-bottom:6px;
}
.sub_title_bar{ 
    clear:both;
    width:650px;
    margin:0px auto;
    padding-top:18px;
}

#navi{
    width:830px;
	text-align:center;
	margin:auto;
    margin-left:10px;
    margin-top:10px;
}

#navi_nomal{
    font-size:small;
    color:silver;
    margin-right:16px;
    margin-left:16px;
}
#navi_select{
    font-size:large;
    color:black;
    margin-right:16px;
    margin-left:16px;
}



.div_main_bana img{
    text-align:center;
    width:700px;
}



   /*　ユーザー情報 */
#user_eria{
    clear:both;
    margin-top:12px;
    margin-bottom:6px;
    margin-top:12px;
}

aaa{
      text-decoration: none;
      color: #1C1C1C;
}

aaa:hover{ text-decoration: underline; }



.hutter{
    font-family: "ＭＳ ゴシック",sans-serif;
    font-size: small;
    width:640px;
    margin:0px auto;
}




    
h1{
    font-size:large;
    color: #505050;/*文字色*/
    padding: 0.4em;/*文字周りの余白*/
    margin-top:2px;
    mmmmmmmmmmmdisplay: inline-block;/*おまじない*/
    line-height: 1.3;/*行高*/
    background: #dbebf8;/*背景色*/
    vertical-align: middle;/*上下中央*/
    border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
}

h1:before {
    content: '●';
    color:orange;
    margin-right: 8px;
}


h2 {
    margin:  0;             /* デフォルトCSS打ち消し */
    margin-top:20px;
    font-size:  24px;       /* 文字サイズ指定 */
    position:  relative;    /* 位置調整 */
    font-weight:  normal;   /* 文字の太さ調整 */
    margin-bottom: 15px;    /* 周りの余白指定 */
    border-bottom: solid 4px rgba(76, 175, 80, 0.6);        /* 線指定 */
    border-radius: 0px 0px 160px 180px/0px 0px 20px 4px;    /* 角丸指定 */
    color:black;
    background:white;
}