@charset "shift_jis";
body.top {color:#000000; background-color:#ffffee; margin:0px; padding:0px }
a:link    {color:#0000ff}
a:visited {color:#0000cc}
a:focus   {color:#ff0000}
a:hover   {color:#ff0000}
a:active  {color:#ff0000}
a.skipnavi:link    {color:#000099}
a.skipnavi:visited {color:#000099}
a.skipnavi:hover   {color:#000099}
a.skipnavi:active  {color:#000099}
div.skipnavi a {position:relative;left:-999px;text-indent:-999px}
div.skipnavi a:hover  {left:0px;text-indent:0}
div.skipnavi a:focus  {left:0px;text-indent:0}
div.skipnavi a:active {left:0px;text-indent:0}

div.top         {width:750px;padding:6px;border:0px;margin:0 auto}
table.top       {border:0px;margin:0 0 0 10px;padding:0px;
                 border-collapse:collapse;}
h1.top          {width:290px;height:70px;margin:0px;border:0px;padding:0px}
span.nowrap     {white-space:nowrap}
td.topright     {padding-left:1em;vertical-align:bottom}
hr.none         {display:none; }

div.menubar     {clear:left;width:750px;margin:0 auto}

table.index     {margin-left:6px;
		 border-collapse:separate; border-spacing:6px; }
		/* equal to cellspacing="6" */
td.topmenu      {/*text-align:center;*/ vertical-align:middle;
		 width:140px; height:35px;
		 background-color:#ffffee;
  		 border:1px solid #a0a0a0;
		 padding:0px; margin:0px }
div.topmenu     {width:140px; text-align:center }
h2.topmenu      {display:inline; white-space:nowrap;
                  font-weight:normal; font-size:1.2em;}

/* td.topmenu で text-align:center とすると、ポップアップメニューの
設定次第ではIEでの表示位置がおかしくなるので、td.topmenuではなく
div.topmenuを作りwidthとtext-align:centerを指定した。*/

a.menuitem      {display:block;margin:0px;padding:0px 0px 0px 2px;
                 text-decoration:none;
                 background-color:#f2f2f2;
                 width:136px; border-bottom:1px solid #a0a0a0}
a.menuitem:hover {background-color:#606060; color:#ffffff;}
/* 本来は a.menuitem にて width指定は不要。
   IE6では、widthを指定しないと、display:blockにも関わらず、文字の右側余白に
   マウスをおいてもリンクがアクティブにならないバグがある。
   width:100%と指定する場合、marginとpaddingを0にしておかないと、
   Firefox等で枠が右にはみ出す。
   IE5ではwidthをpx指定で固定しないと表示が乱れる大バグあり。このためwidthを
   px指定し、取りかこむ div.guidance等での white-space:nowrap 指定を廃止した。
*/


div.relative-1  {position:relative;left:-1px;}
div.menulist    {position:absolute; visibility:hidden; text-align:left;
		 background-color:white; /* white-space:nowrap; */
		 border-width:2px 2px 1px 2px; border-style:solid;
		 border-color:#a0a0a0; padding:0px;
                 line-height:1.3em;}


div.main        {width:750px; margin:0 auto}
div.topimg      {margin-bottom:1em;}
div.special     {margin:5px 0px 5px 2em }
div.foot        {width:750px; margin:0 auto 1em auto}

td.mainleft     {width:430px; vertical-align:top; padding:0px 10px 0px 10px; margin:0px; border:0px }
td.mainright    {width:300px; vertical-align:top; padding:0px; margin:0px; border:0px}


img.noborder    {border-width:0px}

p               {line-height:1.3em}
p.nomargin      {margin:0em;line-height:1.3em}
li              {line-height:1.3em}

h2.top          {
/*		 display:block; 幅可変にしたいときはwidth指定を消して display:inlineに? */
		 /* width:300px; */ width:400px;
		 font-weight:bold; font-size:1.2em; 
		 border-width:1px 0px 1px 0px;
		 border-style:solid;
		 border-color:#000099;
		 color:#000099;
		 margin:0px;
/*		 padding:0.1em 0px 0.1em 14px;*/
		 padding:3px 0px 2px 14px;
		 background-image:url(./images/icons/blue-ya.gif);
		 background-position:left;
		 background-repeat: no-repeat;
}