/*////////////////////////////////////////////////////////////

　Base Style

////////////////////////////////////////////////////////////*/
@media screen and (max-width:960px) {
html { width: 100%; margin: 0px; padding: 0px; }
body { width: 100%; margin: 0px; padding: 0px; _text-align: center; font-size: 12px; font-family: "Sonic TP","sans-serif"; color: #313131; font-weight: lighter; _display: inline; _zoom:1; background:#000000; }
/*///////////////////////////////////////////////////////
//
//　Quake
//
//////////////////////////////////////////////////////*/
.dt { display: none; }
#quakeBox {
	width: 100%;
	background: #ffffff;
	margin: 0px auto;
	padding: 15px 0px;
}
#quake {
	width: 95%;
	height: auto;
	margin: 0px auto;
	padding: 0px;
}
#quake a {
	color: #000000;
	font-size: 12px;
}
#quake a:hover {
	text-decoration: underline;
}
#quake table {
	margin: 0px auto;
	padding: 0px;
	border: 4px solid #000000;
}
#quake table th {
	width: 95%;
	padding: 3px 4px 6px 4px;
	background: #000000;
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
}
#quake table th a {
	color: #ffffff;
}
#quake table th a:hover {
	text-decoration: underline;
}
#quake table th b {
	font-size: 15px;
	font-weight: bold;
}
#quake table td {
	padding: 8px 14px 10px 14px;
	background: #f6f6f6;
	color: #313131;
	font-size: 12px;
	text-align: center;
	line-height: 2em;
}
#quake table td strong {
	font-size: 14px;
	color: #3296dc;
	line-height: 2em;
	font-weight: bold;
}
#quake table td b {
	font-size: 13px;
	font-weight: bold;
}
#spBox {
	width: 90%;
	height: auto;
	margin:0px auto;
	padding:0px 0px 0px 0px;
	background:#e74c3c;
}
#infoBox {
	width: 90%;
	height: auto;
	margin:0px auto;
	padding:0px 0px 0px 0px;
	//background:#3498db;
	background:#def2f9;
}
.spImgBox {
	width: 90%;
	height: auto;
	margin:0px auto 0px auto;
	padding:10px 40px 20px 40px;
	background:#ffffff;
	border-top:10px solid #e74c3c;
	border-left:none;
	border-right:none;
	border-bottom:10px solid #e74c3c;
}
.infoImgBox {
	width: 90%;
	height: auto;
	margin:0px auto 0px auto;
	padding:10px 40px 20px 40px;
	background:#ffffff;
	//border-top:10px solid #3498db;
	border-top:10px solid #def2f9;
	border-left:none;
	border-right:none;
	//border-bottom:10px solid #3498db;
	border-bottom:10px solid #def2f9;
}
.sph1 {
	font-size:20px;
	font-weight:bold;
	line-height:2em;
	color:#e74c3c;
}
.infoh1 {
	font-size:20px;
	font-weight:bold;
	line-height:2em;
	color:#3498db;
}
.spTxt {
	font-size:14px;
	line-height:1.4em;
	color: #313131;
}
.spSiteName {
	font-size:14px;
	font-weight:bold;
	text-align: right;
	color: #535353;
}

#spinfoBox {
	width:90%;
	margin:0px auto;
	padding:15px 0px;
	background:#ffffff;
}
#spinfo {
	width:auto;
	margin:0px auto;
	padding:10px 20px;
	border: 5px solid #3498db;
}
#warning {
	width:auto;
	margin:0px auto;
	padding:10px 20px;
	border: 5px solid #e74c3c;
}
#alarm {
	width:auto;
	margin:0px auto;
	padding:10px 20px;
	border: 5px solid #f39c12;
}
#warning h1 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.8em;
	color:#c0392b;
}
#alarm h1 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.8em;
	color:#f39c12;
}
#spinfo h1 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.8em;
	color:#3498db;
}
#spinfoBox p {
	font-size: 12px;
	line-height: 1.6em;
	color: #313131;
	margin: 4px 0px 0px 4px;
}
#iconwarning {
	vertical-align:-5px;
	font-size:27px;
	color:#e74c3c;
}
#iconalarm {
	vertical-align:-5px;
	font-size:27px;
	color:#f39c12;
}
#iconinfo {
	vertical-align:-4px;
	font-size:27px;
	color:#3498db;
}
#iconTPwarning {
	vertical-align:-5px;
	font-size:40px;
	color:#e74c3c;
}
#iconTPinfo {
	vertical-align:-5px;
	font-size:30px;
	color:#3498db;
}
.ct {
	font-size:18px;
	text-align: center;
}
#page-top {
	width: 70px;
	height: 70px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	font-size: 50px;
	z-index: 10000;
	text-align: center;
	opacity: 0.8;
}
#page-top a {
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: 70px;
	height: 70px;
	padding: 0px 0px;
	margin: 0px;
	opacity: 0.8;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	background: #000000;
	border-radius: 35px;		/* CSS3草案 */
	-webkit-border-radius: 35px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 35px;	/* Firefox用 */
}
#page-top a:hover {
	text-decoration: none;
	opacity: 1;
}
.naviDisnone { display: none; }
}

