﻿
/* CSS Document */
body{
  margin: 0px;
  padding: 0px;
  text-align: center;
  background-image: url(images/back.gif);
}
#wrapper{
  width: 799px;
  margin: 0px auto;
  padding: 0px;
  background-color: #FFF;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}  
a {
  text-decoration: none;
  color: #0000FF;
}
a:hover {
  color: #FF0000;
}
#header {
  width: 799px;
  text-align: left;
  margin: 0;
  padding: 0px;
}
#headerLogo {
  width: 797px;
  border-bottom: 3px solid #003366;
  margin: 0 0 0 1px;
  padding: 0;
}
h1 {
  font-size: 0.7em;
  font-weight: strong;
  letter-spacing: 0.05em;
  color: #707070;
  margin: 0;
  padding: 0 0 0 5px;
}
h2 {
  font-size: 0.7em;
  font-weight: strong;
  letter-spacing: 0.05em;
  color: #fff;
  margin: 0;
  padding: 0 0 0 5px;
}
#headerNavi {
  width: 797px;
  height: 50px;
}
#logo {
  float: left;
}
#sanyoInfo {
  margin: 0 5px 0 0;
  padding: 0;
  float: right;
}
#headerMenu {
  width: 799px;
  margin: 1px 0 1px 0;
  clear: both;
}
#headerMenu ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;   
}
#headerMenu li {
  float: left;
}
li.headerlist a{
   width: 132px;
   display: block;
   margin: 0 0 0 1px;
   padding: 0;
}
li.headerlist a:hover{
}
li.headerlistR a{
   width: 132px;
   display: block;
   margin: 0 1px 0 1px;
   padding: 0;
}
li.headerlistR a:hover{
   background-image: url(images/headerMenuback2.png);
   background-repeat: no-repeat;
}

/*ƥʬ*/
#contents {
  width: auto;
  margin: 0;
  padding: 0;
  clear: both;
}
#leftColumn {
  width: 175px;
  float: left;
  font-size: 0.8em;
  margin: 5px 5px 0 5px;
  padding: 0;
}
.leftMenu {
  margin: 0 0 5px 0;
  padding: 0;
  border: 1px solid #CCCCCC;
}
#banner {
  margin: 0 0 5px 0;
  border: 1px solid #CCC;
}
#bannerCenter {
  margin: 5px 0 0 0;
  padding: 10px;
  border: 1px solid #CCC;
  text-align: center;
}
#bannerCenter img {
  padding: 10px;
}
#bannerNoline {
  margin: 0 0 5px 0;
}
#bannerAbove {
  margin: 0 0 5px 0;
  border: 1px solid #CC0033;
}
.menuTitle1 {
  margin: 0;
  padding: 0;
  height: 25px;
}
.menuTitle2 {
  margin: 0;
  padding: 0;
  height: 25px;
}
.menuTitle3 {
  margin: 0;
  padding: 0;
  height: 25px;
}
.menuTitle4 {
  margin: 0;
  padding: 0;
  height: 25px;
}
.menuTitle h5 {
  margin: 0;
  padding: 7px 0 7px 0;
  color: #FFF;
}
.menuContent {}
.menuContent ul {
  margin: 5px 0 5px 5px;
  padding: 0;
  text-align: left;
}
.menuContent li {
  margin: 10px 0 10px 15px;
  padding: 0;
  list-style: square;
  color: #990000;
}
.menuContent li a {
  text-decoration: underline;
  color: #990000;
}
.menuContent li a:hover {
  text-decoration: underline;
  color: #0000FF;
}
.menuContent span {
  text-align: center;
}
.menuContent p {
  text-align: left;
  padding: 0 5px 0 5px;
}
.span {
  margin: 5px 0 5px 0;
}
#rightColumn {
  width: 595px;
  float: left;
  margin: 5px 0 0 5px;
  padding: 0;
}
#rightColumn dl{
  margin: 15px 10px 0 10px;
  font-size: 0.9em;
  letter-spacing: 0.05em;
  line-height: 2.5em;
} 
#flash {
  width: 595px;
  border: 1px solid #CCC;
  margin: 0;
  padding: 0;
}
#openhouse {
  width: 595px;
  text-align: left;
  border: 1px solid #CCC;
  margin: 5px 0 0 0;
  padding: 0;
}
#openhouse2 {
  width: 595px;
  text-align: left;
  border: 1px solid #CC0000;
  margin: 5px 0 0 0;
  padding: 0;
}
#openhouse3 {
  width: 595px;
  height: 48px;
  border: 1px solid #CC0000;
  margin: 5px 0 0 0;
  padding: 0;
  background-image: url(images/topKanagawa.gif);
  background-repeat: no-repeat;
}
#click {
  margin: 12px 0 0 455px;
}
#openhouse ul {
  margin: 10px 0 10px 10px;
  padding: 0;
}
#openhouse li {
  font-size: 0.9em;
  margin: 2px 0 0 20px;
  padding: 0;
  list-style-type: square;
  color: #333;
}
table.tokusenTable {
  font-size: 0.8em;
  background-color: #003399;
  margin: 5px 0 0 0;
}
td.tokusen {
  background-color: #FFF;
}
#topics {
  width: 595px;
  text-align: left;
  border: 1px solid #CCC;
  margin: 5px 0 0 0;
  padding: 0;
  clear: both;
}
#topics ul {
  margin: 10px 0 10px 10px;
  padding: 0;
}
#topics li {
  font-size: 0.9em;
  margin: 2px 0 0 20px;
  padding: 0;
  list-style-type: square;
  color: #333;
}
.rightCont {
  text-align: left;
  font-size: 0.9em;
}
.rightCont h1 {
  margin: 10px 0 10px 0;
  border: 1px solid #336699;
  font-size: 1.2em;
  padding: 5px 0 5px 10px;
  line-height: 1.5em;
  color: #666;  
}
.rightCont h2 {
  margin: 20px 10px 0 10px;
  border-left: 5px solid #333366;
  border-bottom: 1px solid #333366;
  font-size: 1.0em;
  padding-left: 10px;
  line-height: 1.5em;
  color: #333366;
}
.rightCont ul {
  list-style: none;
  margin: 10px 0 10px 15px;
  padding: 0;
}
.rightCont li {
  line-height: 1.5em;
}
.rightCont p {
   margin: 15px;
}
li.compLi {
   list-style-type: none;
   padding: 0 0 0 15px;
}
p.columnTitle {
  padding: 5px 0 0 5px;
  margin: 0;
}

