@charset "utf-8";

/**
 * filename: GraphicImagePark.ui.main.css
 * @overview GraphicImagePark メイン定義CSS
 * @version 1.0.1 2015-05-27
 */




/**
* 汎用要素定義`
*/

/* クリアフィックス */
.clearfix:after, 
.header-container:after, 
header nav.header-nav ul:after,
.search-container:after,
#search article div.wrap:after,
ul.radio-list:after,
ul.checkbox-list:after,
.top-contents-container:after,
#result div.result-screen-information div.wrap:after,
footer nav.footer-nav ul:after,
footer div.address:after {
	content: "";
	clear: both;
	display: block;
}

/*firefoxにおいてフォーカス時に枠線表示*/
@-moz-document url-prefix () { 
	input [type="radio"]: focus, 
	input[type="checkbox"]:focus,
	input[type="button"]:focus, 
	input[type="submit"]:focus {
		outline: dotted 1px #000;
	}
}


/**
* 共通要素定義`
*/
body {
	font-family: "ヒラギノ角ゴ ProN W3", "Meiryo", Verdana, sans-serif;
	line-height: 135%;
	background: #FFF;
	color: #333;
	font-size: 81.3%;
}

@media print {
	body {display: none !important;}
}

a:link {
	color: #00468C;
}

a:visited {
	color: #8138A5;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

a:focus {
}

strong {
	font-style: normal;
	font-weight: bold;
}

td, th {
	text-align: left;
	vertical-align: top;
}

caption {
	text-align: left;
	font-weight: bold;
}

label {
	cursor: pointer;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

li {
	margin: 0;
	padding: 0;
}

h1 {
}

h2 {
}

h3 {
}

p {
}


/* リンクアイコン */
.link-inner {
	background: transparent url('../img/icon_link-in.png') no-repeat 0 .3em;
	padding-left: 10px;
}

.link-outer {
	background: transparent url('../img/icon_link-out.png') no-repeat 0 .3em;
	padding-left: 20px;
}

.link-pagetop {
	background: transparent url('../img/icon_link-pagetop.png') no-repeat 0	center;
	padding-left: 18px;
}

.link-questionnaire {
	background: transparent url('../img/icon_link-questionnaire.png') no-repeat 0 center;
	padding-left: 18px;
}


/* ボタン */
.input {
}

.btn {
}

input.btn {
	background-color: #DEDEDE;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcyOTMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGNUY1RjUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNERURFREUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cyOTMpIiAvPgo8L3N2Zz4=);
	font-size: 84.6%;
	border: #929292 1px solid;
	border-radius: 2px;
	padding: 3px 4px 1px 4px;
	/*background: linear-gradient(to bottom, #F5F5F5, #DEDEDE);*/
	vertical-align: middle;
}

input.btn.important {
	background-color: #F2B600;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxOTUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkNDMzMiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGMkI2MDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxOTUpIiAvPgo8L3N2Zz4=);
	font-size: 123.1%;
	font-weight: bold;
	padding: 3px 20px 1px 20px;
	border: #8C6A04 1px solid;
	border-radius: 2px;
	/*background: linear-gradient(to bottom, #FFCC33, #F2B600);*/
}


/* バルーンヘルプ */
a.balloon-help {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: transparent url('../img/btn_balloon-help.png') no-repeat 0 0;
	border: none;
	font-size: 1%;
	margin: -3px 2px 0 8px;
	cursor: help !important;
	vertical-align: middle;
}


/* コントロール */
input.textbox {
	padding: 3px 4px 1px 4px;
	margin: 0 4px 2px 0;
}

input.textbox:disabled {
	border: #A9A9A9 1px solid;
	background: #EBEBE4;
}

input.radio-item {
	margin: 0px 6px 0 0;
	vertical-align: middle;
	cursor: pointer;
}

input.checkbox-item {
	margin: 0px 6px 0 0;
	vertical-align: middle;
	cursor: pointer;
}

select {
	padding: 2px 0 0 0;
	/*-webkit-appearance: none;*/
}

textarea {
	padding: 3px 4px 1px 4px;
	margin: 0 4px 2px 0;
	border: #A9A9A9 1px solid;
}


/* ラジオボタン レイアウト　基本並列 */
ul.radio-list {
}

ul.radio-list li {
	float: left;
	margin: 0 14px 4px 0;
}

ul.radio-list li:first-child {
	margin-left: 0;
}

ul.radio-list li:last-child {
	margin-right: 0;
}

/* チェックリスト レイアウト　基本並列 */
ul.checkbox-list {
}

ul.checkbox-list li {
	float: left;
	margin: 0 0 4px 14px;
}

ul.checkbox-list li:first-child {
	margin-left: 0;
}

ul.checkbox-list li:last-child {
	margin-right: 0;
}

ul.checkbox-list.vertical li {
	clear: both;
	margin: 0 0 4px 14px;
}




/*
 * IE9 入力例処理のみ使用
 */
.is-blank {
	color: #999999;
}




/*
 * 基本要素
 */
html,
body {
	height: 100%;
}




/* ヘッダー */
.header-container {
	width: 100%;
	background: transparent url('../img/header_bg.png') repeat-x center 0;
	border-bottom: #FFC109 solid 3px;
	border-top: #161B1D solid 2px;
	min-width: 930px;
	background-color: #2E6169;
}

header {
	height: 68px;
	min-width: 850px;
	max-width: 1500px;
	margin: 0 auto;
	padding: 0 40px;
	text-align: center;
	position: relative;
}

header h1 {
	margin: 9px 0 0 0;
	padding: 0;
	width: 240px;
	height: 50px;
	background: transparent url('../img/header_h1.svg') no-repeat 0 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	float: left;
}

/*svg非対応ブラウザへの対応*/
header h1 {
	background-image: url('../img/header_h1.png') \9; /*IE8*/
	*background-image: url('../img/header_h1.png'); /*IE7*/
	_background-image: url('../img/header_h1.png'); /*IE6*/
}

header ul.help-desk {
	color: #FFF;
	font-size: 92.3%;
	margin: 8px 0 0 -336px;
	display: inline-block;
	text-align: left;
}

header ul.help-desk li {
}

header ul.help-desk li a {
	color: #FFF;
}

header ul.help-desk li.help-desk-call {
	background: transparent url('../img/icon_call.png') no-repeat 0 .1em;
	padding-left: 18px;
}

header ul.help-desk li.help-desk-mail {
	background: transparent url('../img/icon_mail.png') no-repeat 0 .3em;
	padding-left: 18px;
}

header nav.header-nav {
	/*float: right;*/
	position: absolute;
	right: 40px;
	top: 0px;
}

header nav.header-nav ul {
}

header nav.header-nav ul li {
	color: #FFF;
	float: left;
	background: #353535;
	margin-left: 8px;
	font-size: 84.6%;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}

header nav.header-nav ul li a {
	color: #FFF;
	text-decoration: none;
	display: inline-block;
	padding: 2px 10px;
}

header nav.header-nav ul li.nav-link-inner {
	background: #ECD38A;
}

header nav.header-nav ul li.nav-link-inner a {
	color: #333;
}




/* トップページ検索エリア */
.search-container {
	background: #F0F0EE;
	margin: 0;
	padding: 14px 0;
	width: 100%;
	min-width: 1240px;
	border-bottom: #B8B79C 1px solid;
}

#search {
	margin: 0 auto;
	width: 902px;
	padding: 0 169px;
}

#searchError {
	margin: 15px auto;
	width: 900px;
	color: #ff0000;
	text-align: left;
	font-weight: bold;
	font-size: 115.0%;
}

