/* ========================================================================

 Common

======================================================================== */
html {
	overflow-y: scroll;
}
body {
	color: #333;
	font-family: Helvetica,Arial,’Hiragino Kaku Gothic Pro’,'ヒラギノ角ゴ Pro W3','Droid Sans',sans-serif;
}
body.windows {
	font-family: Meiryo, メイリオ, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
body.mac {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Osaka, Meiryo, sans-serif;
}

img {
	vertical-align: bottom;
}

strong {
	font-weight: bold;
}

a {
	cursor: pointer;
}

button {
	padding: 0;
	border: 0;
	background: none;
}

.notTouch a:hover img.hover,
.notTouch span:hover img.hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}


.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}


/* ========================================================================

 Base

======================================================================== */

#header {
	background: #fff;
}

#header #sns .btn-twitter {
	width: 20px;
	height: 20px;
	display: block;
}
#header #sns .btn-facebook {
	width: 20px;
	height: 20px;
	display: block;
}
#header #sns .btn-mixi {
	width: 20px !important;
	height: 20px !important;
	display: block !important;
}
#header #sns .btn-hatena {
	width: 20px;
	height: 20px;
	display: block;
}


#map #canvas {
	position: relative;
	overflow: hidden;
	background: #3578BD;
}
#map #canvas #worldmap {
	height: 420px;
	width: 748px;
	position: absolute;
	top:0;
	left: 0;
}

#map #canvas #drag-area {
	height: 420px;
	padding: 0;
	margin: 0;
	position: absolute;
	top:0;
	left:0;
}

#map #canvas #container {
	position: absolute;
	top:0;
	left :0;
}
#map #canvas #maker {
	position:absolute;
	top:0;
}

#map .pointer {
	position: absolute;
	margin-left: -6px;
	margin-top: -6px;
	display: block;
	width: 22px;
	height: 22px;
	cursor: pointer;
}
#map .pointer img {
	cursor: pointer;
	
}

#map .btn-zoom_in {
	position: absolute;
	top:20px;
	left: 15px;
	z-index: 1;
}

#map .btn-zoom_out {
	position: absolute;
	top:40px;
	left: 15px;
	z-index: 1;
}
#map .btn-close {
	position: absolute;
	top:0;
	right: 0;
	z-index: 1;
}

#map .btn-up {
	position: absolute;
	z-index: 1;
	bottom: 45px;
	left: 30px;
}
#map .btn-down {
	position: absolute;
	z-index: 1;
	bottom: 15px;
	left: 30px;
}
#map .btn-left {
	position: absolute;
	z-index: 1;
	left: 15px;
	bottom: 30px;
}
#map .btn-right {
	position: absolute;
	z-index: 1;
	left: 45px;
	bottom: 30px;
}
#map .btn-zoom_in button:hover,
#map .btn-zoom_out button:hover,
#map .btn-close button:hover,
#map .btn-up button:hover,
#map .btn-down button:hover,
#map .btn-left button:hover,
#map .btn-right button:hover,
#map .btn-zoom_in button:focus,
#map .btn-zoom_out button:focus,
#map .btn-close button:focus,
#map .btn-up button:focus,
#map .btn-down button:focus,
#map .btn-left button:focus,
#map .btn-right button:focus {
	opacity: .7;
}
#map .btn-open {
	display: none;
}
#map .btn-open button {
	display: block;
	position: relative;
	height: 60px;
	background: #000;
	width: 100%;
}
#map .btn-open button:hover,
#map .btn-open button:focus {
	opacity: .7;
}
#map .btn-open button .txt {
	position: absolute;
	left:50%;
	top:50%;
	margin-top: -15px;
	margin-left: -151px;
	display: block;
}
#map .btn-open button .icn {
	position: absolute;
	right :0;
	top:0;
	display: block;
}

#map .tip {
	position: absolute;
	top:0;
	left: 0;
	display: none;
	background: #000;
	color: #fff;
	padding: 6px;
	border-radius: 5px;
	text-align: center;
	font-size: 85%;
	white-space: nowrap;
}

#content-body ul.notice {
	font-size: 93%;
	color: #666;
	line-height: 160%;
}

#content-body .oldwidgetWrap {
	font-size: 93%;
	color: #666;
	line-height: 160%;
}

#detector {
	position: absolute;
	top:0;
	left: 0;
}

#footer {
	color: #666;
	font-size: 85%;
	padding-right: 20px;
}


#footer .copy {
	text-align: right;
	margin-top: 20px;
}
.ie6 #footer .copy {
	clear: both;
}
#footer .pgtp {
	margin-top: 20px;
}
#footer .pgtp a{
	display:block;
	color: #000;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	float: right;
	position: relative;
	padding: 0 0 0 13px;
}
#footer .pgtp a::before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: transparent 6px solid;
	border-left-width: 4px;
	border-right-width: 4px;
	border-bottom-color: #000;
	position: absolute;
	top: calc(50% - 3px);
	left: 0;
	transform: translateY(-50%);
}

.content-order {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.content-order-item01 {
	display: table-cell;
	width: 100%;
}
.content-order-item02 {
	display: table-header-group;
	width: 100%;
}

/* ========================================================================

 Widget

======================================================================== */

	
#widgets {
	margin: 0 auto;
}

.ie6 #widgets,
.ie7 #widgets {
	height: 1%;
}

#widgets li {
	width: 242px;
	padding: 2px 0;
	margin-right: 20px;
	/* float: left; */
	display: inline-block;
	vertical-align: top;
	background: #fff;
	margin-bottom: 20px;
	color: #333;
	border: 2px solid #fff;
	box-shadow: 1px 1px 0 0 rgba(0,0,0,0.12);
	cursor: move;
}
.ie6 #widgets li,
.ie7 #widgets li {
	height: 1%;
	display: inline;
	position: relative;
}


#widgets li .main {
	background: #f7f7f7 url(/worldclock/img/clock-bg-gradation.jpg) repeat-x left top;
	text-align: center;
	padding: 20px 0 16px;
	margin: 0 3px;
	position: relative;
}
#widgets li .main .date {
	white-space: nowrap;
}

