﻿@charset "utf-8";

/* ============================================== */
/*                                                */
/* NDL Search 共通CSS(common.css)                 */
/*                                                */
/* -- 変更履歴 ---------------------------------- */
/* 2011/07/20 新規作成                            */
/*                                                */
/* ============================================== */

/* ==================== 汎用定義 ==================== */

/* ===== 基本要素定義 ===== */

* {
	margin: 0;
	padding :0;
}

html {
	height: 100%;
}

body {
	border: none !important;
	height: 100%;
	color: #000000;
	background: #FFFFFF;
	text-align: left;
	line-height: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Sans-Serif, Tahoma, Arial, Helvetica !important;
	font-size: 83%;	/* 13px相当 */
/*	font-size: 75%;	/* 12px相当 */
	letter-spacing: normal;
	word-spacing: normal;
	color: #333333;
}



/* ===== 共通要素定義 ===== */

/* クリアフィックス */
.clearfix,
div#header,
div#footer ul
 {
	/zoom: 1;	/* IE7バグ対策 */
}

.clearfix:after,
div#header:after,
div#footer ul:after
 {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 1%;
}


/* Aタグ */
a:link {
	color: #0153A5;
	text-decoration: underline;
}

a:visited {
	color: #0153A5;
	text-decoration: underline;
}

a:hover {
	color: #0153A5;
	text-decoration: none;
}

a:active {
	color: #0153A5;
	text-decoration: none;
}

ul {
	list-style: none;
}

strong {

}

em {
	font-style: normal;
}

em.highlight {
	color: inherit;
	background-color: #FFFF33;
	font-weight: bold;
}

em.item_snippet_highlight{
	color: inherit;
	background-color: #FFFF33;
	font-weight: bold;
	font-style:oblique;
}

img {
	border: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* 隠し飛ばしリンク先 */
.guidance {
	position: absolute;
	top: 0;
	left: 0;
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

.guidance a {
	display: block;
}

.show {
	text-indent: 0;
	padding: 3px;
	font-size: 100%;
	line-height: 120%;
	width: auto;
	height: 1em;
	display: inline-block;
	background: #333333;
	text-align: center;
	z-index: 9999;
	/display: inline;
	/zoom: 1;
}

.show a,
.show a:link,
.show a:hover,
.show a:visited {
	color: #FFFFFF;
}


/* 角丸ボタン */
.roundbutton-wrapper {
	margin: 0 3px;
	white-space: nowrap;
}

.roundbutton-wrapper a,
.roundbutton-wrapper a:link,
.roundbutton-wrapper a:hover,
.roundbutton-wrapper a:visited {
	color: #333;
	text-decoration: none !important;
}

.roundbutton-wrapper a:active span {
	/*color: #fff;*/
}

.roundbutton-wrapper-active a,
.roundbutton-wrapper-active a:link,
.roundbutton-wrapper-active a:hover,
.roundbutton-wrapper-active a:visited,
.roundbutton-wrapper-selected a,
.roundbutton-wrapper-selected a:link,
.roundbutton-wrapper-selected a:hover,
.roundbutton-wrapper-selected a:visited {
	color: #fff !important;
}

.roundbutton-center, .roundbutton-cap-l, .roundbutton-cap-r {
	background-image: url("../../images/ndl/roundbutton-bg.png");
	cursor: pointer;
	display: inline-block;
	padding: 1px 0;
	border: none;
	text-align: center;
	line-height: 18px;
	color: #333;
	vertical-align: middle;
	white-space: nowrap;
	height: 18px;
	/display: inline;
	/zoom: 1;
	/margin-bottom: 2px;
}

.roundbutton-wrapper span {
	height: 18px;
}

.roundbutton-wrapper span.ico_feed {
	line-height: 18px;
	height: 18px;
	padding: 0 0 0 18px;
	background: transparent url('../../images/ndl/ico_feed.gif') no-repeat 0 center;
	display: inline-block;
}

.roundbutton-center {
	/*min-width: 5em;*/
	min-width: 66px;
	color: #333;
	background-repeat: repeat-x;
}

.roundbutton-cap-l {
	width: 8px;
	background-position: 0 -40px;
	background-repeat: no-repeat;
}

* html .roundbutton-cap-l {
	background-position: 0 -60px;
}

.roundbutton-cap-r {
	width: 8px;
	background-position: -8px -40px;
	background-repeat: no-repeat;
}

* html .roundbutton-cap-r {
	background-position: -8px -60px;
}

.roundbutton-wrapper-active .roundbutton-center, .roundbutton-wrapper-selected .roundbutton-center {
	background-position: 0 -20px;
}

.roundbutton-wrapper-active .roundbutton-cap-l, .roundbutton-wrapper-selected .roundbutton-cap-l {
	background-position: -16px -40px;
}

* html .roundbutton-wrapper-active .roundbutton-cap-l, * html .roundbutton-wrapper-selected .roundbutton-cap-l { /* For IE6 */
	background-position: -16px -60px;
}


.roundbutton-wrapper-active .roundbutton-cap-r, .roundbutton-wrapper-selected .roundbutton-cap-r {
	background-position: -24px -40px;
}

* html .roundbutton-wrapper-active .roundbutton-cap-r, * html .roundbutton-wrapper-selected .roundbutton-cap-r { /* For IE6 */
	background-position: -24px -60px;
}

/* 汎用アクションボタン */
input.actionbutton {
	min-height: 20px;
	border: solid 1px #003C74;
	cursor: pointer;
	/padding-top: 2px;
	background: #D9D4C9 url('/images/ndl/actionbutton_bg.png') repeat-x 0 0 !important;
	color: #333333 !important;
}

/* 全て選択/解除 */
input.release {
	padding: 2px 5px 1px 5px;
	border: solid 1px #999999;
	background: #CFCFCF url('/images/ndl/search-normal_button_release_bg.png') repeat-x 0 0 !important;
	font-size: 75%;
	cursor: pointer;
	vertical-align: middle;
	color: #333333 !important;
	letter-spacing: 0.1em;
	/overflow: visible;
	_padding: 2px 5px 0px 5px;

}
:root *> input.release {
	font-size: 90%;
	padding: 0 5px 0 5px;
}
/* 全て選択/解除 */
input.release2 {
	padding: 2px 5px 1px 5px;
	border: solid 1px #999999;
	background: #CFCFCF url('/images/ndl/search-normal_button_release_bg.png') repeat-x 0 0 !important;
	font-size: 75%;
	cursor: pointer;
	vertical-align: middle;
	color: #333333 !important;
	letter-spacing: 0.1em;
	/overflow: visible;
	_padding: 2px 5px 0px 5px;

}
:root *> input.release2 {
	font-size: 90%;
	padding: 0 5px 0 5px;
}
/* 全て選択/解除(データベース) */
input.release4 {
	padding: 2px 5px 1px 5px;
	border: solid 1px #999999;
	background: #CFCFCF url('/images/ndl/search-normal_button_release_bg.png') repeat-x 0 0 !important;
	font-size: 75%;
	cursor: pointer;
	vertical-align: middle;
	color: #333333 !important;
	letter-spacing: 0.1em;
	/overflow: visible;
	_padding: 2px 5px 0px 5px;

}
:root *> input.release4 {
	font-size: 90%;
	padding: 0 5px 0 5px;
}

input {
	font-size: 100%;
}

textarea {
	font-size: 1em;
	line-height: 170%\9;	/* IE8バグ対策 */
	padding-top: 1em\9;	/* IE8バグ対策 */
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Sans-Serif, Tahoma, Arial, Helvetica !important;	/* chromeバグ対策 */
}

/* ===== ヘッダ領域定義 ===== */
div#header {
	min-width: 982px;
	background: #233A5A url('/images/ndl/header_bg.png') repeat-x 0 0;
	position: relative;
	z-index: 200;
}

div#header p#systemname a{
	float: left;
	width: 320px;
	min-height: 41px;
	background: transparent url('/images/ndl/header_systemname.png') no-repeat 0 0;
	font-size: 1%;
	text-indent: -9999px;
	/height: 41px;
	_background-image: url('/images/ndl/header_systemname_ie6.png');
}

div#header div.utilmenu {
	float: right;
}

div#header div.utilmenu ul {
	height: 40px;
	line-height: 40px;
	margin-right: 2px;
	/display: inline;
	/zoom: 1;
}

div#header div.utilmenu li {
	float: left;
	margin: 0 2px 0 0;
	padding: 0 3px;
	overflow: hidden;
}

div#header div.utilmenu li.login {
	padding-left: 16px;
	background: transparent url('/images/ndl/header_icon_login.png') no-repeat left center;
}

div#header div.utilmenu li.setting {
	padding-left: 18px;
	background: transparent url('/images/ndl/header_icon_setting.png') no-repeat left center;
}