#search article {
}

#search article h2 {
	margin: 8px 0 4px 10px;
	font-size: 107.7%;
}

#search article h3 {
	margin: 8px 0 4px 22px;
	font-size: 100%;
}

#search article div.wrap {
	margin-top: 6px;
}

#search article div.wrap h2 {
	float: left;
	margin-top: 2px;
}

#search article div.wrap h3 {
	float: left;
	margin-top: 0;
}

#search article div.wrap p {
	margin: 0 8px 0 8px;
}

#search article div.wrap p.btn {
	float: left;
	margin-left: 0;
}

#search article div.wrap p.btn input.btn {
	margin-left: 8px;
}

#search article div.wrap p.btn.clear {
	float: right;
}

#search article p.input {
	margin: 0px 8px 0 22px;
}

#search article input.btn {
	padding-left: 8px;
	padding-right: 8px;
}

/* トップページ検索エリア：画像選択エリア */
#search article.search-image-area {
	width: 528px; /*firefoxのサイズ縮小時対応*/
	background: #E3E3DD;
	float: left;
	margin-right: 10px;
}

#search article.search-image-area p.dd-area {
	width: 280px;
	height: 280px;
	/* background: transparent url('../img/dd-area.png') no-repeat 0 0; */
	overflow: hidden;
	text-indent: 100%;
	/* white-space: nowrap; */
	margin: 14px auto;
}

#photo {
	width: 280px;
	height: 280px;
	margin-left: 125px;
	float: left;
	margin-top: 10px;
	border: solid 1px #B5B5AA;
}

#photo_image {
	width: 280px;
	height: 280px;
	background-color: #FFFFFF;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

/* トップページ検索エリア：詳細設定エリア */
#search article.search-detail-area {
	width: 360px;
	border: #B5B5AA 1px solid;
	float: left;
	padding-bottom: 14px;
}

#search article.search-detail-area p.btn.clear {
	text-align: right;
	margin: 6px 8px 0 8px;
}

