#pg_cntrg1 {width:820; margin-left:auto; 
	margin-right:auto;}
#pg_cntrg2 {width:820; margin-left:auto; 
	margin-right:auto;}
#pg_cntrg3 {width:820; margin-left:auto; 
	margin-right:auto;}

@charset "shift_jis";

body{ background-color: #ddffdd; 
	width: 100%; 
	margin-top: 0pt; 
	margin-left: auto;
	margin-right: auto;
	font-size: 9pt; 
	font-family: "Meiryo UI", メイリオ, 
	"MS UI Gothic", "MS P 明朝"; 
	line-height: 100%; }

div.box_a {width: 750px;height: 20px;
	text-align: right; }
div.box_b {width: 750px;height: 700px; }
div.box_c {width: 750px;height: 20px; }

h1 { font-size: 11pt;
	color: green;
	line-height: 110%; }
h2 { font-size: 16pt;
	color: #0099dd;
	text-align: center; 
	line-height: 50%; }
h3 { font-size: 10pt;
	color: #0099dd;
	text-align: center; 
	line-height: 50%; }

ul { list-style-type: circle;
	margin-left: auto;
	margin-right: auto; 
	line-height: 100%; }
li{ padding-left: 1em;text-align: left;
    list-style-type: square;font-size: small;}

p { color: #0000cc; text-align: center;}

<!--p { position:relative; top:20px; left:70px; text-align: center;}-->

<!--small { color: #0000cc;  position:left;  }-->
<!--small { color: #0000cc;  text-align: center; }-->

a#a_link{ background-color: #ddffdd;}
a#a_link:hover{ background-color: #eeeeee;}

#navi li { display: inline; }
#pg_cntrg1 {width:750; margin-left:auto; 
	margin-right:auto;}
#pg_cntrg2 {width:750; margin-left:auto; 
	margin-right:auto;}
#pg_cntrg3 {width:750; margin-left:auto; 
	margin-right:auto;}

#img01    { position: relative; top:2px; left:10px; 
        width:340px; border-width:1px;
        border-color:#ffffff; border-style:outset; }
#img02    { position: relative; top:160px; left:-20px;
        width:340px; border-width:1px;
        border-color:#ffffff; border-style:outset; }
#img03    { position: relative; top:10px;left:-20px; 
        width:340px; border-width:1px;
        border-color:#ffffff; border-style:outset; }

<!--#img01    { position: relative; top:2px; left:10px; 
        width:320px; border-width:1px;
        border-color:#ffffff; border-style:outset; }
#img02    { position: relative; top:160px; left:-20px;
        width:320px; border-width:1px;
        border-color:#ffffff; border-style:outset; }
#img03    { position: relative; top:50px;left:-20px; 
        width:320px; border-width:1px;
        border-color:#ffffff; border-style:outset; }-->

#img01chr {position: relative;z-index:1;top:2px;left:-60px; width:85px; }
#img02chr {position: relative;z-index:1;top:-10px;left:40px; width:40px; }
#img03chr {position: relative;z-index:1;top:60px;left:-65px; width:55px; }
<!--#img02chr {position: relative;z-index:1;top:-100px;left:640px; width:40px; }-->

#img1    { position: relative; top:10px; 
	left:35px; width:740px; border-width:1px;
        border-color:#ffffff; border-style:outset; }

#here{ background-color: #993333;
          color: #ffffff;
          font-size: small;
          text-align: center;}

.moj1    { position: relative; top:0px; left:500px;
	width:80px;height:30px; 
	font-size: 9pt; background-color:#ffffbb; 
	border-width:1px; border-color:#ffffbb; 
	border-style:outset; }
.moj2    { position: relative; top:0px; left:520px;
	width:80px;height:30px; 
	font-size: 9pt;	 background-color:#ffffbb; 
	border-width:1px; border-color:#ffffbb; 
	border-style:outset; }
.moj3    { position:relative; top:0px; left:540px; 
	width:80px;height:30px; 
	font-size: 9pt; background-color:#ffffbb; 
	border-width:1px; border-color:#ffffbb; 
	border-style:outset; }