div#header div.utilmenu li.help {
	margin-right: 14px;
	padding-left: 25px;
	background: transparent url('/images/ndl/header_icon_help.png') no-repeat left center;
}

div#header div.utilmenu li.box {
	margin-right: 6px;
	padding: 0;
}

div#header div.utilmenu li a {
	color: #FFFFFF;
}

div#header div.utilmenu li.box a {
	padding: 3px 6px 2px 6px;
	border: solid 1px #99ACBF;
	background-color: #374E69;
}

div#header div.utilmenu li a.triangle {
	padding-right: 16px;
	background-image: url('/images/ndl/header_triangle.png');
	background-repeat: no-repeat;
	background-position: right center;
}

div#header div.utilmenu li.box a {
	text-decoration: none;
}

div#header div.login-btn {
	position: absolute;
	top: 0;
	left: 330px;
}

div#header div.login-btn a.popup-login {
	background: transparent url("../../images/ndl/header_button_login.png") no-repeat 0 0;
	cursor: pointer;
	display: block;
	padding: 1px 0;
	border: none;
	height: 28px;
	width: 119px;
	font-size: 1%;
	text-indent: -9999px;
	text-decoration: none;
	/font-size: 0;
}

div#header div.login-btn a.popup-login:hover {
	text-decoration: none;
}


/* ヘッダポップアップパネル */
.popuppanel {
	position: absolute;
	z-index: 901;
	border: 2px solid #999;
	display: none;
	background-color: white;
	overflow: hidden;
	margin: 0 !important;
	line-height: 100% !important;
	width: 150px;
	/zoom: 1;
}

*html iframe.shim { /* For IE6 */
	position: absolute;
	display: none;
	/*z-index: 900;*/
}

.popuppanel a {
	color: #0153A5 !important;
}

.popuppanel-login {
	background-color: white;
	padding: 6px 10px;
	width: 180px;
}

.popuppanel-login p {
	margin: 5px 0;
}

.popuppanel-login input[type="text"],
.popuppanel-login input[type="password"] {
	width: 160px;
}

.loginbutton {
	background-image: url(../../images/ndl/loginbutton.png);
	width: 90px;
	height: 26px;
	border: none;
	color: white;
	background-color: transparent;
	cursor: pointer;
}

.popuppanel-login .login {
	margin-top: 8px;
}

.popuppanel-login .autologin, .popuppanel-login .forgotpw {
	font-size: 90% !important;
}

.popuppanel-login .autologin {
	margin-top: 14px;
}

.popuppanel-login .autologin label {
	cursor: pointer;
}

.popuppanel-login .autologin input {
	margin-right: 4px;
	vertical-align: middle;
}

.popuppanel-login .forgotpw {
	margin-top: 8px;
}

.popuppanel ul {
	display: block !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

.popuppanel li {
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 100% !important;
	width: 100% !important;
}

.popuppanel li a {
	display: block !important;
	height: 22px !important;
	margin: 0 !important;
	line-height: 22px !important;
	color: black !important;
	padding: 0 10px !important;
	text-decoration: none !important;
	border: none !important;
	background-color: #FFFFFF !important;
}

.popuppanel li a:hover {
	background-color: #2C57B2 !important;
	text-decoration: none;
	color: white !important;
}

.popuppanel li a:visited {
	color: black;
}

.popuppanel-trans {
	width: auto;
}


/* 吹き出しメッセージ */
span.popup-guidance {
	color: #3366FF;
	cursor: help;
	position: relative;
	vertical-align: middle;
}

span.popup-guidance_container {
	display: block;
	width: 300px;
	position: absolute;
	top: 13px;
	display: none;
}

span.popup-guidance_header {
	display: block;
	height: 11px;
	background: transparent url('../../images/ndl/popup-guidance_bg.png') no-repeat 0 0;
	font-size: 0;
}

span.popup-guidance_container span.left {
	background: transparent url('../../images/ndl/popup-guidance_bg_left.png') no-repeat right 0;
}

span.popup-guidance_contents {
	display: block;
	line-height: 130%;
	padding: 8px 15px 8px 15px;
	background: #333333;
	text-align: left;
	color: #FFFFFF;
}





/* ===== フッタ領域定義 ===== */
div#footer {
	position: relative;
	min-width: 982px;
	margin-top: 6px;
	background: #485E73 url("../../images/ndl/footer_bg.png") 0 bottom repeat-x;
	text-align: center;
}

div#footer ul {
	margin: 0 auto;
	margin-bottom: 2px;
	text-align: center;

}

div#footer ul li {
	display: inline-block;
	padding: 6px 8px 6px 8px;
	border-left: solid 1px #799EB3;
	/display: inline;
	/zoom: 1;
}

div#footer ul li a {
	color: #FFFFFF;
}

div#footer ul li.highlight {
	border: none;
}

div#footer ul li.highlight a {
	font-weight: bold;
	color: #FFFF00;
}

address {
	min-width: 982px;
	margin: 10px 0 10px 0;
	text-align: center;
	font-style: normal;
	color: #666666;
}





/* ==================== 検索結果画面 ==================== */

/* クリアフィックス */
div#resultlist,
div#resultlist_left-wrapper,
div.option-control-wrapper,
div#resultlist div#listcontent ul li,
dl.media-option
 {
	/zoom: 1;	/* IE7バグ対策 */
}

div#resultlist:after,
div#resultlist_left-wrapper:after,
div.option-control-wrapper:after,
div#resultlist div#listcontent ul li:after,
dl.media-option:after
 {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 1%;
}


/* ===== タブ・検索領域定義 ===== */
div.tabs-search {
	min-width: 982px;
	z-index: 80;
}

div.tabs-search-trigger-wrapper {
	position: relative;
	height: 24px;
	background: #0D1117 url('/images/ndl/tabs-search_trigger_bg.png') repeat-x 0 bottom;
	z-index: 90;
}

div.tabs-search-trigger-wrapper ul {
	position: absolute;
	/*z-index: 100;*/
	bottom: 0;
	width: 100%;
	margin-top: 5px;
	text-align: center;
	font-size: 1%;
}

div.tabs-search-trigger-wrapper ul li {
	position: relative;
	display: inline-block;
	width: 134px;
	height: 20px;
	margin: 0 -2px;
	/display: inline;
	/zoom: 1;
}

div.tabs-search-trigger-wrapper ul li.tabtrigger-first {
	background: transparent url('/images/ndl/tabs-search_simple-search.png') no-repeat -0px -0px;
}

div.tabs-search-trigger-wrapper ul li.tabtrigger-second {
	background: transparent url('/images/ndl/tabs-search_advanced-search.png') no-repeat -0px -0px;
}

div.tabs-search-trigger-wrapper ul li.tabtrigger-third {
	width: 180px !important;
	background: transparent url('/images/ndl/tabs-search_handicapped-search.png') no-repeat -0px -0px;
}

div.tabs-search-trigger-wrapper ul li.ui-tabs-selected {
	width: 134px;
	margin-right: -2px;
	background-position: -0px -20px;
	/*margin: 0;*/
	z-index: 101;
}

div.tabs-search-trigger-wrapper ul li a {
	display: block;
	height: 19px;
	line-height: 1;
	text-indent: -9999px;
	overflow: hidden;
}

/* ----- 検索ボックス ----- */
.ui-tabs .ui-tabs-hide {
	display: none !important;
}

/* 簡易検索 */
div#search-normal {
	padding: 18px 0 16px 0;
	background: #F2F2F2 url('/images/ndl/search-normal_bg.png') repeat-x 0 bottom;
	font-size: 90%;
}

div#mainsearch {
	vertical-align: top;
}

div#mainsearch label {
	display: inline-block;
	line-height: 190%;
/*	padding-top: 0.5em;*/
	vertical-align: top;
}

div#mainsearch div {
	text-align: left;
	vertical-align: top;
}

input.textbox {
	width: 100%;
	padding: 1px 2px 0px 2px;
	font-size: 110%;
}

input.searchbutton {
	width: 98px;
	height: 1.5em;
	border: solid 1px #233041;
	background: #2A4365 url('/images/ndl/search-normal_button_bg.png') repeat-x 0 0 !important;
	color: #FFFFFF;
	letter-spacing: 4px;;
	cursor: pointer;
	font-size: 120%;
}

span.transatedsearchselect {
	margin-left: 4px;
	vertical-align: top;
	/*line-height: 22px;*/
	/display: inline;
	/zoom: 1;
	/width: auto !important;
}

span.transatedsearchselect a {
	padding-left: 8px;
	border-left: solid 1px #999999;
}


p.media-option {
	display: inline-block;
	margin-left: 10px;
	vertical-align: top;
	/display: inline;
	/zoom: 1;
}