#search article.search-detail-area h2 {
	position: relative;
}

#search article.search-detail-area h2.search-mode {
	margin-top: 0;
}

#search article.search-detail-area h2.search-mode:after {
	content: "";
	position: absolute;
	background: #B5B5AA;
	margin: 0;
	top: 0.5em;
	left: 124px;
	height: 1px;
	width: 218px;
}

#search article.search-detail-area h2.refine {
}

#search article.search-detail-area h2.refine:after {
	content: "";
	position: absolute;
	background: #B5B5AA;
	margin: 0;
	top: 0.5em;
	left: 136px;
	height: 1px;
	width: 206px;
}

#search article.search-detail-area div.wrap h3 {
	float: left;
}

#search article.search-detail-area div.wrap p {
	float: left;
}

#search article.search-detail-area p.input span {
	display: inline-block;
	margin: 0 4px 0 2px;
}

#search article.search-detail-area p.link {
	margin-left: 0;
}

#search ul.radio-list {
	margin: 0 8px 0 22px;
}

/* 検索ボタン */
#search p.action {
	clear: both;
	margin: 0;
	padding: 12px 0 0 0;
	text-align: left;
}

#search p.action .btn {
	margin-left: 204px;
}

/* 物品名／意匠分類width指定 */
#searchAreaStartDisp, #searchAreaEndDisp {
	width: 130px;
}
/* 日付width指定 */
#nameConditionDisp, #designConditionDisp {
	width: 244px;
}

/* トップページ：コンテンツエリア */
.top-contents-container {
	margin: 20px auto;
	width: 1120px;
	padding: 0 60px;
}

.top-contents-container section {	
}

.top-contents-container section h2 {
	font-size: 138.5%;
	margin: 0 0 14px 0;
	padding: 0 0 4px 6px;
	border-bottom: #20444A 3px solid;
	position: relative;
	line-height: 1.4em;
}

.top-contents-container section h2:after {
	content: "";
	position: absolute;
	background: #20444A;
	margin: 0;
	top: 1.92em;
	left: 0;
	height: 1px;
	width: 100%;
}

#guideline {
	width: 450px;
	float: left;
	margin: 0;
}

#guideline h2 {
	background: transparent url('../img/guideline_h2_icon.png') no-repeat 6px 0;
	padding-left: 40px;
}

#guideline h2 span {
	font-weight: normal;
	font-size: 72.2%;
	display: inline-block;
	margin-right: 4px;
	line-height: 0;
}

#introduction ul {
	margin: 0 6px;
}

#introduction ul li {
	position: relative;
	padding-left: 10px;
	margin-bottom: 8px;
}

#introduction ul li:before {
	content: "";
	position: absolute;
	background: #333;
	border-radius: 50%;
	top: 0.5em;
	left: 0px;
	width: 4px;
	height: 4px;
	transition: .2s;
}

#guideline p.btn {
	width: 290px;
	height: 72px;
	margin: 14px 0 0 0;
}

#information {
	width: 440px;
	float: left;
	margin: 0 40px;
}

#information ul {
	margin: 0 6px;
}

#information ul li {
	margin-bottom: 12px;
}

#information span.date {
	display: block;
}

#btn-list {
	width: 150px;
	float: left;
	margin: 0;
}

#btn-list ul {
	
}

#btn-list ul li {
	margin-bottom: 12px;
	line-height: 1%;
}

.banner {
	width: 150px;
}

.survey {
	height: 52px;
}

.accumulation {
	height: 60px;
}

.j-platpat {
	height: 50px;
}




/* 次階層ページ：共通 */
.sub-contents-container {
	width: 100%;
	/*min-width: 1240px;*/
	min-width: 930px;
	min-height: 484px;
	background: #F0F0EE;
}

.sub-contents-container h1 {
	font-size: 138.5%;
	margin: 24px 0 26px 0;
	line-height: 150%;
}

.sub-contents-container h2 {
	font-size: 107.7%;
	background-color: #D7D7D2;
	padding: 8px 10px 7px 10px;
	margin: 16px 0 16px 0;
}

.page-guidance {
	margin-bottom: 24px;
}

#result, #questionnaire, #storage-info, #othererror, #management,
	#data-upload, #logreference {
	/*max-width: 1160px;*/
	margin: 0 auto;
	padding: 2px 40px;
}

/*0526追加*/
#result {
	max-width: 1240px;
	min-width: 850px;
}



/* 画面下部のボタン */
p.command {
	text-align: center;
	border-top: #888888 1px solid;
	padding-top: 26px;
}

p.command input.btn {
	font-size: 107.7%;
	min-width: 110px;
	padding: 3px 8px 2px 8px;
	margin-right: 18px;
}

p.command input.btn:last-child {
	margin-right: 0;
}

/* ページトップリンク */
p.pagetop {
	text-align: right;
}

