@charset "euc-jp";

/*
 *  物理のかぎしっぽトップページ用
 */


#box {
  border-style: solid;
  border-width: 0px 1px 0px 1px;
  border-color: #000;
  padding: 0.5em 2.0em 0.5em 1.7em }

#header {
  height: 14px;
  text-align: right;
  font-size: 80%;
  line-height: 100%;
  padding-top: 3px;
  padding-bottom: 2px;
  padding-right: 0.5em;
  color: #ccf;
  border-style: solid;
  border-width: 0px 1px 0px 1px;
  border-color: #000 }

#side {
  margin-top: 0.5em }

#side.left {
  float: left;
  width: 240px;
  margin-bottom: 1em;
  margin-left: 0 }

#mainContent {
  float: left;
  margin-bottom: 1em }

#mainContent.right {
  float: none;
  width: auto;
  margin-left: 300px;
  margin-bottom: 3em }

#footpath {
  clear: both;
  padding-top: 0em;
  padding-bottom:0em }

#footer {
  color: #ccf;
  font-size: 90%;
  text-align: right;
  background-color: #336;
  padding: 2px;
  padding-right: 0.5em;
  margin: 0px;
  font-family:century, Sans-Serif;
  border-style: solid;
  border-width: 0px 1px 0px 1px;
  border-color: #000 }

#announce {
  font-size: 80%;
  border: dashed 2px #c55;
  background-color: #fff;
  padding: 5px }

div#newlist {
  font-size: 80%;
  width: 238px }

div#newlist p {
  margin-left: 1em }

div#newlist span {
  margin-left: -1em;
  color: #ffaa00;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold }

h1 {
  color: #335;
  font-size: 1em;
  font-family: 'MS PMincho', '平成明朝', serif;
  text-align: center;
  font-weight: bold;
  margin: 0.5em 0em 0.5em 0em;
  padding: 0em 0em 0em 0em }

h2 {
  color: #fff;
  font-family: 'MS PMincho', '平成明朝', serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.1em;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #335;
  background-color: #65a;
  background-image: url(../img/hooktailcat-topsect.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
  margin: 1em 0em 1em 0em;
  padding: 4px 2px 2px 26px;
  white-space: nowrap }

h3 {
  color: #335;
  font-size: 120%;
  font-family: 'MS PMincho', '平成明朝', serif;
  font-weight: bold;
  border: 1px dashed #335;
  border-width: 1px 0px 0px 0px;
  background-image: url(../img/hooktailcat-subsect.gif);
  background-position: left top;
  background-repeat: no-repeat;
  margin: 2em 0em 0.8em 0em;
  padding: 15px 0px 5px 40px }

div.rightpict {
  float: right;
  padding-bottom: 1px;
  border: none;
  height: 60px;
  margin: 0px;
  vertical-align: middle }

div.rightpict img {
  text-align: right;
  margin: 0 0 2px 0; }

ul {
  margin-top: 1em;
  margin-bottom: 1.5em }

#side ul {
  padding-left: 0px;
  margin-left: 30px }

#box{ 
  padding-bottom: 0em }

a.changes {
  float: right;
  margin: -3em 0em 0 220px;
  font-size:80%; }

@media print {
  .box{
    padding: 0px }
  .r_area{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 250px } }