#widgets li .name {
	font-weight: bold;
	margin-bottom: 15px;
}
#widgets li .name .city {
	font-size: 123.1%;
	display: block;
}
#widgets li .name .country {
	font-size: 93%;
	color: #666;
	display: block;
}
#widgets li .time {
	font-size: 300%;
	line-height: 100%;
	width: 213px;
	margin: 0 auto 8px;
}

#widgets li .time .btn-refresh {
	width: 17px;
	height: 17px;
	margin-top: 12px;
	display: block;
	float: left;
	/* background: url(/worldclock/img/clock-btn-refresh.png) no-repeat center top; */
	cursor: pointer;
}
.ie6 #widgets li .time .btn-refresh {
	background: url(/worldclock/img/clock-btn-refresh.gif) no-repeat center top;
}
	
#widgets li .time .hh,
#widgets li .time .mm,
#widgets li .time .ss{
	display: block;
	float: left;
}
	
.ie6 #widgets li .time .hh,
.ie6 #widgets li .time .mm,
.ie6 #widgets li .time .ss,
#widgets li .time .btn-refresh{
	line-height: 0;
	font-size: 0;
}


#widgets li .time .hh1,
#widgets li .time .hh2,
#widgets li .time .mm1,
#widgets li .time .mm2,
#widgets li .time .ss1,
#widgets li .time .ss2 {
	width: 27px;
	height: 37px;
	display: block;
	float: left;
	position: relative;
	font-size: 0;;
}

#widgets li .time .hh1::after,
#widgets li .time .hh2::after,
#widgets li .time .mm1::after,
#widgets li .time .mm2::after,
#widgets li .time .ss1::after,
#widgets li .time .ss2::after {
	content: "";
	width: 100%;
	height: 100%;
	background: url(/worldclock/img/clock-txt-num.png) no-repeat center top;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.ie6 #widgets li .time .hh1,
.ie6 #widgets li .time .hh2,
.ie6 #widgets li .time .mm1,
.ie6 #widgets li .time .mm2,
.ie6 #widgets li .time .ss1,
.ie6 #widgets li .time .ss2 {
	background: url(/worldclock/img/clock-txt-num_ie6.gif) no-repeat center top;
	line-height: 0;
	font-size: 0;
}
#widgets li .time .colon {
	float: left;
	display: block;
	width: 17px;
	height: 37px;
}
#widgets li .time .colon img {
	vertical-align: middle;
}
.ie6 #widgets li .time .colon {
	line-height: 0;
	font-size: 0;
}

#widgets li .time .num0::after {
	background-position: center 0 !important; 


}
#widgets li .time .num1::after {
	background-position: center -37px !important; 
}
#widgets li .time .num2::after {
	background-position: center -74px !important; 
}
#widgets li .time .num3::after {
	background-position: center -111px !important; 
}
#widgets li .time .num4::after {
	background-position: center -148px !important; 
}
#widgets li .time .num5::after {
	background-position: center -185px !important; 
}
#widgets li .time .num6::after {
	background-position: center -222px !important; 
}
#widgets li .time .num7::after {
	background-position: center -259px !important; 
}
#widgets li .time .num8::after {
	background-position: center -296px !important; 
}
#widgets li .time .num9::after {
	background-position: center -333px !important; 
}
	
	
#widgets li .date {
	font-size: 85%;
	white-space: nowrap;
}
#widgets li .date .gmt {
	color: #C80019;
}
#widgets li .date a {
}
#widgets li .date img {
	vertical-align: text-bottom;
}
#widgets li .date .summertime {
	visibility: hidden;
	display: block;
	text-align: center;
	color: #C80019;
	font-weight: bold;
}

#widgets li .main .btn-close {
	position: absolute;
	right: 0;
	top:0;
	width: 18px;
	height: 18px;
}
#widgets li .main .btn-close {
	cursor: pointer;
}

#widgets li.ui-sortable-helper {
	border: 2px dashed #c60019 !important;
}

#widgets li.ui-sortable-placeholder {
	visibility: visible !important;
	border: 2px dashed #e49499 !important;
	background: #FAFAF5 !important;
}
.ie6 #widgets li.ui-sortable-placeholder,
.ie7 #widgets li.ui-sortable-placeholder {
	position: relative;
}


/* ========================================================================

 Calender

======================================================================== */
.calendar {
	margin: 0 3px;
	background: #fff url(/worldclock/img/calendar-bg-gradation.jpg) repeat-x left bottom;
}
.calendar .fc-header {
	background: #fff;
}
.calendar .fc-header-title {
	font-weight: bold;
	text-align: center;
	color: #666;
}
	
.calendar .fc-header-left,
.calendar .fc-header-center,
.calendar .fc-header-right{
	padding: 7px;
}
.calendar .fc-header-left{
	width: 100%;
	position: relative;
}
.calendar .fc-header-left div{
	position: relative;

}
.calendar .fc-header-center,
.calendar .fc-header-right{
	/* display: none; */
}

.calendar .fc-button-prev {
	position: absolute;
	left: 0;
	top:50%;
	margin-top: -16px;
	cursor: pointer;
}
.ie6 .calendar .fc-button-prev,
.ie7 .calendar .fc-button-prev {
	margin-top: -18px;
}

.calendar .fc-button-next {
	position: absolute;
	right: 0;
	top:50%;
	margin-top: -16px;
	cursor: pointer;
}

.ie6 .calendar .fc-button-next,
.ie7 .calendar .fc-button-next {
	margin-top: -18px;
}


.calendar .fc-header-title h2 {
	text-align: center;
}

.calendar .fc-header-title h2 span {
	font-size: 123.1%;
	font-weight: bold;
}
.calendar .fc-header-title h2 span.ext {
	font-size: 77%;
}
.calendar table.fc-border-separate {
}
.calendar table.fc-border-separate td,
.calendar table.fc-border-separate th{
	text-align: center;
	font-size: 85%;
	vertical-align: middle;
}