p.pagetopThumbnail {
	text-align: right;
}

/* 検索結果一覧ページ */
/* 検索表示・切替エリア */
#result div.result-screen-information {
	border-bottom: #888888 1px solid;
}

#result div.result-screen-information div.wrap {
	margin: 0;
}

#result div.result-screen-information div.wrap h1 {
	margin: 24px 0 0 0;
	float: left;
}

#result div.result-screen-information div.wrap p.j-platpat {
	margin: 20px 0 0 0;
	float: right;
}

#result div.result-screen-information p.j-platpat input.j-platpat {
	border: none;
	background: transparent url('../img/btn_j-platpat.png') no-repeat 0 0;
	width: 172px;
	height: 34px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	padding: 0;
}

#result div.result-screen-information p.result-number {
	margin: 20px 0 12px 0;
	float: left;
}

#result div.result-screen-information p.result-number span {
	display: inline-block;
}

#result div.result-screen-information p.result-number span.display-number-first {
	margin-right: 6px;
}

#result div.result-screen-information p.result-number span.display-number-last {
	margin-right: 6px;
	margin-left: 6px;
}

#result div.result-screen-information p.result-number span.separate {
	border-left: #888888 1px solid;
	padding-left: 12px;
	margin-left: 12px;
	height: 100%;
	display: inline-block;
}

#result div.result-screen-information p.result-number strong {
	display: inline-block;
	margin: 0 8px 0 12px;
}

#result div.result-screen-information p.result-number span select {
	display: inline-block;
	margin: 0 6px 0 12px;
}

#result div.result-screen-information p.result-number span input {
	font-size: 100%;
	padding: 3px 14px 1px 14px;
	display: inline-block;
	margin-top: -3px;
}

#result div.result-screen-information p.screen-switch {
	margin: 20px 0 12px 0;
	float: right;
}

#result div.result-screen-information p.screen-switch input.btn {
	font-size: 100%;
	width: 110px;
	height: 26px;
	border: #333333 1px solid;
	border-radius: 0px;
}

#result div.result-screen-information p.screen-switch input.btn.switch-on[disabled='disabled'] {
	cursor: default;
	color: #FFF;
}

#result div.result-screen-information p.screen-switch input.btn.thumbnail {
	background: #DDD url('../img/btn_thumbnail.png') no-repeat 0 -1px;
	padding-left: 22px;
	padding-right: 4px
}

#result div.result-screen-information p.screen-switch input.btn.thumbnail.switch-on {
	background: #333 url('../img/btn_thumbnail_on.png') no-repeat 0 -1px;
}

#result div.result-screen-information p.screen-switch input.btn.bibliography {
	background: #DDD url('../img/btn_bibliography.png') no-repeat 0 -1px;
	padding-left: 18px;
	padding-right: 4px;
}

#result div.result-screen-information p.screen-switch input.btn.bibliography.switch-on {
	background: #333 url('../img/btn_bibliography_on.png') no-repeat 0 -1px;
}

/* サムネイル・書籍表示（共通）：画像位置調整 */
#result ul.result-thumbnail span.image,
#result ul.result-bibliography li.image-area span.image,
#bookmark ul.bookmark-thumbnail span.image {
	background: #FFF;
	margin: 0;
	display: block;
	text-align: center;
	
}

#result ul.result-thumbnail span.image>*, 
#result ul.result-bibliography li.image-area span.image > *,
#bookmark ul.bookmark-thumbnail span.image>* {
	display: inline-block;
}

#result ul.result-thumbnail span.image:after, #result ul.result-bibliography li.image-area span.image:before,
#bookmark ul.bookmark-thumbnail span.image:after {
	content: "";
	height: 100%;
	vertical-align: middle;
	width: 0px;
	display: inline-block;
}

#result span.number {
	font-weight: bold;
}

#result ul.result-thumbnail li.visited, 
#result ul.result-bibliography li.visited {
	background-color: #D1D1CF;
}




/* サムネイル一覧表示 */
#result ul.result-thumbnail {
	padding: 9px;
	margin-right: -18px;
}

#result ul.result-thumbnail li.result-element {
	width: 200px;
	margin: 9px 18px 9px 0px;
	padding: 5px;
	display: inline-block;
}

#result ul.result-thumbnail li.result-element li.image-area {
	height: 200px;
}

#result ul.result-thumbnail span.image {
	width: 200px;
	height: 200px;
}

#result ul.result-thumbnail ul span.number, 
#result ul.result-thumbnail ul span.id,
#result ul.result-thumbnail ul span.goods, 
#result ul.result-thumbnail ul span.right-holders {
	display: block;
}

#result ul.result-thumbnail ul span.number {
	margin-top: 6px;
}

#result ul.result-thumbnail ul span.goods span, 
#result ul.result-thumbnail ul span.right-holders span {
	padding: 0 0 0 5px;
}

