a {
  color:blue;
}
a:hover {
  color:red;
}

body{
  margin-left: 20px;
  margin-top: 0px;
}

h1, h2{
  color: #FFFFFF;
  background-color: #3333FF;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px;
  width: 100%;
  font-size: 145%;
}

.search_form h1{
  color: #FFFFFF;
  background-color: #3333FF;
  margin-top: 0px;
  margin-bottom: 0px;
  padding:5px 0px;
  font-size: 145%;
}

h3{
  border: 2px solid #808080;
  border-left: 25px solid #808080;
  margin-top: 2em;
  padding: 5px 7px;
}

img{
  border-style: none;
}

div.logo{
  float: left;
}

div.banner{
  padding-left:330px;
  text-align:left;
}


div.explanation{
  font-size: 80%;
  float: left;
  vertical-align:bottom;
  text-align:right;
  margin-left:180px;
}

div.path{
  background-color: #eeeeee;
  font-size: 90%;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px;
  width:805px;
  font-weight:bold;
  color:gray;
}

div.copy{
  margin-top: 0px;
  padding: 2px 10px;
  width:790px;
  /*background-image: url(/images/headline.gif);*/
  font-weight:bold;
  color:gray;
}

div.globalmenu{
  background-color: #eeeeee;
  font-size: 90%;
  padding: 5px;
  width:805px;
  font-weight:bold;
  color:gray;
}

div.globalmenu table{
  width:100%;
  height:10px;
}

div.globalmenu td{
  text-align:center;
  font-size:80%;
}

div.body{
  width: 805px;
}

div.sidemenu{
  float: right;
  width: 140px;
  margin-top: 10px;
}

div.select{
  border: 1px solid gray;
  padding: 5px 3px 5px 5px;
  background-color: #CCFFCC;
  /*background-image: url(/images/select.gif);*/
  font-weight: bold;
  font-size: 90%;
}

ul.select_brand{
  margin-top: 5px;
  margin-right: 15px;
  vertical-align: middle;
}

ul.select_brand li{
  margin-left: 10px;
  margin-bottom: 5px;
}

ul.select_attribute, ul.select_company{
  margin-top: 5px;
  margin-right: 15px;
  vertical-align: middle;
}

ul.select_attribute li, ul.select_company li{
  margin-bottom: 5px;
  font-size: 85%;
  list-style-image: url(/images/triangle.gif);
}

div.contents{
  float: right;
  margin-left: 15px;
  margin-top: 5px;
  width: 650px;
}

table.card_suggestion{
  border: 1px solid gray;
  width: 100%;
  margin-bottom: 2em;
}

td.card_suggestion_title{
  background-color: #CCFFCC;
  font-weight: bold;
  padding: 5px;
}

td.card_suggestion_body{
  padding: 5px;
}


td.knowledge{
  font-size: 80%;
  padding-top: 7px;
  vertical-align: top;
}

ul.knowledge{
  margin-left: 10px;
  margin-right: 20px;
  padding: 0px;
  list-style-type: none;
}

ul.knowledge li{
  margin-bottom: 5px;
}

div.copyright{
  margin-top: 0.5em;
  text-align: center;
  font-size: 80%;
}

strong.header{
  font-size: 65%;
}

table.cardlist{
  border-collapse: collapse;
  border: solid 1px blue;
}

table.cardlist td{
  text-align: center;
  font-size: 80%;
  border: solid 1px blue;
  padding: 7px 1.5px;
}

table.cardlist tr.title td{
  font-weight: bold;
  font-size: 75s%;
  background-color: #AAFFFF;
  white-space: nowrap;
}

table.detail{
  border-collapse: collapse;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 3px;
  margin-right: 3px;
}

table.detail td{
padding: 3px 5px;
}

table.detail th.category1,td.category1{
  background-color: #ffffc8;
  width: 20%;
  font-weight:normal;
  font-size:80%;
}

table.detail th.category2,td.category2{
  background-color: #acffd6;
  width: 20%;
  font-weight:normal;
  font-size:80%;
}

table.detail td.card_explanation{
  padding: 15px 5px;
}

div.list_card{
  margin-top: 5px;
  margin-bottom: 5px;
}

table.title_list{
  border-collapse: collapse;
  border: solid 1px blue;
}

table.title_list td{
  text-align: center;
  border: solid 1px blue;
  padding: 7px 1.5px;
}

table.title_list tr.title th{
  font-weight: bold;
  font-size: 75s%;
  background-color: #AAFFFF;
  white-space: nowrap;
}

div.search_form{
  border:1px solid gray;
  padding:0px;
}
div.search_form p{
  font-size:80%;
  margin:10px;
}