@charset "EUC-JP";
/* <LINK href="grid.css" rel="stylesheet" TYPE="text/css" charset="EUC-JP"> */
@font-face{
	font-family: "MyYuGothicM";
	font-weight: normal;
	src: local("YuGothic-Medium"), /* Postscript name */
	     local("Yu Gothic Medium"), /* for Chrome */
	     local("YuGothic-Regular"); /* Mediumがない場合 */
}
@font-face{
	font-family: "MyYuGothicM";
	font-weight: bold;
	src: local("YuGothic-Bold"), /* Postscript name */
	     local("Yu Gothic"); /* for Chrome */
}

#body h1,#body h2,#body h3,#body h4,#body h5,#body h6,#body p,#body ul,#body ol,#body li,#body dl,#body dt,#body dd,#body body,#body div {
	padding:0;
	margin:0;
	font-family:MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-feature-settings: 'pkna' 1;
	letter-spacing: 0.1em;
}

#body {
 font-style: normal;
 line-height: 125%;
 text-decoration: none;
 list-style: none;
 font-size: 14px;
 height:auto;
 margin:0 auto;
}

#body .txt10   { font-size: 10px; }
#body .txt11   { font-size: 10px; }
#body .txt12   { font-size: 12px; }
#body .txt14   { font-size: 14px; }
#body .txt16   { font-size: 16px; }
#body .txt18   { font-size: 18px; }
#body .txt21   { font-size: 21px; }
#body .txth150 { line-height:150%;}

#body HR       { color:#8F908B;}
#body A:active { color:red; cursor: hand;}
#body A:hover  { color:red; text-decoration: none; cursor: hand;}
#body A        {text-decoration: none;}

#body rt{
font-size: 10px;
}

BODY {
 padding : 0px;
 border-width : 0px;
 margin : 0px;
}





#body H1 {
 margin: 0px;
 background-color: #1373b7;
 color: white;
 border-style: none;
 padding: 2px;
 font-size: 14px;
}


#body H2 {
 margin: 0px;
 background-color:#ece6d6;
 border-color : #7f4106;
 color:#7f4106;
 border-style: solid;
 border-width: 1px 0 1px 0;
 margin-bottom:10px;
 font-size:16px;
 line-height:160%;
}

#body H3 {
 margin: 0px;
 background-color: white;
 border-color : #B01515;
 border-style: solid;
 border-width: 1px 0 1px 0;
 line-height:160%;
}


#body H4 {
 padding: 1;
 border-style: solid;
 border-color: #B01515;
 margin : 1px;
 border-width: 0 0 1px 0;
 color: Navy;
}

#body H5 {
 margin: 1px;
 padding: 5px;
 background-color: white;
 border-color : #B01515;
 border-style: solid;
 border-width: 1px;
 line-height:160%;
}


#body PRE {
 margin: 1px;
 padding: 5px;
 background-color: #B01515;
 border-color : black;
 border-style: solid;
 border-width: 1px;
}


#body B { font: bold; }
#body TT { font-family: monospace; letter-spacing: 0.1em; font-size: 100% !important; }
#body strong { font: bold; }


#body .box {
 margin: 1px;
 border-width: 1px;
 padding: 5px;
 border-color : #ffffff;
 border-style: solid;
}





#body .box980 {
	text-align: left;
	margin: 0px auto 80px;
	width: 980px;
	height:100%;
	min-height:1%;
}





#body .header {
/* height:20px;*/
 position:fixed;
 left:0;
 top:0;
 width:100%;
}


#body .footer {
/* height:20px;*/
 position:fixed;
 left:0;
 bottom:0;
 width:100%;

}

#body * li {
font-style: normal;
margin: 0px;
margin-bottom:0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0px;
font-size: 12px;
border-width: 0 0 0 0;
list-style: none;
list-style-type : none;
}

#body * ul {
margin: 2px;
margin-bottom:0px;
padding: 2px;
font-size: 12px;
list-style: none;
list-style-type : none;
}

#body .no-border {
	border:0px;
}

#body dt {
	padding-top:5px;
	font-weight:bold;
}

#body dd {
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:0px;
	border-bottom:solid 1px #333333;
}

#body .font-b	{ font-size:16px; line-height:160%; }


#body #pc-ondemand	{ width:470px; margin:0; }
#body #sp-ondemand	{ display:none; }


/* 名シーン用 */
#body ul #select {
	margin:0px;
	padding:0px;
	width:4	50px;
	list-style:none;
}

#body #select li {
	margin:0px;
	padding:0px;
	width:230px;
	border:0px;
	text-align:center;
	float:left;
}

#body #select img {
	width:210px;
	height:auto;
}

#body .rank {
	font-weight:bold;
}


.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

