@import 'base.css';
@import 'header.css';
@import 'menu.css';
@import 'footer.css';

#contents {
 width: 650px;
 float: right;
}

#intro {
 float: right;
}

#info {
float: left;
}

#info p {
 color: #ff0000;
 font-size: large;
 font-weight: bold;
}

#news {
float: left;
}

#news table {
 width: 650px;
 empty-cells: show;
 border-collapse: collapse;
 border: 1px solid #444444;
}

#news table th {
 background: #d5f8c2;
 text-align: center;
 height: 25px;
 border: 1px solid #444444;
}

#news table td {
 font-weight: bold;
 background: #eee9e9;
 padding-left: 5px;
 height: 20px;
 border: 1px solid #444444;
}

#reccommend {
 width: 220px;
 float: right;
}

#reccommend h2{
 color: #003366;
 font-size: 110%;
 line-height: 110%;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #cccccc;
 margin-top: 10px;
 margin-bottom: 5px;
 padding-bottom: 5px;
}

#reccommend p {
 margin-bottom: 1px;
}

#close {
 width: 600px
}

#close h2{
 color: #003366;
 font-size: small;
 background-color: #f2f2f2;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #cccccc;
 margin-bottom: 5px;
 padding-bottom: 5px;
}

#close p{
 color: #003366;
 font-size: large;
 font-weight: bold;
}

#close table {
 width: 280px;
 empty-cells: show;
 border-collapse: separate;
 border: 10px solid #eee9e9;
 float: left;
}

#close table th{
 text-align: center;
 height: 20px;
 background: #80cc33;
}
#close table td{
 text-align: center;
 border: 1px solid #4f4f4f;
}

#ouen{
 width: 640px;
 margin-top:15px;
 float: left;
}

#ouen table{
 width: 640px;
 text-align: center;
 background: #d5f8c2;
}

#ouen table th{
 text-align: left;
}

#ouen h2{
 color: #003366;
 text-align: left;
 font-size: 100%;
}


#cart {
 width: 200px;
 float: right;
}

#cart table{
 border: 1px #80cc33 solid;
 background-color: #e0eee0;
}

#cart table td{
 text-align: left;
 padding: 3px;
 vertical-align: bottom;
}

#cart table th{
 
 height: 10px;
 padding: 1px;
 text-align: right;
}

#cart h2{
 height: 50px;
}

#goods{
 width: 440px;
 float: left;
}

#goods h2{
 height: 30px;
}

#goods table{
 margin-top: 2px;
 margin-bottom: 3px;
 background-color: #e3e1eb;
 float: left;
}

#goods table td{
 background-color: #e3e1eb;
 border: 1px #aaaaaa solid;
 text-align: center;
 padding: 2px;
 vertical-align: center;
}

#goods table th{
 font-weight: normal;
 background-color: #d5f8c2;
 border: 0px #80cc33 solid;
 text-align: left;
 padding: 3px;
 vertical-align: center;
}

#goods h4{
 text-align: left;
 float: left;
 font-size: small;
}

#goods h5{
 text-align: right;
 float: right;
 font-size: small;
}

#goods h6{
 font-weight: normal;
 font-size: medium;
 text-align: center;
}

#register h2{
 height: 50px;
}

#register table{
 background-color: #4f4f4f;
 float: left;
}

#register table td{
 background-color: #e3e1eb;
 border: 0px #80cc33 solid;
 text-align: center;
 padding: 2px;
 vertical-align: center;
}

#register table th{
 font-weight: normal;
 background-color: #e3e1eb;
 border: 0px #80cc33 solid;
 text-align: right;
 padding: 3px;
 vertical-align: center;
}

#userinfo table{
  background-color: #e0eee0;
}
#userinfo2 table{
  background-color: #facc88;
}

#userinfo3 table{
  background-color: #e0eee0;
}

#userinfo3 table td{
 border: 1px #80cc33 solid;
 text-align: left;
 padding: 2px;
 vertical-align: center;
}

#userinfo3 table th{
 font-weight: normal;
 border: 1px #80cc33 solid;
 text-align: right;
 padding: 3px;
 vertical-align: center;
}

#coution table{
 background-color: #f3f3d9;
}
#coution table td{
 border: 1px #80cc33 solid;
}

#hidecom {
 display:none;
 position:absolute;
 border: 1px #80cc33 solid;
 background-color: #f3f3d9;
}

#others table {
 width: 640px;
 text-align: left;
 float: left;
}