﻿lightgreyA:LINK  { COLOR: white; }                          
A:VISITED { COLOR: black; }
A:HOVER { COLOR: red; }
H1 {font-size:11pt;}

li {
list-style-type: none;
padding-left: 10px;
background-image: url(gif/kame.gif);
background-repeat: no-repeat;

}

html, body {font-size: 11pt;
height: 100%;}  /*高さ100%に指定*/
body {
  margin: 0;
  padding: 0;
  position: relative;
  min-width: 950px;  /*中央配置するボックスの横幅*/
  min-height: 850px;  /*中央配置するボックス縦幅*/
  background-color: ;
  
}

h2
{
    border: solid;
    border-width: 0px 0px 1px 10px;
    padding: 5px;
    border-color: orange;
    font-size: 120% ;
}




#wrapper {
  margin: -200px 0 0 -460px;  /*縦横の半分をネガティブマージンでずらす*/
  position: absolute;  /*body要素に対して絶対配置*/
  top: 5%;  /*上端を中央に*/
  left: 50%;  /*左端を中央に*/
  width: 940px;  /*横幅*/
  height: 2170px;  /*縦幅*/
  background-color: white;
  border-top:solid 1px black;
  border-bottom:solid 1px black;
  border-right:solid 1px black;
  border-left:solid 1px black;
}




#header{
position:absolute;
top: 380px;
left: 230px;
width: 400px;
}


#main {
background-color: ;
position:absolute;
top: 340px;
left: 260px;
width: 670px;
}

.banner{
position:absolute;
top: 185px;
left: 195px;
width: 600px;
}

.tellogo{
position:absolute;
top: 285px;
left: -20px;
width: 600px;
}

.ad{
position:absolute;
top: 440px;
left: -45px;
width: 600px;
}

.tablepricelist {
position:absolute;
top: 700px;
left: -48px;
width: 750px;
}

.explain {
position:absolute;
top: 1170px;
left: -25px;
width: 600px;
}


#side1{ background-color: lightblue;
position:absolute;
top: 160px;
left: 0px;
width: 199px;
height: 2005px;

}





#footer { background-color: lightgrey;
position:absolute;
top: 1915px;
left: 198px;
width: 750px;
height: 90px;
}

table, td, th { text-align: center; 
border-color: orange;
 border-style: dotted;
}



/* A:▼テーブル全体の装飾▼ */
table.abc {
   border-collapse: collapse; /* 枠線を重ねる */
   border: 1px solid #aaaacc; /* 外枠の装飾 */
}
/* B:▼テーブル内側(セル)の装飾▼ */
table.abc th,
table.abc td {
   padding: 0.3em;            /* セル内側の余白量 */
   border: 1px solid #aaaacc; /* 内枠の装飾 */
}
/* C:▼テーブルの見出し部分の装飾▼ */
table.abc thead th {
   background-image: url("./jpg/trback4.jpg"); /* 背景画像 */
   background-position: bottom left; /* 背景画像の配置 */
   color: darkblue;           /* 文字色 */
   background-color: #eeeeff; /* (念のための背景色) */
}
/* D:▼各行の見出し部分の装飾▼ */
table.abc tbody th {
   background-color: #eeeeff;　/* 背景色 */
   color: darkblue;            /* 文字色 */
}