p.item_snippet{
	font-style:oblique;
}

div#mainsearch p.media-option label {
	line-height: 100% !important;
	margin: 1px 0 0 3px;
	padding: 0;
	cursor: pointer;
	vertical-align: middle;
	font-size: inherit !important;
	/margin-left: 4px;
}

div#mainsearch p.media-option input {
	vertical-align: middle;
	/margin: -2px -3px 0 0;
}

dl.media-option {
	display: inline-block;
	margin-top: 0;
	margin-left: 16px;
	padding: 5px;
	vertical-align: middle;
	background-color: #C8C8C8;
	/display: inline;
	/zoom: 1;
	color: #333333 !important;
}

dl.media-option dt {
	width: 4em;
	float: left;
	_margin-top: 3px;
}

dl.media-option dd {
	margin-left: 4em;
}

div#search-advanced table.skeleton td dl.media-option label {
	line-height: 100%;
	margin: 1px 0 0 3px;
	padding: 0;
	cursor: pointer;
	vertical-align: middle;
	/margin-left: 4px;
}

div#search-advanced table.skeleton td dl.media-option input {
	vertical-align: middle;
	/margin: -2px -3px 0 0;
}



#searchbox {

}

/*----- suggest -----*/
#suggest_list {
	width:550px;
	display:none;
	align:center;
}
.suggest_list_box {
	background-color: #ffffff;
	padding:4px;
	height:20px;
	width:350px;
	border-right: solid 1px #999;
	border-left: solid 1px #999;
}
.suggest_list:hover {
	background:#3b5998;
	color:#FFFFFF;
}
#shade {
	background-color:#00CCFF;
}
/*----- suggest -----*/


/* タブボタン */
p#primaryfilter {
	text-align: center;
}


/* 詳細検索 */
div#search-advanced {
	padding: 8px 0 16px 0;
	background: #F2F2F2 url('/images/ndl/search-advanced_bg.png') repeat-x 0 bottom;
	font-size: 90%;
	display: none;
}

div#search-advanced div.adv_clear {
	width: 920px;
	margin: 0 auto 6px auto;
	text-align: right;
}

div#search-advanced table.skeleton {
	width: 920px;
	margin: 0 auto;
}

div#search-advanced table.skeleton th {
	text-align: right;
	padding: 1px 3px 8px 0;
	font-weight: normal;
	_padding-bottom: 4px;
}

div#search-advanced table.skeleton td {
	padding:  1px 0 8px 0;
	vertical-align: middle;
	_padding-bottom: 4px;
}

div#search-advanced table.skeleton td label {
	display: inline-block;
	margin: 0 10px 0 0;
	cursor: pointer;
	/display: inline;
	/zoom: 1;
}

div#search-advanced table.skeleton td label input {
	margin-right: 3px;
	vertical-align: middle;
}

div#search-advanced div.submitarea {
	width: 920px;
	margin: 4px auto 4px auto;
	text-align: center;
}

div#search-advanced div.submitarea input.searchbutton {
	width: 98px;
	height: 28px;
	border: solid 1px #233041;
	background: #2A4365 url('/images/ndl/search-normal_button_bg.png') repeat-x 0 0;
	color: #FFFFFF;
	font-size: 115%;
	letter-spacing: 4px;;
	cursor: pointer;
}

div#search-advanced img.popup-help {
	margin: 0 2px 0 2px;
	vertical-align: middle;
	cursor: help;
}

div#search-advanced div table tr td ul.media-option li label {
	line-height: 100%;
	margin: 1px 0 0 4px;
	padding: 0;
	cursor: pointer;
	vertical-align: middle;
}

div#search-advanced div table tr td ul.media-option li input {
	vertical-align: middle;
	/margin: -2px -3px 0 0;
}


/* 障害者向け検索 */
div#search-handicapped {
	padding: 8px 0 16px 0;
	background: #F2F2F2 url('/images/ndl/search-handicapped_bg.png') repeat-x 0 bottom;
	font-size: 90%;
	display: none;
}

div#search-handicapped div.handi_clear {
	width: 920px;
	margin: 0 auto 6px auto;
	text-align: right;
}

div#search-handicapped table.skeleton {
	width: 920px;
	margin: 0 auto;
}

div#search-handicapped table.skeleton th {
	text-align: right;
	padding: 1px 3px 8px 0;
	font-weight: normal;
	_padding-bottom: 4px;
}

div#search-handicapped table.skeleton td {
	padding:  1px 0 8px 0;
	vertical-align: middle;
	_padding-bottom: 4px;
}

div#search-handicapped table.skeleton td label {
	display: inline-block;
	margin: 0 10px 0 0;
	cursor: pointer;
	/display: inline;
	/zoom: 1;
}

div#search-handicapped table.skeleton td label input {
	margin-right: 3px;
	vertical-align: middle;
}

div#search-handicapped div.submitarea {
	width: 920px;
	margin: 4px auto 4px auto;
	text-align: center;
}

div#search-advanced div.submitarea input.searchbutton {
	width: 98px;
	height: 28px;
	border: solid 1px #233041;
	background: #2A4365 url('/images/ndl/search-normal_button_bg.png') repeat-x 0 0;
	color: #FFFFFF;
	font-size: 115%;
	letter-spacing: 4px;;
	cursor: pointer;
}

div#search-advanced img.popup-help {
	margin: 0 2px 0 2px;
	vertical-align: middle;
	cursor: help;
}



/* ===== 検索結果領域定義 ===== */
div#resultheaderwrapper {

}


div#resultlist {
	width: 950px;
	margin: 16px auto 0 auto;
	padding: 0 10px;
	background: transparent url('../../images/ndl/search_resultlist_bg.gif') repeat-y 10px 0;
}

div#resultlist_left-wrapper {
	float: left;
	width: 779px;
}

div#listcontent {
	float: right;
	width: 608px;
/*	border-right: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;*/
}

/* タブレット端末用 ここから */
div#resultlist div#listcontent li.item_result_tablet div#item_result_left {
	float: left;
	width: 400px;
	border-right: solid 1px #CCCCCC;
	padding: 14px 14px 10px 14px;
}

div#resultlist div#listcontent div.similarwrapper li.item_result_tablet div#item_result_left {
	float: left;
	width: 354px;
	border-right: solid 1px #CCCCCC;
	padding: 14px 14px 10px 14px;
}

div#item_result_right {
	float: right;
	width: 150px;
	padding: 14px 14px 10px 14px;
}

div#resultlist div#listcontent ul li.item_result_tablet span.item_result_chevron {
	float: right;
	width: 40px;
	padding: 20px 0 20px 0;
	font-size: 90%;
	text-align: center;
}

div#resultlist div#listcontent div.similarwrapper ul li.item_result_tablet span.item_result_chevron {
	float: right;
	width: 40px;
	padding: 30px 0 30px 0;
	font-size: 90%;
	text-align: center;
}

/* CHEVRON */
.chevron {
	background-image: url('../../images/ndl/chevron.png');
	background-repeat: no-repeat;
	width: 30px;
	margin: 0 !important;
}

div#resultlist div#listcontent li.item_result_tablet div.chevron-next {
	background-position: 400px center;
}

div#resultlist div#listcontent div.similarwrapper li.item_result_tablet div.chevron-next {
	background-position: 355px center;
}

/* タブレット端末用 ここまで */

div#facet {
	float: left;
	width: 160px;
}

div#facet div.facet-wrapper {
	width: 160px;
	margin-bottom: -10px;
	overflow: hidden;
	zoom: 1;
}

div#keyword {
	float: right;
	width: 160px;
}



/* ===== 検索結果メニュー要素定義 ===== */
div#resultlist h2.mainlabel {
	/*height: 20px;*/
	margin: 0 0 16px 0;
	/*line-height: 20px;*/
	/*background: transparent url('/images/ndl/result_mainlabel_bg.png') no-repeat 0 0;*/
	text-align: center;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: normal;

	padding: 3px 0 2px 0;
	background-color: #3A5373;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior: url('/stylesheets/ndl/ie-css3.htc');
}

table.table-other-service2 {
	width: 45%;
}

div.subgroup {
	margin-top: 12px;
	padding-bottom: 6px;
	background: transparent url('/images/ndl/result_subgroup_border.png') repeat-x 0 bottom;
}

div#resultlist h3.sublabel {
	margin: 0 0 10px 0;
	font-size: 100%;
}

div#resultlist ul.sub-ul {

}

div#resultlist ul.sub-ul li {
	line-height: 120%;
	margin-bottom: 8px;
/*	color: #585858;*/
}

.show-wrapper {
	padding-bottom: 6px;
	text-align: right;
	font-size: 84.6%;

}

span.showall {

}

