body {
  margin: 0;
  padding-top: 20px;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
}



a:link {
	font-family: "?申l?申r ?申o?申S?申V?申b?申N", Osaka, "?申q?申?申?申M?申m?申p?申S Pro W3";
	font-size: 10pt;
	color: #000066;
	text-decoration: underline;
	font-weight: bold;
}

a:visited {
	font-family: "?申l?申r ?申o?申S?申V?申b?申N", Osaka, "?申q?申?申?申M?申m?申p?申S Pro W3";
	font-size: 10pt;
	color: #666666;
	text-decoration: underline;
	font-weight: bold;
}

a:hover {
	font-family: "?申l?申r ?申o?申S?申V?申b?申N", Osaka, "?申q?申?申?申M?申m?申p?申S Pro W3";
	font-size: 10pt;
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}

a:active {
	font-family: "?申l?申r ?申o?申S?申V?申b?申N", Osaka, "?申q?申?申?申M?申m?申p?申S Pro W3";
	font-size: 10pt;
}

.figure {
  text-align: center;       /* 喝篏筝紊 */
  margin-bottom: 20px;      /* 筝篏 */
}

.figure img {
  width: 100%;           /* 脂√?膰 */
  height: auto;
}

.caption {
  font-size: 0.9em;          /* 絨絨??絖? */
  color: #555;               /* 違 */
  margin-top: 5px;           /* 糸ｃ激с潟 */
}


DIV.clearleft {
clear:left
}

DIV.clearright {
clear:right;
}

#container {
	display:flex;
	height: auto;
	width: 100%;  
	padding: 0;
	margin: 5 ;
	flex-direction: column;
}

#banner {
	height: auto;
	width: 600px;
	color: #FFFFFF;
}

#banner_thin {

	height: auto;
	width: 600px;
	color: #FFFFFF;
}



#content-wrapper {
  display: flex;
  width: 100%;
  box-sizing: border-box;
}

#center {
	width: 100%;
    max-width: 750px; /* 紊у?荐絎鐚絅純帥綽茯炊翫?? */
    margin: 0 auto;    /* т賢紊絲?? */
    padding: 0 20px;   /* 綏劻絨篏 */
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
	border-right: thin solid #000; /* ? 膰罍? */
}

#right {
  min-width: 170px; /* 勀眼＜ャ若絨鎶? */
  max-width: 550px; 
  width: 20%;       /* 絽吾脂√?綽20% */
  height: auto;
  padding: 0 0 0 5px;
  box-sizing: border-box;
  flex:1;
}

p {
    margin-bottom: 1em;   /* 1茵??篏?潟泣ゃ冴綽?? */
}


#menu {
	margin-left: 100px;
	float: left;
	clear: both;
}

#footer {
	height: 100px;
	width: 600px;
	background-color: #6699FF;
	color: #FFFFFF;
}

h1 {
	font-family: "?申l?申r ?申o?申S?申V?申b?申N", Osaka, "?申q?申?申?申M?申m?申p?申S Pro W3";
	font-size: 24pt;
	font-style: bold;
	font-weight: bolder;
	letter-spacing: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

h2 {
	font-family: "?申l?申r ?申o?申S?申V?申b?申N", Osaka, "?申q?申?申?申M?申m?申p?申S Pro W3";
	font-size: 16pt;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	padding: 0px;
	border: none;
}

h3 {
	font-family: "?申l?申r ?申o?申S?申V?申b?申N", Osaka, "?申q?申?申?申M?申m?申p?申S Pro W3";
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	padding-top:0px;
	padding-bottom:0px;
	margin-left: 0px;
	margin: 0;
}

h4 {
	font-family: "?申l?申r ?申o?申S?申V?申b?申N", Osaka, "?申q?申?申?申M?申m?申p?申S Pro W3";
	font-size: 15pt;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 1.5px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	margin-bottom: 15px;
}

h5 {
	font-family: "?申l?申r ?申o?申S?申V?申b?申N", Osaka, "?申q?申?申?申M?申m?申p?申S Pro W3";
	font-size: 13pt;
	font-weight: normal;
	font-style: normal;
	padding-left: 0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-left: 0px;
    margin-bottom: 10px;
}

h6 {
	font-family: "?申l?申r ?申o?申S?申V?申b?申N", Osaka, "?申q?申?申?申M?申m?申p?申S Pro W3";
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	margin-left: 0px;
	margin-bottom: 5px;
}


UL.square {
list-style-type:square;
}