#result ul.result-thumbnail ul span.goods a, 
#result ul.result-thumbnail ul span.right-holders a {
	text-decoration: none;
}



/* 書誌一覧表示 */
#result ul.result-bibliography {
	padding: 0;
	margin-bottom: 24px;
}

#result ul.result-bibliography li.result-element {
	border-bottom: #AAAAAA 1px solid;
	padding: 20px 8px;
}

#result ul.result-bibliography li.image-area {
	margin: 0;
	display: table-cell;
	vertical-align: top;
}

#result ul.result-bibliography li.image-area span.image {
	width: 180px;
	height: 180px;
}

#result ul.result-bibliography li.text-area {
	margin: 0;
	display: table-cell;
	padding: 0 0 0 10px;
}

#result ul.result-bibliography li.text-area span {
	display: inline-block;
	padding: 0 10px;
	margin-bottom: 6px;
}

#result ul.result-bibliography li.text-area span.id, 
#result ul.result-bibliography li.text-area span.application-date,
#result ul.result-bibliography li.text-area span.setting-date, 
#result ul.result-bibliography li.text-area span.goods,
#result ul.result-bibliography li.text-area span.group-number {
	border-right: #666 1px solid;
}

#result ul.result-bibliography li.text-area span.number {
	padding-right: 0;
}

#result ul.result-bibliography li.text-area span.explanation {
	padding-right: 0;
	margin-top: 12px;
	/*半角英数字が続いた時の折り返し*/
	max-width: 1024px;
	word-break: break-all;
}

/* ページ送り(ページ毎) */
#result ul.pagination {
	text-align: center;
	margin: 20px 0 24px 0;
}

#result ul.pagination li {
	display: inline-block;
	margin: 0 8px;
}

#result ul.pagination .pagination-link a {
	color: #333333;
	text-decoration: none;
	display: inline-block;
}

#result ul.pagination .is-disabled {
	color: #BBBBBB;
}

#result ul.pagination span.prev-icon {
	background: transparent url('../img/icon_pagination-link.png') no-repeat 0 0;
	display: inline-block;
	width: 27px;
	height: 32px;
	margin-right: 10px;
	margin-top: -1px;
	vertical-align: middle;
}

#result ul.pagination span.next-icon {
	background: transparent url('../img/icon_pagination-link.png') no-repeat -121px 0;
	display: inline-block;
	width: 27px;
	height: 32px;
	margin-left: 10px;
	margin-top: -1px;
	vertical-align: middle;
}

#result ul.pagination .is-disabled span.prev-icon {
	background: transparent url('../img/icon_pagination-link.png') no-repeat -37px 0;
}

#result ul.pagination .is-disabled span.next-icon {
	background: transparent url('../img/icon_pagination-link.png') no-repeat -84px 0;
}

#result ul.pagination .pagination-number {
	font-size: 107.7%;
}

#result ul.pagination .pagination-number a {
	display: inline-block;
}

#result ul.pagination .pagination-dott {
	font-size: 107.7%;
	margin: 0 -4px;
}

#result ul.pagination .is-current {
	background: #333333;
	color: #FFF;
	padding: 2px 6px 1px 6px;
}




/* アンケート画面 */
#questionnaire {
	max-width: 1500px;
}

#questionnaire p, 
#questionnaire ul {
	margin-right: 10px;
	margin-left: 10px;
}

#questionnaire ul {
	margin-top: 12px;
	margin-bottom: 12px;
}

#questionnaire p.page-guidance {
	margin-right: 0;
	margin-left: 0;
}

.required {
	font-weight: normal;
	color: #B20000;
}

#questionnaire ul.radio-list {
	margin: 8px 10px;
}

#questionnaire ul.radio-list li {
	margin: 0 20px 10px 0;
}

#questionnaire ul.checkbox-list {
	margin: 8px 10px;
}

#questionnaire ul.checkbox-list li {
	margin: 0 20px 10px 0;
}

#questionnaire li.other {
	display: block;
	clear: both;
}

#questionnaire li.other input.textbox, 
#questionnaire li.other textarea {
	margin: 0 30px 2px 16px;
}

#questionnaire p.other {
	margin: 2px 10px 12px 10px;
}

#questionnaire p.other strong {
	display: inline-block;
	margin-bottom: 6px;
}

#questionnaire p textarea {
	margin: 8px -10px 12px 0px;
}

#questionnaire p.command {
	padding: 0;
	border-top: none;
	margin-top: 18px;
}

