/* ============================================= */
/*
/* 図書館機構webサイトのマスタCSSファイル
/*
/* ============================================= */

/* ============================================= */
/* 共通
/* ============================================= */

body{
	margin: 0;
	padding: 0;
	font-size: 84%;
	line-height: 1.4em;
overflow:hidden;
}

body#PageErdb
{
	font-size: 100%;
}
body#PageErdb table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}

#Main table{
	width: 100%;
	font-family: "arial","helvetica",sans-serif;
}
#PageErdb.erdb_others #Main table{
	width:auto;
}

#Main td{
	padding: 0;
	vertical-align: top; /* 指定しないと左メニューが崩れる */
}

#Main th{
	background-color: #2f5376;
	color: #fff;
	vertical-align : middle;
}

#Main h2,h3,h4,h5,h6{
	font-family: "Trebuchet MS", san-serif;
}

#Main ul{
	margin: 0 0 0 0.5em;
	padding: 0 0 0 0.5em;
	list-style: inside;
}

#Main .blockTitle,
#Main .KULIB_blockTitle{
	font-weight: bold;
	padding: 0.25em;
	color: #006;
}
#Main .right{
	text-align: right;
}
#Main .center{
	text-align: center;
}

/* 引用([quote]～[/quote]) */
#Main .xoopsQuote blockquote
{
	width: 90%;
	margin: 1em auto;
	padding: 1em;
	border: 1px solid #efefef;
}


/* ============================================= */
/* <a>
/* ============================================= */

/* 基本 */
#Main a{
	color: #4c6cb3;
	text-decoration: underline;
}
#Main a:hover{
	color: #036;
}


/* 特殊ケース */
#Main .blockContent ul li a,		/* ニュース */
#Main #leftcolumn #usermenu a,
#Main #leftcolumn #mainmenu a,
#Main .pico_breadcrumbs a,
#Main .pico_controllers a,
#Main #footer a{
	color: #252525;
	text-decoration: none;
}

#Main .blockContent ul li a:hover,
#Main #leftcolumn #usermenu a:hover,
#Main #leftcolumn #mainmenu a:hover,
#Main .pico_breadcrumbs a:hover,
#Main .pico_controllers a:hover,
#Main #footer a:hover{
	color: #f60;
	text-decoration: underline;
}

#Main th a{
	color: #ccc;
	text-decoration: none;
}

#header a:link,
#header a:visited{
	color: #99cccc;
	text-decoration: none;
}
#header a:hover{
	color: #f60;
}



/* ============================================= */
/* 中央コラム
/* ============================================= */

#Main{
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 0.5em 0;
}

#centerCcolumn fieldset{
	padding-bottom: 0.5em;
	margin: 0.3em;
	border: 1px solid #cfcfcf;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#centerCcolumn legend.blockTitle{
	margin-top: 0;
	margin-right: 0;
	margin-left: 0.75em;
	color: #333;
}

#centerCcolumn .blockContent{
	font-size: 0.95em;
	line-height: 1.4em;
}

#centerCcolumn ul{
	padding-top: 0;
	padding-bottom: 0;
	list-style: none;
}

#centerCcolumn fieldset ul{
	margin-bottom: 0.5em;
}

/** centercolumn_centerLcolumn = centercolumn_centerRcolumn **/
#centerLcolumn,
#centerRcolumn{
	width: 50%;
}

#centerRcolumn fieldset,
#centerLcolumn fieldset{
	border: none;
}

#centerRcolumn legend.blockTitle,
#centerLcolumn legend.blockTitle{
	display: none; /* HTMLのレベルで消せない？ */
}

#centerRcolumn .KULIB_top fieldset,
#centerLcolumn .KULIB_top fieldset{
	margin-bottom: 1em;
}


/* ============================================= */
/* コンテンツ本体
/*
/* picoモジュールのコンテンツだけに限らない
/* picoでもまだ.pico管理下になってないものがある
/* ============================================= */

#Main .pico{
	font-size: 0.95em;
	color: #444;/*#333;*/
	line-height: 1.6em;
}

#Main .pico a{
	color: #4c6cb3; /*#007bbb;*/
	text-decoration: underline;
	font-weight: normal;
}

#Main .pico a:hover{
	color: #036; /* = header's color */
}