span.showsome {
	display: none;
}

span.showall2 {

}

span.showsome2 {
	display: none;
}

p.additional2 {
	display: none;
}

br.additional2 {
	display: none;
}

span.showall3 {

}

span.showsome3 {
	display: none;
}

ul.table_of_content li.additional3 {
	display: none;
}

ul.table_of_content li.additional3_last{
	display: none;
	BACKGROUND-POSITION: 0px -1766px;
}

ul.table_of_content li.last{
        BACKGROUND-POSITION: 0px -1766px;
}

/* 連想キーワード  */
div#assoc_keywords {
	margin-top: 10px;
}

/* 著者名キーワード */
div#author_authority_keywords {
	margin-top: 10px;
}

/* 科学技術用語 */
div#jglobal_keywords {
	margin-top: 10px;
}

/* 外部サービスで検索 */
div.other-service {
	margin-top: 10px;
}

div.other-service ul.sub-ul li a {
	padding: 1px 0 1px 20px;
	background: transparent url('../../images/ndl/external.png') no-repeat 0 0;
}


/* 書誌情報を出力 */
div.bibliography-info {
	margin-top: 10px;
}

div#resultlist ul.sub-ul li p {
	margin-top: 10px;
	line-height: 130%;
/*	color: #333333;*/
}

div#resultlist a.rss {
	padding: 1px 0 1px 20px;
	background: transparent url('../../images/ndl/rss.png') no-repeat 0 0;
}

div#resultlist a.refworks {
	padding: 1px 0 1px 20px;
	background: transparent url('../../images/ndl/refworks.png') no-repeat 0 0;
}

div#resultlist a.external {
	padding: 1px 0 1px 20px;
	background: transparent url('../../images/ndl/external.png') no-repeat 0 0;
}



/* ===== 検索結果一覧要素定義 ===== */
/* 検索結果ヘッダ */
div#resultheader {
	padding: 16px;
	padding-top: 0;
}

div#resultheader h1.result-title {
	line-height: 120%;
	margin-bottom: 14px;
	padding: 0 0 0 18px;
	background: transparent url('../../images/ndl/result_title_bg.png') no-repeat 0 1px;
	font-size: 115%;
	font-weight: normal;
}

div#resultheader p.result-stats {
	margin-bottom: 10px;
	/*font-size: 90%;*/
}

div#resultheader p.result-stats strong {
	margin-left: 6px;
}

div.option-control-wrapper {
	margin-bottom: 20px;
}

div.option-control-wrapper form {
	float: left;
	/zoom: 1;
}

div.option-control-wrapper form input {
	vertical-align: middle;
}

div.option-control-wrapper form select {
	vertical-align: middle;
	margin-bottom: 2px;
	height: 1.6em\9;	/* IE8バグ対応 */
}

/* ボタン */
div.option-control-wrapper form input {
	width: 5em;
}

span.option-control-label {
	display: inline-block;
	line-height: 22px;
	vertical-align: middle;
	/display: inline;
	/zoom: 1;
}

/* ページ送り */
ul.pagingnav {
	text-align: center;
	margin: 0 auto;
}

ul.pagingnav li {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
	/* For IE */
	/display: inline;
	/margin: 0 2px;
	/zoom:1;
}

ul.pagingnav li a {
	display: block;
	background: #FFFFFF;
	border: 1px solid #585858;
	text-decoration: none;
	color: #333333;
}

ul.pagingnav li a:active {
	background: #666;
	color: #fff !important;
	border: 1px solid #333;
}

ul.pagingnav li a:visited {
	text-decoration: none;
	color: #333333;
}

ul.pagingnav li a,
ul.pagingnav li span {
	padding: 0 6px 0 6px;
	line-height: 1.2em;
}
ul.pagingnav li strong {
	display: block;
	padding: 0 6px 0 6px;
	line-height: 1.2em;
	background: #585858;
	color: #FFFFFF;
	border: 1px solid #585858;
}

ul.pagingnav .ellipsis {
	display: block;
	padding: 0;

}
ul.pagingnav li a.larrow,
ul.pagingnav li span.larrow {
	background: url("../../images/ndl/icon_paging-arrow_left_normal.png") 0 0 no-repeat;
	background-color: transparent !important;
	width: 16px;
	height: 0;
	overflow: hidden;
	display: inline-block;
	padding: 16px 0 0 0;
	border: none;
	vertical-align: -2px;
	text-indent: -9999px;
	/padding-top: 18px;
	/vertical-align: 3px;
	/margin-bottom: 2px;
}
ul.pagingnav li a.larrow:hover, ul.pagingnav li a.larrow:active {
	background: url("../../images/ndl/icon_paging-arrow_left_normal.png") 0 0 no-repeat;
}
ul.pagingnav li span.larrow_d {
	background: url("../../images/ndl/icon_paging-arrow_left_disabled.png") 0 0 no-repeat;
}
ul.pagingnav li a.rarrow,
ul.pagingnav li span.rarrow {
	background: url("../../images/ndl/icon_paging-arrow_right_normal.png") 0 0 no-repeat;
	background-color: transparent !important;
	width: 16px;
	height: 0;
	overflow: hidden;
	display: inline-block;
	padding: 16px 0 0 0;
	border: none;
	vertical-align: -2px;
	text-indent: -9999px;
	/padding-top: 18px;
	/vertical-align: 3px;
	/margin-bottom: 2px;
}
ul.pagingnav li a.rarrow:hover, ul.pagingnav li a.rarrow:active {
	background: url("../../images/ndl/icon_paging-arrow_right_normal.png") 0 0 no-repeat;
}
ul.pagingnav li span.rarrow_d {
	background: url("../../images/ndl/icon_paging-arrow_right_disabled.png") 0 0 no-repeat;
}


div.option-control{
	float: right;
}

a.option-control-label{
	display: inline-block;
	vertical-align: middle;
	padding-right:4px;
	/display: inline;
	/zoom: 1;
	/margin-bottom: 2px;
}


a.option-control-box {
	display: inline-block;
	background-image: url("../../images/ndl/option-control.png");
	background-repeat: no-repeat;
	border: solid 1px #666666;
	overflow: hidden;
	max-width: 200px;
	max-height: 40px;
	line-height: 1.5em;
	padding-left: 22px;
	padding-right: 4px;
	vertical-align: middle;
	color: #333333;
	text-decoration: none;
	/display: inline;
	/zoom: 1;
	/margin-bottom: 2px;
}

a.option-control-box:hover {
	/*color: #0153A5 !important;*/
	text-decoration: none !important;
}

a.option-control-box:active {
	text-decoration: none !important;
}

a.option-control-box:visited {
	color: #333333;
	text-decoration: none;
}

.option-control-list .option-control-list{
	background-position: -120px 0px;
	color: #FFFFFF !important;
}

.option-control-list .option-control-list:hover{
	color: #FFFFFF !important;
}

.option-control-list .option-control-list:active{
	color: #FFFFFF !important;
}

.option-control-list .option-control-thumbnail{
	background-position: 0px -40px;
}

.option-control-thumbnail .option-control-list{
	background-position: 0px 0px;
}

.option-control-thumbnail .option-control-thumbnail{
	background-position: -120px -40px;
	color: #FFFFFF !important;
}

.option-control-thumbnail .option-control-thumbnail:hover{
	color: #FFFFFF !important;
}

.option-control-thumbnail .option-control-thumbnail:active{
	color: #FFFFFF !important;
}

.option-control-button-label{
	display:none;
}

div.dropshadow {
	display: none;
}

/* 原文で表示 */
div.optional-select {

}

div.optional-select input {
	margin-left: 0.3em;
/*	width: 4em;*/
	padding: 0 6px;
	vertical-align: middle;
}

div.optional-select select {
	vertical-align: middle;
	margin-bottom: 2px;
}


/* 検索結果リスト */
div#listcontent a:link {
	text-decoration: none;
}

div#listcontent a:visited {
	text-decoration: none;
}

div#listcontent a:hover {
	text-decoration: underline;
}

div#listcontent a:active {
	text-decoration: underline;
}

div.item_group_wrapper {
	border-bottom: solid 3px #CCCCCC;
}

div#resultlist div#listcontent ul li.item_result span.material_category {
	float: left;
	width: 54px;
	padding: 38px 0 0 0;
	font-size: 90%;
	text-align: center;
        min-height: 16px;
	/*white-space: nowrap;*/
}

div#resultlist div#listcontent ul li.item_result span.material_category2 {
	float: left;
	width: 54px;
	padding: 0 0 0 0;
	font-size: 90%;
	text-align: center;
	/*white-space: nowrap;*/
}

div#resultlist div#listcontent ul li.item_result span.material_category2 img {
	width: 52px;
	margin-bottom: 3px;
	border: solid 1px #666666;
}

