body {
    font:15px/1.231 "ヒラギノ角ゴ Pro W3";
}
#wrap {
    padding: 10px;
}
section, nav {
    margin-bottom: 1em;
}

.sample{
    text-align: center;
}

.sample .text{
        text-align: left;
line-height: 140%;
    display: inline-block;
}

p {
    margin-bottom: 1em;
    font-size: 100%;
line-height: 140%;
}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

header {
font-size: 10px;
}


aside {
    background-color: #ebebeb;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 10px;
}
aside p:last-child {
    margin-bottom: 0;
}

h2 {
    font-size: 130%;
    text-shadow: 1px 1px 2px #ccc;
    color: #0033FF;/* #3366cc;   #4682b4; */
    margin-bottom: 10px;
}

h3 {
    font-size: 100%;
    background-color: #00ccff;
    color: black;
}

mark {
    font-size: 105%;
    background-color: #3366ff;
    color: white;
}

ul {
  list-style: none;
}


nav {

font-size: 14px;
   color: #009da5;
    

 /*  
    width:150px;
    height:100px;
    line-height:30px;
    text-align:center;
    display:inline-block;
    background:#9b4dca;
    color:#fff;
    border-radius:5px;
    text-decoration:none;

    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-color: #9cc900;
    background: -webkit-gradient(linear, left top, left bottom, from(#c3fb00), to(#9cc900));
    font-size: 200%;
    width: 300px;
    hight: 100px
    */
    
}


nav li {
    /*text-align: left;*/
    /*vertical-align: bottom;*/ 
    
    width:108px;
    height:35px;
    line-height:35px;
    text-align:left;
    vertical-align: bottom; 
    display:inline-block;
    background-color:#3366cc;/*#0000ff;*/
    color:white;
    /*border-radius:5px;*/
 
    /*float: left;*/
    font-weight: bold;
    margin-right: -4px;    /* ボタン間隔小 */
    border-left: 1px solid #fff;
    border-bottom: 1px solid  white;
    /*text-shadow: -1px -1px 0 rgba(150, 150, 150, 30);*/
}

nav li a{
    
    text-align: center;
    position: absolute;
    /*top:0;*/
    left: auto;
    width: 108px;
    height: 35px;
    color: white; 
    font-size: 16px;
}



a {color: black;
font-size: 15px;
  text-decoration: none;
  }

/*
p a {color: black;
font-size: 15px;
 text-decoration: underline;
  }
*/

p a {color: #917CA3;
font-size: 15px;
 text-decoration: underline; outline:none;}
a:hover{color:#FF9900; 
text-decoration:underline; outline:none;}

/*
nav li:first-child {
    border: none;
} */



#btnTop {
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#cbcccf), to(#acaeb0)) #cbcccf;
    width: 7em;
    font-size: 85%;
    text-align: center;
    float: right;
    margin-right: 10px;
}
#btnTop a {
    text-shadow: 1px 1px 0 #ddd;
    display: block;
    padding: 5px 0;
    color: #444444;
    text-decoration: none;
}