@charset "Shift_JIS";

*{
  line-height: 1.3em;
  margin: 0;
  padding: 0;
}

body{
  font-size: 12pt;
  font-family: "Century gothic", "HGPｺﾞｼｯｸM";
  background-color: rgb(82%,89%,84%);
  background-image: url("/images/mainback.jpg");
  background-attachment:fixed;
}

#sub{
  border: 1px solid gray;
}
#header {
  width: 100%;
  height: 75px;
  background-color: rgb(65%,75%,32%);
  background-image: url("/images/headerback.jpg");
  background-repeat: no-repeat;
}

#header h1{
  text-align: right;
  font-size: 2.5em;
  letter-spacing: 1em; 
}
ul.menu{
  padding: .2em;
  background-color: rgb(86%,89%,24%);
  background-image: url("/images/menuback.png");
  border-width: 2px 0px;
  border-style: solid;
  border-color: maroon;
}

ul.menu li{
  display: inline;
  font-weight: bold;
  padding: .1em;
}

ul.menu li a{
  text-decoration: none;
}

ul.menu li:after{
  font-size: 1.3em;
  content: " | ";
}

ul.menu li a:hover{
  color: #801;
}

#body{
  width: 800px;
  margin: 1em auto;
}

#main {
  width: 550px;
  float: left;
  border: 2px solid #666;
}

#sub{
  width: 200px;
  margin-left: 590px;
  border: 2px solid #666;
  background-image: url("/images/subback.png");
  background-color: #cfed8c;
}

#footer {
  clear: both;
  padding: .5em 2em;
  background-color: white;
  border-top: 2px solid red;
}

.content1 {
  background-image: url("/images/halftrans.png");
}

.content2 {
  background-image: url("/images/halftrans.png");
}

.content1, .content2{
  padding: 1em;
}
#main h2 {
  font-size: 1.5em;
  padding: .5em 1em;
  background-color: #d4b540;
}

#main h3 {
 background-color      : #e7e8e2;
 border-color          : #e7e8e2;
 border-style          : outset;
 border-width          : 5px 0px;
 padding               : .1em 1em;
}

#sub h2{
  font-size: 1.3em;
  padding: 0.2em;
  background-color: #adb80a;
}

img { 
  border-width: 0px;
}

#sub .content_sub{
  padding: 1em 1em 1em 1.5em;
}

#footer .sponsor {
  text-align: right;
  float: right;
}

.content1 dl{
  border-left: .3em solid green;
  margin: 0.5em 1em;
}
dt{
  padding: .5em 0 0 1em;
  font-weight: bold;
  background-image: url("/images/listitem.png");
  background-repeat: no-repeat;
  background-position: center left;
}
dd{
  padding-left: 1em;
}

#body ul li{
  list-style-type: none;
  padding-left: 1em;
  background-image: url("/images/listitem.png");
  background-repeat: no-repeat;
  background-position: 3px 5px;
}
dd {
  padding: 0.5em auto auto 2em;
}

hr {
  display: none;
}

#main h4 {
 font-size             : large;
 margin                : 10px 0px 5px;
}
#main h4 a {
 text-decoration       : none;
}
#main h4 a:after {
 content               : " (" attr(href) ")";
 font-color            : black;
 font-size             : x-small;
}
#main h4 a:hover {
 text-decoration       : underline;
}
h4 {
 background-color      : rgb(85%, 86%, 63%);
 border                : 1px solid #040;
 border-left           : 1em groove #090;
 padding               : .2em 1em;
}

.content1 p{
  margin-bottom: .5em;
}

#header a {
 color                 : black;
 text-decoration       : none;
}
#header a:active,
#header a:hover {
 color                 : white;
 text-decoration       : underline;
}

.quiz {
 background-color      : #ffc;
 border-left           : 1em groove #090;
 margin                : 1em 2em;
 padding               : .5em 1em;
}

.ans {
 background-color      : white;
 color                 : white;
}
.ans:hover {
 background-color      : transparent;
 color                 : inherit;
}

table{
  border-collapse: collapse;
}

table, th, td{
  border: 1px solid black;
}

ol{
  margin-left: 2em;
}

blockquote{
  font-size: 90%;
  background-color:#eee;
  padding:1em 0 1em 1em;
  margin: .5em;
  border-left:dotted black 3px;
}

form table td{
  border-width: 0px;
}

/* 枠の色を定義します */
.AmazonSearchTB1 table {
    border: 1px solid #000000; 
    background-color : #ff6600;
    color: #000000;
    margin: 0px; padding: 0px; font-size: 11px;
}