@charset "urf-8";

body,td,th{
	font-family: Verdana, Roboto, "Droid Sans", YuGothic, Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 15px;
	line-height: 1.7em;
	color: #666666;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

img {border: none;}

.font13 {font-size: 13px;}
.font13W {color: #FFFFFF; font-size: 13px;}
.font13B {color: #000000; font-size: 13px;}
.font12 {font-size: 12px;}
.font12W {color: #FFFFFF; font-size: 12px;}
.font11 {font-size: 11px}
.font11W {color: #FFFFFF; font-size: 11px;}

#wrap {
	width: 878px;
	margin: 0px auto;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	padding: 10px;
	background-color: #fff;
}

#wrapper {
	width: 900px;
	margin: 0px auto;
	padding: 0px 0px;
	background-color: #fff;
}

#head{
	width: 900px;
	margin: 0px auto;
	padding: none;
	background-color: #fff;
}

#breadcrumb{
	width: 890px;
	margin: 0px auto;
	padding: 3px;
	border: #fff 1px solid;
	background-color: #fff;
}

#ad{
	width: 900px;
	margin: 0px auto;
	padding: 0px;
	border: none;
	background-color: #fff;
}

#C1{
	width: 160px;	
	margin-right: 10px;
	border: none;
	background-color: #fff;
	float: left;
}

#C2{
	width: 558px;
	margin: 0px 10px 10px 0px;
	border: none;
	background-color: #fff;
	float: left;
}

#C3{
	width: 160px;	
	margin-right: 0px;
	border: none;
	background-color: #fff;
	float: left;
}

#navi{
	width: auto;
	margin: 0px 0px 10px 0px;
	padding: 2px;
	border: #ccc 1px solid;
	background-color: #fff;
}

#PT{
	width: auto;
	margin-bottom: 0px;
	border: #333 1px solid;
	background-color: #999;
	clear:left; 
}

#contents{
	width: auto;
	padding: 10px;
	border: #ccc 1px solid;
	background-color: #fff;
}

#H1{
	width: 600px;	
	margin: 0px 0px 10px 5px;
	border: none;
	background-color: #fff;
	float: left;
}

#H2{
	width: 280px;	
	margin: 0px 5px 10px 0px;
	border: none;
	text-align:right;
	background-color: #fff;
	float: right;
}

#FT{
	width: 900px;
	margin: 0px auto 10px;
	padding: 0px;
	border: #fff 1px solid;
	background-color: #fff;
	clear: both
}

.search{
	width: 148px;
	border: solid 1px #ccc;
	margin: 0px 0px 10px;
	padding: 10px 5px 0px;
	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
}

#navi{
	width: auto;
	margin: 0px 0px 10px 0px;
	padding: 2px;
	border: #ccc 1px solid;
	background-color: #fff;
}

.G1{
	width: 300px;	
	margin-right: 0px;
	border: none;
	background-color: #030;
	float: left;
}

table.SNS {
	border: solid 1px #cccccc; 
	margin-bottom: 10px;
}

.spacer10{
    clear: both;
    height: 10px;
    font-size: 1px;
}

.ph0{
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
}

