@charset "utf-8";

/* jQuery UI Tabs */
.ui-tabs .ui-tabs-hide { display: none !important; }

/* jQuery UI Slider */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

/* jQuery UI Common */
.ui-widget-content {
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* Overlays */
.ui-widget-overlay { background: #5c5c5c 50% 50%; opacity: .80;filter:Alpha(Opacity=80); }
.ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; background: #cccccc 50% 50%; opacity: .60;filter:Alpha(Opacity=60); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

/* Resizable ----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Accordion

/* Dialog
----------------------------------*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden;  border: 1px solid #6e6751; background: #fff; color: #000; }
.ui-dialog .ui-dialog-titlebar { padding: .2em 1em .1em; position: relative; color:#fff;background: #6e6751; font-weight: bold; height:22px;}
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; }
/*
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; background:#eee;}
*/
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 14px; margin: -7px 0 0 0; padding: 1px; height: 14px;}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 1; background:#aaa; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .2em .5em .2em 0; cursor: pointer; padding: 0; line-height: 1.1em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-icon-closethick {
	background-image: url(images/roundclose-mini.png);
	background-repeat: no-repeat;
}

/* HTML Elements */
body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Tahoma, Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Sans-Serif;
	/* font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, Arial, Osaka; */
	line-height: 160%;
	background-color: #8c8267;
	height:100%;
}
html {
	height:100%;
}
a {
	color: #2c57b2;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}

div {
	margin: 0;
	padding: 0;
}

select {
	background-color:#fff;
	border:1px solid #999;
	/* For IE */
	/font-size: 80%;
}


form {
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 140%;
	margin: 16px 0 12px 0;
	color: #000;
	word-break: break-all;
	word-wrap: break-word;
}

dl {
	margin: 0;
	padding: 0;
}

dt {
	font-weight: bold;
}

dd {
}

table {
	border-collapse: collapse;
}


/* General Classes */

.boundary {
	margin: 0 auto 0 auto;
	padding: 0 10px;
	width: 1200px;
	position: relative;
/* Actiual outer width is 950px */
}

.subboundary {
	float: left;
}

.subboundary-left {
	width: 300px;
}
.no-js .subboundary-left ul.segmentedbuttonwrapper {
	display: none;
}

.subboundary-right {
	width: 900px;
}

.textbox {
	margin: 0;
	border: 1px solid #999;
	background-image: url(images/textbox-bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0px;
}

.mainbutton {
	background-color: #eee;
	background-image: url("images/button-bg.png");
	background-position: 0 0;
	background-repeat: repeat-x;
	border: 1px solid #666;
	color: #000;
	font-size: 100%;
	height: 22px;
	letter-spacing: 0.2em;
	line-height: 20px;
	margin: 0;
	padding: 0;
	width: 90px;
}

.mainbutton-pushed {
	background-position: 0 -22px;
	border-color: #333;
	color: #fff;
}

.regularbutton {
	margin: 0;
	padding: 0;
	width: 90px;
	height: 22px;
	background-color: #eee;
	background-image: url(images/button-bg.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	border: 1px solid #999;
	font-size: 100%;
	color: #000;
	letter-spacing: 0.2em;
	line-height: 20px;
}

#btn-fulldownload-cancel.regularbutton {
	width: 220px;
}

.regularbutton-pushed {
	background-position: 0 -22px;
	border-color: #666;
	color: #fff;
}

.segmentedbuttonwrapper {
	list-style-type: none;
}

li.segmentedbutton {
	float: left;
	margin: 0;
	padding: 0;
	width: 90px;
	height: 22px;
	color: #000;
}

li.segmentedbutton a {
	display: block;
	height: 22px;
	padding: 0;
	margin: 0;
	color: #000;
	/* text-decoration: none; */
	background-color: #ccc;
	background-image: url(images/button-bg.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	border: 1px solid #666;
	border-left: none;
	font-size: 100%;
	line-height: 22px;
	text-align: center;
	cursor: default;
	font-weight: normal;
}

li.segmentedbutton a:active {
	background-position: 0 -22px;
	border-color: #666;
	color: #fff;
}

.segmentedbuttonwrapper li.ui-tabs-selected a, 
.segmentedbuttonwrapper li.segmentedbutton-selected a:active, 
.segmentbuttonwrapper .ui-tabs-selected a:active {
	background-position: 0 -44px;
	border-color: #254995;
	color: #fff;
}

.segmentedbuttonwrapper li.segmentedbutton-selected a {
	background-image: url(images/button-bg-print.png);
}


.hiddentabs {
	display: none;
}


li.segmentedbutton-first a {
	border-left: 1px solid #666;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

li.segmentedbutton-last a {
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

li.segmentedbutton-single a {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}



.roundbutton {
	margin: 0;
	padding: 0;
	width: 100px;
	height: 22px;
	background-color: transparent;
	background-image: url(images/roundbutton.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	border: none;
	font-size: 100%;
	line-height: 22px;
}

/* For IE6 */
* html .roundbutton {
	background-image: url(images/roundbutton.gif);
}

.roundbutton-pushed {
	background-position: 0 -22px;
	color: #fff;
}

.roundbutton-selected {
	background-position: 0 -22px;
	color: #fff;
}

.roundrect-s {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
}

.roundrect-m {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.minibutton {
	border: 1px solid #999;
	background: url("./images/button-bg_big.png") 0 0 repeat-x #eee;
	height: 21px;
	padding: 0 4px 1px 4px;
	color: #333;
	margin-left: 0px;
	/* For IE */
	/font-size: 80%
	/zoom: 1;
	/margin-bottom: 1px;
	/
}

.minibutton-pushed {
	background-position: 0 -25px;
	color: #fff;
}

.detailoperation .minibutton-pushed, #content-paging-control-inner .minibutton-pushed, #detailviewport .minibutton-pushed {
	background-position: 0 -35px;
	color: #fff;
}

.minitogglebutton-selected {
	background-position: 0 -35px;
	color: #fff;
	background-color:#000;
}

.marginer-r {
	margin-right: 10px;
}

.whiteview {
	background-color: #fff;
	padding: 2px 20px 20px 20px;
	margin-top: 20px;
}

.lightblueview {
	background-color: #bcc2d0;
}

.beigeview {
	background-color: #e0dcce;
}

.normalview {
	border-top: 1px solid #827963;
	width: 100%;
}


.spacefiller {
	height: 20px;
	border-top: 1px solid #C3B495;
}

.backtoresult {
	height: 12px;
}

.backtoresult a {
	display: flex;
	line-height: 18px;
	height: 18px;
	margin: 0;
	padding: 0;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	white-space: nowrap;
}

.backtoresult a .icon {
	width: 18px;
	min-width: 18px;
	height: 18px;
	line-height: 18px;
	text-indent: -99999px;
	background-image: url(images/roundarrow.png);
	background-repeat: no-repeat;
	overflow: hidden;
	margin: 0 8px 0 0;
	padding: 0;
}

.searchdesc{
	width: 850px;
	text-align: center;
	float:left;
	line-height: 18px;
	color: #000;
}




/* For IE6 */
* html .backtoresult a .icon {
	background-image: url(images/roundarrow.gif);
}

.backtoresult a:active .icon {
	background-position: 0 -18px;
}




/* Clear Fix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden; }
.clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end clear fix */




/* Classes for Specific Elements */

.viewport {
	min-width: 1280px;
}

.header {
	height: 2.5em;
	overflow: hidden;
	background-color: #333;
	background-image: url(images/aptitle.png);
	background-repeat: no-repeat;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.apptitle {
	margin: 0;
	padding: 0;
	width: 360px;
	height: 32px;
	overflow: hidden;
	text-indent: -99999px;
}

.apptitle a {
	display: block;
	height: 45px;
}
.apptitle-top a {
	display: block;
	height: 100px;
}

*html .apptitle  { /* For IE6 */
	background-position: 0 -32px;
}

.mainview {
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	min-height: 500px;
}

.mainview-noheader {
	padding-top: 20px !important;
}

.mainview-noheader .whiteview{
 	padding: 2px 20px !important;
 	margin-top: 0px !important;
 	margin-bottom: 20px !important;
}

.normalview {
	padding-top: 20px;
	padding-bottom: 30px;
}

.searchbar {
	height: 45px;
	overflow: hidden;
	background-color: #afafaf;
	background-image: url(images/searchbar-bg-top.png);
	background-repeat: repeat-x;
	border-bottom: 1px solid #444;
	padding-top: 5px;
}
.searchbar-top {
	height: 75px;
	overflow: hidden;
	background-color: #afafaf;
	background-image: url(images/searchbar-bg-top.png);
	background-repeat: repeat-x;
	border-bottom: 1px solid #444;
}

.searchbox {
	/* width: 662px; */ /* 902 - 240 */
	height: 40px;
	overflow: hidden;
	float: left;
	/* background-color: red; */
	line-height: 30px;
	margin-top: 0px;

	text-align:left;
}
.searchbox-top {
	height: 83px;
	margin-top: 10px;
	text-align:center;
}

.searchbox-input {
    position: relative;
    white-space: nowrap;
    vertical-align: bottom;
	text-align:left;
	width:1200px;
	margin: 0 auto;
}
.searchbox-input-top {
	width:700px;
}
.searchbox-select-button {
    border: 1px solid #888;
    height: 32px;
    margin: -1px;
    padding: 4px;
    color: #444;
    cursor: pointer;
    background-color: #DDDDDD;
    background-image: url("images/collection-button-bg.png");
    background-position: right;

}
.searchbox-select {
    height: 30px;
    left: -2px;
    opacity: 0;
    overflow: auto;
    position: absolute;
    top: 5px;
    cursor: pointer;
	filter: alpha(opacity=0);
}
.searchbox-text {
    border: 0 none;
    font-size: 18px;
    outline: 0 none;
    position: relative;
    width: 383px;
    height:28px;
    z-index: 1;
    left: -3px;
    top: 1px;
    
}

.searchbox-button {
    background-image: url("images/searchbox-button-bg.png");
    background-position: 0 0;
    border: 0 solid #666666;
    height: 33px;
    margin: 0;
    padding: 0;
    width: 111px;
    position: relative;
    cursor: pointer;
    left: -3px;
}

.searchbox * {
	/* vertical-align: baseline; */
}

.searchoptionbox form {
	display:inline-block;
}
.searchoptionbox form {
	/* For IE */
	/display:inline;
}

.searchoptionbox  .roundbutton {
	position: relative;
	z-index: 20;
	margin: 0 4px;
}

.searchoptionbox * {
}

.footer {
	height: 45px;
	clear: both;
	color: #fff;
	font-size: 100%;
	background-color: #8c8267;
}

.footer a {
	color: #000;
	text-decoration: underline;
}

.footerleft {
	width: 320px;
	height: 45px;
	margin: 0 0 0 24px;
	float: left;
	line-height: 45px;
	font-weight: bold;
}

.footerright {
	width: 320px;
	height: 45px;
	margin: 0 24px 0 0;
	float: right;
	text-align: right;
	line-height: 45px;
	font-weight: bold;
}

.footercenter {
	height: 45px;
	margin: 0 150px 0 150px;
	text-align: center;
	white-space: nowrap;
	line-height: 45px;
	color: #000;
}

.footer-notice {
	background-color: #504D3C;
    height:100%;
    padding: 8px;
}
.footer-notice p {
	margin: 0;
	padding: 4px;
	text-align: center;
	color: #fff;
}
body > .footer-notice{
    height:auto;
}

/* Optional Search */

.optionalsearch {
	background-color: #bcc2d0;
	background-image: url(images/optionalsearch-bg.jpg);
	background-repeat: repeat-x;
	position: relative;
}

.chippedholder {
	margin-bottom: -10px;
	position: relative;
	top: -10px;
	height: 10px;
	display: none;
}

.chipped {
	height: 10px;
	width: 13px;
	position: absolute;
	/* background-image: url(images/chipped.png); */
	background-repeat: no-repeat;
	background-position: 
}

.chipped-category-C {
	right: 425px;
}

.chipped-category-T {
	right: 310px;
}

/* テーマ検索ありの時 */
.chipped-advanced {
	right: 200px; 
}
/* テーマ検索無しの時 */
/*
.chipped-advanced {
	right: 180px;
}
*/

.non-theme-search-button-buffer {
	width: 108px;
	display:inline-block;
}

.optionalsearchheader {
	border-bottom: 1px solid #7c8497;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 8px;
	padding-bottom: 8px;
}



.optionalsearchheader p {
	margin: 0;
	padding: 0;
}

.optionalsearchbody .boundary {
	padding-top: 10px;
	padding-bottom: 15px;
}

.segmentedbuttonwrapper {
	position: relative;
	height: 24px;
	margin: 0 auto -13px auto;
	padding: 0;
	z-index: 10;
}

.optionalsearchbody .segmentedbutton {
	line-height: 22px;
}


.optionalsearchbody .whiteview {
	border: 1px solid #777;
	padding: 20px 0;
}

.optionalsearchbody ul {
	margin-top: 0;
}

.optionalsearchbody .whiteview {
	border: 1px solid #777;
	padding: 20px 0;
}

/* LIST TABLE */

.currentcondition {
	color: #000;
}

.currentconditionlabel {
	font-weight: bold;
}

.no-js .resultmenu {
	margin: 10px 10px 0 0;
	padding-top: 16px;
	padding-bottom: 16px;
}
.no-js .resultmenu h3 {
	margin: 0 10px 0px;
}

.with-js .resultmenu {
	margin: 0 10px 0 0;
	padding-top: 0px;
	padding-bottom: 16px;
}
.with-js .resultmenu h3 {
	display: none;
}

.resultmenu h4 {
	font-size: 100%;
	margin: 0 10px -8px 10px;
}

.tableheader {
	padding: 4px 0;
	background-color: #ccc;
	background-image: url(images/tableheader-bg.jpg);
	background-repeat: repeat-x;
	border-bottom: 1px solid #999;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-top: 20px;
}

.tableheadercontent {
	float: left;
}

.tableheadercontent-left {
	width: 242px;
	text-align: left;
	white-space: nowrap;
}

.tableheadercontent-left p {
	line-height: 22px;
	margin: 0 0 0 10px;
}

.tableheadercontent-right {
	width: 580px;
	text-align: right;
	margin: 0 10px;
	/* background-color: red; */
}

.tableheadercontent-right select {
	vertical-align: middle;
	height: 18px;
}

.tableheadercontent-right .minibutton {
	vertical-align: middle;
}

.resulttable {
	background-color: #fff;
}

.resulttable table {
	width: 100%;
}


.rowheader {
	height: 22px;
	 background-color: blue;
}



.rowheader th {
	text-align: left;
	font-weight: normal;
}

.rowheader th {
	padding: 0 4px;
	background-color:#8c92a3;
	background-image:url("images/listheader-bg.png");
	background-repeat:repeat-x;
	color: #fff;
	border-left: 1px solid #7C8497;
}

.result-item td {
	border-bottom: 1px solid #ddd;
	padding: 4px 4px;
}



.resulttable .odd td {
	background-color: #eef6f6;
}


.tablefooter {
	background-color: #fff;
	padding: 12px;
	border-bottom: 1px solid #666;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.item-icon-viewable {
	padding: 0 2px;
	border: 1px solid #999;
	font-size: 80%;
	margin-left: 5px;
}

.item-icon-viewable-inlibrary {
	background-color:#222;
	color:#fff;
}

.item-icon-viewable-soushin-library {
	background-color:#ff8;
}

.item-icon-viewable-internet {
	background-color: #ffc;
	display: none;
}

.item-icon-viewable-hikokai {
	background-color: #FFF;
}

.item-icon-fileformat {
	padding: 0 2px;
	border: 1px solid #999;
	font-size: 80%;
	margin-left: 5px;
	background-color: #d2d3e3;
}

.item-icon-material-type {
	background-color: #FFF;
	border: 1px solid #999;
	font-size: 80%;
	margin-left: 5px;
	padding: 0px 2px;
}

.item-icons .item-icon-iiif {
	vertical-align: middle;
	width: 18px;
	height: 18px;
	padding: 0px 0px;
}

.noresultmessage {
	font-size: 120%;
	margin: 100px 20px;
}



/* PAGING */


.pagingbox {
	padding: 12px 0;
	background: #fff;
}

.paging {
	clear: both;
	text-align: center;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.paging li {
	display: inline-block;
	/* width: 20px; */
	min-width: 20px;
	height: 20px;
	border: 1px solid #888888;
	margin-left: 3px;
	margin-right: 3px;
	/display: inline;
	/zoom: 1;
}





.paging li.current {
	background-color: #666;
	border:1px solid #333333;
	color:#fff;

}

.paging .paging-prev, 
.paging .paging-next,
.paging .paging-first,
.paging .paging-last {
	border: none;
	background-image: url(images/paging-blue.png);
	background-repeat: no-repeat;
}
.paging .paging-prev a, 
.paging .paging-next a,
.paging .paging-first a,
.paging .paging-last a{
	display: inline-block;
	width: 100%;
	/display: inline;
}

.paging .ellipsis {
	border: none;
}



.paging-prev {
	background-position: 3px 2px;
}

.paging-prev-d {
	background-position: 3px -27px;
}

.paging-next {
	background-position: -26px 2px;
}

.paging-next-d {
	background-position: -26px -27px;
}

.paging-first {
	background-position: 3px -57px;
}

.paging-first-d {
	background-position: 3px -87px;
}

.paging-last {
	background-position: -26px -58px;
}

.paging-last-d {
	background-position: -26px -87px;
}

.paging li a {
	/* text-decoration: none; */
}

#dialog-area {
	display: none;
}

.form-footer {
	margin-top: 22px;
	text-align: center;
}

div.header div.utilmenu {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

div.header div.utilmenu > * {
	margin-right: 10px;
}

div.header div.utilmenu .soushin_icon {
	margin: 0;
}

div.header div.utilmenu,
div.header div.utilmenu a {
	font-weight: normal;
	color: #FFF;
}
div.header div.utilmenu a {
	color: #FFF;
	text-decoration: underline;
}

div.header .soushin_icon_top {
    background-image: url("images/ico_key.jpg");
    background-repeat: no-repeat;
    background-position: left bottom;
    -moz-background-size:cover;
/*    background-size:cover;*/
    height: 27px;
    margin: 0;
    padding: 0 5px 0 0;
    width: 130px;
    zoom: 1;
}

div.header .soushin_icon {
    background-image: url("images/ico_key.jpg");
    background-repeat: no-repeat;
    background-position: left bottom;
    -moz-background-size:cover;
/*    background-size:cover;*/
    height: 27px;
    padding: 0 5px 0 0;
    text-indent: -9999px;
    width: 130px;
    zoom: 1;
}

#overlay-now-loading {
	position: fixed;
}

#overlay-now-loading > div {
	top:0;
	left:0;
	text-align:center;
	background-color:white;
	color:black;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}

#overlay-now-loading > div > p {
	margin: 30px;
}

#form-logout {
	display:inline;
	padding-right: 1em;
}
#form-logout > div {
	display:inline;
}

.with-js #btn-select-lang {
	display: none;
}



/* =========================================================
GlobalNaviAreaWrap
========================================================= */
#GlobalNaviAreaWrap p, ul {
	margin: 0;
	padding: 0;
}
#GlobalNaviAreaWrap a {
	font-weight: normal;
	text-decoration: underline;
}

