@charset 'UTF-8';

HTML,BODY,H1,H2,H3,H4,H5,H6,DIV,FORM,UL,LI,P{ margin:0; padding:0; }
TABLE{ border-collapse:collapse; border-spacing:0; }
DIV{ position:relative; text-align:left;}
IMG{ border-style:none; }

HTML{ width:100%; }
BODY{ border-top:#e11 5px solid; border-bottom:#900 5px solid;
 width:100%;position:relative; text-align:center;
 font-family:'メイリオ','Meiryo','ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',
 'Arial',sans-selif; }
*html BODY{ font-family: 'Arial',sans-selif; }
.button{ text-decoration:none; cursor:pointer; display:inline-block; }

H1{ float:left; width:160px; } H1 SPAN{ display:none; }
H2{ background:#c00; background-image:url(img/bg-red.jpg); color:#fff;
	font-size:1em; padding:12px 15px 10px 15px; line-height:1; font-weight:normal; }
H3{ padding:5px; color:#fff; font-size:0.95em; font-weight:normal; background:#666; }

A{ text-decoration:none; color:#900; }
A:hover{ text-decoration:underline; color:#c00; }

#head{ float:left; width:420px; font-size:80%; margin:10px 20px 0 20px; line-height:1.4; }

#menu{ float:right; width:360px; text-align:right; margin:0; padding:0; }
#menu .button{ padding:5px 10px; margin:0; line-height:1; color:#c00; font-size:90%;
 font-family:Arial,Tahoma,Helvetica; text-decoration:none; display:-moz-inline-box; display:inline-block; }
#menu .button:hover{ background:#e11; background-image:url("img/bg-red.jpg"); color:#fff; }

#srch{ float:right; margin:5px 5px 0 0; }
#srch INPUT#t{ width:100px; }

#wrap{ width:980px; margin:0 auto; }

#body{ position:relative; width:100%; }

#left{ float:left; width:150px; margin-top:10px; }
#left UL,#left LI{ width:150px; list-style-type:none; margin-bottom:5px; } 
#left LI A{ display:block; padding:8px; text-align:center; text-decoration:none; color:#fff; }
#left .button{ width:150px; line-height:1.0; font-size:95%; background:#999; /*background-image:url(img/bg-black.jpg); background-position:top;*/ color:#fff; }
#left .button:hover{ background:#900; background-image:url("img/bg-red.jpg"); background-position:center; color:#fff; }
#left IMG{ margin:5px 0; }
#left P{ text-align:center; }

#main{ float:left; margin:10px 0 0 20px; width:600px; }
#main P{ padding:5px; font-size:0.85em; line-height:1.5; overflow:auto;
 width:580px;margin:10px auto; margin-bottom:30px; }
#main IMG.r{ margin-left:15px; }
#main IMG.l{ margin-right:15px; }

#righ{ float:left; margin:10px 0 0 20px; width:180px;}
#righ .righ{ background:#ddd; padding:5px; font-size:80%; margin-bottom:10px; }
#righ .div{ background:#fff; padding:5px; line-height:1.4; }
#righ TEXTAREA{ width:150px; margin:0 auto; }

#foot{ clear:both; width:980px; text-align:center; background:#333; background-image:url(img/bg-red.jpg); background-position:center;
	color:#fcc; font-size:75%; margin-top:20px; }
#foot A{ color:#cc9; padding:5px 15px; text-decoration:none; display:inline-block; }
#foot A:hover{ color:#fff; }
#foot P{ text-align:center; }

.s{ font-size:85%; }
.g{ color:#666; }
.red,.ash{ padding:3px 10px; color:#fff; margin:10px 0; display: -moz-inline-box;}
.red:hover,.ash:hover{ color:#fff; text-decoration:none; }
.red{ background:#c00; background-image:url("img/bg-red.jpg"); }
.red:hover{ background:#666; background-image:url("img/bg-black.jpg"); }
.ash{ background-image:url("img/bg-black.jpg"); }
.ash:hover{ background:#c00; background-image:url("img/bg-red.jpg"); }
.jump{ margin-bottom:10px; }
.jump OPTION{ padding:1px;} 

P.link{ margin-top:5px; }
P.link A{ color:#666; text-decoration:none; padding:3px 10px; }
P.link A:hover{ color:#c00; text-decoration:underline; }