@charset "utf-8";

.section #rpsearch form { padding: 0; display: table; table; _display: block; }
.section #rpsearch form em,
.section #rpsearch form span { display: table-cell; vertical-align: middle; }
.section #rpsearch form em { font-size: 20px; font-weight: bold; font-style: normal; }
.section #rpsearch form input { margin: 0 10px; border: 1px solid #999999; line-height: 1; background: #ffffff; -webkit-appearance: none; font-size: 16px; }
.section #rpsearch-query { padding: 7px; width: 250px; border-radius: 5px; }
.section #rpsearch-button { padding: 7px 14px; background-color: #333333; border-color: #000000; cursor: pointer; background-image: -webkit-linear-gradient(#666666, #333333); color: #ffffff; }
.section #rpsearch-button:hover { background-image: -webkit-linear-gradient(#333333, #666666); }
.section #rpsearch-state { margin-top: 1em; display: none; padding: 1em; text-align: left; border-radius: 5px; }
.section #rpsearch-state.error   { display: block; color: #ffffff; background-color: #999999; }
.section #rpsearch-state.success { display: block; color: #ffffff; background-color: #0099cc; }
.section #rpsearch-state a { color: #ffffff; font-weight: bold; }
.section #rpsearch-alert-browser { margin-top: 1em; padding: 1em; color: #ffffff; background-color: #b03038; border-radius: 5px; }

.section #wrap { margin: 20px auto; }
.section ul.kome { list-style: none; }
.section ul.kome li { margin-left: 1em; text-indent: -1em; }
.section #yt-search { line-height: 1.25; font-size: 12px; }
.section #yt-search table { border-collapse: collapse; width: 100%; }
.section #yt-search table th,
.section #yt-search table td { padding: .5em; text-align: left; }
.section #yt-search table label { margin-right: 5px; display: inline-block; white-space: nowrap; }
.section #yt-search table .col-toggle { white-space: nowrap; }


.section #yt-search .text { padding: 3px; width: 300px; }


.section #yt-search table td.check { white-space: nowrap; }
.section #yt-search table td span.note { margin-top: .5em; margin-left: 1em; display: block; text-indent: -1em; }
.section #yt-search p { margin: .5em 0; padding: 10px; border: 1px solid #999999; background-color: #d8e3e6; text-align: center; }
.section #yt-result-box { margin-top: 20px; border: 1px solid #999999; line-height: 1.25; }
.section #yt-result-message { padding: .5em; background-color: #d8e3e6; }
.section #yt-result-message p { margin: 0; }
.section #yt-result-message p span { font-weight: bold;  }
.section #yt-result { padding: 10px 15px; border-top: 1px solid #999999; height: 340px; overflow: auto; }
.section #yt-result dl { margin: 5px 0; padding: 0 0 5px 0; clear: both; height: 80px; border-bottom: 1px solid #cccccc; }
.section #yt-result dt { margin: 0; padding: 3px; width: 96px; height: 72px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; float: left; clear: both; overflow: hidden; }
.section #yt-result dt img { overflow: hidden; width: 96px; height: 72px; }
.section #yt-result dd { margin: 0 0 0 110px; padding: 3px; }
.section #yt-result dd .title { font-weight: bold; }
.section #yt-result dd p { margin: 10px 0 0 0; font-size: 11px; }
.section #yt-result dd span { color: #ff6699; font-weight: bold; }

.section form,
.section input,
.section textarea { margin-right: .25em; }
.section button { padding: .5em 2em; }


.section .waku { list-style: none; border: 2px solid #ff6600; margin-top: 1em; padding: 10px; }
.section .waku em { display: block; margin-bottom: 5px; font-weight: bold; font-size: 133%; color: #ff6600; }
.section .waku .but { text-align: center;  }
.section .waku .scr { margin-top: 10px; text-align: center; zoom: 1; }

.section a.btn {
	-moz-border-radius: 6px 6px 6px 6px; 
	-webkit-border-radius: 6px 6px 6px 6px;
	padding: 1em 2em;
	background-color: #333333;
	background: -moz-linear-gradient(center top, #333333 0%,#000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333333),color-stop(1, #000000));
	color: #ffffff!important;
	text-decoration: none!important;
	display: block;
	text-align: center;
	width: 300px;
	_zoom: 1;
}
.section a:hover { text-decoration: underline!important; }
.section table.table-spec { width: 100%; }