#GlobalNaviAreaWrap{
	background: url(./images/bg_header2.jpg) left top repeat-x #909090;
	clear: both;
	zoom: 100%;
	white-space: nowrap;
}

#GlobalNaviArea {
	clear: both;
	zoom: 100%;
	text-align: center;
	padding: 12px 5px;
}
.GlobalNaviArea1Line {
	clear: both;
	zoom: 100%;
	text-align: left;
	/* margin-left: 20px; */
	height: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
}
#GlobalNaviArea:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
#searchselect{
	display: inline-block;
	vertical-align: middle;
	color: #000000;
	text-align: left;
	*display: inline;  
    *zoom: 1; 
}
#searchBox {
	height:34px;
	display: inline-block;
	vertical-align: middle;
	color: #000000;
	text-align: left;
	*display: inline;  
    *zoom: 1; 
}
#searchBox #searchForm {
	background: url(./images/bg_searchbox.gif) left top repeat-x;
	white-space: nowrap;
}
#searchBox #searchBtn {
	width: 115px;
	height: 34px;
	text-indent: -99999px;
	background: url(./images/bt_search_off.jpg) left top no-repeat;
	cursor: pointer;
	border: none;
	overflow:hidden;
	vertical-align:top;
}
#searchBox .hover #searchBtn{
	background: url(./images/bt_search_on.jpg) left top no-repeat;
}
*html #searchBox #searchBtn {
	padding-top: 2px;
}
*:first-child+html #searchBox #searchBtn {
	padding-top: 2px;
}
#searchBox #searchLogo {
	margin: 6px 6px 6px 0;
	text-align: right;
}
#searchBox #searchLogo a {
	color: #666666;
	/* text-decoration: none; */
}
#searchBox #searchLogo a:hover {
	/* text-decoration: none; */
}
#searchBox #searchInput {
	width: 450px;
	border: none;
	height: auto;
	height: 30px;
	line-height:30px;
	vertical-align: top;
	padding: 2px 2px 0 2px;
	border: none;
	background:none;
	color: #000000;
}
#searchBox #searchInput::-moz-selection {
	background: #000077;
	color:#ffffff;
}
#GlobalNaviArea .compoundsearch{
	padding: 0 5px 0 5px;
	display:inline-block;
	*display:inline;  
    *zoom: 1;
}
#GlobalNaviArea .compoundsearch1Line{
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#GlobalNaviArea .compoundsearch a:link,
#GlobalNaviArea .compoundsearch a:visited,
#GlobalNaviArea .compoundsearch a:active,
#GlobalNaviArea .compoundsearch a:hover {
	color:#000000;
	padding-left:15px;
	background: url(./images/ico_arrow3.gif) 3px 4px no-repeat;
}
#GlobalNaviArea .checkboxWrap{
	display: inline-block;
	padding-top:8px;
}
#GlobalNaviArea .checkboxWrap1Line{
	padding-bottom: 5px;
	padding-top: 5px;
	display: inline-block;
	margin-left: 0px;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#GlobalNaviArea .checkboxWrap li{
	color: #000000;
	padding-right: 15px;
	display: inline-block;
	list-style-type:none;
	*display: inline;  
	*zoom: 1;
}