div#resultlist div#listcontent ul li.item_result_tablet span.material_category2 {
        float: left;
        width: 54px;
        padding: 0 0 0 0;
        font-size: 90%;
        text-align: center;
        /*white-space: nowrap;*/
}

div#resultlist div#listcontent ul li.item_result_tablet span.material_category2 img {
        width: 52px;
        margin-bottom: 3px;
        border: solid 1px #666666;
}

div#resultlist div#listcontent ul li.item_result {
	padding: 8px 14px 5px 14px;
}

li.item_book span.material_category {background: url("../../images/ndl/ico_class_book.gif") center 0 no-repeat;}
li.item_article span.material_category {background: url("../../images/ndl/ico_class_article.gif") 8px 0 no-repeat;}
li.item_newsp span.material_category {background: url("../../images/ndl/ico_class_newsp.gif") center 0 no-repeat;}
li.item_dvdcd span.material_category {background: url("../../images/ndl/ico_class_dvdcd.gif") center 0 no-repeat;}
li.item_child span.material_category {background: url("../../images/ndl/ico_class_child.gif") center 0 no-repeat;}
li.item_darchive span.material_category {background: url("../../images/ndl/ico_class_darchive.gif") center 0 no-repeat;}
li.item_misc span.material_category {background: url("../../images/ndl/ico_class_misc.gif") center 0 no-repeat;}
li.item_handicapped span.material_category {background: url("../../images/ndl/ico_class_handicapped.gif") center 0 no-repeat;}
li.item_legislation span.material_category {background: url("../../images/ndl/ico_class_legislation.gif") center 0 no-repeat;}
li.item_reference span.material_category {background: url("../../images/ndl/ico_class_reference.gif") center 0 no-repeat;}

div#resultlist div#listcontent ul li.item_result div.item_summarywrapper {
	margin-left: 65px;
	padding: 0;
}

div#resultlist div#listcontent ul li.item_result div.item_summarywrapper h3 {
	line-height: 110%;
	margin-bottom: 6px;
	font-size: 100%;
}

div#resultlist div#listcontent ul li.item_result div.item_summarywrapper p {
	line-height: 110%;
	margin-bottom: 6px;
}

div#resultlist div#listcontent ul li.item_result a.external {
	padding: 2px 0 2px 20px;
	line-height: 100%;
	background: transparent url('../../images/ndl/external.png') no-repeat 0 0;
}

div#resultlist div#listcontent ul li.item_result p {

}

div#resultlist div#listcontent div.similarwrapper li.item_result {
	border-top: dotted 1px #CCCCCC;
	padding-left: 46px;
}

/* タブレット端末用 ここから */
div#resultlist div#listcontent ul li.item_result_tablet span.material_category {
	float: left;
	width: 50px;
	padding: 38px 0 0 0;
	font-size: 90%;
	text-align: center;
	/*white-space: nowrap;*/
}

div#resultlist div#listcontent ul li.item_result_tablet span.material_category2 {
	float: left;
	width: 50px;
	padding: 0 0 0 0;
	font-size: 90%;
	text-align: center;
	/*white-space: nowrap;*/
}

div#resultlist div#listcontent ul li.item_result_tablet {
	/*padding: 14px 14px 10px 14px;*/
}

div#resultlist div#listcontent ul li.item_result_tablet div.item_summarywrapper {
	margin-left: 65px;
	padding: 0;
}

div#resultlist div#listcontent ul li.item_result_tablet div.item_summarywrapper h3 {
	line-height: 110%;
	margin-bottom: 8px;
	font-size: 100%;
}

div#resultlist div#listcontent ul li.item_result_tablet div.item_summarywrapper p {
	line-height: 110%;
	margin-bottom: 8px;
}

div#resultlist div#listcontent ul li.item_result_tablet a.external {
	padding: 2px 0 2px 20px;
	line-height: 100%;
	background: transparent url('../../images/ndl/external.png') no-repeat 0 0;
}

div#resultlist div#listcontent ul li.item_result_tablet p {

}

div#resultlist div#listcontent div.similarwrapper li.item_result_tablet {
	border-top: dotted 1px #CCCCCC;
	padding-left: 46px;
}

/* タブレット端末用ここまで */

div#resultlist div#listcontent div.even li {
	background-color: #F7F8FB;
}

div#resultlist div#listcontent div.even  div.result_disclosure_control {
	background-color: #F7F8FB;
}

div#resultlist div#listcontent div.ads_top {
	border: 1px solid #CCC;
	margin: 10px;
	padding: 5px 15px;
}

div#resultlist div#listcontent div.ads_bottom {
	border-top: 1px solid #CCC;
	padding: 5px 15px 8px;
}

/* For IE6 */
* html div#resultlist div#listcontent div.ads_bottom {
	margin-bottom: -12px;
}

div#resultlist div#listcontent div.ads_top ul li,
div#resultlist div#listcontent div.ads_bottom ul li {
	padding: 3px 0;
	height: 18px;
}

div#resultlist div#listcontent div.ads_top ul li a,
div#resultlist div#listcontent div.ads_bottom ul li a,
a.external {
	padding: 0px 17px 0px 17px;
	zoom: 1;
}


/* グループ資料を表示*/
div#resultlist div#listcontent div.result_disclosure_control {
	padding-left: 46px;
	border-top: dotted 1px #CCCCCC;
}

/* RESULTS DISCLOSURE */
.result_disclosure_control{
	padding: 10px;
}

.disclosure_panel, .disclosure_panel_paging{
	display:none;
}

.disclosure-open .disclosure_panel{
	display:block;
}

.disclosure-open .disclosure_panel_paging {
	display:inline-block;
	vertical-align: middle;
	/* For IE */
	/display: inline;
	/zoom: 1;
}

.result-disclosure-open-button {
	display: inline-block;
	/* For IE */
	/display: inline;
	/zoom: 1;
}

.result-disclosure-close-button {
	display: none;
}

.disclosure-open .result-disclosure-open-button {
	display: none;
}

.disclosure-open .result-disclosure-close-button {
	display: inline-block;
	vertical-align: middle;
	/* For IE */
	/display: inline;
	/zoom: 1;
}

.result-disclosure-open-button a.roundbutton-center span {
	height: 18px;
	line-height: 20px;
	padding-left: 18px;
	background: transparent url("../../images/ndl/ico_disclosure_open.png") 0 center no-repeat;
/*	color: #333333;*/
	display: inline-block;
	/display: inline;
	/zoom: 1;
	_line-height: 18px;
}

.result-disclosure-close-button a.roundbutton-center span {
	height: 18px;
	line-height: 20px;
	padding-left: 18px;
	background: transparent url("../../images/ndl/ico_disclosure_close.png") 0 center no-repeat;
/*	color: #333333 !important;*/
	display: inline-block;
	/display: inline;
	/zoom: 1;
	_line-height: 18px;
}
/*
.result-disclosure-open-button a.roundbutton-center:active span,
.result-disclosure-close-button a.roundbutton-center:active span {
	color: #FFFFFF;
}
*/

/* サムネイル表示 */
body.result2 .type-thumbnail {
	display: inline-block;
	width: 202px;
/*	width: 182px;
/*	margin: 0px 12px 0 12px;*/
	vertical-align: top;
	/*background: transparent url('/images/ndl/result_subgroup_border.png') repeat-x 0 bottom;*/
	border-top: dotted 1px #cccccc;

	/* For IE */
        /display: inline;
        /zoom: 1;
}

body.result2 div.type-thumbnail .material_image{
	display: block;
	padding-bottom: 5px;
}

body.result2 div.type-thumbnail .material_image img{
	display: block;
	margin: 0 auto;
	width: 115px;
}

body.result2 div.type-thumbnail li{
	padding: 0px;
}

body.result2 div.type-thumbnail li .material_category{
	width: auto;
	height: auto;
	margin: 0;
	padding-bottom: 8px;
	text-indent: 0;
	background: none;
	float: none;
	display: block;
	text-align: center;
}

body.result2 div.type-thumbnail .item_summarywrapper{
	text-align: center;
	height: auto;
	margin: 0 auto !important;
}

body.result2 div.type-thumbnail .itempadding{
	padding: 10px 13px 25px !important;

}

body.result2 .mainlabel{
/*	padding: 0px 0 13px 0px !important;
	font-size: 110% !important;*/
}

body.result2 .subgroup{
	padding-bottom: 5px;
}

body.result2 .sublabel{
/*	font-size: 90% !important;
	padding: 0px 10px 13px 0px;
	font-weight: bold;
	color: #444444;*/
}

body.result2 .deeplabel{
/*	font-size: 90% !important;
	padding: 0px 0px 6px 0px;*/
}

