/* ALL */
body{
margin: 0;
padding: 0;
color: #696969;
background: #ffffff;
font: 80% "‚l‚r ‚oƒSƒVƒbƒN",Osaka,sans-serif;
line-height: 130%;
text-align: center;
}
@media print{
body { margin: 0; padding: 0; }
}

a:link    {color: #0000cd; text-decoration: underline; }
a:visited {color: #339999; text-decoration: underline; }
a:active  {color: #0000cd; text-decoration: none; }
a:hover   {color: #993366; text-decoration: underline; }
@media print {
a:link    { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
}

p { line-height: 180%; }

table { font: 100% "‚l‚r ‚oƒSƒVƒbƒN",Osaka,sans-serif; line-height: 130%; padding: 10px; }
@media print{
table{ color: #666666; border: 1px solid #666666; }
td{ color: #666666; border: 1px solid #666666; }
}

.blue       { color: #b7c6ee; }
.blue table { font: 100% "‚l‚r ‚oƒSƒVƒbƒN",Osaka,sans-serif; line-height: 130%; padding: 10px; background-color: #b7c6ee; }
.blue th    { color: #ffffff; background-color: #b7c6ee;}
.blue td    { color: #696969; background-color: #ffffff; }
@media print{
.blue table { color: #666666; border: 1px solid #666666; }
.blue th { color: #666666; border: 1px solid #666666; }
.blue td { color: #666666; border: 1px solid #666666; }
}

img { border-width: 0; padding: 0; margin: 0; }

.box {
margin: 0;
padding: 0;
background: #ffffff;
border-left: 1px solid #cccccc; 
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}

.bbox {
background: #ecf3ff;
border: 1px solid #7c8bae; 
color: #666666;
text-align: left;
padding: 10px 10px 10px 10px;
}
.b  { font: bold 110% "‚l‚r ‚oƒSƒVƒbƒN",Osaka,sans-serif; color: #336699; line-height: 130%; padding-bottom: 8px; text-align: left; }

/* HEAD */
div.head {
width: 800px;
margin: 0;
padding: 0;
}
@media print{
div.head{ display: none; }
}

/* MAIN */
div.main {
width: 800px;
text-align: left;
margin: 0;
padding: 0; 
}

/* SIDE */
div.side {
width: 180px;
height: auto;
float: left;
text-align: center;
margin-top: 15px;
padding: 0;
}
@media print{
div.side { display: none; }
}

div.side-menu {
text-align: left;
margin: 0;
padding: 3px 3px 3px 10px;
color: #696969;
font: bold 100% "‚l‚r ‚oƒSƒVƒbƒN",Osaka,sans-serif;
border-top: 1px solid #cccccc; 
border-left: 8px solid #b7c6ee;
border-bottom: 1px solid #cccccc;
background: url('http://www.happi-ness.com/img/bg2.gif') no-repeat right bottom;
}

div.side-text {
text-align: left;
margin-top: 3px;
padding: 0px 3px 3px 18px;
background: url('http://www.happi-ness.com/img/button.gif') no-repeat left top;
}

/* CONTENT */
div.cont {
width: 600px;
float: right;
text-align: center;
margin: 0;
padding: 0;
background: url('http://www.happi-ness.com/img/bg4.gif') no-repeat right top;
}
@media print{
div.cont{ width: 100%; }
}

/* BOTTOM */
div.bottom {
margin-top: 5px;
padding: 4px 5px;
text-align: center;
border-top: 2px solid #cccccc;
}
@media print{
div.bottom{ display: none; }
}