@import url("/css/general_foundicons.css"); 
* {
	padding: 0; 
	margin: 0;
	box-sizing: border-box;
}
BODY {
	font-family: Verdana, Arial,sans-serif; 
	/* background-color: #EEEEEE; */
}
BODY:not(.no-nav){
	margin-top: 34px;
}
a {
	color:inherit;
}
.t {empty-cells:show; border: inset 2px #8F7F6F;}
.Men {background-color: #9999CC;}
.MenT {background-color: #9999CC; border-bottom:solid 1px #9999CC;}
.MenM {background-color: #9999CC; border-top:solid 1px #9999CC; border-bottom:solid 1px #9999CC;}
.MenB {background-color: #9999CC; border-top:solid 1px #9999CC;}
.zMen {background-color: #B4B4C2; color:#4C3F39;}
.Ladies {background-color: #CC9999;}
.LadiesT {background-color: #CC9999; border-bottom:solid 1px #CC9999;}
.LadiesM {background-color: #CC9999; border-top:solid 1px #CC9999; border-bottom:solid 1px #CC9999;}
.LadiesB {background-color: #CC9999; border-top:solid 1px #CC9999;}
.zLadies {background-color: #B59D9D; color:#4C3F39;}
.Pair  {background-color: #99CC99;}
.zPair {background-color: #B6BEB6; color:#4C3F39;}
.Dance  {background-color: #FEF072;}
.zDance {background-color: #D9D2B3; color:#4C3F39;}
.Ex {background-color: #BD9ECB;}
.zEx {background-color: #AFA0B4; color:#4C3F39;}
.Sys {background-color: #EEEEEE;}
.zSys {background-color: #D3D3D3; color:#4C3F39;}
.Show {background-color: #D3BEDC}
.zShow {background-color: #D1C5D6; color:#4C3F39;}
.Other {background-color: #F1CDA5;}
.Other2 {background-color: #FAECCA;}
.Holiday {background-color:#F8DCD6;}
.zHoliday {background-color:#D0C7C6; color:#4C3F39;}
.Sat {background-color:#C2CBE0;}
.zSat {background-color:#CFCFD1; color:#4C3F39;}
.zumi, .zOther, .zdef {
	background-color: #BAB0A7; 
	color: #4C3F39;
}
.zumi2 {background-color:#CBC2BC; color:#4C3F39;}
.z {color:#4C3F39;}
.new {background-color: #ffc0cb;}
A.z:link {color:#4C3F39;}
A.z:visited {color:#4C3F39;}
.JSF {background-color: #B1E5F0;}
.ISU {background-color: #EEEEEE; color: #241C62; font-weight: bold;}
.GPS {background-color: #241C62; color: snow;}
.JGPS, .JGP {background-color: #4F3EC1; color: snow;}
.IC {background-color: #9FC6A9;}
.ICNP {background-color: #D9E8DD;}
.OWG {background-color: #EBF3F3;}
.JSFbg {background-color: #B1E5F0;}
.ISUbg {background-color: #EEEEEE;}
.GPSbg {background-color: #638FE2;}
.JGPbg {background-color: #BBA2E6;}
.ICbg {background-color: #9FC6A9;}
.ICNPbg {background-color: #D9E8DD;}
.OWGbg {background-color: #EBF3F3;}
.HM {background-color: #4d5aaf;}
.M1 {background-color: #8491c3;}
.M2 {background-color: #bbc8e6;}
.HL {background-color: #c85554;}
.L1 {background-color: #f6bfbc;}
.L2 {background-color: #e8d3c7;}
.HP {background-color: #47885e;}
.P1 {background-color: #a8c97f;}
.P2 {background-color: #cee4ae;}
.HD {background-color: #e6b422;}
.D1 {background-color: #e4dc8a;}
.D1f {color: #FFFF40;}
.D2 {background-color: #f2f2b0;}
.D2f {color: #FFFF99;}
.W1 {background-color: #EEEEEE;}
.W2 {background-color: #EEEEBB;}
.SM {background-color: #DDDDBB;}
.CT {background-color: #191970; color:#FDFCEE; font-weight:bold}
.LN {background-color: #899FC0;}
.AUS {background-color: #2e6dea;}
.AUT {background-color: #FF7F50;}
.BEL,.EST {background-color: #C1BAAE;}
.BLR,.AZE {background-color: #9EC7A5;}
.CAN {background-color: #DAB58F;}
.CHN {background-color: #E8DC86;}
.CZE {background-color: #F39183;}
.FIN,.LTU {background-color: #B4EDD9;}
.FRA {background-color: #B4C2DA;}
.GEO,.POL {background-color: #DD99A2;}
.GBR {background-color: #B5B5FF;}
.GER {background-color: #CAB973;}
.HKG {background-color: #FFDEAD;}
.HUN {background-color: #F5AA81;}
.ITA, .BUL {background-color: #AFCF8F;}
.JPN {background-color: #F5C8BC;}
.KOR {background-color: #B8A5F8;}
.LAT {background-color: #F08080;}
.ROU {background-color: #EEE8AA;}
.RUS {background-color: #87CBCB;}
.SVK {background-color: #DBE1AC;}
.SLO {background-color: #C68886;}
.SUI,.ISR, .DEN {background-color: #F0FFF0;}
.SWE {background-color: #94A8CD;}
.TUR {background-color: #E4AD89;}
.UKR {background-color: #FFFFC1;}
.USA {background-color: #8D8DE0;}
.UZB {background-color: #C2E085;}
.KAZ {background-color: #8BDCE4;}
.ESP {background-color: #EEE366;}
.NOR {background-color: #e55b72;}
.PHI {background-color: #e5ddb7;}
.OUT {background-color: DarkGrey;
			color: DimGrey;
			text-decoration: line-through;
}
.fM {color: #3333CC;}
.fL {color: #CC3333;}
.fP {color: #3A8A2D;}
.fD {color: #968F0C;}
.re {background-color: #E1DED9;}
.def {background-color: #EBE6E2;}
.def1 {background-color: #EBE6E2;}
.def2 {background-color: #FBFAF9;}
.dbg {background-color: #97AAC8; color: #242B51;}
.df {background-color: #EEEEEE; color: #242B51;}
.dbgf {color: #97AAC8;}
.dff {color: #EEEEEE;}
.bg1 {background-color: #97AAC8;}
.bg2 {background-color: #EEEEEE;}
/*
.f1 {font-size:1px; }
.f7 {font-size:7px; }
.f8 {font-size:8px; }
.f9 {font-size:9px; }
.f10 {font-size:10px; }
.f11 {font-size:11px; }
*/
.f1 {font-size: 0.1em; }
.f6 {font-size: 0.6em; }
.f7 {font-size: 0.7em; }
.f8 {font-size: 0.8em; }
.f9 {font-size: 0.9em; }
.f10 {font-size: 1.0em; }
.f11 {font-size: 1.1em; }
.f12 {font-size: 1.2em; }
.f13 {font-size: 1.3em; }
.f14 {font-size: 1.4em; }
.f15 {font-size: 1.5em; }
.f16 {font-size: 1.6em; }
.f18 {font-size: 1.8em; }
.f20 {font-size: 2.0em; }
.f22 {font-size: 2.2em; }
.f24 {font-size: 2.4em; }

A.gray:link {color: #716789; }
A.gray:visited {color: #716789; }
.gray {color: #716789; }
.DimGrey {color: DimGrey;}
A.DimGrey:link {color: DimGrey; }
A.DimGrey:visited {color: DimGrey; }
A.noul {text-decoration: none; color:#8F7F6F;}
.base {background-color: #4C3F39;}
.basef {color:#201D1A;}
A.basef:link {color:#201D1A;}
A.basef:visited {color:#201D1A;}
A.basef:hover {color:#CC0000;}
.white {background-color: #FFFFFF;}
.HEADER { background-color: #241C62; color:#FFFAFA; font-weight:normal;}
.ac {text-align: center;}
.al {text-align: left;}
.ar {text-align: right;}
.b {font-weight:bold;}
.fw-n {font-weight: normal;}
A.nul {text-decoration: none;}
.red {color: #FF0000;}
.vat {vertical-align: top;}
.vam {vertical-align: middle;}
.vab {vertical-align: bottom;}
.asc {background-image: url(img/asc.gif); background-repeat: no-repeat; background-color: #8dbdd8;}
.desc {background-image: url(img/desc.gif); background-repeat: no-repeat; background-color: #8dbdd8;}
.p2 {padding: 2 4 2 4;}
.pd2 {padding: 2 4 2 4;}
.pd4 {padding: 4 4 4 4;}
.pd {padding: 0 0 0 0;}
.ul {text-decoration: underline;}
.dsp-no {display: none;}
.dsp-bl {display: block;}
.f-r {float: right;}
.f-l {float: left;}
.w50 {width: 50px;}
.w60 {width: 60px;}
#tblpd th, #tblpd td {padding: 2 4 2 4;}
.td-n {text-decoration: none;}
.clearfix {zoom:1;}
.clearfix:after{
	content: "";
	display: block;
	clear: both;
}
img.flag {
	border: 1px solid black;
	margin-right: 3px;	
}
main,
div.main{
	width: 98%;
	max-width: 1080px;
	margin: auto auto 10px auto;
	text-align: center;
}
.list-tbl{
	margin: 0 auto;
	border-collapse: collapse;
	border: #201D1A 2px solid;
}
.list-tbl-nb{
	margin: 0 auto;
	border-collapse: collapse;
}
.list-tbl.cell-nowrap
{
	white-space: nowrap;
}
.list-tbl TH { 
	padding: 2px 4px;
	border: #201D1A 1px solid;
}
.list-tbl:not(.smpl) tr:not(.def):not(.defCH):not(.org-th) TH { 
	color:#ffffff; 
	background:#241C62; 
}
.list-tbl TD {
	padding: 2px 4px;
	border: #201D1A 1px solid;
}
.navi{
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.topic-list{
	font-size: 0.9rem;
}
.topic-list a.topic-title{
	text-decoration: underline;
}
.ad-div-detail{
	border: solid 1px black;
	margin: auto;
}
.ad-div{
	display: table;
	margin: auto;
	text-align: left;
}
.ad-div a{
	text-decoration: underline;
}
.ad-img{
	display: table-cell;
	width: 100px;
	height: 82px;
	color: #FFFFFF;
}
.ad-text{
	display: table-cell;
	padding: 6px 3px;
	color: #222222;
	line-height: 120%;
}
.ad-div-detail .ad-text{
	line-height: inherit;
}
.ad-img[data-ad-index="1"]{
	background-image: url(/img/ad_nitteleplus.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.img-youtube img,
.img-movie img {
	width: 20px;
}

/* ヘッダー */
header {
	width: 100%;
	max-width: 1080px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	box-shadow: 0 10px 6px -6px #777777;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	background-color: #bababa;
}
nav {
	display: table;
	margin: 0 auto 0 0;
}
nav > a{
	display: table-cell;
	padding: 2px 6px;
	text-decoration: none;
	border-right: solid 1px #383c3c;
	color: #383c3c;
	font-size: 1.0rem;
	text-align: center;
	min-width: 40px;
	white-space: nowrap;
}
nav a:hover,
nav a.selected-menu  {
	background-color: #383c3c;
	color: #f8fbf8;
}
#view-unlock {
	background-color: #829797;
}
@media screen and (max-device-width: 720px) {
	nav > a{
		padding: 6px;
		min-width: 60px;
	}
	select,
	input[type=text] {
		font-size: 1rem;
	}
}