.calendar table.fc-border-separate td>div {
	display: inline;
}
.calendar .fc-day-header {
	padding: 14px 0 3px;
}
.calendar table.fc-border-separate td div .fc-day-number {
	display: block !important;
	margin: 3px auto;
	width: 14px;
	height: 12px;
	padding: 4px 3px 3px;
	line-height: 100%;
}
.calendar .fc-sun {
	color: #f95860;
}
.calendar .fc-sat {
	color: #65a1d3;
}
.calendar .fc-other-month {
	color: #b2b2b2;
}
.calendar table.fc-border-separate td.my-today .fc-day-number {
	background: #dfdfdf;
	color: #666;
}
.calendar table.fc-border-separate td.my-holiday .fc-day-number {
	background: #c60019;
	color: #fff;
	cursor: pointer;
}
.calendar .fc-day-content {
	position: relative;
}
.ie6 .calendar .fc-day-content {
	line-height: 0;
	font-size: 0;
}
.calendar .fc-event {
	display: none !important;
}
.calendar .fc-content {
	border-top: 1px solid #e4e4e4;
	padding-bottom: 10px;
}
.calendar .tip,
#cal-tip {
	position: absolute;
	top:0;
	left: 0;
	display: none;
	background: #000;
	color: #fff;
	padding: 6px;
	border-radius: 5px;
	text-align: center;
	font-size: 108%;
	white-space: nowrap;
}
.calendar .tip {
	display: block;
	font-size:0;
	background: none;
	width: 0;
	height: 0;
}
#cal-tip { 
	font-size: 85%;
}
.ie6 .calendar .fc-day-content,
.ie7 .calendar .fc-day-content {
	height: 1%;
}
.ie6 .calendar .tip {
	font-size: 11px;
	line-height: 13px;
}
.calendar .tip .jp,
#cal-tip .jp {
	display: block;
	margin-bottom: 4px;
	text-align: center;
}

.calendar .fc-button-prev img,
.calendar .fc-button-next img {
	cursor: pointer;
}



/* ========================================================================

 Preloader

======================================================================== */
#loader {
	background: #f7f6ef;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top:-1px;
	z-index: 500000;
}
#loader img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.ie6 #loader,
.ie7 #loader {
	zoom:1;
}



