body {
background:#fff;
color:#444;
margin:0;
padding:0;
font-family:'Lucida Grande',Arial,Verdana,Osaka,'MS PGothic',sans-serif;
font-size:small;
}

#header {width:520px; margin:auto; margin-top:10px; background:url(head-bg.gif) top left no-repeat;}
#footer {width:520px; margin:auto; margin-top:30px; margin-bottom:10px;}

h1 {margin:0; padding:0; font-size:medium; margin-left:6px; padding-top:7px; padding-bottom:10px;}
/*h2 {margin:0; padding:0; font-size:small; padding-bottom:0; margin:12px 10px 0px;}*/
ul {margin:0; padding:0;}

.top-head {margin:10px 20px 4px 20px; padding-top:10px;}
.sub-l {float:left; margin-left:20px; padding-top:0; margin-top:0;}
.sub-r {float:left; padding-top:0; margin-top:0; margin-left:14px;}
.btm-head {clear:both; margin:0 20px 10px 20px; border-bottom:solid 1px #bbb;}	/* #bbb or #6691b4,#789dba */
.cnt {width:500px; margin:auto;}
.copy {float:left; font:x-small 'Lucida Grande',Arial,Verdana,Osaka,'MS PGothic',sans-serif; margin:8px 0px 0px 20px;}
.ctrl {float:right; margin:8px 20px 0px 0px;}
.btm-line {border-bottom:solid 4px #789dba;}	/* #bbb or #6691b4,#789dba */
.btm-space {clear:both;}
.btm-space {/height:7px; /font-size:1px; /line-height:1px;}		/* !important ie6,7 */

/* スタイル display:none; */
#footer div.ctrl span {display:none;}


/* link */
a:link    {color:#6691b4; text-decoration:underline;}	/* #444 or #6691b4 */
a:visited {color:#6691b4; text-decoration:underline}
a:hover   {color:#f76556; text-decoration:underline;}
a:active  {color:#f76556; text-decoration:underline;}

.ctrl a {
display:block;
width:41px;
height:12px;
background:url(up.gif) top left no-repeat;
}
.ctrl a:link    {background:url(up.gif) 0px 0px no-repeat;}
.ctrl a:visited {background:url(up.gif) 0px 0px no-repeat;}
.ctrl a:hover   {background:url(up.gif) 0px -17px no-repeat;}
.ctrl a:active  {background:url(up.gif) 0px -17px no-repeat;}