*                { font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"; }
body             { margin: 0; background: url(img/common/back.gif) repeat-y left #ddeeff;}
td,th,div        { font-size: 12px; color: #333333; line-height: 18px; margin: 0; font-weight: normal;}
.middle          { font-size: 14px; color: #ffffff; line-height: 18px; margin: 0; font-weight:   bold;}
.middle2         { font-size: 14px; color: #333333; line-height: 21px; margin: 0; font-weight:   bold;}
.middle3         { font-size: 14px; color: #333333; line-height: 25px; margin: 0; font-weight: normal; text-align: center;}
th               { font-size: 18px; color: #ffffff; line-height: 27px; margin: 0; font-weight:   bold; font-family: "‚l‚r ƒSƒVƒbƒN";}
.small           { font-size: 10px; color: #333333; line-height: 15px; margin: 0; font-weight: normal;}
.red             { color: #ff0000; }
.deep_red        { color: #990000; }
.right_red       { color: #cc6666; }
.cyan            { color: #0066ff; }
.pink            { color: #ffcccc; }
.yeallow         { color: #ffff66; }
.long2           { letter-spacing: 1em;}
.long3           { letter-spacing: 0.5em;}
.page            { page-break-after: always; }
div#header       { width: 760px; height: 151px; background: url(img/common/header.jpg); text-align: right;}
div#header h1    { font-size: 8px; line-height: 8px; margin: 0; padding: 0; font-weight: normal; color: #99cc33;}
div#header ul    { margin: 20px 0 0 600px; padding: 0; width: 160px; list-style-type: none;}
div#header li    { margin: 0; padding: 0; text-align: center; font-size: 12px; line-height: 18px;}
a#link_ran       { width: 160px; height: 18px; background: url(img/common/link_ranzan.jpg); display: block;}
a#link_ran:hover {                             background: url(img/spacer.gif);}
a#link_hig       { width: 160px; height: 18px; background: url(img/common/link_higashimatuyama.jpg); display: block;}
a#link_hig:hover {                             background: url(img/spacer.gif);}
a#link_yor       { width: 160px; height: 18px; background: url(img/common/link_yorii.jpg); display: block;}
a#link_yor:hover {                             background: url(img/spacer.gif);}
a#link_ogo       { width: 160px; height: 18px; background: url(img/common/link_ogose.jpg); display: block;}
a#link_ogo:hover {                             background: url(img/spacer.gif);}
a#link_waka       { width: 160px; height: 18px; background: url(img/common/link_wakaba.jpg); display: block;}
a#link_waka:hover {                             background: url(img/spacer.gif);}

div#body         { width: 760px;}
div#menu         { font-size: 12px; color: #ccffcc; line-height: 18px; margin: 0 40px 0 0; padding: 0; width: 180px; text-align: center; background: url(img/common/menu_header.jpg) top no-repeat; float: left;}
div#menu ul      { margin: 0px 0 0 0; padding: 0; width: 180px;}
div#menu li      { margin: 0; padding: 0; width: 180px; height: 25px;}
div#menu a       { width: 180px; height: 25px; color: #ffffff; text-decoration: none; font-size: 14px; line-height: 25px; margin: 0; padding: 0; letter-spacing: 1px; display: block;}
div#menu a:hover { background: url(img/spacer.gif);}
li.all           { background: url(img/common/b_all_on.jpg);}
li.all a         { background: url(img/common/b_all.jpg);   }
li.ran           { background: url(img/common/b_ran_on.jpg);}
li.ran a         { background: url(img/common/b_ran.jpg);   }
li.hig           { background: url(img/common/b_ran_on.jpg);}
li.hig a         { background: url(img/common/b_ran.jpg);   }
li.yor           { background: url(img/common/b_yor_on.jpg);}
li.yor a         { background: url(img/common/b_yor.jpg);   }
li.ogo           { background: url(img/common/b_ogo_on.jpg);}
li.ogo a         { background: url(img/common/b_ogo.jpg);   }
li.waka           { background: url(img/common/b_ogo_on.jpg);}
li.waka a         { background: url(img/common/b_ogo.jpg);   }
.normal          { font-size: 12px; padding: 2px 0 0 0; letter-spacing: 0px;}
hr               { width: 500px; height: 1px;}

div#contents     { width: 500px; margin: 10px 30px 0 0; float: right; text-align: center;}
div#footer       { width: 760px; height: 50px; text-align: center; padding: 0 0 0 180px; clear: both;}

h2               { font-size: 28px; color: #003366; line-height: 42px; margin: 0 0 5px 0; font-weight: normal; }

/* ‚¨–â‚¢‡‚í‚¹ƒ{ƒ^ƒ“—pCSS */
td#mail           { width: 220px; margin: 20px 0 0 0;}
td#mail a         { color: #000000; background-color: #dddddd; border: 1px outset #ffffff; display: block; margin: 0; padding: 5px; width: 100%; text-decoration: none; font-size: 14px; line-height: 16px; text-align: center;}
td#mail a:hover   { color: #ff0000; background-color: #cccccc; border: 1px inset  #ffffff; }
td#link_r         { width: 220px; margin: 20px 0 0 0;}
td#link_r a       { color: #000000; background-color: #ddeeee; border: 1px outset #ffffff; display: block; margin: 0; padding: 5px; width: 100%; text-decoration: none; font-size: 14px; line-height: 16px; text-align: center;}
td#link_r a:hover { color: #ff0000; background-color: #ccdddd; border: 1px inset  #ffffff; }
td#link_o         { width: 220px; margin: 20px 0 0 0;}
td#link_o a       { color: #000000; background-color: #eeeedd; border: 1px outset #ffffff; display: block; margin: 0; padding: 5px; width: 100%; text-decoration: none; font-size: 14px; line-height: 16px; text-align: center;}
td#link_o a:hover { color: #ff0000; background-color: #ddddcc; border: 1px inset  #ffffff; }

/* ˆãŽt‹l */
table#head_ranzan    { background: #33cccc; width: 500px; }
table#head_ranzan th {                      width:  100%; padding: 3px 5px; }
table#head_ranzan td { background: #ffffff; width:  100%; padding: 3px 1px 3px 5px; }
table#head_ogose     { background: #eebb00; width: 500px; }
table#head_ogose th  {                      width:  100%; padding: 3px 5px; }
table#head_ogose td  { background: #ffffff; width:  100%; padding: 3px 1px 3px 5px; }

table.data           { width: 500px; border-top  : 1px solid #aaaaaa; border-left  : 1px solid #aaaaaa; }
table.data td        {               background: #ffffff; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; padding: 3px 5px; }
table.data td.ye25   { width:   25%; background: #ffffbb; border-right: 1px solid #dddd99; text-align: center; padding: 3px 0; }
table.data td.gr25   { width:   25%; background: #ddffdd; border-right: 1px solid #dddd99; text-align: center; padding: 3px 0; }
table.data td.ye18   { width:   18%; background: #ffffbb; border-right: 1px solid #dddd99; text-align: center; padding: 3px 0; }
table.data td.gr18   { width:   18%; background: #ddffdd; border-right: 1px solid #dddd99; text-align: center; padding: 3px 0; }

/* ƒgƒbƒvƒy[ƒW */
div#head             { width: 500px; height: 360px; background: url(img/index/head.jpg) no-repeat; text-align: right; font-family: "‚l‚r ƒSƒVƒbƒN"; font-size: 12px; line-height: 20px; color: #666666; letter-spacing: 1px;}

/* ‚h‚l‚d§Œä */
.ime_act         { ime-mode: active; } 
.ime_dis         { ime-mode: disabled; }
.ime_inact       { ime-mode: inactive; }
