body {color:#000000;}
body {background-color:#FFFFFF;}

<style>
@import url('https://fonts.googleapis.com/css2?family=Allerta+Stencil&family=Noto+Sans+JP:wght@500&family=Roboto:wght@500;700&display=swap');
</style>
 
body {
    font-family: 'Allerta Stencil','Roboto','Noto Sans JP','Droid Sans',sans-serif;
}


a:link{color:#3300cc; text-decoration:none;}
a:visited{color:#663399; text-decoration:none;}
a:hover{color:#FF6600; position: relative; top: 2px; left: 2px; text-decoration: none; }
a:active{color:#ff6600;}

h1 {background-color:white;}
h1 {font-size:10px;}
h1 {color:#00ff55;}

h2 {background-color:white;}
h2 {font-size:10px;}
h2 {color:#ff7700;}

strong {background-color:white;}
strong {font-size:10px;}
strong {color:#00ff55;}

div.center{text-align:center; margin-left:auto; margin-right:auto;}

div.red {color:#ff3300;}
div.green {color:lime;}
div.white {color:#ccffff;}
div.yellow {color:#ffff99;}
div.navy {color:navy;}
div.blue {color:#3300cc;}
div.brown {color:#DA0B00;}
div.wine {color:#8B008B;}
div.darkgreen {color:#006400;}
div.purple {color:#4A148C;}
div.gray {color:#616161;}

div.xx-small {font-family:'Noto Sans JP',sans-serif; font-size:8px;}
div.x-small {font-family:'Noto Sans JP',sans-serif; font-size:10px;}
div.small {font-family:'Noto Sans JP',sans-serif; font-size:12px;}
div.medium {font-family:'Noto Sans JP',sans-serif; font-size:14px; line-height: 140%;}
div.large {font-family:'Roboto','Noto Sans JP',sans-serif; font-size:20px; line-height: 140%;}
div.x-large {font-family:'Roboto','Noto Sans JP',sans-serif; font-size:24px; line-height: 140%;}
div.xx-large {font-family:'Allerta Stencil','Noto Sans JP',sans-serif; font-size:36px; line-height: 140%;}
div.price {font-family:'Allerta Stencil','Noto Sans JP',sans-serif; font-size:48px; line-height: 140%;}

div.bold {font-weight:bold;}
div.text-center {text-align:center;}

p.center{text-align:center; margin-left:auto; margin-right:auto;}
p.left{text-align:left; margin-left:auto; margin-right:auto;}
p.right{text-align:right; margin-left:auto; margin-right:auto;}
p.bold{font-weight:bold;}
p.text-center {text-align:center;}
p.red {color:#ff3300;}
p.green {color:lime;}
p.white {color:#ccffff;}
p.blue {color:#3300cc;}
p.yellow {color:#ffff99;}
p.brown {color:#DA0B00;}
p.wine {color:#8B008B;}
p.darkgreen {color:#006400;}
p.purple {color:#4A148C;}
p.gray {color:#616161;}

p.xx-small {font-family:'Noto Sans JP',sans-serif; font-size:8px;}
p.x-small {font-family:'Noto Sans JP',sans-serif; font-size:10px;}
p.small {font-family:'Noto Sans JP',sans-serif; font-size:12pt;}
p.medium {font-family:'Noto Sans JP',sans-serif; font-size:14px; line-height: 140%;}
p.large {font-family:'Roboto','Noto Sans JP',sans-serif; font-size:20px; line-height: 140%;}
p.x-large {font-family:'Roboto','Noto Sans JP',sans-serif; font-size:24px; line-height: 140%;}
p.xx-large {font-family:'Allerta Stencil','Noto Sans JP',sans-serif; font-size:36px; line-height: 140%;}
p.price {font-family:'Allerta Stencil','Noto Sans JP',sans-serif; font-size:48px; line-height: 140%;}

span.red {color:#ff3300;}
span.green {color:lime;}
span.white {color:#ccffff;}
span.yellow {color:#ffff99;}
span.blue {color:#3300cc;}
span.brown {color:#DA0B00;}
span.wine {color:#8B008B;}
span.darkgreen {color:#006400;}
span.purple {color:#4A148C;}
span.gray {color:#616161;}

span.xx-small {font-family:'Noto Sans JP',sans-serif; font-size:8px;}
span.x-small font-family:'Noto Sans JP',sans-serif; size:10px;}
span.small {font-family:'Noto Sans JP',sans-serif; font-size:12px;}
span.medium {font-family:'Noto Sans JP',sans-serif; font-size:14px; line-height: 140%;}
span.large {font-family:'Roboto','Noto Sans JP',sans-serif; font-size:20px; line-height: 140%;}
span.x-large {font-family:'Roboto','Noto Sans JP',sans-serif; font-size:24px; line-height: 140%;}
span.xx-large font-family:'Allerta Stencil','Noto Sans JP',sans-serif; font-size:36px; line-height: 140%;}
span.bold {font-weight:bold;}
span.text-center {text-align:center;}

/* ----------�e�[�u��---------- */
table {
              
	border-collapse: separate;
	padding: 1px 1px;
	border-spacing: 7px 7px;
              table-layout: auto;
              empty-cells: hide;  
}
th, td {
              
	line-height:100%;
	border-collapse: separate;
	padding: 4px 4px;
	margin: 4px;
              border: solid 1px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-color:#fdfdfd;
	border-left-color:#fdfdfd; 
	border-right-color:#fbfbfb;
	border-bottom-color:#fbfbfb;
 
}

.no-border { 
	border: 0px white solid;
}