body     {color:#ffffff;
          background-color:#000000;
          background-image:url(sekarashika_back.jpg);
          background-repeat:no-repeat}
          

/* パラグラフ */

div#container  {border:outset 3px #bbffaa;
                padding:5px;
                background-color:#000000;
                width:200px;
                margin-top:55px;
                margin-left:380px;
                margin-right:auto}

div#header     {background-color:#000000;
                width:200px;
                padding:3px 3px}

div#header p   {color:#ffffff;
                margin-top:5px}

div#plot       {background-color:#000000;
                width:200px;
                margin-top:350px;
                margin-left:20px;
                margin-right:auto}



/* 見出し */

h1       {font-size:1.25em;
          font-family:Verdana,Helvetica,sans-serif;
          color:#663300;
          margin-bottom:0}

h2       {font-size:1em;
          border-left:solid 16px #66aa66;
          padding-left:5px;
          margin-bottom:0;
          margin-top:30px}

h3       {font-size:0.875em;
          border-bottom:solid 2px #66aa66;
          padding-bottom:3px;
          background-image:url(mark.png);
          background-repeat:no-repeat;
          background-position:0 -2px;
          padding-left:20px;
          clear:both}


/* 写真配置 */

img.photo-odd   {float:right;
                 margin-left:15px;
                 margin-bottom:15px}

img.photo-even  {float:left;
                 margin-right:15px;
                 margin-bottom:15px}


/* 段落 */

p        {font-size:0.75em;
          line-height:1.4}

p>strong {color:red}

p#summary    {margin-top:10px;
              margin-botoom:30px;
              width:420px}


/* 送信フォーム */

input,textarea  {border:solid 1px #66aa66}

p#button input  {border:outset 3px #66aa66;
                 background-color:#66aa66;
                 color:#ffffff;
                 width:100px}


/* イベントテーブル */

table    {font-size:0.75em;
          margin-bottom:20px;
          width:420px;
          border:none;
          border-collapse:collapse}

ht,td    {padding:8px}

th       {width:120px;
          text-align:left;
          vertical-align:middle;
          background-color:#ffdd44;
          border:solid 1px #aa8844}

td       {background-color:#ffffcc;
          border:solid 1px #aa8844}


/* copyright */

address  {font-size:0.75em;
          font-style:normal;
          text-decoration:underline;
          padding-top:230px;
          padding-left:50px;
          clear:both}


/* LINK */

a        {color:#330066}
a:link   {color:#660000}
a:visited{color:#ff0000}
a:hover  {color:#88aaff;
          background-color:yellow}
a:focus  {color:#ffffff}
a:active {color:#aaaaaa}

address a{color:#33ff99}
address a:visited{color:#00ff99}
address a:hover {color:#ffaa00}

ul       {list-style-type:none;
          margin-left:0;
          padding-left:0;
	  background-color: #bbffaa;
          padding:3px 20px;
          margin-top:0}

li       {display:inline;
          padding-right:10px;
          font-size:0.75em}

li a     {text-decoration:none}

ul.flame {list-style-type:none;
          margin-left:0;
          padding-left:0;
          padding:0;
	  background-color: #ffffff;
          margin-top:30px;
          width:120px;
          float:left}

li.flame {display:block;
          padding-right:10px;
          font-size:0.75em;
          margin-bottom:10px; 
          border-bottom:solid 1px #66aa66}


p#message {width:350px;
           color:#ffffff;
           margin-left:10px;
           margin-right:auto;
           text-align:left;
           line-height:1.3}

div#contents   {margin-left:140px}

p#plot    {color:#ffffff}