@charset "utf-8";


/* -------------------------------------------------------------------------------------
  Initialize
------------------------------------------------------------------------------------- */
body,table,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,blockquote,form,label,dl,dt,dd,ol,ul,li,fieldset,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section, summary {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;

}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }
body {
	font-size: 13px;
	font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",Arial;
	color: #fff;
	line-height: 120%;
	background: url(../images/bg.gif) 0 0 repeat;
	background-size: 320px 702px;	
}
img { border: none; }



/* -------------------------------------------------------------------------------------
  Initial settings
------------------------------------------------------------------------------------- */

h2 { margin: 12px 0 0 0; }
h4 {
	margin: 0 12px;
	padding: 5px 0 2px 12px;
	text-align: left;
	background: url(../images/icon_star.png) 0 7px no-repeat;
	background-size: 10px 10px;	


}
.center-aligned { text-align: center; }
.left-aligned { text-align: left; }
.padding-tb10 { padding: 5px 0; }
.padding-tb30 { padding: 15px 0; }
.padding-b10 { padding: 0 0 5px; }
.border-b {
	margin: 0 12px 5px;
	padding: 0 0 5px;
	border-bottom: dotted 1px #c4c5ca;
	
}
.colored-yellow { 
	color: #ff0;
	font-weight: bold;
}
dl { 
	padding: 5px 12px;
	text-align: left;
	
}

dt {
	background: url(../images/icon_star.png) no-repeat left 0.3em;
	background-size: 10px 10px;	
	width: 5em;
	float: left;
	text-indent: 1em;
padding-bottom: 1.5em;

}
dd { padding-left: 6em; padding-bottom: 1.5em; }



/* -------------------------------------------------------------------------------------
  Anchors
------------------------------------------------------------------------------------- */
a,
a:link,
a:visited {
	color: #ed6c00;
	text-decoration: none;

}
a:hover,
a:focus {
	color: #0b419a;
	text-decoration: underline;

}
a:active {
	color: #FF00FF;
	text-decoration: underline;

}


/* -------------------------------------------------------------------------------------
  Clearfix
------------------------------------------------------------------------------------- */
.wni-clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;

}
.wni-clearfix{ display: inline-block; }
.wni-clearfix{ display: block; }


/* -------------------------------------------------------------------------------------
  Containers
------------------------------------------------------------------------------------- */
header {
	width: 320px;
	margin: 0 auto;

}
section {
	width: 290px;
	margin: 14px auto;

}
#wni-container {
	width: 320px;
	margin: 0 auto;

}
.starboard-container-t {
	background: url(../images/star_border.png) 0 0 no-repeat;
	background-size: 290px 6px;	
	padding-top: 1px;

}
.starboard-container-b {
	background: url(../images/star_border.png) 0 bottom no-repeat;
	background-size: 290px 6px;	
	padding-bottom: 1px;

}
.starboard-container-body {
	margin: 10px 7px;
	padding: 12px 5px;
	text-align: center;
	background-color: rgba(255,255,255,0.2);

}
.stronger {
	padding: 0 0 7px 0;
	color: #ffff00;

}
p#mapdate {
	font-weight: bold;
	font-size: 15px;
	text-shadow: 1px 1px 1px #000000;
	text-align: center;
	padding: 5px;
	margin: 0 210px 0 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#2b2973), color-stop(0.6, #15135b), color-stop(0.7, #020140), to(#06064c));
	border-top: solid 1px #4e4e4e;
	border-right: solid 1px #4e4e4e;
	border-left: solid 1px #4e4e4e;
	
}
p#chartdate {
	font-weight: bold;
	font-size: 15px;
	text-shadow: 1px 1px 1px #000000;
	text-align: center;
	padding: 5px;
	margin: 0 150px 0 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#2b2973), color-stop(0.6, #15135b), color-stop(0.7, #020140), to(#06064c));
	border-top: solid 1px #4e4e4e;
	border-right: solid 1px #4e4e4e;
	border-left: solid 1px #4e4e4e;
	
}
.crystal-base-t {
	background: url(../images/crystal_bg_top.png) 0 0 no-repeat;
	background-size: 290px 14px;	
	margin: 10px 0;
	padding-top: 14px;

}
.crystal-base-b {
	background: url(../images/crystal_bg_bottom.png) 0 bottom no-repeat;
	background-size: 290px 14px;	
	padding-bottom: 14px;

}
.crystal-base-body {
	text-align: center;
	background: url(../images/crystal_bg_body.png) 0 0 repeat-y;
	background-size: 290px 14px;	

}
.crystal-base-body p {
	text-align: left;
	padding: 5px 12px;

}
#current-location {
	font-weight: bold;
	font-size: 15px;
	text-shadow: 1px 1px 1px #000000;
	line-height: 150%;
	
}


#count-st-top {
	text-align: center;
	color: #ff0;
	font-weight: bold;
	font-size: 15px;
	padding-top: 10px;
	
}	
#count-bt {
	text-align: center;
	padding: 25px 0;
	
}	
#count-bt-pre {
	text-align: center;
	padding: 10px 0;
	
}
#count-st-note {
	color: #dbac68;
	text-align: center;
	padding-bottom: 10px;
	
}

.counter {
	text-align: center;
	padding: 10px 0 12px 0;
	
}


#arrow-push {
	padding: 20px 0 0 115px;

}



#data-table-results {
	width: 80%;
	margin: 0 auto;
	background-color: #dcdcdc;
	color: #000;

}
#data-table-results .fplace {
	background-color: #ffde00;
	font-weight: bold;

}
#data-table-results .cp {
	background-color: #ffffff;

}
#data-table-results .cv {
	background-color: #fffcdc;

}