/* レイアウトの設定*/
body     { background-color: transparent; background-image: url(gif/17.gif); text-align: center; margin: 0; padding: 0 }
/* ラッパーの設定*/
#wrap     { background-color: #d3d3be; text-align: left; margin: 0 auto; width: 820px; height: auto; border-style: inset outset outset inset; border-width: 1px; border-color: #d3d3be #e6dfbe #66c2ae #d3d3be }
/* ヘッダーの設定*/
#head      { background-color: #ffffe1; background-image: url(jpg/head1.jpg); background-repeat: no-repeat; background-position: right 50%; width: 820px; height: 120px }

/* 左側の設定*/
#left      { color: #ee8c4e; background-color: #d3d3be; width: 149px; height: auto; float: left }
/* 右側の設定*/
#right     { color: #000000; background-color: #e6dfbe; width: 670px; height: auto; float: right }
/* フッターの設定*/
#foot     { color: #ffffe1; font-size: small; background-color: #66c2ae; text-align: justify; padding-top: 10px; padding-left: 200px; position: relative; width: 620px; height: 120px; clear: both; border-top: 1pt inset #66c2ae }
/*　メニュー*/

<!--
.menu div
  { margin: 0; border-width: 0 }

.menu div.jp
    { font-size: 12px; text-align: right; position: relative; right: 15px; width: 150px; border: outset 0 }

.menu div.active
   { color: red; font-size: 18px; font-family: "comic sans MS"; font-weight: bold; text-decoration: none; background-color: #e6dfbe; text-align: right; display: block; margin-bottom: 1px; width: 135px; border-top: 0 none; border-right: 0 none; border-bottom: 2px inset #66c2ae; border-left: 15px solid #66c2ae }

a.navi
     { color: aqua; font-size: 18px; font-family: "comic sans MS"; font-weight: bold; text-decoration: none; background-color: #d3d3be; text-align: center; display: block; margin-bottom: 1px; padding: 0; width: 135px; border-style: none none inset solid; border-width: 0 0 2px 15px; border-color: #66c2ae }

a.navi:link
    { color: #2aafcc; background-color: #d3d3be; text-align: center; border-bottom: 2px inset #66c2ae; border-left: 15px solid #66c2ae }

a.navi:visited
    { color: #f90; background-color: #d3d3be; text-align: center; width: 135px; border-bottom: 2px inset #66c2ae; border-left: 15px solid #66c2ae }

a.navi:active
  { color: yellow; background-color: #e6dfbe; text-align: right; width: 135px; border-bottom: 2px inset #66c2ae; border-left: 15px solid #66c2ae }

a.navi:hover
    { color: #2aafcc; font-size: 18px; font-family: "comic sans MS"; font-weight: bold; text-decoration: none; background-color: #e6dfbe; text-align: right; display: block; margin-bottom: 1px; padding: 0; width: 135px; border-top: none; border-right: none; border-bottom: 2px inset #66c2ae; border-left: 15px solid #66c2ae }


-->

/*　コンテンツ*/

<!--
.con
{
 margin-left:5%;
 margin-right:5%;
}


h1
 { color: #f90; font-size: x-large; font-family: "comic sans MS"; font-weight: bold; text-align: center; margin-top: 10px; padding: 2px }

h2
 { color: #663300; font-size: large; font-family: "comic sans MS"; background-color: #ffffe1; text-align: center; margin-top: 0; margin-bottom: 0; padding: 2px; clear: both; border: dotted 2px #f90 }

p
{
 padding:3px;
 text-align:left;
 text-justify:distribute;
 font-size:14px;
 color:#4D4545;
 line-height:1.5;
 font-family:MS ゴシック,Osaka―等幅,monospace;
 background-color:#ffffe1;
 margin-top:0px;
}

p.act
 { color: #4d4545; font-size: large; font-family: "MS ゴシック", Osaka―等幅, monospace; font-weight: bold; background-color: #ffffe1; text-align: left; margin-top: 0; margin-bottom: 0; padding: 3px }

img.pic
{
padding:0px;

}

img.act1
 { padding: 20px 10px 10px; width: 210px; height: 150px; float: right }

img.act2
{
 float:left;
 padding:10px;
}

img.top
{
 padding:20px;
 width:554px;
}

p.box
{
 font-family:MS ゴシック,Osaka―等幅,monospace;
 height:273px;
 width:540px;
 overflow:auto;
 background-color:#FFFFe1;
 border-color:#ee8c4e;
 border-style:double;
 margin-bottom:20px;
 margin-left:20px;
}

a.back
{
 font-family:MS ゴシック,Osaka―等幅,monospace;
 font-size:medium;
 margin-bottom:20px;
 margin-left:500px;
}
-->

/*　ナビバー*/

<!--
.bar div

     { }
.bar div.active     { color: red; font-size: small; font-family: "comic sans MS"; font-weight: bold; line-height: 28px; background-color: #e6dfbe; background-position: 1em 0; text-align: center; width: 105px; height: 25px; float: left; border-style: none none none solid; border-width: 3px medium medium 5px; border-color: #d3d3be #66c2ae }
a.bar
        { color: #2aafcc; font-size: small; font-family: "comic sans MS"; font-weight: bold; line-height: 25px; text-decoration: none; background-color: #e6dfbe; text-align: center; margin-top: 0; margin-right: 0; margin-bottom: 0; padding: 0; width: 105px; height: 25px; float: right; border-style: none none none solid; border-width: 3px medium medium 5px; border-color: #d3d3be #66c2ae }

a.bar:link
  { color: #2aafcc; background-color: #d3d3be; margin-right: 0; margin-bottom: 0; margin-left: 0 }

a.bar:visited
     { color: #f90; background-color: #d3d3be }

a.bar:active
 { color: yellow; background-color: #e6dfbe }

a.bar:hover
 { color: #2aafcc; background-color: #e6dfbe; border-bottom: #ff0000 }


-->

/*テーブル*/

<!--
table.sample{
 width:602px;
 border-top:1px solid #663300;
 border-left:1px solid #663300;
 border-collapse:collapse;
 border-spacing:0;
 background-color:#ffffe1;
 empty-cells:show;
 margin-bottom:0px;
 margin-top:1px;
 padding:1px;
 img-aline:center;
}
.sample th{
 border-right:1px solid #663300;
 border-bottom:1px solid #663300;
 padding:1px;
 margin-bottom:0px;
 margin-top:0px;
 margin-right:0px;
 margin-left:0px;
 color:#330000;
 text-align:center;
}
.sample td{
 border-right:1px solid #663300;
 border-bottom:1px solid #663300;
 padding:1px;
 margin-bottom:0px;
 margin-top:0px;
 margin-right:0px;
 margin-left:0px;
 font-size:12px;
 font-family:MS ゴシック,Osaka―等幅,monospace;
}

.sample h3
{
 text-align:center;
 font-size:16px;
 font-family:comic sans MS;
 color:gray;
 margin-bottom:0px;
}

-->

<!--
p.box2
 { font-size: x-small; background-color: #ffffe1; text-align: left; margin-top: 15px; margin-bottom: 15px; margin-left: 5px; width: 130px; height: 200px; float: left; overflow: auto; border-style: double; border-color: #2aafcc }
-->