@charset "UTF-8";
@import "./base_s.css";

/* 装飾 */
body{
	background	: #ffd;
	font-size	: 100%;
	color		: #666;
}
h1{
	margin		: 1em 3%;
	font-size	: 120%;
	color		: #66c;
}
p, li, dd{
	line-height	: 1.4;
}
p{
	margin	: 1em 3%;
}
p.root{
	margin		: 0.5em 1%;
	font-size	: 90%;
}
dl{
	margin		: 0.5em 3%;
}
hr{
	display	: none;
}
cite{
	font-style	: italic;
}
a{
	text-decoration	: underline;
	font-weight		: inherit;
	font-style		: inherit;
}
a:link{
	color	: #69f;
}
a:visited{
	color	: #669;
}
a:hover{
	color	: #f66;
}
a:active{
	color	: #cc6;
}
/* 現在時刻 */
#now-date{
	width		: 85%;
	margin		: 1em auto;
}
#now-date h2{
	padding		: 0.2em 0;
	border		: 0 none;
	font-size	: 110%;
	color		: #66f;
}
#now-date dt{
	width		: 7em;
	margin		: 0.1em 0;
	float		: left;
	clear		: left;
}
#now-date dd{
	margin-left		: 7em;
	font-weight		: bold;
	font-family		: monospace;
}
#now-date dd:before{
	content	: '= ';
}
/* 変換フォーム */
#ux-form h2{
	display	: none;
}
#ux-form h3{
	margin		: 1em 3% 0em;
	font-weight	: bold;
	color		: #66f;
}
.subsection{
	width		: 85%;
	margin		: 2em auto;
	margin		: 1em auto;
	margin		: 0.5em auto;
	border		: 5px inset #fc9;
	background	: #ffc;
}
p.summary{
	margin		: 0.5em 3%;
	font-size	: 90%;
}
form{
	margin	: 1em 3%;
}
input#ux-day{
	width	: 10em;
}
input#ux-str{
	width	: 18em;
}
#unix2date p.submit{
	margin-top	: 0.5em;
}
#unix2date dt{
	width		: 7em;
	margin		: 0.1em 0;
	float		: left;
	clear		: left;
}
#unix2date dd{
	margin-left	: 7em;
}
#unix2date p.submit{
	margin-top	: -2em;
	text-align	: right;
}
.converted{
	padding	: 0.5em 1em;
	border	: 2px groove #ccc;
	color	: #333;
}
.converted em{
	font-weight	: bold;
	color		: #f00;
}
#reset{
	position	: absolute;
	top			: 2em;
	right		: 1em;
	padding		: 3px;
	border		: 3px double #fc9;
	background	: #eef;
}
[id="reset"]{
	position	: fixed !important;
	top			: 1em !important;
}
#footer{
	margin		: 1em 1%;
	text-align	: right;
	font-style	: italic;
	font-size	: 90%;
}