#questionnaire p.command input.q_action {
	background-color: #F9ECBC;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAAaCAYAAABW6GksAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNi8yNC8xNeHe06MAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAA20lEQVRoge3aMUpDURSE4f/CCZLGOssI2KVLk9rduIa3G3fwOkFEyDIsTZqoVzIpAqk1zcvAfCs4MMzhXjhNEr/79yUwAGtgRtyiDozAU90/bFvfvS2BF2A+7VzxRwdgVUgDCc3JHBha/3z9IevRTS90TGh+ZiU09RBxhSLBWSqU4BylcaYSnKlCx6lniCukcabyODGVxpnKB9xUVqWprEpT+Q6YSuNMJThTeZyYSuNMlVAnpwtueiGNwGbqSeJfxvb18ZzzPC8HYNUk8X0OLwext+1yEHu3eNyeAJJ5SHKeH5G0AAAAAElFTkSuQmCC);
	border: #AA975B solid 1px;
	color: #38321D;
}

#questionnaire p.complete-message {
	text-align: center;
	font-weight: bold;
	font-size: 138.5%;
	margin: 28px 0 30px 0;
	line-height: 150%;
}

.confirm-contents {
	white-space: pre-wrap;
	word-break: break-all;
}

/* その他（40文字）width指定 */
#textJobEtc, #textWorkEtc {
	width: 200px;
}
/* その他（200文字）width指定 */
#textPurposeEtc {
	width: 530px;
}
/* その他（500文字）width指定 */
#textTuningReason, #textCondReason, #textOption, #textOthers {
	width: 770px;
}

/* エラーメッセージ */
#questionnaire .message {
	color: #ff0000;
	font-weight: bold;
	font-size: 115.0%;
}

/* その他エラー画面 */
#othererror {
	max-width: 1500px;
}

#othererror h1 {
	text-align: center;
	color: red;
}

/* 蓄積情報画面 */

#storage-info {
	max-width: 1500px;
}

#storage-info h1 {
	text-align: center;
}

#storage-info p.update-day {
	text-align: right;
	margin-right: 10px;
}

#storage-info p.page-guidance {
	margin-left: 50px;
}

#storage-info h2 {
	background-color: transparent;
	padding: 0;
	margin: 0;
}

#storage-info article.data-area {
	width: 750px;
	margin: auto;
	padding: 20px 0;
}

#storage-info article.data-area span {
	font-weight: normal;
	padding: 0;
	margin: 0;
}

#storage-info article.data-area th {
	padding: 5px;
}

#storage-info article.data-area th.data-title {
	width: 180px;
	text-align: right;
}

#storage-info article.data-area th.data-date {
	width: 350px;
	text-align: center;
}

#storage-info article.data-area th.data-count {
	width: 350px;
	padding-left: 30px;
}

#storage-info section.important {
	padding: 0;
	border-top: none;
	margin-top: 18px;
	margin-left: 50px;
	line-height: 25px;
}

#storage-info p.command {
	border-top: none;
	margin-top: 30px;
}


/* 管理メニュー画面 */

#management {
	max-width: 900px;
}

#management dt {
	margin: 10px 0;

}


/* 検索対象データアップロード画面 */

#data-upload {
	max-width: 1000px;
}

#data-upload input {
	margin: 5px;
}

#data-upload p.upload-message {
	width: 630px;
	font-weight: bold;
	font-size: 150%;
	margin: 40px auto;
	line-height: 150%;
}

#data-upload p.command {
	border-top: none;
	margin-top: 30px;
}


/* ログ・アンケート照会画面 */
#logreference {
	max-width: 1500px;
}
#logreference h1 {
	text-align: center;
}
#logreference table {
	margin: 30px auto;
	border-collapse: collapse;
}

#logreference th, td {
	text-align: center;
	padding: 10px;
	border: 1px solid;
}

/* フッター */
footer {
}

footer nav.footer-nav {
	width: 100%;
	min-width: 930px;
	background: #2E6169;
}

footer nav.footer-nav ul {
	margin: 0 auto;
	padding: 6px 40px;
}

footer nav.footer-nav ul li {
	float: left;
	margin-right: 24px;
}

footer nav.footer-nav ul li a {
	color: #FFF;
}

footer div.address {
	min-width: 850px;
	max-width: 1500px;
	margin: 0 auto;
	padding: 12px 40px;
}

footer div.address address {
	float: left;
	background: transparent url('../img/footer_address.png') no-repeat 0 0;
	width: 277px;
	height: 49px;
	margin: 0 10px 0 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

footer div.address p.copyright {
	font-size: 92.3%;
	float: right;
	margin: 0 0 0 10px;
	letter-spacing: .1em;
}




/* ライトボックスの中身調整 */
#close-dialog {
	text-align: center;
}

#close-dialog p {
}

#close-dialog p.command {
	border: none;
	border-bottom: #888888 1px solid;
	padding: 32px 0 32px 0;
}

#close-dialog p.command input.btn {
	font-size: 86.7%;
	padding: 4px 2px 2px 2px;
	min-width: 150px;
}

#close-dialog p.conclusion {
	border: none;
	padding-bottom: 12px;
}

