@charset "shift_jis";

 *     { margin: 0; padding: 0; }
 html  { min-height: 100%; background: linear-gradient(to bottom,#000 382px, #fff 383px); }
 body  { 
    background: url(imgs/album2b.gif) center 40px no-repeat fixed,
                url("imgs/title01.jpg") center 115px no-repeat fixed; 
    font-family : "メイリオ",Meiryo,"MS UI Gothic";
    min-height  : 100%; 
 }

 body > header    { width: 100%; height: 358px; }
 h1 span          { visibility : hidden; font-size : 1px; }
 section > header { display : none; }

 section { background: #fff; width: 900px; margin: auto; }

 aside:nth-of-type(1) {
    font-size   : 90%; 
    font-family : Arial,serif;
    margin-left : 70%;
 }

 aside:nth-of-type(1) li {
    list-style   : none;
    float        : left;
    border-right : solid 1px #cfcfcf; 
    border-left  : solid 1px #cfcfcf;  
    margin-right : -1px;
    text-align   : center;
 }
 aside:nth-of-type(1) li a {
    display    : block;
    color      : #cfcfcf; 
    background : #000; 
    padding    : 2px 12px;
 }
 aside:nth-of-type(1) li a:hover,
 aside:nth-of-type(1) li:hover a {
    color      : #000; 
    background : #a6ffa6;
 }
 aside:nth-of-type(1) li ul { 
    display : none; 
    position: absolute; 
 }
 aside:nth-of-type(1) li:hover ul { 
    display : block; 
    width   : 100px;
 }
 aside:nth-of-type(1) li:hover ul li {
    border  : none;
    display : block;
 }
 aside:nth-of-type(1) li:hover ul a {
    display    : block;
    width      : 120px; 
    background : #666; 
    color      : #fff; 
    text-align : left;
    padding-left: 18px;
 }
 aside:nth-of-type(1) li:hover ul a:hover { 
    background : #999999; 
    color      : #fff; 
 }

 a img     { border: none;  }
 a,
 a:link,
 a:visited { text-decoration: none; color: #393939; }
 a:hover   { color: #000; background: #a6ffa6; }

 a small   { font-size: 0.9em; color: #1060a7; }
 a:hover small { color: #1060a7; background: #a6ffa6; }

 footer { 
    font-size  : 0.75em; 
    color      : #5f5f5f; 
    border-top : solid 1px #72A330;
    padding    : 3px 0 0 12px; 
    margin     : 20px 0 0 70px; 
    width      : 700px;
 }

 nav  { 
    width        : 700px; 
    margin       : 30px 0 25px 70px; 
    background   : #fff; 
    color        : #000; 
    border       : solid #72A330; 
    border-width : 1px 0 1px 1px;
 }

 nav, nav ul { border-radius: 12px 0 0 12px; }
 nav ul span { line-height: 150%; letter-spacing: 0.2em; }
 nav small   { font-size: 0.9em; color: #1060a7; background: #fff; }

 nav ul   { 
    float      : left; 
    width      : 280px; 
    padding    : 15px 0 15px 37px; 
    font-size  : 95%;
    color      : #1a1aff; 
    background : #fff; 
/*  list-style-type: square; 
    list-style-position: inside; */
 }
 nav li a    { display: block; width: 230px; }


 aside.netomo                { margin-left: 75px; font-size: 90%; }
 aside.netomo a              { float: left; display: block; width: 70px; height: 105px; margin-right: 4px; }
 aside.netomo a:nth-child(1) { background: url("imgs/ynchlink.jpg") no-repeat; }
 aside.netomo a:nth-child(2) { background: url("imgs/nskwlink.jpg") no-repeat; }
 aside.netomo a span         { margin-top: 88px; font-size: 88%; }
 aside span  { margin: 0 5px 5px 0; width: 70px; height: 85px; display: block; }

 aside:hover span#regal:after { 
    display     : block;
    content     : "(両氏より肖像利用の許可を受けています)";
    padding-top : 70px; 
    width       : 420px;
    font-size   : 88%; 
 }
 aside.netomo a:hover  { opacity: 0.7 }

 aside:after,
 nav:after  { 
    content    : "";
    height     : 0;
    display    : block;
    visibility : hidden;
    clear      : both; 
 }

 .clear        { clear: both; }
 .uppercase    { text-transform: uppercase; }

 #total  {
    display      : block;
    font-size    : 95%;
    color        : #e4e4e4;
    margin-top   : 287px;
    margin-left  : 77%;
    letter-spacing : 1px;
    font-family  : Arial,serif;
 }

 #total:hover {
    color  : #0f0;
 }

 hr,
 header img { display: none; }

/*2016-01-11*/