@charset "utf-8";
/* CSS Document */

/*
Theme Name: liveaid-2026
Theme URI:
Description: liveaid-2026
Version: 0.02
Author: azuma
Author URI:
*/



/****************************************
    1. General Setting
*****************************************/

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption,
tbody, tfoot, thead, table, label, tr, th, td{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  list-style:none;
  }

html{ }

body{
    /* font: 14px/22px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif; */
  font-size:14px/22px;
  font-family:メイリオ,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3',Osaka,sans-serif;
  color: #333;
  }

a{ color: #09c; text-decoration:none;}
  a:hover{ color:#C00; text-decoration:underline; }

.clear{ clear: both; line-height: 0}


/*強調表示（重要性は示さない*/
em { font-style:italic; font-weight:bold; font-size:125%; padding:0px 2px; }

/*強調表示（重要性を示す*/
strong { font-style:italic; font-weight:bold; font-size:105%; }


/* 2. Basic Layout */
#page { background-color:#eee; }
#wrapper {  margin:0px auto; width:800px; background-color:#fff; }
#header { height:auto; margin-bottom:40px; }
#contents {}
#footer { padding-top:25px; }

/* 3. Header, Menu */
#header {
  background:url(images/header.png) no-repeat top center;
  padding-top: 180px;
  }

#header ul.menu {
  width:800px;
  float:left;
  position:absolute;
  background-color:#fff;
  }
  #header ul.menu li { float:left; position:relative; }
  #header ul.menu li > a { text-decoration:none; display:block; padding:3px 10px; }
  #header ul.menu li:hover > a { background-color:#F90; }

  /* Children menu */
  #header ul.sub-menu {
    display:none;
    float:left;
    position:absolute;
    background-color:#eee;
    width:180px;
    z-index:99999;
    left:0;
    border:1px #ddd solid;
    }
    #header ul.sub-menu li { width:180px; display:block; }
    #header ul.menu li:hover > ul.sub-menu { display:block; }




/* 4. Main */
#contents {}
#contents h1 { color:#093; font-size:150%;
      border-bottom:1px dashed #888;
      margin-bottom:6px;
      //color:#69B25B;
      }
#contents h1.important { color:Red; }
#contents h2 { color:#f90; font-size:120%; margin-top:15px; margin-bottom:5px; }
#contents h3 { color:#39f; font-size:105%; margin:10px 6px; }
#contents h4 { color:#000; font-size:105%; }
#contents h5 { color:#666; font-size:100%; }

#contents p { margin: 5px 10px; }
#fixed p,
#news-single p,
#news p {
  margin-bottom: 15px;
  }


section ul, section ol { margin: 1.5em; }
section ul li{ margin: 0.5em; list-style: outside disc; }
section ol li{ margin: 0.5em; list-style: outside decimal; }


/* table */
.ctable { margin:0px 60px; }
.ctable table > caption { padding:8px; font-weight:bold; }
.ctable table {
  border:1px solid #bbb;
  border-collapse:collapse;
  border-spacing:0px;
  width:100%;
  }
  .ctable table th { text-align:right; vertical-align:middle; width:25%; padding:5px; }
  .ctable table td { text-align:left; vertical-align:middle; padding:5px; }

  .ctable table th,
  #spec table th {
    text-align:center;
    background:#ddd;
    //min-width:120px;
    border:1px solid #bbb;
    }
  .ctable table td,
  #spec table td {
    text-align:center;
    background:#fff;
    border:1px solid #bbb;
    }

  #catalog table { border:none; }
  #catalog table th { border:none; background:#fff; text-align:right; }
  #catalog table td { border:none; background:#fff; text-align:left; }

  #profile table td,
  #history table td {
    text-align:left;
    }

.input_form { margin:0px 40px; }
.input_form table {
  width:100%;
  border:1px solid #bbb;
  border-collapse:collapse;
  border-spacing:0px;
  }
  .input_form table th {
    width:30%;
    text-align:left; vertical-align:middle; padding:5px; background-color:#eee;
    border:1px solid #bbb;
    }
  .input_form table th.rowred { background-color:#Fcc; }
  .input_form table td {
    text-align:left; vertical-align:middle; padding:5px;
    border:1px solid #bbb;
    }
    .input_form table label { display:inline-block; width:95%; }
    .input_form table label:hover { background-color:#fdd; }

#rental table th { width:auto; }
#rental table td { width:auto; }



.banner { text-align:center; }
  .banner a img { margin:2px; border:2px #ccc solid; width:auto; height:auto; }
  .banner a:hover img { border:2px #C00 solid; }

#news-list {}
#news-list ul { margin:0px 0px; }
#news-list ul li { margin:0px 0px; padding-left:30px; list-style-type:none; }
#news-list ul li.current { }
#news-list ul li.new { background:url(images/icon_new.gif) no-repeat left center }

#news-archives {}
#news-archives ul { margin:0px 20px; }
#news-archives ul li { display:block; float:left; padding:2px 5px;}

#news h1, #news-single h1 { color:#000; }
#news .date, #news-single .date { margin:0px; color:#999; }

#endofproducts { background-color:#Fbb; border:1px solid #666; }
#endofproducts h2 { text-align:center; color:#000; }
#endofproducts p { text-align:center; }


#catalog {}
#catalog p { margin:10px; text-align:center; }
#catalog a.pdf { background:url(images/pdficon_small.gif) no-repeat left center; padding:10px 20px; }
#relation ul { margin:10px 20px; }


span.date { text-align:center; display:block; float:left; }
span.category,
span.category-important { text-align:center; display:block; float:left; width:110px; }
span.category-important { color:Red; }
span.title { }


.nav-below { margin:0px 120px; overflow:auto; }
.nav-previous a {
  float:left;
  padding:2px 10px;
  }
.nav-next a {
  float:right;
  padding:2px 10px;
  }

img.aligncenter { display:block;margin-left:auto;margin-right:auto;text-align:center; }

/* 9. Footer */
#footer { background:url(images/footer.png) no-repeat center bottom; }
#footer .widget-area {
  float:left;
  width:225px;
  margin-left:15px;
  padding:8px;
  }
  #footer .widget-area h3 {}
  #footer .widget-area ul.menu { padding:4px 10px; }
  #footer .widget-area ul.menu li { list-style-type:disc; margin-left:10px; }

label.screen-reader-text { display:none; }

p.warning { font-size: 0.9rem; }
p.critical { color: red; }

p.copyright { text-align:center; font-size:90%; padding:20px; }


.pagetop {
  padding: 1rem;
  text-align: right;
}

.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }

td.rentel-image-left {
  text-align: left;
  vertical-align: middle;
  border: 0;
  margin: 0px;
  padding: 0px;
}

article {
  margin:20px;
  padding:10px;
  background:#FFF;
}

section {
  margin: 0px;
  padding: 10px;
}

article#fixed img,
article#products img {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.horiz-images {
  display: flex;
  justify-content: center;
  grid-gap: 10px;
  margin: 0.25rem 0;
}

.whitespace { margin-bottom: 4rem; }