#close-dialog p.conclusion input.btn {
	font-weight: bold;
	min-width: 90px;
	color: #FFF;
	border-color: #721D16;
	background-color: #AA3C30;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcyMjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNCODQwMzIiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM5QTM3MkUiIG9mZnNldD0iMTAwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzIyNSkiIC8+Cjwvc3ZnPg==);
}




/**
* jquery UI カスタマイズCSS
*/

/* バルーンヘルプ */
.ui-tooltip {
	border-radius: 2px;
	background: #333333;
	border: none;
	font-family: "ヒラギノ角ゴ ProN W3", "Meiryo", Verdana, sans-serif;
	/*font-size: 84.6%;*/
	font-size: 13px;
	color: #FFF;
	padding: 6px 8px;
	box-shadow: 1px 1px 3px #555;
}

.explanation-width {
	max-width: 1000px;
	word-wrap: break-word;
}

/* ライトボックス */
.ui-widget-overlay {
	background: url("img/ui-bg_diagonals-thick_90_eeeeee_40x40.png") repeat	scroll 50% 50% #000;
	opacity: 0.5;
}

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: "ヒラギノ角ゴ ProN W3", "Meiryo", Verdana, sans-serif;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border-radius: 0;
}

.ui-dialog .ui-dialog-content {
	padding: 54px 50px 40px 50px;
}

/*2016年度開発*/

/*しおり画像表示ボタン*/
form.rightTab {
	float: right;
	position: relative;
	margin: 7px 0px 0px 0px;
}

form.rightTab img.rightTab-disabled {
	position: absolute;
	z-index: 2;
	padding-left: 7px;
	visibility: visible;
	top: 21px;
}

form.rightTab img.rightTab-abled {
	position: absolute;
	z-index: 3;
	padding-left: 7px;
	visibility: hidden;
	top: 21px;
}

form.rightTab button.rightTabButton {
	opacity: 0.9;
	background-color: #333333;
	height: 300px;
	width: 45px;
	position: absolute;
	padding-top: 45px;
	line-height: 120%;
	right: -40px;
	font-size: 14px;
}

form.rightTab button.rightTabButton:disabled {
	opacity: 0.9;
	background-color: #CACAC9;
	position: absolute;
	padding-top: 42px;
	line-height: 120%;
}

form.rightTab span.rightTabNumber {
	font-size: 13px;
	position: absolute;
	padding-top: 36px;
	padding-left: 13px;
	z-index: 1;
	display: inline-block;
	text-align: center;
	object-fit: contain;
}

form.rightTab span.lp-vertical {
	position: fixed;
	z-index: 1;
	margin: 60px 0px 0px 27px;
}

/*サムネイル・一覧表示画面*/
#result ul.result-thumbnail span.image img.protect, #result ul.result-bibliography span.image img.protect,
#bookmark ul.bookmark-thumbnail span.image img.protect {
	display: inline-block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

#result ul.result-thumbnail span.hoverImage {
	position: relative;
	bottom: 200px;
	left: 170px;
	z-index: 3;
	visibility: hidden;
}

#result ul.result-bibliography span.hoverBiblioImage {
	position: relative;
	bottom: 180px;
	left: 150px;
	z-index: 3;
	visibility: hidden;
}

#result ul.result-thumbnail span.checkImage {
	position: relative;
	bottom: 200px;
	left: 136px;
	z-index: 4;
	visibility: hidden;
}

#result ul.result-bibliography span.checkBiblioImage {
	position: relative;
	bottom: 180px;
	left: 116px;
	z-index: 4;
	visibility: hidden;
}

/*しおり画像表示画面*/
#bookmark {
	max-width: 1240px;
	min-width: 850px;
}

#bookmark div.bookmark-screen-information {
	border-bottom: #888888 1px solid;
	height: 100px;
	margin: 0 20px 0 20px;
}

#bookmark div.bookmark-screen-information h1 {
	position: absolute;
	top: 70px;
}

#bookmark div.bookmark-screen-information form.CSVDownload {
	position: relative;
	float: right;
	margin: 28px 0px 0px 0px;
	z-index: 2;
}

#bookmark div.bookmark-screen-information form.CSVDownload p.iconCSVDownload {
	width: 175px;
}

#bookmark div.bookmark-screen-information form.CSVDownload p.iconCSVDownload span.separate-CSVDownload {
	border-top: #818E92 5px solid;
	padding-top: 7px;
}

#bookmark div.bookmark-screen-information form.CSVDownload p.iconCSVDownload span.separate-CSVDownload input.btnCSVDownload {
	font-size: 1.1em;
	border: splid;
	padding: 0 0 0 17px;
	width: 162px;
	height: 30px;
	-moz-border-radius: 5px;
	white-space: nowrap;
}

#bookmark div.bookmark-screen-information form.CSVDownload p.iconCSVDownload  img.CSVDownloadImg {
	position: relative;
	left: 13px;
	bottom: 21px;
}

