div.shadowbox
{
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    border-color: #c0c0c0 #808080 #808080 #c0c0c0;
    padding: 0.5em;
    margin: 0.5em;
}

div.contentsbox
{
     border-style:solid;
     border-width:1px;
     border-color:#000080;
     padding:0.5em;
     margin:0.5em;
}
#menu-box
{
   /* 背景画像などがあればここに指定 */
}

#menu
{
   list-style-type:none;
   height:32px;
   border-left:solid 1px #330000;
}

#menu li
{
   /* リストはインライン要素化して横に並べる */
   line-height:32px;
   display:inline;
}

#menu li a
{
   /* リンクをブロック要素にする */
   background-image:url('menu-bg.gif');
   background-repeat:repeat-x;
   padding:0px 12px;
   display:block;
   float:left;
   border-right:solid 1px #330000;
}

#menu li a:hover
{
   /* マウスがメニュー領域内に入った時 */
   background-image: url('menu-bg-hover.gif');
   background-repeat:repeat-x;
}

*.underline  { border-bottom: solid  1px #ff0000; } //下線
*.dotline    { border-bottom: dotted 1px #ff0000; } //点線
*.doubleline { border-bottom: double 3px #ff0000; } //二重線
*.rectangle  { border:solid 1px #ff0000; }          //四角で囲う