/* ========================================================================

 Media Query

======================================================================== */
@media all and (min-width: 621px){

	body,html {
		height: 100%;
		background: #f7f7ef;
	}
	#pc {
		display: block;
	}
	#smartphone {
		display: none;
	}
	#wrapper {
	}
	
	/* Header */
	
	#header {
		position: relative;
		padding: 20px 19px 20px 23px;
	}
	
	.ie6 #header {
		height:1%;
	}
	
	#header h1 a {
		display: block;
		width: 70px;
		height: 85px;
		font-size: 0;
		position: absolute;
		z-index: 10;
	}
	
	#header h1 {
		position: relative;
		overflow: hidden;
		height: 85px;
	}
	.ja #header h1::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: url(/worldclock/img/header-logo_pc.gif) no-repeat left top;
	}
	.en #header h1 {
		width: 293px;
		height: 75px;
	}
	.en #header h1::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: url(/worldclock/img/header-logo_pc_en.gif) no-repeat left top;
	}
	
	#header #sns {
		position: absolute;
		top:21px;
		right: 25px;
	}
	#header #sns li {
		float: left;
		margin-left: 5px;
	}
	
	#header #utillity {
		position: absolute;
		bottom:23px;
		right: 19px;
	}
	#header #utillity li {
		float: left;
	}
	#header #utillity .btn-widget{
		display: block;
		width: 164px;
		height: 30px;
	}
	
	.ja #header #utillity .btn-widget{
		/* background: url(/worldclock/img/header-btn-widget_pc.gif) no-repeat left top; */
	}
	
	#header #utillity .btn-howto{
		display: block;
		width: 190px;
		height: 30px;
	}
	
	.ja #header #utillity .btn-howto{
		/* background: url(/worldclock/img/header-btn-howto_pc.gif) no-repeat left top; */
	}
	.en #header #utillity .btn-howto{
		background: url(/worldclock/img/header-btn-howto_pc_en.gif) no-repeat left top;
		width: 119px;
		height: 25px;
	}
	
	#header .btn-news {
		display: none;
	}
	
	
	/* nav */
	
	#nav {
		width: 160px;
		position: absolute;
		top:0;
		left: 0;
		z-index: 101;
	}
	#nav.fixed {
		position: fixed;
		left: 0;
		top:0;
	}
	#nav #nav-list {
		display: block;
		background: #595959;
	}
	#nav .btn-addclock a {
		display: none;
	}
	#nav .btn-addclock > span {
		position: relative;
		display: block;
		width: 160px;
		height: 68px;
	}
	#nav .btn-addclock > span::after {
		content: "";
		display: block;
		width: 160px;
		height: 68px;
		background: url(/worldclock/img/nav-btn-addclock_pc.gif) no-repeat left top;
		position: absolute;
		top: 0;
		left: 0;
	}
	#nav .btn-addclock a img{
		display: none;
	}
	
	.ie6 #nav ul {
		font-size: 0;
	}
	#nav ul li {
		position: relative;
		line-height:0;
	}
	#nav ul li.btn-close {
		display: none;
	}
	
	
	#nav ul li a {
		line-height:normal;
		display: block;
		padding: 5px;
		color: #fff;
		font-size: 93%;
		text-decoration: none;
		border-bottom: 1px solid #595959;
		padding: 18px 9px 18px 12px;
		font-weight: bold;
		background:  #000 url(/worldclock/img/nav-icn-plus_pc.gif) no-repeat 141px center;
	}
	#nav ul li a .state-text {
		position: absolute;
		visibility: hidden;
		top: 0;
		left: 0;
		display: none;
	}
	.ie6 #nav ul li a {
		font-size: 12px;
	}
	#nav ul li a.active {
		background: #C80019 url(/worldclock/img/nav-icn-minus_pc.gif) no-repeat 141px center;
	}
	
	#nav ul ul {
		display: none;
		position: absolute;
		left: 160px;
		width: 220px;
		/* min-width: 157px; */

		padding: 10px;
		z-index: 10000;
		top:0;
		background: #C80019;
	}
	.en #nav ul ul {
		width: 290px;
	}
	
	#nav ul ul li a {
		display: block;
		white-space: nowrap;
		background: #C80019;
		color: #fff;
		font-size: 93%;
		text-decoration: none;
		border-bottom: none;
		border-top:1px solid #DE6675;
		padding: 10px 9px 10px 12px;
	}
	
	.ie6 #nav ul li {
		height: 1%;
	}
	.ie6 #nav ul li a,
	.ie7 #nav ul li a {
		height:1%;
	}
	.ie6 #nav ul ul li {
		height:1%;
	}
	.ie6 #nav ul ul li a {
		height:1%;
	}
	#nav ul ul li.first a {
		border-top:none;
	}
	#nav ul ul li a:hover {
		color: #C80019;
		background: #fff;
	}
	
	/* content */
	
	
	#content {
		width: 100%;
		position: relative;
	}
	
	#content-body {
		margin-left: 160px;
	}
	
	
	
	#content-body #news {
		background: #fff;
		padding: 10px 0 10px 30px;
		display: block;
	}
	
	.ie6 #content-body #news,
	.ie7 #content-body #news {
		height:1%;
	}
	
	#content-body #news .btn-close {
		display: none;
	}
	
	#content-body #news h2 {
		font-size: 116%;
		color: #C80019;
		float: left;
		margin-right: 14px;
	}
	#content-body #news ul {
		float: left;
		padding-top: 1px;
	}
	#content-body #news ul li {
		font-size: 100%;
	}

	#content-body #news ul li span.date {
		margin-right: 7px;
	}

	#content-body #map #canvas {
		height: 420px;
		z-index: 100;
	}

	#howto {
		margin-top: 30px;
		margin-left: 30px;
	}
	#howto .howto-sp{
		display: none;
	}
	#howto .howto-title{
		margin: 0 0 20px 0;
	}
	#howto .howto-list{
		display: table;
		width: 100%;
		max-width: 762px;
	}
	#howto .howto-list .howto-item{
		display: table-cell;
		vertical-align: middle;
	}
	#howto .howto-item.icon01,
	#howto .howto-item.icon02{
		padding: 0 10px;
	}
	#howto.tablet {
		width: 460px;
	}
	#howto.tablet .howto-list{
		display: block;
		width: auto;
	}
	#howto.tablet .howto-list::after{
		content: "";
		display: block;
		clear: both;
	}
	#howto.tablet .howto-item{
		display: block;
		float: left;
		margin: 0 16px 16px 0;
	}
	#howto.tablet .howto-item.icon01{
		margin-top: 88px;
		padding: 0;
	}
	#howto.tablet .howto-item.icon02{
		clear: both;
		padding: 0 10px;
		transform: rotate(90deg);
		text-align: center;
		width: 100%;
		margin-left: -20px;
		padding: 0;
	}
	#howto.tablet .howto-item.icon02 + *{
		clear: both;
		text-align:center;
		width: 100%;
	}
	.ja #howto {
		/* width: 762px; */
		/* height: 256px; */
		/* background: url(/worldclock/img/img-howto_pc.jpg) no-repeat center 10px; */
	}
	.en #howto {
		/* width: 762px; */
		/* height: 256px; */
		/* background: url(/worldclock/img/img-howto_pc_en.jpg) no-repeat center 10px; */
	}
	.ja #howto.tablet {
		/* width: 437px; */
		/* height: 525px; */
		/* background: url(/worldclock/img/img-howto_tablet.jpg) no-repeat center 10px; */
	}
	.en #howto.tablet {
		/* width: 437px; */
		/* height: 525px; */
		/* background: url(/worldclock/img/img-howto_tablet_en.jpg) no-repeat center 10px; */
	}
	
	#content-body #dashboard {
		margin-top: 30px;
		padding-left: 30px;
	}
	
	#widgets li .sp-nav{
		display: none;
	}
	
	#widgets li .main .btn-close {
		
	}
	
	.calendar .fc-header-left{
		width: 100%;
		position: relative;
	}
	.calendar .fc-header-center,
	.calendar .fc-header-right{
		display: none;
	}
	
	#content-body ul.notice {
		padding-left: 30px;
		padding-right: 30px;
		margin-top: 20px;
		margin-bottom:20px;
		clear:both;
	}
	
	#content-body .oldwidgetWrap {
		padding-left: 30px;
		padding-right: 30px;
		margin-top: 20px;
		clear:both;
	}
	
	#content-body .oldwidgetNotice {
		padding:10px;
		background-color:#FCFCF8;
		border:1px dotted #C80019;
	}
	
	#content-body .oldwidgetNotice .lead {
		font-weight: bold;
		margin-bottom:5px;
	}
		
	#content-body .linktop {
		display:none;
	}
	
	#content-body #btn-back {
		display: none;
	}
	
	#content-body #banner {
		padding-left: 30px;
		margin-top: 60px;
	}
	.ie6 #content-body #banner,
	.ie7 #content-body #banner {
		height:1%;
	}
	#content-body #banner a {
		display: table;
		background: #fff;
		color: #666;
		font-size: 93%;
		text-decoration: none;
		width: 100%;
		position: relative;
	}
	.ie6 #content-body #banner a,
	.ie7 #content-body #banner a {
		display: block;
		height: 1%;
	}
	#content-body #banner a * {
		cursor: pointer;
	}
	#content-body #banner a span {
		display: table-cell;
		vertical-align: middle;
		line-height: 140%;
	}
	
	.ie6 #content-body #banner a span,
	.ie7 #content-body #banner a span {
		display: inline;
		height:1%;
	}
	
	
	#content-body #banner a span.ttl {
		width: 269px;
	}
	
	.ie6 #content-body #banner a span.ttl,
	.ie7 #content-body #banner a span.ttl {
		display: block;
		float:left;
		height: 1%;
	}
	#content-body #banner a span.txt {
		width: auto;
		padding: 1em 0;
	}
	.ie6 #content-body #banner a span.txt,
	.ie7 #content-body #banner a span.txt {
		padding: 1em 120px 1em 0;
		display: block;
		float:left;
		height: 1%;
	}
	#content-body #banner a span.more {
		text-align: right;
		width: 120px;
	}
	
	.ie6 #content-body #banner a span.more,
	.ie7 #content-body #banner a span.more {
		position: absolute;
		display: block;
		right: 0;
		top:0;
		height: 1%;
		/* margin-top:-40px; */
		
	}
	
	#content-body #banner a .spacer {
		display: none;
		vertical-align: middle;
	}
	.ie6 #content-body #banner a .spacer,
	.ie7 #content-body #banner a .spacer {
		display: none;
	}
	
	
	#footer .pgtp a{
		/* width: 72px; */
		/* height: 10px; */
		/* background: url(/worldclock/img/footer-btn-pagetop_pc.gif) no-repeat left top; */
	}
	
	#overlay {
		display: none;
		position: absolute;
		top:0;
		left: 0;
		height: 100%;
		width: 100%;
		background: url(/worldclock/img/desktop-bg-black.png) repeat left top;
		z-index: 50000;
		cursor: pointer;
	}
	#overlay .hitbox {
		width: 100%;
		height:100%;
		position: absolute;
	}
	#overlay .window {
		border-radius: 5px;
		background: #fff;
		box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
		width: 730px;
		margin:0 auto;
		padding: 40px 30px 34px;
		position: relative;
		cursor: auto;
	}


	#overlay #howto_pop {
		/* text-indent: -100000px; */
		margin: 0 auto;
	}

	#overlay #howto_pop  > * {
		margin-bottom: 20px;
	}
	#overlay #howto_pop  > *:last-child {
		margin-bottom: 0;
	}

	.ja #overlay #howto_pop {
		width: 458px;
		height: 543px;
	}
	.en #overlay #howto_pop {
		width: 458px;
		height: 543px;
	}

	#overlay .window ul li{
		float: left;
	}
	#overlay .window ul li a {
		display: block;
		height: 82px;
		position: relative;
		font-size: 10px;
	}
	#overlay .window .btn-dl_detail {
		width: 355px;
	}
	#overlay .window .btn-dl_detail::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: url(/worldclock/img/desktop-btn-dl_detail_dis.gif) no-repeat left top;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#overlay .window .btn-dl_detail.active::after {
		background: url(/worldclock/img/desktop-btn-dl_detail.gif) no-repeat left top;
	}
	#overlay .window .btn-requip_detail {
		width: 375px;
	}
	#overlay .window .btn-requip_detail::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		background: url(/worldclock/img/desktop-btn-requip_detail_dis.gif) no-repeat left top;
		top: 0;
		left: 0;
	}
	#overlay .window .btn-requip_detail.active::after {
		background: url(/worldclock/img/desktop-btn-requip_detail.gif) no-repeat left top;
	}
	
	
	#overlay .window #requip_detail {
		display: none;
	}
	
	#overlay .window .main {
		margin-top: 38px;
		
	}
	#overlay .window .main p.img {
		float: right;
		margin-left: 20px;
	}
	
	#overlay .window .main p {
		font-size: 100%;
		color: #666;
		line-height: 160%;
		margin-bottom: 1em;
	}
	#overlay .window .main p a {
		color: #666;
		background: url(/worldclock/img/icn-arrow.gif) no-repeat 3px center;
		padding-left: 12px;
	}
	#overlay .window .main p a:hover {
		text-decoration: none;
	}
	#overlay .window .main #btn-download {
		width: 386px;
		margin: 0 auto;
	}
	
	#overlay .window .main h2 {
		color: #C80019;
		font-size: 123.1%;
		margin-bottom: 10px;
		padding-top: 10px;
	}
	#overlay .window .main h2.first {
		padding-top: 0;
	}
	#overlay .window .main ol {
		list-style: decimal;
		margin-left: 2em;
	}
	#overlay .window .main ol li {
		font-size: 100%;
		color: #666;
		line-height: 160%;
		margin-bottom: 1em;
	}
	#overlay .window p.btn-close {
		position: absolute;
		right: 17px;
		bottom:17px;
		font-size: 100%;
	}
	#overlay .window p.btn-close a {
		color: #666;
		text-decoration: none;
	}
	#overlay .window p.btn-close a:hover {
		text-decoration: underline;
	}


	#overlay .window #alert_pc {
		display: none;
		padding: 20px 0;
	}
	#overlay .window #alert_pc p {
		margin-top: 40px;
		text-align: center;
		padding-top: 90px;
		background: url(/worldclock/img/img-alert.gif) no-repeat center top;
		font-size: 153.9%;
		color: #C80019;
	}
	
	p.reserve{
		padding: 0 30px;
		margin-top: 30px;
	}
	.btnRD.full {
		display: block;
	}
	.btnRD {
		background-color: #cc0000;
		color: #fff;
		text-decoration: none;
		text-align: center;
		padding: 10px 20px 8px!important;
		background-image: none!important;
	}
	.btnRD:hover,
	.btnRD:focus {
		background-color:#cb4e4e;
		text-decoration:underline;
	}
	.btnRD:hover span,
	.btnRD:focus span{
		text-decoration:underline;
		cursor:pointer;
	}
	.btnRD span {
		padding-left: 10px;
		display: inline-block;
		line-height: 24px;
		background: url(/commonY15/img/icon_arrow_right_white_01.png) 0 7px no-repeat;
	}
	.btnRD span .fs16 {
		font-size: 16px !important;
	}
}