body.result2 .ulgroup{
	margin: 0 5px 10px 15px !important;
}

body.result2 .sub-ul{
/*	margin: 0 5px 0 15px !important;
	padding-bottom: 0px !important;
	padding-right: 0px;
	border: none !important;*/
}





/* ページ送り */
ul.disclosure_pagingnav {
	text-align: center;
	margin: 0 0 0 10px;
	/margin-bottom: 2px;
}

ul.disclosure_pagingnav li {
	vertical-align: middle;
	display: inline-block;
	margin: 0;
	/* For IE */
	/display: inline;
	/margin: 0 2px;
	/zoom:1;
}

ul.disclosure_pagingnav li a {
	display: block;
	background: #FFFFFF;
	border: 1px solid #585858;
	text-decoration: none;
	color: #333333 !important;
}
ul.disclosure_pagingnav li a:active {
	background: #666;
	color: #FFFFFF !important;
	border: 1px solid #333;
}
ul.disclosure_pagingnav li a,
ul.disclosure_pagingnav li span {
	padding: 0 6px 0 6px;
	line-height: 1.2em;
}
ul.disclosure_pagingnav li strong {
	display: block;
	padding: 0 6px 0 6px;
	line-height: 1.2em;
	background: #585858;
	color: #FFFFFF;
	border: 1px solid #585858;
}

ul.disclosure_pagingnav .ellipsis {
	display: block;
	padding: 0;

}
ul.disclosure_pagingnav li a.larrow,
ul.disclosure_pagingnav li span.larrow {
	background: url("../../images/ndl/icon_paging-arrow_left_normal.png") 0 0 no-repeat;
	background-color: transparent !important;
	width: 16px;
	height: 0;
	overflow: hidden;
	display: inline-block;
	padding: 16px 0 0 0;
	border: none;
	vertical-align: -2px;
	/padding-top: 14px;
	/vertical-align: 0px;
	/margin-bottom: 2px;
}
ul.disclosure_pagingnav li a.larrow:hover, ul.disclosure_pagingnav li a.larrow:active {
	background: url("../../images/ndl/icon_paging-arrow_left_normal.png") 0 0 no-repeat;
}
ul.disclosure_pagingnav li span.larrow_d {
	background: url("../../images/ndl/icon_paging-arrow_left_disabled.png") 0 0 no-repeat;
}
ul.disclosure_pagingnav li a.rarrow,
ul.disclosure_pagingnav li span.rarrow {
	background: url("../../images/ndl/icon_paging-arrow_right_normal.png") 0 0 no-repeat;
	background-color: transparent !important;
	width: 16px;
	height: 0;
	overflow: hidden;
	display: inline-block;
	padding: 16px 0 0 0;
	border: none;
	vertical-align: -2px;
	/padding-top: 16px;
	/vertical-align: 0px;
}
ul.disclosure_pagingnav li a.rarrow:hover, ul.disclosure_pagingnav li a.rarrow:active {
	background: url("../../images/ndl/icon_paging-arrow_right_normal.png") 0 0 no-repeat;
}
ul.disclosure_pagingnav li span.rarrow_d {
	background: url("../../images/ndl/icon_paging-arrow_right_disabled.png") 0 0 no-repeat;
}


/* ページ下部ページ送り */
div#resultfooterwrapper {
	position: relative;
	border-top: solid 1px #CCCCCC;
}

div#resultfooter {
	padding: 16px 0 4px 0;
}

/* ページトップに戻る */
p.pagetop {
	margin: 20px 14px 0 0;
	text-align: right;
}

p.pagetop a {
	display: inline-block;
	padding: 2px 0 2px 16px;
	background: url("../../images/ndl/icon_pagetop.png") 0 center no-repeat;
	/display: inline;
	/zoom: 1;
	color: inherit !important;
}





/* ==================== 書誌詳細画面 ==================== */

/* クリアフィックス */
div#itemwrapper,
 {
	/zoom: 1;	/* IE7バグ対策 */
}

div#itemwrapper:after
 {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 1%;
}


div.inprocess{
	text-align: center;
	margin-bottom:10px;
	background-color:#FAB8A0;
	color:black;
	padding:4px;
}

div.jpo{
	text-align: center;
	margin-bottom:10px;
	background-color:#FAB8A0;
	color:black;
	padding:4px;
}

ul.table_of_content li{
	background: url("../../images/ndl/treeview-default-line.gif") no-repeat 0px 0px;
}
ul.table_of_content li{
	padding-bottom: 3px; margin: 0px; padding-left: 16px; padding-right: 0pt; padding-top: 3px;
}

/* ===== ナビゲーション領域定義 ===== */
div#itemnav {
	background: #F6F6F6 url("../../images/ndl/detail_itemnav_bg.png") repeat-x 0 0;
	border-bottom: solid 1px #C8C8C8;
}

div#itemnavinner {
	width: 900px;
	margin: 0 auto;
	padding: 0;
}

p#prevlink {
	float: left;
	width: 170px;
	margin-left: 20px;
	border-right: solid 1px #C8C8C8;

	/display: inline;
}

p#prevlink a {
	display: block;
/*	height: 30px;*/
	line-height: 30px;
	padding-left: 26px;
	background: transparent url("../../images/ndl/ico_pagingarrowl.gif") no-repeat scroll left center;
}

div#breadcrumbs {
	float: left;
	width: 680px;
	padding-left: 18px;

	/display: inline;
}

div#breadcrumbs p {
	float: left;
	height: 30px;
	line-height: 30px;
}

div#breadcrumbs ol li {
	float: left;
	margin-left: 4px;
	list-style: none outside none;

	/display: inline;
}

div#breadcrumbs ol li a {
	padding: 0 5px;
	line-height: 30px;
}



/* ===== コンテンツ領域定義 ===== */
div#itemwrapper {
	width: 940px;
	margin: 15px auto 0 auto;
	padding: 0;
	background: transparent url('../../images/ndl/detail_itemwrapper_bg.gif') repeat-y 0 0;
}

div#thumbnail {
	float: left;
	width: 200px;
	text-align: center;
}

div#thumbnail p.thumbnail-image {

}

img.thumbnail-image {
	max-width: 200px;
}

div#thumbnail p.thumbnail-image img {
	display: block;
	margin: 0 auto;
}

div#itemcontent {
	float: left;
	width: 480px;
	padding: 0 15px;
}

div#itemcontent div.contenttitle {
	display: inline-block;
	width: 390px;
	margin-bottom: 6px;
	color: #000000;

	/display: inline;
	/zoom: 1;
}

div#itemcontent div.contenttitle h1 {
	line-height: 150%;
	margin-bottom: 3px;
	font-size: 150%;
}

div#itemcontent div.contenttitle p#item_author {
	font-size: 120%;
	line-height: 120%;
}

div#itemcontent div.translatebuttons {
	display: inline-block;
	vertical-align: bottom;
	/*width: 95px;*/
	text-align: right;
	margin-bottom: 10px;

	/* For IE */
	/display: inline;
	/zoom: 1;
}

.squarebutton {
    background-image: url("../../images/ndl/roundbutton-bg.png");
    background-repeat: repeat-x;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    color: #333333 !important;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    padding: 1px 4px;
    text-decoration: none !important;
}

div#itemcontent h2 {
	margin: 8px 0;
	padding: 5px 8px;
	line-height: 110%;
	font-size: 100%;
	background-color: #D7DCE3;
	font-weight: normal;
}

div#itemwrapper div#itemcontent table {
	line-height: 120%;
}

div#itemwrapper div#itemcontent table th {
	padding: 4px 12px 4px 4px;
	vertical-align: middle;
	text-align: right;
	font-weight: normal;
	background: transparent url("../../images/ndl/detail_itemcontent_table_border.png") no-repeat scroll right center;
	/*white-space: nowrap;*/
	width: 8em;
}

div#itemwrapper div#itemcontent table td {
	word-wrap: break-word;
	word-break: break-all;
}



/* ===== サブメニュー領域定義 ===== */
div#submenu {
	float: left;
	clear: right;
	width: 209px;
	/*margin: 0 10px 0 0;*/
	padding-left: 10px;
	/*border-left: solid 1px #CCCCCC;*/
}

div#submenu h2 {
	/*height: 20px;*/
	/*line-height: 20px;*/
	margin-bottom: 10px;
	/*background: transparent url("../../images/ndl/detail_submenu_bg.png") no-repeat 0 0;*/
	text-align: center;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: normal;

	padding: 3px 0 2px 0;
	background-color: #3A5373;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior: url('/stylesheets/ndl/ie-css3.htc');
}

div#submenu h3 {
	margin-left: 12px;
	font-size: 100%;
}

div#submenu ul {
	margin: 0 0 16px 12px;
}