#Main .pico p img,
#Main .pico li img,
#Main .pico td img{
	border: 0;
	margin: 0 0.2em;
	vertical-align: text-bottom;
}

#Main .pico img.screenshot{
	border: 1px solid #ddd;
	margin: 0;
}

#Main .pico h2,
#Main .pico h3,
#Main .pico h4,
#Main .pico h5,
#Main .pico h6{
	color: #252525; /* #c00; */
}

#Main .pico h2{
	font-size: 2em;
	line-height: 1.4em;
	padding: 0;
	margin: 0.5em 0 1em 0;
}

#Main .pico h3{
	font-size: 1.6em;
	border-bottom: 1px solid #666;
	padding-bottom: 0.25em;
	/* margin-bottom: 2em;*/
}

#Main .pico h4{
	font-size: 1.4em;
}

#Main .pico h5{
	font-size: 1.2em;
	color: #333;
}

#Main .pico h6{
	font-size: 1em;
	color: #333;
	margin-top: 1.5em;
}

#Main .pico h5,#Main .pico h6{
	margin-bottom: 0;
}

#Main .pico strong,
#Main .pico em{
	font-style: normal;
	font-weight: bold;
	color: #d9333f;
}

#Main .pico .localnavi
{
}

/* section, subsection */
#Main .pico .section
{
	margin: 2em 10em 4em 2em;
	/*width: 80%;*/
	/* widthを指定するとネガティブマージンを指定したh3の左端付近が切れる */
	/* margin-left を大きくすることで対応するか */
}

#Main .pico .category{
	margin-bottom: 2em;
}

#Main .pico .subsection
{
	margin: 0 0 3em 0;
}
#Main .pico .section h3
{
	margin-left: -1.3em;
}
#Main .pico ol
{
	/* これが無いとはみだす */
	/* ul は /themes/mytest/style.css で inside に指定されている */
	list-style-position: inside;
}

#Main .pico ul,
#Main .pico ol
{
	margin: 0 0 0 1em;
	padding: 0 0 0 1em;
	line-height: 1.8em;
}

#Main .pico .section .highlight
{
	padding: 1.5em;
	margin: 0.5em 0;
	background-color: #ffefff;
	border: 1px dashed #ffdfff;
}

#Main .pico .section ul ul,
#Main .pico .section ul ol,
#Main .pico .section ol ul,
#Main .pico .section ol ol{
	padding-left: 2em;
}
#Main .pico .section p{
	padding-bottom: 0.5em;
}


/* table */
#Main .pico table{
	border-collapse: collapse;
	border: 1px solid #ddd;
	font-size: 1em;
}
#Main .pico td,
#Main .pico th,
#Main #list_of_libraries td,
#Main #list_of_libraries th{
	padding: 0.3em 0.4em;
	border: 1px solid #ddd;
}
#Main .pico th,
#Main #list_of_libraries th{
	text-align: center;
	font-weight: bold;
	background-color: #e4eef2;/*#eee;*/
	color: #666;
}

#Main .pico th a{
	color: #666666;
}

/* table.list  */
#Main .pico table.list{
	margin: 1em 0;
	width: 90%;
}
#Main .pico table.list tr:hover{
	background-color: #ffffcf;
}
#Main .pico table.list td.na{	/* na = Not Available */
	background-color: #ccc;
}

/* dl */
#Main .pico dt{
    margin-bottom: 0.5em;
}
#Main .pico dd{
    margin-bottom: 1em;
    margin-left: 1em;
}

/* フッタ */
#Main .pico #lastupdate,
#Main .pico address,{
	text-align: right;
}
#Main .pico address{
	font-style: normal;
}

#Main div#content {
	padding: 0.4em 1em;
}



/* ============================================= */
/* ニュース(bulletinモジュール)
/* ============================================= */

/* トップページ */
#news .news_date{
	color: #666;
	font-family: Trebuchet MS, san-serif;
}

#news .news_title{
	letter-spacing: 0.05em;
	line-height: 1.5em;
}

#news .news_footer{
	margin: 0;
	padding: 0 0.5em 0 0;
	text-align: right;
}

.icon-left, .icon-right{
	vertical-align: text-bottom;	/* text-top */
}
.icon-left{
	margin-right: 0.3em !important;
}
.icon-right{
	margin-left: 0.3em !important;
}


