@charset "utf-8";
/* === Tag Global === */
body      {
            border:1ex solid yellowgreen;
            padding:1em;
            background-image:url(../images/bg_top.png);
            line-height:1.6em;
            letter-spacing:0.4pt;
          }

a:link,
a:visited {
            color:black;
          }

a:hover   {
            color:crimson;
          }

sup       {
            position:relative;
            top:-1ex;
            vertical-align:baseline;
            font-size:smaller;
          }

ul        {
            display:inline-block;
            list-style: none;
          }

li        {
            float:left;
          }

li.link   {
            float:none;
          }

li a      {
            padding:0 0.5em;
            display:block;
            font-size:125%;
          }

li a.normal{
            padding:0;
            display:inline;
            font-size:100%;
          }

h2        {
            margin:1.5em 0 1ex 0;
            width:100%;
            font-size:150%;
            line-height:1em;
          }

label     {
            display:block;
          }

table     {
            border:3px solid slategray;
            border-collapse:collapse;
            box-sizing:border-box;
            width:100%;
            table-layout:fixed;
          }

td        {
            border-color:slategray;
            border-style:solid;
            border-width:1px 0;
            padding:1em;
            vertical-align:top;
          }

td.fixed_width  {
            width:242px;
          }

td img    {
            border-radius: 10px;
          }

td a      {
            font-weight:bold;
            position:relative;
            left:-10px;
          }

td a.normal{
            font-weight:normal;
            position:static;
          }

td a img  {
            position:relative;
            left:10px;
          }

input     {
            display:none;
          }
/* -------------------------------------------------------- */
#navigate {
            position:absolute;
            left:15px;
            top:15px;
          }

#logo     {
            /* センタリングロゴ */
            display:block;
            margin:0 auto 1em auto;
            text-align:center;
          }

#summary    {
            margin-bottom:2em;
            text-align:center;
          }

#rootmenu {
            margin-bottom:2em;
            text-align:center;
            line-height:2em;
            letter-spacing:0;
          }

#contents {
            margin:0 auto;
            width:90%;
          }

#contents div {
            padding-left:1ex;
            overflow:hidden;
          }

#elec,
#software,
#mods,
#macintosh,

#flight,
#movie,
#music,
#misc
          {
            float:left;
            margin-right:1ex;
            border-left: 0.58em solid transparent;
            border-right: 0.58em solid transparent;
            border-top: 1em solid limegreen;
            border-bottom: 0;
          }

/* チェックで三角を変更する */

#c_elec:checked      ~ h2 label span#elec,
#c_software:checked  ~ h2 label span#software,
#c_mods:checked      ~ h2 label span#mods,
#c_macintosh:checked ~ h2 label span#macintosh,

#c_flight:checked    ~ h2 label span#flight,
#c_movie:checked     ~ h2 label span#movie,
#c_music:checked     ~ h2 label span#music,
#c_misc:checked      ~ h2 label span#misc
          {
            border-top: 0;
            border-bottom: 1em solid red;
          }

/* -------------------------------------------------------- */
#d_elec,
#d_software,
#d_mods,
#d_macintosh,

#d_flight,
#d_movie,
#d_music,
#d_misc
          {
            display:block;
          }

/* チェックでコンテンツを隠す */
#c_elec:checked      ~ #d_elec,
#c_software:checked  ~ #d_software,
#c_mods:checked      ~ #d_mods,
#c_macintosh:checked ~ #d_macintosh,

#c_flight:checked    ~ #d_flight,
#c_movie:checked     ~ #d_movie,
#c_music:checked     ~ #d_music,
#c_misc:checked      ~ #d_misc
          {
            display:none;
          }

/* -------------------------------------------------------- */