*|* {
  margin: 0px;
  padding: 0px;
}

*|img {
  border:  none;

  margin-right: 1em;
}

.l{
  width:  640px;
  height: 480px;
}
.m{
  width:  320px;
  height: 240px;
}
.s{
  width:  240px;
  height: 160px;
}

.lv{
  width:  480px;
  height: 640px;
}
.mv{
  width: 240px ;
  height: 320px;
}
.sv{
  width: 160px ;
  height: 240px;
}

*|body {
  background-color: #f5f5f5;
  line-height: 150%;
}
*|div#page {
  border: 1px solid #888888;
  margin: 0px auto; 

  background: #f1e7ec ;
  text-align: left;
  max-width: 1000px;
  min-width: 400px;
}
*|div#header {
/*  height:64px;  
  border: 1px solid #a0a0a0;
*/
  margin: 3px;


/*  background: #ffffff; */
  padding: 10px 10px 0px 10px;


}

.rightstr {
/*float:right ; */
  text-align: right;
}

.phone {
color: #a00000;
font-size: 150%;
font-weight: bold; 
  padding: 0px 10px 0px;

}

*|div#menu {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  padding: 0.5em;
  margin: 5px ;
  background: #CC0000 ;
  height: 1em; 
line-height: 100%;
  color: #c0c0ff;
  clear: both;
}
*|div#menu *|ul {
  margin: 0px;
  padding: 0px;
}
*|div#menu *|li {
  border-right: 2px solid #ffffff;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  margin-left: 0.5em;
  color: #ffffff;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
*|div#menu *|a {
  color: #ffffff;
  text-decoration: none;
}
*|div#menu *|a:hover {
  background: #e1ecd7 none repeat scroll 0% 50%;
  color: #000000;
}
*|div#main {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  padding: 1em;
  background: #ffffff none repeat scroll 0% 50%;

/*  margin-left: 0.5em;
  margin-right: 0.5em;
*/
  margin : 0.5em;

  font-size: 100%;
  line-height: 1.5;
}
*|div#main *|p {
  padding: 0 1em 0 2em;
  text-indent: 1em;
  font-size: 100%;
  clear:both ;
}
*|div#main *|img {
  float: left;
  border:  none;

  margin-right: 0.5em;

  padding-left: 0.5em;


  padding-bottom: 0.5em;
  padding-top: 0.5em;


}
*|h1 {

  text-align: left;
  padding: 10px 10px 0px;
  font-size: 200%;
  clear: both;
}

*|h3 {
  border-left: 1em solid #CC0000;

  margin: 0.5em 3em 0.5em 1em;
  padding: 0 1em 0 0.5em;
  background: #ffffff none repeat scroll 0% 50%;
  font-size: 120%;
line-height: 1;
  list-style-type: disc;
  clear: both;
}
*|h2 {
  border-left: 1.5em solid #CC0000;
  border-bottom: 1px solid #CC0000;
  margin: 0 0 0.5em ;
  padding: 0 0.5em;
  background: #ffffff none repeat scroll 0% 50%;
  font-size: 130%;
  clear: both;
}
*|div#main *|ul {
  font-size: 120%;
  margin-left: 2em;
  margin-bottom: 1em;
  margin-right: 0.5em;
}
*|div#footer {
  border-top: 1px solid #333333;
  margin: 0px;
  padding: 0px;
  background: #CC0000 ;
  text-align: center;
color: #FFFFFF;
  clear: both;
  height: 2em;
}
*|div#footer *|p {
  margin: 0;
  padding: 0.25em 0; 

}


input{
 font-size:18px;
 height : 1.2em;
}

select{
 font-size:18px;
 height : 1.5em;
}

strong{
 color:#aa0000;
}





.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}