/*-- column --*/

.clm_area{
	margin: 20px auto;
	padding: 0 30px;
}
.clm_2col{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.clm_2col .col{
	width: 32%;
	margin-top: 1%;
}
.clm_2col .col a img:hover,
.clm_2col .col a img:focus{
	opacity: 0.7;
}
.clm_2col .col img{
	width: 100%;
}

.clm_2col .col .pc{
	display: block;
}
.clm_2col .col .sp{
	display: none;
}

@media all and (max-width: 850px){
	.clm_2col .col{
		width: 100%;
		margin-right: 0;
		margin-top: 2%;
		flex-basis: 100%;
	}
	.clm_2col .col .pc {
		display: none;
	}
	.clm_2col .col .sp{
		display: block;
}
}


@media all and (max-width: 620px){
	body,html {
		background: #f7f7ef;
	}

	#pc {
		display: none;
	}
	#smartphone {
		display: block;
	}

	/* Header */

	#header {
		position: relative;
		background: none;
	}
	#header h1 {
		width: 100%;
		height: 63px;
		position: fixed;
		top:0;
		z-index: 10000;
		box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1);
	}
	.ie6 #header h1,
	.ie7 #header h1 {
		position: absolute;
	}

	#header h1 span {
		display: block;
		margin-right: 63px;
		height: 63px;
		position: relative;
	}

	.ja #header h1 span::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background:#fff url(/worldclock/img/header-logo_sp.gif) no-repeat 9px 11px;
		background-size: 216px 42px;
	}
	.en #header h1 span::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background:#fff url(/worldclock/img/header-logo_sp_en.gif) no-repeat 9px 11px;
		background-size: 216px 42px;
	}

	#header h1 a {
		width: 60px;
		font-size: 0;
		display: block;
		/* text-indent: -10000px; */
		height: 63px;
		position: absolute;
		z-index: 10;
	}
	.ie6 #header h1 a,
	.ie7 #header h1 a {
		position: relative;
	}

	#header #sp-bottom {
		padding: 10px;
		padding-top: 73px;
		border-bottom: 1px solid #ccc;
		margin-bottom: 20px;
	}
	.ie6 #header #sp-bottom {
		height: 1%;
	}
	#header .btn-news {
		/* text-indent: -10000px; */
		display: block;
		float: left;
		padding-right: 16px;
		background: url(/worldclock/img/header-bg-sp_bottom.gif) repeat-y right top;
		background-size: 1px;
		font-size: 10px;
	}
	#header .btn-news a {
		width: 80px;
		height: 30px;
		display: block;
		position: relative;
	}
	#header .btn-news a::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: url(/worldclock/img/header-btn-news_sp.gif) no-repeat left top;
		background-size: 80px 30px;
	}
	#header .btn-news a.active::after {
		background: url(/worldclock/img/header-btn-news_active_sp.gif) no-repeat left top;
	}
	
	#header #sns {
		float: left;
		padding-top: 5px;
	}
	
	#header #sns li {
		float: left;
		margin-left: 15px;
	}
	

	
	#header .btn-widget {
		display: none;
	}
	#header #utillity {
		display: none;
	}
	
	/* nav */
	
	#nav {
	}
	
	#nav #nav-list {
		display: none;
		position: absolute;
		width: 100%;
		left: 0;
		top:63px;
		z-index: 1;
	}
	
	
	#nav #nav-list li {
		width: 100%;
		background: #000;
		border-top:1px solid #666;
	}
	
	#nav ul li a {
		display: block;
		padding: 5px;
		color: #fff;
		font-size: 100%;
		text-decoration: none;
		border-bottom: 1px solid #595959;
		padding: 12px 9px 11px 11px;
		font-weight: bold;
		background:  #000 url(/worldclock/img/nav-icn-plus_sp.gif) no-repeat right center;
		background-size: 25px 15px;
	}
	#nav ul li a .state-text {
		position: absolute;
		visibility: hidden;
		top: 0;
		left: 0;
		display: block;
	}
	#nav ul li a.active {
		background:  #000 url(/worldclock/img/nav-icn-minus_sp.gif) no-repeat right center;
		background-size: 25px 15px;
	}
	.ie6 #nav ul li a,
	.ie7 #nav ul li a {
		height: 1%;
	}
	
	#nav ul li.btn-close a {
		display: block;
		padding: 0;
		text-indent: -10000px;
		height: 44px;
		background:#C80019 url(/worldclock/img/header-btn-close_sp.gif) no-repeat center top;
		background-size: 64px 44px;
		border: none;
	}
	#nav ul ul {
		display: none;
	}
	#nav ul ul li a {
		background: #C80019 !important;
		color: #fff;
		border-bottom: 1px solid #de6675;
	}
	
	#nav .btn-addclock {
		position: fixed;
		top:0;
		height: 63px;
		right: 0;
		z-index: 20002;
	}
	.ie6 #nav .btn-addclock,
	.ie7 #nav .btn-addclock {
		position: absolute;
	}
	#nav .btn-addclock > span {
		display: none;
	}
	#nav .btn-addclock a {
		display: block;
		width: 63px;
		height: 63px;
		position: relative;
	}
	#nav .btn-addclock a::after {
		content: "";
		display: block;
		width: 63px;
		height: 63px;
		background: url(/worldclock/img/nav-btn-addclock_sp.gif) no-repeat left top;
		background-size: 63px 63px;
		position: absolute;
		top: 0;
		left: 0;
	}
	#nav .btn-addclock a.active::after {
		background: url(/worldclock/img/nav-btn-addclock_close_sp.gif) no-repeat left top;
	}

	#content-body {
		position: relative;
	}

	#map .btn-open {
		display: none;
	}

	#content-body #news {
		display: none;
		position: absolute;
		top:-31px;
		width: 100%;
		left: 0;
		z-index: 5000;
	}
	#content-body #news h2 {
		display: none;
	}
	#content-body #news ul li {
		display: block;
		color: #fff;
		font-size: 93%;
		border-bottom: 1px solid #595959;
		padding: 13px 15px;
		background: #000;
	}
	#content-body #news ul li span.date {
		display: block;
		margin: 3px
	}
	#content-body #news .btn-close a {
		display: block;
		padding: 0;
		text-indent: -10000px;
		height: 44px;
		background:#C80019 url(/worldclock/img/header-btn-close_sp.gif) no-repeat center top;
		background-size: 64px 44px;
		
	}
	
	#howto {
		text-align: center;
		overflow: hidden;
	}
	#howto .howto-title img{
		width: 284px;
		margin: 0 0 20px 0;
	}
	:lang(en) #howto .howto-title img{
		width: 299px;
	}
	#howto .howto-pc{
		display: none;
	}
	#howto .howto-item {
		margin: 0 0 10px 0;
	}
	#howto .howto-item img{
		width: 299px;
	}
	#howto .howto-item.icon img {
		width: 40px;
	}


	
	.ja #howto {
		/* width: 100%; */
		/* height: 884px; */
		/* background: url(/worldclock/img/img-howto_sp.jpg) no-repeat center 0; */
		/* background-size: 299px 884px; */
	}
	
	.en #howto {
		/* width: 100%; */
		/* height: 726px; */
		/* background: url(/worldclock/img/img-howto_sp_en.jpg) no-repeat center 0; */
		/* background-size: 299px 726px; */
	}
	
	#map #canvas {
		display: none;
	}
	
	
	#dashboard {
		z-index: 2000;
		padding: 0 10px;
	}
	
	#widgets li {
		width: 100%;
		padding: 3px 0;
		margin-right: 0;
		/* float: none; */
		cursor: default;
	}
	
	/* .ie6 #widgets li .sp-nav, */
	/* .ie7 #widgets li .sp-nav{ */
	/* 	height: 1%; */
	/* } */
	/* .ie6 #widgets li .sp-nav a, */
	/* .ie7 #widgets li .sp-nav a{ */
	/* 	display: block; */
	/* 	float: left; */
	/* } */
	#widgets li .sp-nav{
		display: block;
		text-align: center;
		margin: 0 3px;
	}
	#widgets li .sp-nav button {
		width: 33%;
		height: 35px;
		display: inline-block;
		position: relative;
		z-index: 0;
	}
	#widgets li .sp-nav button::before {
		background: url(/worldclock/commonY16/img/bg-white.png) repeat;
		z-index: 1;
	}
	#widgets li .sp-nav button::after {
		z-index: 2;
	}
	#widgets li .sp-nav button::before,
	#widgets li .sp-nav button::after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}
	#widgets li .sp-nav button span{
		display: block;
		width: 100%;
		height: 100%;
	}
	#widgets li .sp-nav button.btn-up::after{
		border-right: 1px solid #E4E4E4;
		background: url(/worldclock/img/widget-btn-up_sp.gif) no-repeat center center;
		background-size: 45px 9px;
	}
	#widgets li .sp-nav button.btn-down::after {
		background: url(/worldclock/img/widget-btn-down_sp.gif) no-repeat center center;
		background-size: 56px 9px;
	}
	#widgets li .sp-nav button.btn-up.disable::after {
		border-right: 1px solid #E4E4E4;
		background: url(/worldclock/img/widget-btn-up_sp_dis.gif) no-repeat center center;
		background-size: 45px 9px;
	}
	#widgets li .sp-nav button.btn-down.disable::after {
		background: url(/worldclock/img/widget-btn-down_sp_dis.gif) no-repeat center center;
		background-size: 56px 9px;
	}

	#widgets li .sp-nav button.btn-close_sp::after{
		border-left: 1px solid #E4E4E4;
		background: url(/worldclock/img/widget-btn-close_sp.gif) no-repeat center center;
		background-size: 56px 16px;
	}
	
	#widgets li .main .btn-close {
		display: none;
		
	}
	
	.ie6 .calendar,
	.ie7 .calendar {
		height: 1%;
	} 
	
	.calendar .fc-header {
	}

	
	.calendar .fc-header-left{
		position: relative;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
	}
	.calendar .fc-header-title h2 span {
		font-size: 100%;
		font-weight: normal;
	}
	.calendar .fc-header-left span.fc-button-next,
	.calendar .fc-header-left span.fc-button-prev,
	.calendar .fc-header-left span.fc-header-title {
		display: none;
	}
	
	.calendar .fc-day-content {
		position: relative;
		margin-left: 0;
	}
	.calendar .fc-header-center{
		display: none;
		padding-bottom: 0;
	}
	
	.calendar .fc-header-right{
		display: table-cell;
		text-align: right;
		padding-right: 0;
		padding-bottom: 0;
	}
	.calendar .fc-header-right a{
		cursor: pointer;
		display: inline-block;
		white-space: nowrap;
		color: #666;
		background: url(/worldclock/img/calendar-btn-calendar_sp.gif) no-repeat right center;
		background-size: 25px 25px;
		padding-top: 6px;
		padding-right: 37px;
		min-height: 19px;
		text-decoration: none;
		font-size: 93%;
	}
	.calendar .fc-header-right a.active{
		background: url(/worldclock/img/calendar-btn-calendar_sp_active.gif) no-repeat right center;
	}
	.calendar .fc-content{
		margin-top: 7px;
		display: none;
	}
	.calendar .fc-header-right a:hover {
		text-decoration: none;
	}
	.mac .calendar .fc-header-right a:hover,
	.windows .calendar .fc-header-right a:hover {
		text-decoration: underline;
	}
	.ie6 .calendar .fc-header-right a,
	.ie7 .calendar .fc-header-right a{
		display: inline;
		height:1%;
	}
	.calendar table.fc-border-separate td,
	.calendar table.fc-border-separate th{
		font-size: 100%;
	}
	.calendar table.fc-border-separate td div .fc-day-number {
		width: 18px;
		height: 14px;
		padding: 4px 3px 3px;
		line-height: 100%;
	}
	
	#content-body ul.notice {
		padding: 0 10px;
		margin-top: 20px;
		margin-bottom:20px;
		clear:both;
	}
	
	#content-body .oldwidgetWrap {
		display:none;
	}
	
	#content-body .oldwidgetNotice {
		display:none;
	}
	
	#content-body .linktop {
		padding: 20px 10px 0;
		font-size: 93%;
		color: #666;
		line-height: 160%;
	}
		
		#content-body .linktop a {
			color:#0f0f69;
		}
		
		#content-body .linktop a:link,
		#content-body .linktop a:visited {
			color:#0f0f69;
			text-decoration:underline;
		}
		
		#content-body .linktop a:hover,
		#content-body .linktop a:active {
			color:#cc0000;
			text-decoration:underline;
		}
	
	#content-body #btn-back {
		display: none;
		text-align: center;
		margin-top: 28px;
	}
	
	#content-body #btn-back a{
		display: inline-block;
		width: 300px;
		height: 50px;
		background: url(/worldclock/img/btn-back_sp.gif) no-repeat left top;
		background-size: 300px 50px;
		text-indent: -10000px;
	}
	.ie6 #content-body #btn-back a{
		display: inline;
		height:1%;
	}
	
	p.reserve{
		padding: 0 30px;
		margin-top: 40px;
	}
	.btnRD.full {
		display: block;
	}
	.btnRD {
		background-color: #cc0000;
		color: #fff;
		text-decoration: none;
		text-align: center;
		padding: 10px 20px 8px!important;
		background-image: none!important;
	}
	.btnRD:hover,
	.btnRD:focus {
		background-color:#cb4e4e;
		text-decoration:underline;
	}
	.btnRD:hover span,
	.btnRD:focus span{
		text-decoration:underline;
		cursor:pointer;
	}
	.btnRD span {
		padding-left: 10px;
		display: inline-block;
		line-height: 24px;
		background: url(/commonY15/img/icon_arrow_right_white_01.png) 0 7px no-repeat;
	}
	.btnRD span .fs16 {
		font-size: 16px !important;
	}
	
	#banner {
		display: none;
	}
	#footer {
		padding-right: 10px;
	}
	
	#footer .pgtp a{
		/* width: 68px; */
		/* height: 10px; */
		/* background: url(/worldclock/img/footer-btn-pagetop_sp.gif) no-repeat left top; */
		/* background-size: 68px 10px; */
	}
	
	#overlay {
		display: none;
	}
	

	#loader {
		top:64px;
		z-index: 5000;
	}
}