#footer {
  width: 796px;
  height: 50px;
  font-size: 0.8em;
  border-top: 1px solid #CCC;
  margin: 5px 0 0 1px;
  clear: both;
}
#leftColumn p {
  line-height: 1.5em;
  word-spacing: 0.5em;
  margin: 8px 4px 8px 4px;
}
#products a {
  color: #990000;
}
#products a:hover {
  color: #FF0000;
}
.menuContent a{
  color: #990000;
}
address{
  margin: 0px;
  padding: 5px 0px 0px 0px;
  color: #666;
  font-style: normal;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#kojin {
  margin: 0 15px 0 15px;
}
#kojinmadoguchi {
  width: 300px;
  float: right;
  text-align: left;
}
#catchCopy1 {
  width: 520px;
  padding: 10px 0 0 0;
  border: 1px solid #CCC;
  margin: 15px 0 0 10px;
  color:#666;
}
#catchCopy2 {
  width: 520px;
  padding: 10px 0 0 0;
  border: 1px solid #CCC;
  margin: 10px 0 0 10Px;
  color: #666;
}
td.leftTable {
  background-color: #3399FF;
  vertical-align: top;
}
td.leftTitle {
  background-color: #003366;
  color: #FFF;
}
.photo {
  margin: 10px 0 10px 0;
  text-align: center;
}
td.tablePics {
  padding: 7px 0 7px 10px;
  background-color: #FFF;
  font-size: 0.9em;
  color: #333;  
  font-weight: bold;
}
td.tableNew {
  background-color: #FFF;
  font-size: 0.8em;
  color: #666;
}
td.tableTitle {
  color: #FFF;
  padding: 10px 0 10px 0;
  font-size: 0.9em;
  font-weight: bold;
}
td.tokusenTitle {
  font-size: 1.0em;
  padding: 5px 0 5px 0;
}
td.tokusenBack {
  background-color: #FFF;
}
 td.tokusenBack2 {
  background-color: #FFF;
  padding: 4px 0 4px 5px;
}
h2 {
  font-size: 1.0em;
  letter-spacing: 0.05em;
  font-weight:bold;
  margin: 0;
  padding: 0 0 0 2px;
}
p {
  font-size: 0.9em;
  letter-spacing: 0.05em;
  margin: 0;
  padding: 0 0 0 2px;
  color: #333;
}
td.tableDetail {
  font-size: 0.8em;
  padding: 0 0 0 2px;
  color: #333;
}
td.tableDetailR {
  font-size: 0.8em;
  padding: 0 5px 0 0;
  color: #333;
}
marquee {
  font-size: 0.8em;
  color: #666;
  padding: 2px 0 2px 0;
}
/*#tokusen table {
  border: 1px solid #CCC;
}*/
#aboveTable {
  font-size: 0.8em;
  margin: 5px 0 5px 0;
  background-color: #003366;
}
td.backTable1 {
  width: 25%;
  text-align: center;
  padding: 5px 0 5px 0;
  color: #FFF;
  background-color: #0066CC;
}
td.backTable2 {
  background-color: #FFF;
  width: 25%;
  text-align: center;
  padding: 5px 0 5px 0;
}
td.backTable3 {
  background-color: #FFF;
  padding: 5px 0 5px 5px;
}
td.backTable4 {
  padding: 5px 0 5px 5px;
  background-color: #FFF;
}