.phr{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.spacer5w{
	width: 100%;
	height: 5px;
	margin: 0px 0px;
	padding: 0px;
	background-color: #fff;
}

.spacer10w{
	width: 100%;
	height: 10px;
	margin: 0px 0px;
	padding: 0px;
	background-color: #fff;
}

.back_top{
	width: 105px;
	float: right;
	text-decoration: bold;
	text-align:center;
	background-color:#990000;
	padding:1px;
	margin-right: 0px;
	margin-bottom: 10px;
	border-radius: 5px;
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	box-shadow: 3px 3px 3px rgba(0,0,0,0.4) inset;
}

.btn {
	width: 105px;
	float: right;
	text-decoration: bold;
	text-align:center;
	padding:1px;
	margin-right: 25px;
	margin-bottom: 10px;
	border-radius: 5px; 
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
	background: #20688A;
    background: -moz-linear-gradient(top,#20688A, #3F96B8 50%,#00679A 50%,#0081B4);
    background: -webkit-gradient(linear, left top, left bottom, from(#20688A), color-stop(0.5,#3F96B8), color-stop(0.5,#00679A), to(#0081B4));
    border: 1px solid #DDD;
    color: #FFF;
}

a:link{text-decoration: none; color:#996600;}
a:visited{text-decoration: none; color:#996600;}
a:hover{text-decoration: underline; color:#990000;}

.highlightLink:link {text-decoration: none; color:#ffffff;}
.highlightLink:visited {color:#ffffff;}
.highlightLink:hover {text-decoration: none; color:#CC9900;}

table.right {
	border: 1px #666666; border-collapse: collapse;
	float: right;
	margin-left: 20px;
	margin-bottom: 15px;
}

table.right1 {
	border: solid 1px #cccccc; border-collapse: collapse;
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}

table.right2 {
	border: none; 
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}

table.SNS {
	border: solid 1px #cccccc; 
	margin-bottom: 10px;
}

table.FT {
	border: none; 
	margin-bottom: 10px;
}

.box1 {
	border: solid 1px #CCC; border-collapse: collapse;
	width: auto;
	margin: 0px;
	padding: 10px;
	background-color:#FFF;
	clear: both;
}

.box4 {
	border: solid 1px #ccc; border-collapse: collapse;
	width: auto;
	padding: 7px;
	background-color:#e9f3fb;
	clear: both;
}

.box4:hover{
	background-color:#FFCC00;
}

.box5 {
	border: dashed 2px #668ad8; border-collapse: collapse;
	width: auto;
	margin-left: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	background-color:#f1f8ff;
	clear: both;
}

.box5A {
	border: dashed 2px #668ad8; border-collapse: collapse;
	border-radius: 9px;
	width: auto;
	margin-left: 0px 10px 0px 10px;
	padding: 10px;
	background-color:#f1f8ff;
	clear: both;
}

p.box5A {
   border-bottom: #668ad8;
   margin-top: 10px;       /* 上線の外側の余白 */
   padding-top: 0px;      /* 上線の内側の余白 */
   margin-bottom: 10px;  /* 下線の外側の余白 */
   padding-bottom: 0px; /* 下線の内側の余白 */
}

.box5A0 {
	border: dashed 2px #668ad8; border-collapse: collapse;
	border-radius: 9px;
	width: auto;
	margin: 0px;
	padding: 0px;
	background-color:#f1f8ff;
	clear: both;
}

.box6A {
	border: dashed 2px #446600; border-collapse: collapse;
	border-radius: 9px;
	width: auto;
	margin: 0px;
	padding: 10px;
	background-color:#f7ffe6;
	clear: both;
}

p.box6A {
   border-bottom: #446600;
   margin-top: 10px;       /* 上線の外側の余白 */
   padding-top: 0px;      /* 上線の内側の余白 */
   margin-bottom: 10px;  /* 下線の外側の余白 */
   padding-bottom: 0px; /* 下線の内側の余白 */
}

.box6A0 {
	border: dashed 2px #446600; border-collapse: collapse;
	border-radius: 9px;
	width: auto;
	margin: 0px;
	padding: 0px;
	background-color:#f7ffe6;
	clear: both;
}

.box5F {
	border: dashed 2px #668ad8; border-collapse: collapse;
	border-radius: 9px;
	width: auto;
	margin: 0px;
	padding: 10px;
	background-color:#fff; /* バックグラウンド - 白 */
	clear: both;
}

.box6F {
	border: dashed 2px #446600; border-collapse: collapse;
	border-radius: 9px;
	width: auto;
	margin: 0px;
	padding: 5px;
	background-color:#fff; /* バックグラウンド - 白 */
	clear: both;
}

table.right td a {display: block; width:100%; height:100%}
td.right  {background-color: #ebebe0; text-indent:0.1em;} /* very light gray */
td.right:hover {background-color:#FC0;} /* light orange */

table.box td a {display: block; width:100%; height:100%} /* defining cell */
td.box {background-color: #ebebe0;} /* very light gray */
td.box:hover {background-color: #FFCC00;} /* light orange */

table.cell01 td a {display: block; width:100%; height:100%} /* defining cell */
td.cell01 {background-color: #003366;} /* dark blue */
td.cell01:hover {background-color: #FFCC00;} /* light orange */

table.cell02 td a {display: block; width:100%; height:100%} /* defining cell */
td.cell02 {background-color: #006633;} /* green*/
td.cell02:hover {background-color: #990000;} /* dark red */

table.cell03 td a {display: block; width:100%; height:100%} /* defining cell */
td.cell03 {background-color: #990000;} /* dark red*/
td.cell03:hover {background-color: #FFCC00;} /* light orange */

table.cell04 td a {display: block; width:100%; height:100%} /* defining cell */
td.cell04 {background-color: #FFFFFF;} /* white*/
td.cell04:hover {background-color: #FFCC00;} /* light orange */

table.cell05 td a {display: block; width:100%; height:100%} /* defining cell */
td.cell05 {background-color: #FFFFCC;} /* light yellow*/
td.cell05:hover {background-color: #FFCC00;} /* light orange */

table.cell06 td a {display: block; width:100%; height:100%} /* defining cell */
td.cell06 {background-color: #E3FFC8;} /* light green*/
td.cell06:hover {background-color: #FFCC00;} /* light orange */

table.cell07 td a {display: block; width:100%; height:100%} /* defining cell */
td.cell07 {background-color: #e6f2ff;} /* light blue*/
td.cell07:hover {background-color: #FC0;} /* light orange */

table.cell26 td a {display: block; width:100%; height:100%} /* defining cell */
td.cell26 {background-color: #99CC00;} /* specifying cell background color - dark green*/
td.cell26:hover {background-color: #CCFF33;} /* specifying cell background hover color*/

.style1 {color: #FFFFFF;}
.style2 {color: #000000; font-weight: bold;}
.style3 {color: #990000} /* dark red */
.style4 {color: #FFFFFF; font-weight: bold;}
.style5 {color: #000000;}
.style6 {font-size: 13px;}
.style6W {color: #FFFFFF; font-size: 13px;}
.style7 {font-size: 12px;}
.style7W {color: #FFFFFF; font-size: 12px;}
.style8 {font-size: 11px}
.style9 {color: #0000FF} /* blue */
.style10 {color: #006600} /* green */

h1{font-size:15px; color: #FFFFFF; font-weight: bold; margin-bottom:0px; margin-top:0px; padding: 1px; background-color: #999999;}
h2{font-size:15px; color: #000000; font-weight: bold; margin-bottom:0px}
h3{font-size:15px; color: #FFFFFF; margin-bottom:0px}
h4{font-size:15px; color: #000000; margin-bottom:0px}
h5{font-size:15px; color: #FFFFFF; font-weight: bold; margin-bottom:0px; margin-top:0px; padding: 2px; background-color: #369; text-align:center}

.gradient01 {  
    background: -moz-linear-gradient(top, #999, #333);　/* Firefox用 */  
    background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#333));　/* Safari,Google Chrome用 */  
}  

table.type0 {border: none; border-collapse: collapse;}
table.type1 {border: solid 1px #CCCCCC; border-collapse: collapse;}
table.type1B {border: solid 1px #CCCCCC; border-collapse: collapse;}
table.type2 {border: solid 1px #666666; border-collapse: collapse;}
table.type3 {border: solid 1px #99CC00; border-collapse: collapse;}
table.type4 {border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; border-collapse: collapse;}
table.type5 {border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; border-collapse: collapse;}

table.type1B tr td {
padding:3px;
border-bottom: solid 1px #CCCCCC;
}

.scrollsell {overflow: auto; width: 340px; height: 161px;}

/*Dropdown Menu*/
.ddmenu ul{width:154px; list-style:none; margin:0; padding:1px 0;}
.ddmenu ul li{ position:relative; margin:0; padding:1px 0; width:154px;}
.ddmenu ul li a{margin:0; padding:1px 0; width:100%; background-color:#ebebe0; text-indent:0.1em;}
.ddmenu ul li a:hover{margin:0; padding:1px 0; background-color:#666; color:#fff;}
.ddmenu ul li.off{position:relative; margin:0; padding:1px 0; width:154px; overflow:hidden;}
.ddmenu ul li.on{ position:relative; margin:0; padding:1px 0; width:154px; overflow:visible;}
.ddmenu a{ display:block;width:100%; color:#960;}
.ddmenu a:hover{color:#900;}
.ddmenu ul li ul{
	margin:0;
	padding:1px 0;
	position:absolute;
	width:154px;
	top:0px;
	left:155px;
	border:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background-color:#fff;
	text-indent:0.4em;
}
.ddmenu ul li ul li a{margin:0; padding:1px 0; width:100%; background-color:#ebebe0; text-indent:0.4em;}
.ddmenu ul li ul li a:hover{margin:0; padding:1px 0; background-color:#666; color:#fff;}

.box6B {
	border: dashed 2px #446600; border-collapse: collapse;
	border-radius: 9px;
	width: auto;
	margin: 0px;
	padding: 10px;
	background-color:#739900;
	clear: both;
}

.box5B {
	border: dashed 2px #2d5986; border-collapse: collapse;
	border-radius: 9px;
	width: auto;
	margin: 0px;
	padding: 10px;
	background-color:#4080bf;
	clear: both;
}

.box5B:hover{
	background-color:#80e5ff;
}

.box6B:hover{
	background-color:#85e085;
}


#rotating-item-wrapper {
    position: relative;
    width: 900px;
    height: 150px;
}
.rotating-item {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

.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%;
}

#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: 35px;
  background-color: #668ad8;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.eighty{
	width: 80%;
	margin-left: 50px;
}

.ninety{
	width: 90%;
	margin-left: 25px;
}