div#submenu ul#daisy_default_layout {
        margin-left: 20px;
}

div#submenu ul#daisy_custom_layout {
        margin-left: 20px;
        *margin-left: 0px; /* IE6･IE7のみ適用 */
        *margin-top: 10px; /* IE6･IE7のみ適用 */
}

div#submenu div#pdf_description {
   margin-left: 0px;
}

div#submenu ul li {
	line-height: 140%;
	margin: 5px 0;
	padding-left: 20px;
	background: transparent url("../../images/ndl/external.png") no-repeat scroll 0 2px;
}

div#submenu ul li img {
	margin-right: 6px;
	vertical-align: middle;
}

div#submenu ul li p {
	margin-top: 3px;
}

div#submenu ul#toolbox li {
	background: none;
	padding-left: 0;
}


/* グループ資料 */
div.related_books {
	width: 100%;
}
table.detail-relateditemlist {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 0 !important;
	table-layout: fixed;
}

tr.detail-relateditem td {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

tr.detail-relateditem td.detail-relateditemiconarea {
	width: 64px;
	vertical-align: top;
	font-size: 90%;
}

span.material_category {
	float: left;
	width: 60px;
	padding: 38px 0 0 0;
	font-size: 90%;
	text-align: center;
	background: no-repeat center 0;
}

.detail2 .item_book span.material_category     {background-image: url("../../images/ndl/ico_class_book.gif");}
.detail2 .item_article span.material_category  {background-image: url("../../images/ndl/ico_class_article.gif");}
.detail2 .item_newsp span.material_category    {background-image: url("../../images/ndl/ico_class_newsp.gif");}
.detail2 .item_dvdcd span.material_category    {background-image: url("../../images/ndl/ico_class_dvdcd.gif");}
.detail2 .item_child span.material_category    {background-image: url("../../images/ndl/ico_class_child.gif");}
.detail2 .item_darchive span.material_category {background-image: url("../../images/ndl/ico_class_darchive.gif");}
.detail2 .item_misc span.material_category     {background-image: url("../../images/ndl/ico_class_misc.gif");}
.detail2 .item_handicapped span.material_category {background-image: url("../../images/ndl/ico_class_handicapped.gif");}
.detail2 .item_legislation span.material_category {background-image: url("../../images/ndl/ico_class_legislation.gif");}

.detail-relateditemcontentarea {
	vertical-align: middle;
}

td.detail-relateditemcontentarea span {
	margin-right: 10px;
	display: block;
	text-align: right;
}

.detail-relateditemcontentarea h3 {
	line-height: 140%;
	margin-bottom: 8px;
	font-size: 100%;
}

td.detail-relateditemcontentarea h3 span {
	display: inline;
	text-align: left;
	white-space: nowrap;
}

td.detail-relateditemcontentarea p span {
	display: inline;
	text-align: left;
	white-space: normal;
}

td.detail-relateditemcontentarea span img {
	vertical-align: middle;
}

.detail2 .detail-relateditemlist .show-wrapper {

}

.detail2 #submenu .show-wrapper {

}





/* ==================== トップ画面 ==================== */

/* クリアフィックス */
body.home div#indexlist,
body.home div#indexlist div#listcontent div#lc_rightcol,
body.home div#indexlist h2
 {
	/zoom: 1;	/* IE7バグ対策 */
}

body.home div#indexlist:after,
body.home div#indexlist div#listcontent div#lc_rightcol:after,
body.home div#indexlist h2:after
 {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 1%;
}


/* ===== ヘッダ定義 ===== */
body.home {
	position: relative;
}

body.home div#header {
	background-image: url('/images/ndl/top_header_bg.png');
	height: 155px;
	z-index: 900;
	position: relative;
}

body.home div#header h1 {
	position: absolute;
	top: 42px;
	/*width: 560px;*/
	width: 100%;
	min-width: 982px;
	height: 113px;
	background: transparent url("../../images/ndl/title-home.png") no-repeat center 0;
	text-indent: -9999px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	/background-image: url("../../images/ndl/title-home_ie6.png");
}

body.home div#header div.utilmenu {

}

body.home div#header div.login-btn {
	position: absolute;
	top: 0;
	left: 24px;
}


/* ===== タブ・検索領域定義 ===== */
body.home div.tabs-search-trigger-wrapper {
	position: relative;
	height: 30px;
	background-image: url('/images/ndl/top_tabs-search_trigger_bg.png');
}

body.home div.tabs-search-trigger-wrapper ul {

}

body.home div.tabs-search-trigger-wrapper ul li {
	width: 180px;
	height: 23px;
}

body.home div.tabs-search-trigger-wrapper ul li.tabtrigger-first {
	background-image: url('/images/ndl/top_tabs-search_simple-search.png');
}

body.home div.tabs-search-trigger-wrapper ul li.tabtrigger-second {
	background-image: url('/images/ndl/top_tabs-search_advanced-search.png');
}

body.home div.tabs-search-trigger-wrapper ul li.tabtrigger-third {
	background-image: url('/images/ndl/top_tabs-search_handicapped-search.png');
}

body.home div.tabs-search-trigger-wrapper ul li.ui-tabs-selected {
	background-position: -0px -23px;
}

body.home div.tabs-search-trigger-wrapper ul li a {
	height: 23px;
}

/* 簡易検索 */
body.home div#search-normal {
	padding: 30px 0 22px 0;
}

body.home div#mainsearch label {
	line-height: 230%;
	font-size: 108.4%;
}

body.home div#search-normal input.textbox {
	font-size: 150%;
	padding: 2px;
}

body.home div#search-normal input.searchbutton {
	height: 28px;
}

body.home span.transatedsearchselect {
	line-height: 30px;
}

/* タブボタン */
body.home div#search-normal p#primaryfilter {
	margin-bottom: 8px;
}


/* インデックスリスト */
body.home div#indexlist {
	min-width: 900px;
	clear: both;
	padding: 20px 0 0 0;
}

body.home div#indexlist div#listtop {
	width: 865px;
	height: 8px;
	margin: 0 auto;
	background: transparent url("../../images/ndl/indexlist_top_bg.gif") bottom no-repeat;
}

body.home div#indexlist div#listcontent {
	float: none;
	width: 865px;
	margin: 0 auto;
	background: transparent url("../../images/ndl/indexlist_content_bg.gif") top repeat-y;
	border: none;
}

body.home div#indexlist div#listbottom {
	width: 865px;
	height: 8px;
	margin: 0 auto 15px auto;
	background: transparent url("../../images/ndl/indexlist_bottom_bg.gif") top no-repeat;
}

body.home div#indexlist div#listcontent div#lc_leftcol {
	width: 431px;
	float: left;
}
body.home div#indexlist div#listcontent div#lc_rightcol {
	margin-left: 431px;
	width: 431px;
}

body.home div#indexlist div#listcontent div#lc_leftcol div.lc_wrapper,
body.home div#indexlist div#listcontent div#lc_rightcol div.lc_wrapper {
	padding: 10px 15px 0 20px;
	line-height: 135%;
}

body.home div#indexlist div#listcontent div div.lc_wrapper p {
	padding-bottom: 10px;
	color: #333;
}

body.home div#indexlist div#listcontent div div.lc_wrapper ul {

}

body.home div#indexlist div#listcontent div div.lc_wrapper ul li{
	margin-left: 4px;
	padding: 0 0 10px 18px;
	background: transparent url("../../images/ndl/ico_circle.png") no-repeat 0 5%;
}

body.home div#indexlist div#listcontent div div.lc_wrapper ul a{
	padding:0px;
}

/* For IE6 IE7 */
	html*body.home div#indexlist div#listcontent div div.lc_wrapper ul a {
	zoom : normal;
}

/* インデックスリストの見出し */
body.home div#indexlist h2 {
	line-height: 20px;
	font-size: 100%;
	font-weight: normal;
}

body.home div#indexlist h2 span {
	float: left;
	display: block;
	height: 20px;
	margin-right: 4px;
	vertical-align: middle;
	font-size: 0;
	text-indent: -9999px;
}

body.home div#indexlist h2 span.top_news {
	width: 170px;
	background: transparent url("../../images/ndl/top_h2_news.png") no-repeat 0 0;
}

body.home div#indexlist h2 span.top_keyword {
	width: 160px;
	background: transparent url("../../images/ndl/top_h2_keyword.png") no-repeat 0 0;
}

body.home div#indexlist h2 span.top_data {
	width: 124px;
	background: transparent url("../../images/ndl/top_h2_data.png") no-repeat 0 0;
}


/* インデックスリストの番号付きリスト */
body.home div#indexlist ol li {
	margin: 0 0 6px 22px;
	list-style-position: outside !important;
	/margin-left: 26px;
}