@media all and (max-width: 620px) and (-webkit-min-device-pixel-ratio: 1.3),
	all and (max-width: 620px) and (min-device-pixel-ratio: 1.3) {

	.ja.no-ie #header h1 span::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background:#fff url(/worldclock/img/header-logo_sp_2x.gif) no-repeat 9px 11px;
		background-size: 215px 41px;
	}
	.en.no-ie #header h1 span::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background:#fff url(/worldclock/img/header-logo_sp_en_2x.gif) no-repeat 9px 11px;
		background-size: 215px 41px;
	}
	
	.no-ie #header .btn-news a {
		background: url(/worldclock/img/header-btn-news_sp_2x.gif) no-repeat left top;
		background-size: 80px 30px;
	}
	
	.no-ie #header .btn-news a.active {
		background: url(/worldclock/img/header-btn-news_active_sp_2x.gif) no-repeat left top;
		background-size: 80px 30px;
	}
	
	.no-ie #nav ul li a {
		background:  #000 url(/worldclock/img/nav-icn-plus_sp_2x.gif) no-repeat right center;
		background-size: 25px 15px;
	}
	
	
	.no-ie #nav ul li a.active {
		background:  #000 url(/worldclock/img/nav-icn-minus_sp_2x.gif) no-repeat right center;
		background-size: 25px 15px;
	}
	
	.no-ie #nav .btn-addclock a {
		background: url(/worldclock/img/nav-btn-addclock_sp_2x.gif) no-repeat left top;
		background-size: 63px 63px;
		-webkit-background-size: 63px 63px;
	}	
	
	.no-ie #nav .btn-addclock a.active {
		background: url(/worldclock/img/nav-btn-addclock_close_sp_2x.gif) no-repeat left top;
		background-size: 63px 63px;
		-webkit-background-size: 63px 63px;
	}
	
	.no-ie #content-body #news .btn-close a {
		background:#C80019 url(/worldclock/img/header-btn-close_sp_2x.gif) no-repeat center top;
		background-size: 64px 44px;
	}
	.no-ie #nav ul li.btn-close a {
		background:#C80019 url(/worldclock/img/header-btn-close_sp_2x.gif) no-repeat center top;
		background-size: 64px 44px;
	}
	.ja.no-ie #howto {
		/* background: url(/worldclock/img/img-howto_sp_2x.jpg) no-repeat center 0; */
		/* background-size: 299px 884px; */
	}
	.en.no-ie #howto {
		/* background: url(/worldclock/img/img-howto_sp_en_2x.jpg) no-repeat center 0; */
		/* background-size: 299px 726px; */
	}
	
	.no-ie #widgets li .sp-nav button {
		cursor: pointer;
	}
	.no-ie #widgets li .sp-nav button.btn-up::after {
		background: url(/worldclock/img/widget-btn-up_sp_2x.gif) no-repeat center center;
		background-size: 45px 9px;
	}
	.no-ie #widgets li .sp-nav button.btn-down::after {
		background: url(/worldclock/img/widget-btn-down_sp_2x.gif) no-repeat center center;
		background-size: 56px 9px;
	}
	.no-ie #widgets li .sp-nav button.btn-up.disable::after {
		background: url(/worldclock/img/widget-btn-up_sp_dis_2x.gif) no-repeat center center;
		background-size: 45px 9px;
	}
	.no-ie #widgets li .sp-nav button.btn-down.disable::after {
		background: url(/worldclock/img/widget-btn-down_sp_dis_2x.gif) no-repeat center center;
		background-size: 56px 9px;
	}
	
	.no-ie #widgets li .sp-nav button.btn-close_sp::after {
		background: url(/worldclock/img/widget-btn-close_sp_2x.gif) no-repeat center center;
		background-size: 56px 16px;
	}
	
	
	.no-ie #content-body #btn-back a{
		background: url(/worldclock/img/btn-back_sp_2x.gif) no-repeat left top;
		background-size: 300px 50px;
	}
	
	.no-ie #footer .pgtp a{
		/* width: 68px; */
		/* height: 10px; */
		/* background: url(/worldclock/img/footer-btn-pagetop_sp_2x.gif) no-repeat left top; */
		/* background-size: 68px 10px; */
	}
	
}

@media all and (-webkit-min-device-pixel-ratio: 1.3), all and (min-device-pixel-ratio: 1.3) {
	
	.no-ie #widgets li .time .hh1::after,
	.no-ie #widgets li .time .hh2::after,
	.no-ie #widgets li .time .mm1::after,
	.no-ie #widgets li .time .mm2::after,
	.no-ie #widgets li .time .ss1::after,
	.no-ie #widgets li .time .ss2::after {
		background: url(/worldclock/img/clock-txt-num_2x.png) no-repeat center top;
		background-size: 37px 370px;
	}
	.no-ie #widgets li .time .btn-refresh {
	background: url(/worldclock/img/clock-btn-refresh_2x.png) no-repeat center top;
		background-size: 17px 17px;
	}
}