/* bulletinモジュール */
.item{
	border: 1px solid #efefef;
}
.itemHead{
	padding: .5em;
	background-color: #E4EEF2; /*#2F5376;*/
}
.itemTitle,
.itemTitle a{
	color: #303030; /*#fff;*/
	/*font-weight: bold;*/
	font-size: 120%;
}
.itemTitle a{
	font-variant: small-caps;
	text-decoration: none;
}
.itemInfo,
.itemFoot{
	text-align: right;
	padding: .3em .5em;
	font-size: 90%;
}
.itemInfo{
	border-bottom: 1px dashed #efefef;
}
.itemFoot{
	background-color: #efefef;
}
.itemBody{
	padding: 1em;
	line-height: 1.6em;
}

/* ============================================= */
/* なんでも検索
/* ============================================= */

/* clearfix */
.clearfix:after{
	display: block;
	clear: both;
	height: 0;
	content: '.';
	visibility: hidden;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }


#tab-container {
	width: 99%;
	font-size: 95%;
	background-color: #fff;
}

#tab-container div,
#tab-container div *{
	margin: 0;
	padding: 0;
}
#tab-container div{
	overflow: hidden;
}


/* フォーム */
#tab-container form{
	margin-bottom: 0em;
}

#tab-container .q,
#tab-container .l,
#tab-container .t{
	border: 1px solid #aaa;
	margin: 1px;
	font-size: 16px;
	height: 18px;
	padding: .3em;
}
#tab-container .t{
	width: 17em;
}
#tab-container .q{
	background: transparent url(http://www.kulib.kyoto-u.ac.jp/themes/mytest2011/images/icons/magnifier-left.png) no-repeat scroll 2% 50%;
	width: 18em;
	padding-left: 2em;
}
#tab-container .l{
	width: 15em;
}
#tab-container .s{
	border: 1px solid #64992c; /*#ccc;*/
	background-color: #64992c; /*#ccc;*/
	color: #fff;
	font-weight: bold;
	padding: .2em;
	margin: 1px;
	font-size: 16px;
	height: 30px;
}
#tab-container .q:hover,
#tab-container .t:hover,
/*#tab-container .o:hover,*/
#tab-container .l:hover{
	border: 2px solid #64992c; /* #8cc3dc #6694E3 */
	margin: 0 !important;
}
#tab-container .q:focus,
#tab-container .t:focus,
/*#tab-container .o:focus,*/
#tab-container .l:focus{
	border: 2px solid #74B233; /* #8cc3dc #6694E3 */
	margin: 0 !important;
}
#tab-container .s:hover{
	background-color: #74B233; /* #64992c #8cc3dc #6694E3 */
	border: 1px solid #74B233;
	cursor: pointer;
}
#tab-container .o{
	border: 1px solid #aaa;	/* IEs ignore this */
	padding: .2em;
	margin: 1px;
	font-size: 14px;
	height: 29px;
}
#tab-container .o option,
#tab-container .o optgroup{
	padding: .3em;	/* IEs ignore this */
}
#tab-container .q,
#tab-container .t,
#tab-container .l,
#tab-container .o,
#tab-container .s{
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}


#tab-container .note{
	margin-bottom: 0.5em;
	line-height: 1.6em;
}
#tab-container .more{
	margin-top: 1em;
}

#tab-container .example{
	margin-top: 0.5em;
	color: #999;
	font-style: italic;
}
#tab-container .example a{
	color: #999;
}
#tab-container .example a:hover{
	color: #333;
}
#tab-container .note a,
#tab-container .a2z a{
	color: #4C6CB3;
}
#tab-container .note a:hover,
#tab-container .a2z a:hover{
	color: #036;
}
.a2z-wrapper{
	margin-top: 1em !important;
}
.a2z{
	list-style: none;
	/* padding: 1em !important;*/
}
.a2z li{
	font-size: 100%;
	float: left;
	padding: 0 .3em !important;
	margin: .1em 0 !important;
	border-left: 1px solid #aaa;
}
.a2z li.last{
	border-right: 1px solid #aaa;
}
.dbList{
	float: left;
	margin-right: .5em !important;
}
.dbList optgroup{
	font-style: normal;
}
#tab-container #mykuline table{
	width: 100%;
}
#tab-container #mykuline .t{
	width: 14.5em;
}
#tab-container #mykuline th{
	background-color: #fff;
	color: #444;
	font-size: 1.1em;
	width: 9em;
	text-align: right;
	padding-right: 1em;
}
#tab-container #mykuline td.textbox{
	width: 20em;
}
#tab-container #mykuline td.hint{
	vertical-align: bottom;
	text-align: left;
	font-size: 90%;
}
#tab-container #mykuline .s{
	width: 8em;
}