@media screen and (min-width:961px) {
html { width: 100%; min-width: 1000px; margin: 0px; padding: 0px; }
body { width: 100%; margin: 0px; padding: 0px; _text-align: center; font-size: 12px; font-family: "Sonic TP","sans-serif"; color: #313131; font-weight: lighter; min-width:1000px; _display: inline; _zoom:1; background:#000000; }

/*///////////////////////////////////////////////////////
//
//　Quake
//
//////////////////////////////////////////////////////*/
.ph { display: none; }
#quakeBox {
	width: 100%;
	background: #ffffff;
	margin: 0px;
	padding: 15px 0px;
}
#quake {
	width: 800px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
}
#quake a {
	color: #000000;
	font-size: 14px;
}
#quake a:hover {
	text-decoration: underline;
}
#quake table {
	margin: 0px;
	padding: 0px;
	border: 4px solid #000000;
}
#quake table th {
	width: 792px;
	padding: 3px 4px 6px 4px;
	background: #000000;
	color: #ffffff;
	font-size: 16px;
	font-weight: normal;
}
#quake table th a {
	color: #ffffff;
}
#quake table th a:hover {
	text-decoration: underline;
}
#quake table th b {
	font-size: 17px;
	font-weight: bold;
}
#quake table td {
	padding: 8px 14px 10px 14px;
	background: #f6f6f6;
	color: #313131;
	font-size: 14px;
	text-align: center;
	line-height: 2em;
}
#quake table td strong {
	font-size: 16px;
	color: #3296dc;
	line-height: 2em;
	font-weight: bold;
}
#quake table td b {
	font-size: 15px;
	font-weight: bold;
}
#spBox {
	width: 100%;
	height: auto;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#e74c3c;
}
#infoBox {
	width: 100%;
	height: auto;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	//background:#3498db;
	background:#def2f9;
}
.spImgBox {
	width: 1020px;
	height: auto;
	margin:0px auto 0px auto;
	padding:10px 40px 20px 40px;
	background:#ffffff;
	border-top:10px solid #e74c3c;
	border-left:none;
	border-right:none;
	border-bottom:10px solid #e74c3c;
}
.infoImgBox {
	width: 1020px;
	height: auto;
	margin:0px auto 0px auto;
	padding:10px 40px 20px 40px;
	background:#ffffff;
	//border-top:10px solid #3498db;
	border-top:10px solid #def2f9;
	border-left:none;
	border-right:none;
	//border-bottom:10px solid #3498db;
	border-bottom:10px solid #def2f9;
}
.sph1 {
	font-size:30px;
	font-weight:bold;
	line-height:2em;
	color:#e74c3c;
}
.infoh1 {
	font-size:30px;
	font-weight:bold;
	line-height:2em;
	color:#3498db;
}
.spTxt {
	font-size:16px;
	line-height:1.4em;
	color: #313131;
}
.spSiteName {
	font-size:16px;
	font-weight:bold;
	text-align: right;
	color: #535353;
}

