h1 {
 color: #556b2f; 
 font-size: 26px; 
 font-weight: bold; 
 margin: 2em 0em 1em; }

.com {
 color: #dc143c;
 font-size: 120%;
 font-weight: bold;
 margin-bottom: 2.5em; }

.dia { 
 background: #000000;
 width: 300px; 
 height: 225px; }

.mg_l {
 margin-left: 50px; }

.td { 
 background: #f8f8ff;
 width: 300px; 
 line-height: 1.2; 
 letter-spacing: 0.1em; 
 padding: 0.5em 0.7em; }

p {
 color: #00008b; }

.note {
 color: #9370db; }

.com2 {
 color: #dc143c;
 font-size: 105%;
 font-weight: bold; }

.com3 {
 color: #4b0082;
 font-weight: bold; }

.total {
 color: #dc143c;
 font-weight: bold; }

.price { 
 background: #f8f8ff;
 width: 300px; 
 line-height: 1.3;  
 padding: 0.5em 0.7em; }

.note1 {
 color: #4b0082; }

.note2 {
 color: #696969; }

.note3 {
 color: #b22222; }

.note4 {
 color: #000000; }

.wide {
 margin: 30px 15px 40px; }