#bookmark div.bookmark-screen-information p.Explanation {
	position: relative;
	white-space: nowrap;
	padding-top: 65px;
	float: right;
	left: 160px;
	font-size: 13px;
}

#bookmark div.bookmark-screen-information p.result-number {
	position: absolute;
	top: 125px;
}

#bookmark div.bookmark-screen-information p.result-number span {
	font-weight: bold;
	display: inline-block;
}

#bookmark div.bookmark-screen-information p.result-number span.display-number-first {
	font-weight: bold;
}

#bookmark div.bookmark-screen-information p.result-number span.display-number-margin {
	margin-right: 5px;
}

#bookmark div.bookmark-screen-information p.result-number span.display-number-last {
	margin-right: 1px;
	margin-left: 1px;
	font-weight: normal;
}

#bookmark div.bookmark-screen-information p.screen-switch {
	position: absolute;
	top: 115px;
	left: 170px;
}

#bookmark div.bookmark-screen-information p.screen-switch span.separate {
	border-left: #888888 1px solid;
	padding-left: 20px;
	margin-left: 25px;
	height: 100%;
	display: inline-block;
}

#bookmark div.bookmark-screen-information p.screen-switch input.btn {
	font-size: 100%;
	width: 125px;
	height: 26px;
	border: #333333 1px solid;
	border-radius: 0px;
}

#bookmark div.bookmark-screen-information p.screen-switch input.btn.switch-on[disabled='disabled'] {
	cursor: default;
	color: #FFF;
	background: #000;
}

#bookmark div.bookmark-screen-information p.screen-switch span.separate-duplicate {
	border-top: #818E92 5px solid;
	padding-top: 3px;
	margin: 0 0 0 -4px;
}

#bookmark ul.bookmark-thumbnail {
	padding: 15px;
	margin: 0 0 0 30px;
}

#bookmark ul.bookmark-thumbnail li.result-element {
	width: 200px;
	margin: 9px 18px 9px 0px;
	padding: 5px;
	display: inline-block;
	z-index: 1;
}

#bookmark ul.bookmark-thumbnail a.imageBorder {
	width: 200px;
	border-top: #818E92 5px solid;
	padding-top: 5px;
	visibility: inline-block;
	z-index: 3;
}

#bookmark ul.bookmark-thumbnail span.image {
	width: 200px;
	height: 200px;
}

#bookmark ul.bookmark-thumbnail ul span.number, #bookmark ul.bookmark-thumbnail ul span.id,
	#bookmark ul.bookmark-thumbnail ul span.goods, #bookmark ul.bookmark-thumbnail ul span.right-holders {
	display: block;
}

#bookmark ul.bookmark-thumbnail ul span.number {
	margin-top: 6px;
}

#bookmark ul.bookmark-thumbnail ul span.goods span, #bookmark ul.bookmark-thumbnail ul span.right-holders span {
	padding: 0 0 0 5px;
}

#bookmark ul.bookmark-thumbnail ul span.goods a, #bookmark ul.bookmark-thumbnail ul span.right-holders a {
	text-decoration: none;
}

#bookmark ul.bookmark-thumbnail ul span.isSmallest {
	position: absolute;
	font-size: 16px;
	padding-left: 150px;
	white-space: nowrap;
}

#bookmark span.underSeparate-CSVDownload {
	border-top: #818E92 5px solid;
	padding-top: 7px;
}

#bookmark p.underIconCSVDownload {
	position: relative;
	float: right;
	display: block;
	width: 175px;
	padding-right: 23px;
}

#bookmark p.underIconCSVDownload input.unserBtnCSVDownload {
	font-size: 1.1em;
	padding: 0 0 0 17px;
	width: 162px;
	height: 30px;
	-moz-border-radius: 5px;
	white-space: nowrap;
}

#bookmark p.underIconCSVDownload img.underCSVDownloadImg {
	position: relative;
	left: 13px;
	bottom: 21px;
}

#bookmark span.underExplanation {
	position: relative;
	font-size: 13px;
	white-space: nowrap;
	display: block;
	float: right;
	margin: 50px -162px 0px 0px;
}

#bookmark p.blankP {
	padding-bottom: 48px;
}

#bookmark span.number {
	font-weight: bold;
}

p.pagetopBookmark {
	text-align: right;
	margin: 0px 0px 0px 0px;
	position: relative;
	bottom: 10px;
}

p.commandBookmark {
	text-align: center;
	border-top: #888888 1px solid;
	padding-top: 35px;
	padding-left: 55px;
}

p.commandBookmark input.btn {
	font-size: 107.7%;
	min-width: 110px;
	padding: 3px 8px 2px 8px;
	margin-right: 18px;
}

p.commandBookmark input.btn:last-child {
	margin-right: 0;
}