#spinfoBox {
	width:100%;
	margin:0px;
	padding:15px 0px;
	background:#ffffff;
}
#spinfo {
	width:750px;
	margin:0px auto;
	padding:10px 20px;
	border: 5px solid #3498db;
}
#warning {
	width:750px;
	margin:0px auto;
	padding:10px 20px;
	border: 5px solid #e74c3c;
}
#alarm {
	width:750px;
	margin:0px auto;
	padding:10px 20px;
	border: 5px solid #f39c12;
}
#warning h1 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.8em;
	color:#c0392b;
}
#alarm h1 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.8em;
	color:#f39c12;
}
#spinfo h1 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.8em;
	color:#3498db;
}
#spinfoBox p {
	font-size: 14px;
	line-height: 1.6em;
	color: #313131;
	margin: 4px 0px 0px 4px;
}
#iconwarning {
	vertical-align:-5px;
	font-size:27px;
	color:#e74c3c;
}
#iconalarm {
	vertical-align:-5px;
	font-size:27px;
	color:#f39c12;
}
#iconinfo {
	vertical-align:-4px;
	font-size:27px;
	color:#3498db;
}
#iconTPwarning {
	vertical-align:-5px;
	font-size:40px;
	color:#e74c3c;
}
#iconTPinfo {
	vertical-align:-5px;
	font-size:40px;
	color:#3498db;
}
.ct {
	font-size:20px;
	text-align: center;
}
#page-top {
	width: 70px;
	height: 70px;
	position: fixed;
	bottom: 30px;
	right: 50px;
	font-size: 50px;
	z-index: 10000;
	text-align: center;
	opacity: 0.8;
}
#page-top a {
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: 70px;
	height: 70px;
	padding: 0px 0px;
	margin: 0px;
	opacity: 0.8;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	background: #000000;
	border-radius: 35px;		/* CSS3草案 */
	-webkit-border-radius: 35px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 35px;	/* Firefox用 */
}
#page-top a:hover {
	text-decoration: none;
	opacity: 1;
}
.naviDisnone {  }
}

a {
	transition: all 0.3s ease;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

a:link { outline: none; text-decoration: none; color: #313131; -webkit-tap-highlight-color:rgba(0,0,0,0); }
a:visited { outline: none; text-decoration: none; color: #313131; -webkit-tap-highlight-color:rgba(0,0,0,0); }
a:hover { outline: none; text-decoration: underline; color: #313131; -webkit-tap-highlight-color:rgba(0,0,0,0); }
a:active { outline: none; text-decoration: underline; color: #313131; -webkit-tap-highlight-color:rgba(0,0,0,0); }

p,ul,ol,li,img,h1,h2,h3,h4,h5,h6,dl,dt,dd,td { margin: 0px; padding: 0px; _text-align: left; }
table { border-collapse: collapse; margin: 0px; padding: 0px; }
div { margin: 0px; padding: 0px; }
img { border-style: none; }
input,textarea,select { font-size: 12px; outline:none; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display:inline-block; min-height:1%; }
* html .clearfix { height: 1%; zoom: 1; }
.clearfix { display: block; zoom: 1; }

input[type="text"], input[type="password"], textarea, select {outline:none;}
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
	border:0px;
	-webkit-appearance: none;
	border-radius: 0;
}
::-webkit-input-placeholder {
	color: #898989;
	font-weight: normal;
}
::-moz-placeholder {
	color: #898989;
	font-weight: normal;
}
:-ms-input-placeholder {
	color: #898989;
	font-weight: normal;
}
a.blank {
    margin: 0 2px 0 0;
    padding: 3px 20px 3px 0;
    background: url("/styles/images/jump_Icon.png") no-repeat right center;
}

.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mr20 { margin-right:20px; }
.ml20 { margin-left:20px; }
.mt90 { margin-top:90px; }
.mr35 { margin-right:35px; }
.mt20 { margin-top:20px; }

hr.neBor {
    width: 50%;
    border-width: 1px 0px 0px;
    border-style: dotted none none;
    border-color: #595959 -moz-use-text-color -moz-use-text-color;
    margin: 10px 0px;
    padding: 0px;
}
//ハイライト
::selection {
	background: #313131;
	color: #ffffff;
}

::-moz-selection {
	background: #313131;
	color: #ffffff;
}
#ascrail2000, .nicescroll-cursors {
	z-index: 1000000000;
}
.disnone { display: none; }