/* はてなマーク */
#tab-container > div{
	position: relative;
}
#tab-container .help{
	position: absolute;
	top: 2%;
	right: 1%;
}
#tab-container .help img{
	border: 0;
}
* html #tab-container .help {	/* for IE 6 */
	top: 15%;
	right: 1%;
}



/* Helper
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
/*.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }*/
/*.ui-widget-content a { color: #222222; }*/
/*.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }*/
.ui-widget-header a { color: #222222; }


/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cfcfcf; background: #e6e6e6 url(http://www.kulib.kyoto-u.ac.jp/themes/mytest2011/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #cfcfcf; background: #dadada url(http://www.kulib.kyoto-u.ac.jp/themes/mytest2011/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
/* #8cc3dc => #dadada */

.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #cfcfcf; background: #ffffff url(http://www.kulib.kyoto-u.ac.jp/themes/mytest2011/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }


/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }


/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;

-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;		/* add */
-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;		/* add */
}
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }


.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; /*padding: .2em 0 0 0;*/ padding: .2em 1em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0;
z-index: 1; /* add */ }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 2em 2em 1em 2em!important; display: block; border-width: 0; background: none;
/* add */
border: 1px solid #cfcfcf;
}
.ui-tabs .ui-tabs-hide { display: none !important; }





/* ============================================= */
/* XOOPSデフォルト
/* ============================================= */

.outer
{
	border: 1px solid silver;
}

.head,
.even,
.odd,
.foot,
tr.even td,
tr.odd td
{
	padding: 5px;
}
.head
{
	background-color: #C2CDD6;
	font-weight: bold;
}
.even
{
	background-color: #DEE3E7;
}
.odd
{
	background-color: #E9E9E9;
}
.foot
{
	background-color: #C2CDD6;
	font-weight: bold;
}
tr.even td
{
	background-color: #DEE3E7;
}
tr.odd td
{
	background-color: #E9E9E9;
}

.errorMsg
{
	background-color: #FFCCCC;
	text-align: center;
	border-top: 1px solid #DDDDFF;
	border-left: 1px solid #DDDDFF;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	font-weight: bold;
	padding: 10px;
}
.confirmMsg
{
	background-color: #DDFFDF;
	color: #136C99;
	text-align: center;
	border-top: 1px solid #DDDDFF;
	border-left: 1px solid #DDDDFF;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	font-weight: bold;
	padding: 10px;
}
.resultMsg
{
	background-color : #CCCCCC;
	color: #333;
	text-align: center;
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	font-weight: bold;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 10px;
}

.comTitle
{
	font-weight: bold;
	margin-bottom: 2px;
}
.comText
{
	padding: 2px;
}
.comUserStat
{
	font-size: 10px;
	color: #2F5376;
	font-weight: bold;
	border: 1px solid silver;
	background-color: #fff;
	margin: 2px;
	padding: 2px;
}
.comUserStatCaption
{
	font-weight: normal;
}
.comUserStatus
{
	margin-left: 2px;
	margin-top: 10px;
	color: #2F5376;
	font-weight: bold;
	font-size: 10px;
}
.comUserRank
{
	margin: 2px;
}
.comUserRankText
{
	font-size: 10px;
	font-weight: bold;
}
.comUserRankImg
{
	border: 0;
}
.comUserName {}
.comUserImg
{
	margin: 2px;
}
.comDate
{
	font-weight: normal;
	font-style: italic;
	font-size: smaller;
}
.comDateCaption
{
	font-weight: bold;
	font-style: normal;
}

div.xoopsCode
{
	background: #fff;
	border: 1px inset #000080;
	font-family: "Courier New", Courier, monospace;
	padding: 0px 6px 6px 6px;
}

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