body{
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	font-family: Verdana, Roboto, "Droid Sans", YuGothic, Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 16px;
	line-height: 2.0em;
	color: #666666;
	background-color:#edf5f8;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
}

a:link{text-decoration: none; color:#996600;}
a:visited{text-decoration: none; color:#996600;}
a:hover{text-decoration: none; color:#990000;}

.highlightLink:link {text-decoration: none; color:#ffffff;}
.highlightLink:visited {color:#ffffff;}
.highlightLink:hover {text-decoration: none; color:#FF9900;}

p {
   margin: 1em 0px;   /* ???1em????0px */
}

.font11 {font-size: 11px;}
.font11W {color: #FFFFFF; font-size: 11px;}
.font12 {font-size: 12px;}
.font12W {color: #FFFFFF; font-size: 12px;}
.font13 {font-size: 13px;}
.font13B {color: #000000; font-size: 13px;}
.font13W {color: #FFFFFF; font-size: 13px;}
.font14 {font-size: 14px;}
.font14B {color: #000000; font-size: 14px; font-weight: bold;}
.font14W {color: #FFFFFF; font-size: 14px;}
.font14WB {color: #FFFFFF; font-size: 14px; font-weight: bold;}
.font16 {font-size: 16px;}
.font16W {color: #FFFFFF; font-size: 16px;}
.font16LGB {color: #ccff33; font-weight: bold;}

.bold-font {font-weight: bold;}
.white-font{color: #fff;}
.white-bold {color: #FFFFFF; font-weight: bold;}
.black-font {color: #000000;}
.black-bold {color: #000000; font-weight: bold;}
.red-font {color: #990000}
.red-bold {color: #990000; font-weight: bold;}
.blue1-font {color: #668ad8}
.blue2-font {color: ##8EA7DB}
.green-font {color: #446600}
.orange-font {color: #fc0}
.tomato-font {color: #FF6347}
.cyan-font {color: #00708B}

h1{font-size:16px; color: #FFFFFF; font-weight: bold; margin-bottom:0px; margin-top:0px; padding: 3px; background-color: #285763; text-align:center}
h2{font-size:16px; color: #000000; font-weight: bold; margin-bottom:0px; margin-top:0px}
h3{font-size:16px; color: #FFFFFF; font-weight: bold; margin-bottom:0px; margin-top:15px; padding: 3px 15px; background-color: #8EA7DB; 	border-top-right-radius: 9px; border-top-left-radius: 9px;text-align:left;}
h4{font-size:14px; color: #2b4888; font-weight: bold; margin-bottom:0px; margin-top:0px; margin-left:2px}
h5{font-size:14px; color: #FFFFFF; font-weight: bold; margin-bottom:0px; margin-top:0px; padding: 1px; background-color: #0099cc; text-align:center}
h6{font-size:14px; color: #FFFFFF; font-weight: bold; margin-bottom:0px; margin-top:0px; padding: 1px; background-color: #000000; text-align:center}

img {border: none;}

.spacer10{
	width: 100%;
	height: 10px;
	margin: 0px 0px;
	padding: 0px;
}

.spacer10W{
	width: 100%;
	height: 10px;
	margin: 0px 0px;
	padding: 0px;
	background-color: #ffffff;
}

.spacer5LB{
	width: 100%;
	height: 5px;
	margin: 0px 0px;
	padding: 0px;
	background-color: #edf5f8;
}

.spacer7LB{
	width: 100%;
	height: 7px;
	margin: 0px 0px;
	padding: 0px;
	background-color: #edf5f8;
}
.spacer10LB{
	width: 100%;
	height: 10px;
	margin: 0px 0px;
	padding: 0px;
	background-color: #edf5f8;
}

.spacer20LB{
	width: 100%;
	height: 20px;
	margin: 0px 0px;
	padding: 0px;
	background-color: #edf5f8;
}

.spacer20{
	width: 100%;
	height: 20px;
	margin: 0px 0px;
	padding: 0px;
}

.spacer1{
	width: 100%;
	height: 1px;
	margin: 0px 0px;
	padding: 0px;
}

.spacer5{
	width: 100%;
	height: 5px;
	margin: 0px 0px;
	padding: 0px;
}

.spacer5W{
	width: 100%;
	height: 5px;
	margin: 0px 0px;
	padding: 0px;
	background-color: #ffffff;
}

/* ----- パンくずリスト ----- */
#breadcrumbs{
	height:25px;
	background-color:#fff;
}
/* ----- ヘッダー ----- */
#header {
height:100px;
background-color:#fff;
}
#header2 {
height:43px;
margin-top:-10px;
background-color:#fff;
}
/* ----- ナビ ----- */
#navigation {
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
	height:45px;
	background-color: #6eb3c4;	/* --medddium cyan-- */
	margin-top:1px;
	margin-bottom:3px;
}
/* ----- メイン ----- */
#content { 
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
	min-height:450px;
	height:auto; 
	margin-top:0px;
}
/* ----- 1/2 Column Table ----- */
#table_content { 
	max-width: 745px;
	margin-right: auto;
	margin-left: auto;
	min-height:450px;
	height:auto; 
	margin-top:0px;
}

#photoM { 
	width: 100%;
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
	height:auto; 
	margin-top:0px;
}

#photoS1 { 
	max-width: 32.5%;
	margin-right: 5px;
	margin-left: auto;
	height:auto; 
	margin-top:0px;
	float:left;
}

#photoS2 { 
	max-width: 32.5%;
	margin-right: 2px;
	margin-left: auto;
	height:auto; 
	margin-top:0px;
	float:left;
}

#photoS3 { 
	max-width: 32.5%;
	margin-right: auto;
	margin-left: auto;
	height:auto; 
	margin-top:0px;
	float:right;
}


/* ----- フッダー ----- */
#footer { 
height:75px;
background-color:#80bccb;
margin-top:10px;
clear:both;
}

li.4col {
  width : 25% ; /* 未対応ブラウザ用フォールバック */
  width : -webkit-calc(100% / 4) ;
  width : calc(100% / 4) ;
}

.col4 {
  display: flex;
}

.col4 li {
  width: calc(100% / 4);
}

.col4 li a:hover{
  background: #6eb3c4;
  text-decoration: none;
}

.header{
	width: 100%;
	height: 2px;
	margin: 0px 0px;
	padding: 0px;
	background-color: #336600;
}

ul,
li {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
}

li {
  background: #3b8091;
  text-align: center;
  padding: 4px 0;
  border: 1px solid #fff;
}

.box1 {
	border: solid 1px #999; border-collapse: collapse;
	width: auto;
	max-width: 100%;
	margin: 0px;
	padding: 15px;
	background-color:#fff;
	clear: both;
}

.box350{
	border: dashed 2px #999; border-collapse: collapse;
	border-radius: 9px;
	max-width: 350px;
	margin: 0px;
	padding: 10px;
	background-color:#fff;
	clear: both;
}

.box17 {
	border: solid 1px #999; border-collapse: collapse;
	width: auto;
	max-width: 100%;
	margin: 0px;
	padding: 7px;
	background-color:#fff;
	clear: both;
}

.box10 {
	border: none; border-collapse: collapse;
	width: auto;
	max-width: 100%;
	margin: 0px;
	padding: 0px;
	background-color:#fff;
	clear: both;
}

.box10N {
	border: none; border-collapse: collapse;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color:#edf5f8;
	clear: both;
}

.box100 {
	border: none; border-collapse: collapse;
	width: auto;
	max-width: 100%;
	margin: 0px;
	padding: 0px;
	background-color:#edf5f8;
	clear: both;
}

.box1R {
	border: dashed 2px #999; border-collapse: collapse;
	border-radius: 9px;
	width: auto;
	max-width: 100%;
	margin: 0px;
	padding: 10px;
	background-color:#fff;
	clear: both;
}

.box1HR {
	border: solid 2px #d8e1f3; border-collapse: collapse;
	border-bottom-right-radius: 9px;
	border-bottom-left-radius: 9px;
	width: auto;
	max-width: 100%;
	margin: 0px;
	padding: 15px;
	background-color:#fff;
	clear: both;
}

.box2 {
	border: dashed 2px #6eb3c4; border-collapse: collapse;
	border-radius: 9px;
	width: auto;
	margin: 0px;
	padding: 10px;
	background-color:#f1f8ff;
	clear: both;
}

p.box2 {
   border-bottom: #6eb3c4;
   margin-top: 10px;       /* 上線の外側の余白 */
   padding-top: 0px;      /* 上線の内側の余白 */
   margin-bottom: 10px;  /* 下線の外側の余白 */
   padding-bottom: 0px; /* 下線の内側の余白 */
}

.box20 {
	border: dashed 2px #6eb3c4; border-collapse: collapse;
	border-radius: 9px;
	width: auto;
	margin: 0px;
	padding: 0px;
	background-color:#f1f8ff;
	clear: both;
}

.box25 {
	border: dashed 2px #6eb3c4; border-collapse: collapse;
	border-radius: 9px;
	width: auto;
	margin: 0px;
	padding: 5px;
	background-color:#f1f8ff;
	clear: both;
}

.box3 {
	border: dashed 2px #446600; border-collapse: collapse;
	border-radius: 9px;
	width: auto;
	margin: 0px;
	padding: 10px;
	background-color:#f7ffe6;
	clear: both;
}

p.box3 {
   border-bottom: #446600;
   margin-top: 10px;       /* 上線の外側の余白 */
   padding-top: 0px;      /* 上線の内側の余白 */
   margin-bottom: 10px;  /* 下線の外側の余白 */
   padding-bottom: 0px; /* 下線の内側の余白 */
}

.box30 {
	border: dashed 2px #446600; border-collapse: collapse;
	border-radius: 9px;
	width: auto;
	margin: 0px;
	padding: 0px;
	background-color:#f7ffe6;
	clear: both;
}

.box35 {
	border: dashed 2px #446600; border-collapse: collapse;
	border-radius: 9px;
	width: auto;
	margin: 0px;
	padding: 5px;
	background-color:#f7ffe6;
	clear: both;
}


.box4 {
	border: solid 2px #b1c2e7; border-collapse: collapse; /* 辞典のリンク */
	width: auto;
	margin: 0px 2px 0px 0px;
	padding: 7px;
	background-color:#d8e1f3;
	clear: both;
}

.box4:hover{
background-color:#FC0;
}

.box4T {
	border: none; border-collapse: collapse;  /* 空のスペース */
	width: auto;
	margin: 0px;
	padding: 0px;
	clear: both;
}


p.box4 {
   border-bottom: #668ad8;
   margin-top: 7px;       /* 上線の外側の余白 */
   padding-top: 0px;      /* 上線の内側の余白 */
   margin-bottom: 7px;  /* 下線の外側の余白 */
   padding-bottom: 0px; /* 下線の内側の余白 */
}

.topline {
   border-bottom: 1px dashed #9fbfdf;
   margin-top: 0px;       /* 上線の外側の余白 */
   padding-top: 0px;      /* 上線の内側の余白 */
   margin-bottom: 1px;  /* 下線の外側の余白 */
   padding-bottom: 0px; /* 下線の内側の余白 */
}

.line {
   border-bottom: 1px solid #ccc;
   margin-top: 12px;       /* 上線の外側の余白 */
   padding-top: 0px;      /* 上線の内側の余白 */
   margin-bottom: 6px;  /* 下線の外側の余白 */
   padding-bottom: 0px; /* 下線の内側の余白 */
}

.dotline {
   border-bottom: 2px dashed #999;
   margin-top: 6px;       /* 上線の外側の余白 */
   padding-top: 0px;      /* 上線の内側の余白 */
   margin-bottom: 6px;  /* 下線の外側の余白 */
   padding-bottom: 0px; /* 下線の内側の余白 */
}

table.type0 {border: none; border-collapse: collapse;}
table.type0 tr td {
margin-top: 0px;
padding:0px;
border: none;
}

table.type11 {border: solid 1px #999999; border-collapse: collapse;}
table.type11 tr td {
padding:1px;
border:solid 1px #999999;
}

table.type12 {border: solid 1px #999999; border-collapse: collapse;}
table.type12 tr td {
padding:2px;
border:solid 1px #ccc;
font-size: 12px;
}

table.type13 {border: solid 1px #CCCCCC; border-collapse: collapse;}
table.type13 tr td {
padding:3px;
border:solid 1px #ccc;
}

table.type13C {border: dashed 2px #999999; border-collapse: collapse;}
table.type13C tr td {
text-align: center;
padding:3px;
border:solid 1px #cccccc;
background-color: aliceblue;
}

table.type13C th {
text-align: center;
color: white;
padding:3px;
border:solid 1px #cccccc;
background-color: #7094db;
}

table.type15 {border: solid 1px #CCCCCC; border-collapse: collapse;}
table.type15 tr td {
padding:5px;
border:solid 1px #ccc;
}

table.type111 {border: solid 1px #CCCCCC; border-collapse: collapse;}
table.type111 tr td {
padding:11px;
border:solid 1px #ccc;
}

table.dic {border: solid 1px #CCCCCC; border-collapse: collapse; float: right; margin-left: 15px; margin-bottom: 10px;}
table.dic tr td {
padding:10px;
border:solid 1px #fff;
}

table.R td a {display: block; width:100%; height:100%}
td.R  {background-color: #ebebe0; text-indent:0.1em;} /* very light gray */
td.R:hover {background-color:#FC0;} /* light orange */

table.green td a {display: block; width:100%; height:100%}
td.green  {background-color: #394d00; text-indent:0.1em;} /* dark green */
td.green:hover {background-color:#e6ff99;} /* very light green */

table.lgreen td a {display: block; width:100%; height:100%}
td.lgreen  {background-color: #77b300; text-indent:0.1em;} /* green */
td.lgreen:hover {background-color:#558000;} /* dark green */

table.lightgreen td a {display: block; width:100%; height:100%}
td.lightgreen  {background-color: #f7ffe6; text-indent:0.1em;} /* very light green */
td.lightgreen:hover {background-color:#FC0;} /* light orange */

table.lightpink td a {display: block; width:100%; height:100%}
td.lightpink  {background-color: #fff9fc; text-indent:0.1em;} /* very light pink */
td.lightpink:hover {background-color:#FC0;} /* light orange */

table.blue td a {display: block; width:100%; height:100%}
td.blue  {background-color: #1f3c7a; text-indent:0.1em;} /* dark blue */
td.blue:hover {background-color:#99bbff;} /* very light blue */

table.lightblue td a {display: block; width:100%; height:100%}
td.lightblue  {background-color: #f1f8ff; text-indent:0.1em;} /* very light blue */
td.lightblue:hover {background-color:#FC0;} /* light orange */

table.cyan td a {display: block; width:100%; height:100%}
td.cyan  {background-color: #6eb3c4; text-indent:0.1em;} /* cyan*/
td.cyan:hover {background-color:#a4cfda;} /* light cyan */

table.sky td a {display: block; width:100%; height:100%}
td.sky  {background-color: #8EA7DB; text-indent:0.1em;} /* light blue*/
td.sky:hover {background-color:#a4cfda;} /* light cyan */

table.dic td a {display: block; width:100%; height:100%}
td.dic  {background-color: #8a8a5c; text-indent:0.1em;} /* brown*/
td.dic:hover {background-color:#FC0;} /* light orange */

table.blue1 td a {display: block; width:100%; height:100%}
td.blue1  {background-color: #668ad8; text-indent:0.1em;} /* blue1*/
td.blue1:hover {background-color:#FC0;} /* light orange */

table.blue2 td a {display: block; width:100%; height:100%}
td.blue2  {background-color: #4080bf; text-indent:0.1em;} /* blue2*/
td.blue2:hover {background-color:#FC0;} /* light orange */

table.pink td a {display: block; width:100%; height:100%}
td.pink  {background-color: #FF9999; text-indent:0.1em;} /* pink*/
td.pink:hover {background-color:#a4cfda;} /* light cyan */

table.burgundy td a {display: block; width:100%; height:100%}
td.burgundy  {background-color: #800020; text-indent:0.1em;} /* pink*/
td.burgundy:hover {background-color:#a4cfda;} /* light cyan */

table.A {
	border: dashed 2px #4390a3; border-collapse: separate;
	-webkit-border-radius:9px;
 	-moz-border-radius:9px;
 	border-radius:9px;
	width: auto;
	max-width: 800px;
	margin: auto;
	background-color:#dbecf0; /* very very light cyan */
	clear: both;
}

table.A th {
    padding: 5px;
    vertical-align: top;
    border: 1px dashed #ccc;
}

table.A td {
	width: auto;
    padding: 5px;
    vertical-align: top;
    border: 1px dashed #ccc;
}

td.A {background-color: #dbecf0;} /* very light cyan */
td.A:hover {background-color: #ffd633;} /* light orange */

.eighty{
	width: 80%;
	margin-left: 40px;
}

.ninety{
	width: 90%;
	margin-left: 20px;
}

.rightT{
	float: right;
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 7px;
}

.phr{
	float: right;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 7px;
}

.phr2{
	float: right;
	margin-left: 10px;
	margin-top: 30px;
	margin-bottom: 7px;
}

.phr5{
	float: right;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.phr0{
	float: right;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 20px;
}

.phl0{
	float: left;
	width: 320px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
}

.right350 {
	border: solid 1px #fff; border-collapse: separate;
	width: 350px;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom:30px;
	padding: 0px;
	background-color:#fff;
	float: right;
}

.ad {
	border: solid 1px #fff; border-collapse: separate;
	width: 340px;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom:30px;
	padding: 0px;
	background-color:#fff;
	float: right;
}

.adB1 {
	border: none; border-collapse: separate;
	width: 350px;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom:10px;
	padding: 0px;
	background-color:#fff;
	float: left;
}


.adB2 {
	border: none; border-collapse: collapse;
	width: 350px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom:20px;
	padding: 0px;
	background-color:#fff;
	float: left;
}

.T1 {
	border: none; border-collapse: separate;
	width: 49%;
	min-width: 360px;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom:10px;
	padding: 0px;
	background-color:#fff;
	float: left;
}


.T2 {
	border: none; border-collapse: collapse;
	width: 49%;
	min-width: 360px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom:0px;
	padding: 0px;
	background-color:#fff;
	float: left;
}

.float_r {
	margin-bottom: 10px;
	margin-left: 10px;
	float: right;
}

.titleCyan {
	border: none; border-collapse: collapse;
	border-top-left-radius : 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-right-radius : 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	width: auto;
	margin: 0px;
	padding: 3px;
	color:#FFFFFF;
	font-weight: 700;
	text-align: center;
	background-color: #008080;
	clear: both;
}

.titleBlue {
	border: none; border-collapse: collapse;
	border-top-left-radius : 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-right-radius : 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	width: auto;
	margin: 0px;
	padding: 3px;
	color:#FFFFFF;
	font-weight: 700;
	text-align: center;
	background-color: #1f3c7a;
	clear: both;
}

.titleSky {
	border: none; border-collapse: collapse;
	border-top-left-radius : 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-right-radius : 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	width: auto;
	margin: 0px;
	padding: 3px;
	color:#FFFFFF;
	font-weight: 700;
	text-align: center;
	background-color: #85a3e0;
	clear: both;
}

.titleRed {
	border: none; border-collapse: collapse;
	border-top-left-radius : 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-right-radius : 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	width: auto;
	margin: 0px;
	padding: 3px;
	color:#FFFFFF;
	font-weight: 700;
	text-align: center;
	background-color: #cc0000;
	clear: both;
}

.clear-element {
  clear: both;
}

#photo-container {display:block; width:100%; 
                    margin:auto;
                    padding: 0px 0px 0px 0px;
                }  

.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#SNS{
	width: auto;
	max-width:800px;
	margin: auto;
	padding: 0px 5px 5px 0px;
	background-color: #fff;
}

.TW{
	width: 125px;
	margin-top:10px;
	padding: 0px;
	background-color: #fff;
	float:left;
}

.TW2{
	width: 125px;
	margin-top:0px;
	padding: 0px;
	background-color: #fff;
	float:left;
}

.search{
	width: 300px;
	border: solid 1px #ccc;
	margin: auto;
	padding: 5px 5px 10px;
	background-color: #CEE3F6;
	background-image: url("https://www.mamejiten.com/assets/images/art/search.jpg"); 
	background-size:auto;
	background-repeat: no-repeat;
	background-position: right bottom;
}

#pageTop {

  position: fixed;
  bottom: 10px;
  right: 20px;
}
 
#pageTop a {
  display: block;
  z-index: 999;
  padding: 12px 0 0 0;
  border-radius: 30px;
  width: 50px;
  height: 40px;
  background-color: #668ad8;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.grid {
  display: grid;
  gap: 2px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.item {
  border-radius: 0px;
  background: #fff;
  margin: 0px;
  padding: 0px;
  text-align: center;
}