/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2018/07/20, 9:22:59
    Author     : Developer-UserMura
*/
/* ▼リスト全体の装飾 */
ul.simplemenu {
   margin: 0px;           /* 外側の余白を消す */
   padding: 0px;          /* 内側の余白を消す */
   list-style-type: none; /* リストの先頭記号を消す */
}

/* ▼各リスト項目の装飾 */
ul.simplemenu li {
   display: inline-block;      /* 横方向に並べる指定 */
   margin: 0px 0.25em 0.25em 0px; /* 外側の余白の調整 */
   padding: 0px;                  /* 内側の余白を消す */
}

/* ▼各リスト項目内のリンクの装飾 */
ul.simplemenu li a {
   display: block;          /* 全体をクリック可能に */
   padding: 0.3em 0.5em;      /* 内側の余白を調整 */
   text-decoration: none;     /* リンクの下線を消す */
   border: 1px solid #cccccc; /* 枠線の指定 */
   border-radius: 9px;        /* 角を丸くする */
   background-color: #000;
   color:#fff;
}

/* ▼リンクの上にマウスが載った際の装飾 */
ul.simplemenu li a:hover {
   background-color: #ddffff;  /* 背景色を指定 */
   text-decoration: underline; /* 下線を付加 */
}