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

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

body{
	margin: 0;
	padding: 0;
	color: #252525;
	background: #fff;
	font-size: 84%;
	font-family: "arial","helvetica",sans-serif;
	line-height: 1.4em;
}

table{
	width: 100%;
	font-family: "arial","helvetica",sans-serif;
}

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

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

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

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

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

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


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

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


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

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

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

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


/* ============================================= */
/* ヘッダ
/* ============================================= */

#header,
#header *{
	margin: 0;
	padding: 0;
}

#header{
	width: 100%;
	height: 90px;
	background: #006;
	font-size: 0.9em;
	color: #99cccc;
}

#headerlogo{
	width: 370px;
	float: left;
	margin-top: 15px;
	margin-left: 15px;
}

#headerbar{
	width: 400px;
	float: right;
	padding: 0.5em;
	text-align: right;
}

#headerbar1{
	height: 25px;
	padding-right: 0.3em;
}

/* サイト内検索 */
#headerbar form{
	margin-bottom: 7px;
}
#headerbar form span{
	margin-right: 0.1em;
	font-weight: bold;
}

#headerbar form .q{
	/*height: 1.5em;*/
	width: 15em;
	padding: 3px 4px !important;
	border: 1px solid #bcbcbc !important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#headerbar #mlimg img{
	vertical-align: text-bottom;
}



/* ============================================= */
/* グローバルナビゲーション
/* ============================================= */

#nav,
#nav *{
	margin: 0;
	padding: 0;
}
#nav{
	font-size: 1em;
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	float: left; /* 必要 */
}

.spring #nav { background-color: #390; }
.summer #nav { background-color: #66c; }
.autumn #nav { background-color: #d2691e; }
.winter #nav { background-color: #7a1e2a; }

#nav ul
{
	list-style-type: none;
}
#nav ul li
{
	float: left;
}
#nav ul li a
{
	display: block;
	padding: 0.5em 1em;
	color: #fff;
	text-decoration: none;
}

/* 不要？ */
.spring #nav ul li a { background-color: #390; }
.summer #nav ul li a { background-color: #66c; }
.autumn #nav ul li a { background-color: #d2691e; }
.winter #nav ul li a { background-color: #7a1e2a; }

#nav ul li a:hover,
#nav ul li a:active
{
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.spring #nav ul li a:hover,
.spring #nav ul li a:active { background-color: #cf9; color: #360; }
.summer #nav ul li a:hover,
.summer #nav ul li a:active { background-color: #f4f9f9; color: #3a018f; }
.autumn #nav ul li a:hover,
.autumn #nav ul li a:active { background-color: #f4ddb7; color: #f60; }
.winter #nav ul li a:hover,
.winter #nav ul li a:active { background-color: #fff1ee; color: #ae0057; }


/* ============================================= */
/* 左右コラム
/* ============================================= */

#main-container{
	padding: 0 0.5em;
}

#leftcolumn,
#rightcolumn,
#leftcolumn .blockTitle,	/* ないとIE7で隙間．100%ではダメだった */
#rightcolumn .blockTitle	/* 同上 */
{
	width: 190px;
}

#leftcolumn,
#rightcolumn{
	padding: 10px 5px;
}

/* メインメニュー */
#mainmenu a,
#usermenu a{
	display: block;
	margin: 0;
	padding: 0.3em;
	font-size: 1em;
}

#leftcolumn .blockTitle,
#leftcolumn .KULIB_blockTitle,
#rightcolumn .blockTitle,
#rightcolumn .KULIB_blockTitle{
	padding: 0.25em 0.5em;
	background: transparent url(http://www.kulib.kyoto-u.ac.jp/themes/mytest2011/images/blockTitle.gif) no-repeat 0 0;
	color: #fff !important;
}

#leftcolumn .blockContent,
#rightcolumn .blockContent
{
	margin-bottom: 0.75em;
}

.sidemenu > ul{
	list-style: none;
	margin-left: 0.2em;
	padding-left: 0.2em;
}

.sidemenu > ul > li{
	padding: 0.3em 0;
	border-bottom: 1px solid #efffff;	/* #efefef; */
}

.sidemenu > ul ul{
	margin-top: 0.3em;
	margin-left: 0em;
	padding-left: 0em;
}

.sidemenu > ul ul li{
	margin: 0 0 0 0.1em;
	padding: 0 0 0 0.1em;
	list-style-image: url(../images/icon-ar.gif);
	font-size: 0.9em;
}

.sidemenu .more{
	margin: 0.2em;
	padding: 0;
	text-align: right;
}



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

#centercolumn{
	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;
}



/* ============================================= */
/* フッタ
/* ============================================= */

#footer,
#footer *{
	margin: 0;
	padding: 0;
}
#footer,
#footerbar1,
#footerbar2 {
	width: 100%;
	text-align:center;
}
#footerbar1 {
	background-image: url("http://www.kulib.kyoto-u.ac.jp/themes/mytest2011/images/hbar.gif");
}
#footerbar2 {
	color: #fff;
	background-color: #006;
}
#footer p {
	padding: 0.2em 0;
}



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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pico .localnavi
{
}

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

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

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

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

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

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


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

.pico th a{
	color: #666666;
}

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

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

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

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;
}

.ui-tabs-panel{
	height: 14.5em; /* タブボックスの高さ */
}


/* フォーム */
#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;
}

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