/* designed by numa. 2017.10.11 */

body {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

font-family:'メイリオ',Meiryo;
}

/* designed by numa. 2017.10.11 */

nav {
  background: linear-gradient(-135deg, #fff, #ccc);
  padding: 0em 0em 0em 1.0em;/*文字周りの余白*/
  font-size: 75%;
}

h1 {
  padding: 0em 0.5em;				/*文字周りの余白*/
  color: #494949;					/*文字色*/
  background: #fffaf4;				/*背景色*/
  border-left: solid 5px #ffaf58;	/*左線（実線 太さ 色）*/
}

ul {
  /* border: solid 2px skyblue; */
  /* border-radius: 5px; */
  padding: 0.0em 1.0em 1.5em 2.3em;
  position: relative;
}

ul li {
  line-height: 1.0;
  padding: 0.3em 0;
  list-style-type: none!important;
}

ul li:before {					/*疑似要素*/
  font-family: FontAwesome;
  content: "\f138";				/*アイコンの種類*/
  position: absolute;
  left : 1em;					/*左端からのアイコンまでの距離*/
  color: skyblue;				/*アイコン色*/
}