/* 横断検索インジケーター */
.indicator-multisearching {
	background-color: #030;
	height: 24px;
	text-align: center;
	position: relative;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.im-label {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	color: white;
	margin: 0;
	vertical-align: middle;
        /* For IE */
        /display: inline;
        /zoom: 1;
}

.im-stop {
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-indent: -9999px;
	margin: 0 0 0 8px;
	cursor: pointer;
	vertical-align: middle;
	background-image: url(../../images/ndl/roundclose.png);
	background-position: center center;
	background-repeat: no-repeat;
	/* For IE */
	/display: inline;
	/zoom: 1;
}

.dropshadow {
	width: 100%;
	height: 6px;
	background-image: url(../../images/ndl/dropshadow.png);
	background-repeat: repeat-x;
	position: absolute;
	left: 0;
}
*html .dropshadow { /* For IE6 */
background-image: none;
}

.dropshadow-down {
	background-position: 0 -6px;
	top: 0;
}

.dropshadow-up {
	background-position: 0 0;
	bottom: 0;
}



/* ドロップダウンリスト */
select {
	font-size: 100%;
	cursor: pointer;
}

div.dropdown-container {
	display: inline-block;
	position: relative;
	*display: inline;	/* IE7バグ対策 */
	*zoom: 1;	/* IE7バグ対策 */
	*z-index: 100;
}

span.dropdown {
	position: relative;
	display: inline-block;
	min-height: 18px;
	margin: 0 3px 0 0;
	vertical-align: top;
	z-index: 10;
	*display: inline;	/* IE7バグ対策 */
	*zoom: 1;	/* IE7バグ対策 */
}

div.dropdown-container span.selected {
	background-color: #FFFFCA;
}

a.dropdown-button {
	display: inline-block;
	min-width: 42px;
	max-width: 200px;
	min-height: 16px;
	line-height: 1.5em;
	overflow: hidden;
	cursor: pointer;
	*z-index: 1;
}

a.dropdown-button:hover {
	text-decoration: none;
}

a.dropdown-button:active {
	text-decoration: none;
}

span.dropdown-text {
	display: inline-block;
	min-height: 16px;
	/*line-height: 16px;*/
	*z-index: 1;
}

div.dropdown_option-container {
	display: none;
	position: absolute;
	top: 1.3em;
	left: 0;
	z-index: 20;
	*zoom: 1;


}

div.dropdown_option-container ul {
	border: solid 1px #999999 !important;
	width: 100%;
}

div.dropdown_option-container ul li {
	float: none !important;
	height: auto !important;
	line-height: 1.5em !important;
	margin: 0 !important;
/*	border-top: solid 1px #999999 !important;*/
	white-space: nowrap;
}

div.dropdown_option-container ul li a {
	display: block;
	padding: 2px 10px;
	border: none;
	text-decoration: none;
	background: #FFFFFF;
	color: #000000;
}

div.dropdown_option-container ul li a:hover {
	background: #2C57B2;
	color: #FFFFFF;
}

div.dropdown_option-container ul li a:active {

}

/* CONFIGURATION */

.profile-title{
	font-size: 128%;
	padding-bottom: 10px;
}

.configuration div#header div.utilmenu {
	padding: 10px 0 0;
}

.roundbox-top-configuration2col{
	background: url("../../images/ndl/configuration_top_bg.gif") no-repeat scroll left bottom #FFFFFF;
}

.roundbox-contents-configuration2col{
	border-right: none;
	border-left: none;
	background: url("../../images/ndl/configuration_content_bg.gif") repeat-y scroll left top #FFFFFF;
	width: 865px;
}

.roundbox-contents-configuration-prelogin{
	text-align:center;
}

.profile-wrapper{
	padding: 10px 20px;
	display: inline-block;
	vertical-align: top;
	width: 270px;
	/* For IE */
	/display: inline;
	/zoom: 1;
}

.chageprofilebutton{
	text-align: right;
}

.option-wrapper{
	padding: 10px 20px;
	display: inline-block;
	vertical-align: top;
	width: 510px;
	/* For IE */
	/display: inline;
	/zoom: 1;
}

.standerd-table-configuration th{
	width: 130px;
}

.cotrol-separate{
	border-bottom: 1px solid #ccc;
	padding:10px 0 10px 0;
}

.cotrol-separate-top{
	padding-top: 0px;
}

.cotrol-separate-bottom{
	padding-bottom: 0px;
	border: none;
}

.control-elementbox{
	padding-bottom: 3px;
}

.not-selectedlist, .arrows, .selectedlist{
	display: inline-block;
	vertical-align: middle;
	/* For IE */
	/display: inline;
	/zoom: 1;
}

.arrows{
	padding:0 10px;
}

.addarrow{
	background: url("../../images/ndl/addarrow.gif") ;
	width: 36px;
	height: 24px;
	text-indent: -9999px;
	margin: 5px 0;
}

.deletearrow{
	background: url("../../images/ndl/deletearrow.gif");
	width: 36px;
	height: 24px;
	text-indent: -9999px;
	margin: 5px 0;
}

.textbox-addressinput{
	margin-right: 5px !important;
}

.textbox-addressinput, .deleteaddress, .addaddress, deletendc, addndc{
	display: inline-block;
	/* For IE */
	/display: inline;
	/zoom: 1;
}

.addaddress, .addndc{
	background: url("../../images/ndl/addaddress.gif") ;
	width: 32px;
	height: 22px;
	text-indent: -9999px;
	vertical-align: 1px;
}

.deleteaddress, .deletendc{
	background: url("../../images/ndl/deleteaddress.gif");
	width: 32px;
	height: 22px;
	text-indent: -9999px;
	margin: 0 4px 0 0;
	vertical-align: 1px;
}

/* 2010-12-01 */

.contents-title{
	font-size: 160%;
	padding-bottom: 10px;
	margin: 0 auto;
	width: 865px;
}

.roundbox-top{
	background:url("../../images/ndl/configuration_top_bg2.gif") no-repeat scroll left bottom #FFFFFF;
	height: 8px;
	margin: 6px auto 0 auto;
	width: 865px;
}

.roundbox-contents{
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #FFFFFF;
	margin: 0 auto;
	width: 863px;
}

.roundbox-bottom{
	background:url("../../images/ndl/configuration_bottom_bg2.gif") no-repeat scroll left bottom #FFFFFF;
	height: 8px;
	margin: 0 auto;
	width: 865px;
	/* For IE */
	/line-height: 8px;
}

.submit-wrapper{
	border-top: 1px solid #ccc;
	padding: 15px 0px 7px;
	text-align: center;
}

.standerd-table-center {
	margin: 0 auto;
}

.standerd-table th, .standerd-table td{
	vertical-align: top;
	padding: 2px 3px;
	line-height: 1.5;
}

.standerd-table th {
	text-align: right;
	font-weight: bold;
	padding-top: 4px;
}

.standerd-table td {
	text-align: left;
}
.massagebox{
	font-size: 100%;
	padding-bottom: 10px;
}

.error-message {
	padding-top: 2px;
	color: #ff0033;
	display:none;
}

.input-error .error-message{
	display:block;
}

.main-button{
        display:inline-block;
        background:url("../../images/ndl/button-bg.png") repeat-x scroll 0 -50px #999999;
        border:1px solid #294362;
        color:#FFFFFF;
        font-size:14px;
        height:24px;
        line-height:normal;
        margin:0 5px;
        padding:1px 0 3px;
        text-align:center;
        vertical-align:0.5px;
        /* For IE */
        /padding-top: 3px;
        /display: inline;
        /zoom: 1;
}

.main-button-large, .sub-button-large{
        width: 170px;
}

.submit-wrapper{
	border-top: 1px solid #ccc;
	padding: 15px 0px 7px;
	text-align: center;
}

.submitleftwrapper{
	position: relative;
	/* For IE */
	/width: 100%;
}

.submitleft{
	font-size: 115%;
	position: absolute;
	top: 18px;
	left: 10px;
}

.access_rights_s02_only {
	display: inline-block;
	border: solid 1px #999;
	background: #FFC;
	padding: 3px;
	margin: 4px 0 0 0;
  font-weight: normal;
  color: #000;
}
.access_rights_s02_only a {
  color: #0153A5 !important;
}
.newspaper_holding_title {
  display: inline-block;
  margin-left: 5px;
  border: solid 1px #000;
  padding: 2px;
}

.item_summarywrapper span.colon-delimiter {
  padding-right: 14px;
  background: transparent url("../../images/ndl/detail_itemcontent_table_border.png") no-repeat scroll right center;
  display: inline-block;
      }

.publisher {
  padding-left: 5px;
}

.publication-info .item {
  display: inline-block;
  margin-right: 5px;
}