#GlobalNaviArea #checkbox1Line_0,
#GlobalNaviArea #checkbox1Line_2, 
#GlobalNaviArea #checkbox1Line_3 {
	padding-right: 5px;
	display: inline-flex;
}

div.soushin-icon {
	color: #FFF;
	background-color: #993333;

	display: inline-block;
	float: left;

	height: 32px;
	line-height: 30px;

	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	width: 100px;
	margin: 2px 5px;

	border-radius: 5px; 
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;  
}

#GlobalNaviArea .linkDetailSearch {
	padding-left: 10px;
	display: inline-block;
}
#GlobalNaviArea .linkDetailSearch a:link,
#GlobalNaviArea .linkDetailSearch a:visited,
#GlobalNaviArea .linkDetailSearch a:active,
#GlobalNaviArea .linkDetailSearch a:hover {
    color: rgb(0, 0, 255);

	padding:4px 7px 4px 7px;
	/* text-decoration: none; */
	font-size:125%;
	font-weight:bold;
	background-color:#FAC540;
	border-style:solid;
	border-radius:7px;
	border-color:#CF8217;
	letter-spacing:3px;
	position:relative;
	top:3px;
	color:#111100;
	text-shadow:
		-1px -1px #FFF,
		1px -1px #FFF,
		-1px 1px #FFF,
		1px 1px #FFF;
}

#GlobalNaviArea .restrictedExplanation {
	padding-left: 10px;
	display: inline-block;
}
#GlobalNaviArea .restrictedExplanation a:link,
#GlobalNaviArea .restrictedExplanation a:visited,
#GlobalNaviArea .restrictedExplanation a:active,
#GlobalNaviArea .restrictedExplanation a:hover {
    color: rgb(0, 0, 0);
    padding-left: 20px;
    background: url(./images/info02.png) 2px 2px no-repeat;
}

fieldset {
	border:none;
	margin: 0;
	padding: 0;
}

.resulttable fieldset {
	border:solid 1px gray;
	margin: 3px;
	padding: 7px;
}

.text-red {
	color: red;
}
.text-strong {
	font-weight: bold;
}
.text-red-strong {
	color: red;
	font-weight: bold;
}