@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

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

body{
	-webkit-text-size-adjust : none;
	margin : 0px;
	font-family : "Noto Sans JP", sans-serif;
	font-size : small;
	color : #333;
	text-align : center;
}

/* --------------------------------------------- */

form#form{
	width : 600px;
	margin : 10px auto;
	padding : 10px 0;
	background : rgba(255, 255, 255, 0.45);
	text-shadow : 0px 1px 0px #fff;
	font-weight : bold;
}
form#form input{
	border : 1px solid #ccc;
	border-radius : 3px;
	background : #fafafa;
}
form#form input:focus{
	box-shadow : 0px 0px 5px #a74864;
	border : 1px solid #a74864;
	background : #fff;
}
form#form input#domain_name{
	width : 40%;
	height : 43px;
	padding-left : 10px;
	padding-right : 10px;
	vertical-align : middle;
	color : #444;
	font-size : x-large;
	ime-mode : disabled;
}
form#form #domain_select,
form#form #search_button{
	width : auto;
	height : 47px;
	padding-left : 10px;
	padding-right : 10px;
	vertical-align : middle;
	color : #444;
	background : #eee;
	border : 1px solid #ccc;
	border-radius : 3px;
}
form#form #domain_select{
	margin-left : 2px;
	font-size : x-large;
}
form#form #search_button{
	font-size : large;
	font-weight : bold;
}
form#form #search_button:hover{
	cursor : pointer;
	color : #8a2023;
	background : #e0e0e0;
}
p#results{
	margin-top : 15px;
	color : #444;
	font-size : large;
	font-weight : bold;
}
p#results span#domain{
	display : inline-block;
}
p#results span#ok,
p#results span#no{
	display : inline-block;
	padding-left : 5px;
	padding-right : 5px;
	font-size : x-large;
}
p#results span#ok{
	color : #ff0000;
}