body {color: #000033; background-color: #fffaf0; margin: 10px auto; padding: 0px; width: 780px;}

table {width: 100%; margin: 5; padding: 5; font-size: small;}
table td {padding: 0; border-width: 1px; border-color: #000033; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif;}

a {color: #4682b4; text-decoration: none; font-weight: bold; background-color: transparent;}
a:hover {color: #ff69b4;}

h1 {font: normal bold 36px 'MS P明朝' serif; color:#000066;}
h2 {}
h3 {}
h4 {}
h5 {}

ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; list-style: square inside; color: #2F5376;}

th {background-color: #ffffff; color: #000066; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif; border:1px solid fuchsia;}

/*===header===*/
table#header {background-color: #99ccff;
              border-bottom: 1px solid #c0c0c0;}
td#headerlogo {vertical-align: middle;}
td#headerbanner {text-align: right; vertical-align: middle; color: #ffffff; padding-right: 20px;}
td#headerbar {height: 30px; color: #ffffff; text-align: center; vertical-align: middle;}

/*===frame===*/
td.frame_lt{height: 10px; width: 10px;
            background-image: url(./img/frame_lt.gif);
            background-repeat: no-repeat;
            background-position: left top;}
td.frame_t{height: 10px; width: 760px; background-color:#99ccff;}
td.frame_rt{width:10px;
            background-image:url(./img/frame_rt.gif);
            background-repeat:no-repeat;
            background-position:right top;}

td.frame_lc{background-color:#99ccff;}
td.frame_c{background-color:#99ccff;}
td.frame_rc{background-color:#99ccff;}

td.frame_lb{height: 10px; width: 10px;
            background-image:url(./img/frame_lb.gif);
            background-repeat:no-repeat;
            background-position:left bottom;}
td.frame_b{height: 10px; width: 760px; background-color:#99ccff;}
td.frame_rb{height: 10px; width: 10px;
            background-image:url(./img/frame_rb.gif);
            background-repeat:no-repeat;
            background-position:right bottom;}

/*===main===*/
table#main {border-right: 1px solid #99ccff;}

/*===leftcolumn===*/
td#leftcolumn {width: 170px; font-size:14px; background-color: #d3d3d3;}
td#leftcolumn th {background-color: #ffffff; color: #000066; vertical-align: middle;}
td#leftcolumn div.blockTitle {padding: 4px; background-color: #d3d3d3; color: #639ACE; font-weight: bold;
height: 16px; text-align: center; vertical-align: bottom;}
td#leftcolumn div.blockContent {padding: 0px; line-height: 120%; line-height: 120%;}

/*===QRcode===*/
table#QRcode {background-color: #ffffff; text-align: center;
              border-left: 1px solid #d3d3d3;
              border-right: 1px solid #d3d3d3;}
td#QRcode {padding: 4px;}
td#QRcodeImg {height: 120px; vertical-align: middle;}

/*===centercolumn===*/
td#centercolumn {font-size: 12px; background-color: #ffffff;}
td#centercolumn th {background-color: #dcdcdc; color: #FFFFFF; vertical-align: middle;}
td#centerCcolumnT {padding: 8px 3px 0px 3px;}
td#centerCcolumnM {padding: 4px 3px 2px 3px;}
td#centerCcolumnB {padding: 2px 3px 8px 3px;}
td#centerCcolumn1 {padding: 8px 3px 8px 3px;}
td#centerCcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px; margin-right: 0px;  margin-left: 0px;}
td#centerCcolumn div.blockContent {padding: 3px; margin-right: 0px;  margin-left: 0px; margin-bottom: 2px; line-height: 120%;}

/*===cframe===*/
td.cframe_lt{height: 16px; width: 21px;
             background-image: url(./img/cframe_lt.gif);
             background-repeat: no-repeat;
             background-position: left top;}
td.cframe_hlt{height: 16px;
              background-image: url(./img/cframe_hlt.gif);
              background-position: center;}
td.cframe_rt{width: 16px width: 21px;
             background-image:url(./img/cframe_rt.gif);
             background-repeat:no-repeat;
             background-position:right top;}
td.cframe_vl{width: 21px;
             background-image: url(./img/cframe_vl.gif);
             background-position: center;}
td.cframe_lb{height: 16px; width: 21px;
             background-image:url(./img/cframe_lb.gif);
             background-repeat:no-repeat;
             background-position:left bottom;}
td.cframe_hlb{height: 16px;
              background-image: url(./img/cframe_hlb.gif);
              background-position: center;}
td.cframe_rb{height: 16px; width: 21px;
             background-image:url(./img/cframe_rb.gif);
             background-repeat:no-repeat;
             background-position:right bottom;}
td.cframe_title{color: #639ACE; font-weight: bold;
                padding: 0px 5px 3px 10px;}
td.cframe_contents{padding: 10px 10px 10px 15px;
                   line-height: 24px;}
td.cframe_img{padding-top: 15px;
              padding-bottom: 10px;
              text-align: center;}


/*===centerLcolumn===*/
td#centerLcolumn {width: 50%; padding: 0px 3px 10px 0px;}
td#centerLcolumn div {padding: 0px 0px 0px 8px;}
td#centerLcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;}
td#centerLcolumn div.blockContent {padding: 3px; margin-left: 3px; margin-right: 2px; margin-bottom: 2px; line-height: 120%;}

/*===centerRcolumn===*/
td#centerRcolumn {width: 50%; padding: 0px 3px 10px 0px;}
td#centerRcolumn div {padding: 0px 5px 0px 5px;}
td#centerRcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;}
td#centerRcolumn div.blockContent {padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 120%;}

div#content {text-align: left; padding: 8px;}

/*===rightcolumn===*/
td#rightcolumn {width: 170px; border-left: 1px solid #cccccc; font-size:12px;}
td#rightcolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;}
td#rightcolumn div.blockTitle {padding: 3px; background-color: #dddddd; color: #639ACE; font-weight: bold;}
td#rightcolumn div.blockContent {padding: 3px; line-height: 120%;}

/*===footer===*/
td#footerbar {height: 25px; width: 100%; color: #ffffff; font-weight: bold; vertical-align: bottom; background-color: #99ccff;  text-align: center;}

/*===mainmemu===*/
td#nowpage {background-color: #efe0e5; display: block; margin: 0px; padding: 4px; height: 20px;
            font-size: strong; color: #ff69b4; font-weight: bold;
            border-left: 1px solid #d3d3d3;
            border-bottom: 1px solid #808080;
            border-right: 1px solid #d3d3d3}
td#nowpageSub {background-color: #efe0e5; display: block; margin: 0px; padding: 4px 4px 4px 12px; height: 20px;
               font-size: strong; color: #ff69b4; font-weight: bold;
               border-left: 1px solid #d3d3d3;
               border-bottom: 1px solid #808080;
               border-right: 1px solid #d3d3d3}
td#mainmenu a {background-color: #99ccff; display: block; margin: 0px; padding: 4px; height: 20px;
            border-left: 1px solid #d3d3d3;
            border-bottom: 1px solid #d3d3d3;
            border-right: 1px solid #d3d3d3;}
td#mainmenu a:hover {background-color: #ffffcc;
            border-left: 1px solid #d3d3d3;
            border-bottom: 1px solid #d3d3d3;
            border-right: 1px solid #d3d3d3;}
td#mainmenu a.menuTop {padding-left: 3px; border-top: 1px solid silver; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;}
td#mainmenu a.menuMain {padding-left: 3px; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #808080;}

/*===menuSub===*/
td#mainmenu a.menuSub {padding-left: 12px;
            border-left: 1px solid #d3d3d3;
            border-bottom: 1px solid #808080;
            border-right: 1px solid #d3d3d3;}
td#mainmenu a:hover {color: #ff69b4; border-left: #d3d3d3;}

/*===usermenu===*/
td#usermenu a {background-color: #e6e6e6; display: block; margin: 0; padding: 4px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}
td#usermenu a:hover {background-color: #ffffff;}
td#usermenu a.menuTop {border-top: 1px solid silver;}
td#usermenu a.highlight {background-color: #fcc;}



.outer {border: 1px solid silver;}
.head {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
.even {background-color: #dee3e7; padding: 5px;}
.odd {background-color: #E9E9E9; padding: 5px;}
.foot {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
tr.even td {background-color: #dee3e7; padding: 5px;}
tr.odd td {background-color: #E9E9E9; padding: 5px;}

div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}
div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}

/*===timetable===*/
td#timetable{text-align: center;}
table#timetable{width: 500px;
                margin: 15px;
                font-size: 110%;
                font-weight: bold;
                color: #4682b4;
                text-align: center;
                vertical-align: middle;}
td#weekT{width: 100px;
         height: 30px;
         background-color: #f0f8ff;
         vertical-align: middle;
         border-top: 1px solid #000066;
         border-right: 1px solid #000066;
         border-left: 1px solid #000066;}
td#weekM{height: 30px;
         background-color: #f0f8ff;
         vertical-align: middle;
         border-top: 1px solid #000066;
         border-right: 1px solid #000066;
         border-left: 1px solid #000066;}
td#weekB{height: 30px;
         background-color: #f0f8ff;
         vertical-align: middle;
         border-top: 1px solid #000066;
         border-right: 1px solid #000066;
         border-left: 1px solid #000066;
         border-bottom: 1px solid #000066;}
td#amT{background-color: #f0f8ff;
       vertical-align: middle;
       border-top: 1px solid #000066;
       border-right: 1px solid #000066;}
td#amM{vertical-align: middle;
       border-top: 1px solid #000066;
       border-right: 1px solid #000066;}
td#amB{vertical-align: middle;
       border-top: 1px solid #000066;
       border-right: 1px solid #000066;
       border-bottom: 1px solid #000066;}
td#pmT{background-color: #f0f8ff;
       vertical-align: middle;
       border-top: 1px solid #000066;
       border-right: 1px solid #000066;}
td#pmM{vertical-align: middle;
       border-top: 1px solid #000066;
       border-right: 1px solid #000066;}
td#pmB{vertical-align: middle;
       border-top: 1px solid #000066;
       border-right: 1px solid #000066;
       border-bottom: 1px solid #000066;}
td#holiday{text-align: center;
           font-size: 110%;
           font-weight: bold;
           color: #ff69b4;}

/*===map===*/
td#map{text-align: center;
       padding: 15px;}