@charset "UTF-8";

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

    Created: 2012-10-09
    filename: riyosha_service.css

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

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

A.override
B.common
1.layout-w960px
2.[portal] AddCSS
3.[login] AddCSS

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

/*-------------------------------------------------------
A.override
-------------------------------------------------------*/
/* font family */
body,th,td,a,p,input,select,option,optgroup,textarea{font-family:arial,sans-serif;}

/* header navigation */
ul.menu a {padding: 0 20px;}

/* clrY */
.clrY{background-image:url(btn_yell_medium_side.png);}
.clrY:hover{background-image:url(btn_yell_medium_side_over.png);}
.clrY .btn_medium_side{background-image:url(btn_yell_medium.png);}
.clrY .btn_medium_side:hover{background-image:url(btn_yell_medium_over.png);}

/* table display */
table.display td{white-space:normal !important;vertical-align:top !important;}
table.display tr.even td{background-color:#f7f7f7;}
table.display tr.even:hover td{background-color:#e7eef1;}

/* table displaycustom */
table.displaycustom td{white-space:nowrap !important;vertical-align:top !important;}
table.displaycustom tr.even td{background-color:#f7f7f7;}
table.displaycustom tr.even:hover td{background-color:#e7eef1;}

/* dialogBox */
.dialogBox{text-align:left;}
.dialogBox dt{font-weight:bold;}

/*-------------------------------------------------------
B.common
-------------------------------------------------------*/
/* img */
.revise{vertical-align:-2px;}

/* font color */
.fc-red{color:#bd362f;}
p.fc-red{padding:2px 4px;border:solid 1px #ee5f5b;}
.fc-sat{color:#1a4a9c;}
.fc-sun{color:#cc0a0c;}

/* background color */
.reser{background:#bd362f !important;}
.close{background:#6a6a6a !important;}

.confirm{background:#4169e1 !important;}
.noaccept{background:#bd362f !important;}
.accepted{background:#3cb371 !important;}
.tentative{background:#ffd700 !important;}


/* timeTable */
.picker{float:right;}
.picker dt,.picker dd{float:left;}
.picker dt{border:solid 1px #CBCBCB;background:#f4f2cc;width:10px;}
.timeTable{border-top:solid 2px #CBCBCB;border-left:solid 1px #CBCBCB;width:1215px;}
.timeTable th,
.timeTable td{padding:2px 0;border:solid 1px #CBCBCB;border-bottom-width:2px;}
.timeTable th{border-right-width:0;border-left-width:0;}
.timeTable tr.tmHour th{background:#e5e5e5;}
.timeTable tr.tmHour td{border-left-width:2px;background:#6691CC;text-align:center;color:#ffffff;}
.timeTable tr.tmMinu th{font-weight:normal;}
.timeTable tr.tmMinu th label{margin-left:4px;}
.timeTable tr.tmMinu td{background:#f4f2cc;width:10px;}
.timeTable tr.tmMinu td.time00{border-left-width:2px;}

/*-------------------------------------------------------
1.layout-w960px
-------------------------------------------------------*/
body #main,
body #main .module,
body #header-inner,
body #header-inner,
body #footer-inner,
body #subMenu {
    width: 960px
}
body #conts_navi .cnt_subMenu {
    width: 234px;
    margin-left: 8px
}
body #conts_navi .cnt_subMenu:first-child {
    margin-left: 0
}
body #main .tab-box {
    width: 938px
}
body #header-right strong {
    padding-left: 15px
}
body .module {
    background-image: url(../img/module_top_w960.gif)
}
body .module-inner {
    background-image: url(../img/module_bg_w960.gif)
}
body .module-bottom {
    background-image: url(../img/module_bottom_w960.gif)
}
body #menu {
    background-image: url(../img/menu_top_w960.png)
}
body #menu-inner {
    background-image: url(../img/menu_bg_w960.png)
}
body #menu-bottom {
    background-image: url(../img/menu_bottom_w960.png)
}
/*-------------------------------------------------------
2.[portal] AddCSS
-------------------------------------------------------*/
#module_info p {
    padding: 3px 0
}
#module_oshirase p {
    display: list-item;
    margin: 0 0 0 20px;
    list-style-type: square
}
#module_oshirase .module-inner {
    padding-bottom: 5px
}
#module_oshirase h3 {
    margin-bottom: 5px;
    padding-top: 13px
}
#module_oshirase h3:first-child {
    padding-top: 5px
}
#module_oshirase div#devInfoArea div {
    padding-top: 8px
}
#module_oshirase div#devInfoArea div:first-child {
    padding-top: 0px
}
#buttonArea-inner01 {
    position: relative
}
#btn_navi01 {
    position: absolute;
    right: 0; top: -37px
}
/*-------------------------------------------------------
3.[login] AddCSS
-------------------------------------------------------*/
#main #login-main .login {
    float: left;
    margin: 5px 0 0
}
#main #login-main .login-inner {
    width: 210px;
    padding: 10px 20px;
    background-color: #ffffff;
    -moz-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
    border: 1px solid #dddddd;
    border-radius: 4px 4px 0 0 / 4px 4px 0 0;
}
#main #login-main th {
    height: 32px; width: 80px;
    font-weight: normal;
    text-align: left
}
#main #login-main input,
#main #login-main select {
    width: 100%;
    padding: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#main #login-main .login-submit {
    width: 230px;
    padding: 10px;
    background-color: #dddddd;
    text-align: center;
    -moz-border-radius: 0 0 4px 4px / 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px / 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px / 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px / 0 0 4px 4px;
    border: 1px solid #dddddd;
    border-radius: 0 0 4px 4px / 0 0 4px 4px;
}
#main #login-main .module {
    float: right;
    width: 695px;
    background-image: url(../img/module_top_w695.gif)
}
#main #login-main .module-inner {
    background-image: url(../img/module_bg_w695.gif)
}
#main #login-main .module-bottom {
    background-image: url(../img/module_bottom_w695.gif)
}
#module_rireki {
    margin: 5px 0 10px
}
#module_rireki tr:first-child th {
    padding-top: 0px
}
#module_rireki .module-inner {
    padding-bottom: 5px
}
#module_rireki h4 {
    display: block;
    margin: 2px 0 2px 11px;
    font-weight: bold
}
#module_rireki th {
    padding-top: 8px
}
#module_rireki h3 {
    margin: 5px 0 5px
}
#module_rireki p {
    display: block;
    margin: 0 0 5px 11px
}
/*-------------------------------------------------------
4.[message] AddCSS
-------------------------------------------------------*/
.tbl_message input,
.tbl_message textarea {
    padding: 2px 5px
}
.tbl_message p {
    display: block;
    padding: 2px 5px
}
table td.vertical_middle_important,
table th.vertical_middle_important {
    vertical-align: middle !important
}
#main #dt_example {
    margin-top: 5px
}
/*-------------------------------------------------------
5.[customize] AddCSS
-------------------------------------------------------*/
#move-box {
    padding: 10px;
    background-color: #e7eef1
}
#move-box .move-box-inner {
    width: 808px;
    margin: 0 auto
}
#move-box .up-down-button {
    height: 20px;
    padding: 8px 0 2px;
    text-align: center
}
#move-box select {
    width: 340px;
    margin: 0 1px 0 -1px; padding: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#move-box td {
    background-color: #ffffff
}
.h120 {
    height: 120px
}
.h150 {
    height: 150px
}
/*-------------------------------------------------------
6.[TimeTable] AddCSS
-------------------------------------------------------*/
#main .timeTable {
    width: 959px
}
#main .timeTable tr.tmMinu td {
    width: 7px
}
#main table.display {
    width: 1200px
}
/* table custom */
#main table.displaycustom {
    width: 1200px
}
#main table.displayreview {
    width: 1200px
}

/*-------------------------------------------------------
7.[portalpagetop] AddCSS
-------------------------------------------------------*/
#portalpagetop	a {
	float:right;
	width:140px;
	height:22px;
	display:block;
	overflow:hidden;
	color:#666666;
	font-size:10px;
	text-align:center;
	text-decoration:none;
}
#portalpagetop	a:hover {
	float:right;
	width:140px;
	height:22px;
	display:block;
	color:#666666;
	font-size:10px;
	text-align:center;
	text-decoration:none;
}
#portalpagetop	a {
	background:url(../img/page_top_blue_blank.png) 0 0 no-repeat;
}
#portalpagetop	a:hover {
	background:url(../img/page_top_blue_over_blank.png) 0 0 no-repeat;
}
#main table.displayAuto {
    width: auto;
}

/* 読書傾向一覧 星マークのスタイル */
.star_mark {
	color:#1e90ff;
	text-align:center;
}

/* 施設利用状況 詳細ポップアップ 表示 */
.portalPopup {
	position:absolute;
	background-color:#ffffff;
	padding:10px;
}

/* 施設利用状況 詳細ポップアップ 非表示 */
.portalPopupNon {
	display:none;
}

/* 施設利用状況 詳細ボタン列 非表示 */
.portalPurposeBtnNon {
	display:none;
}

/* ログイン選択画面 左ログイン */
.selectLoginLeftSide {
	width: 450px;
	margin: 0px;
	float: left;
	border: 1px solid #999999;
}

/* ログイン選択画面 右ログイン */
.selectLoginRightSide {
	width: 450px;
	margin: 0px;
	float: right;
	border: 1px solid #999999;
}

/* layout.css定義の上書きメニューの枠サイズを固定で変更 */
ul.menu > li li a {
	background: #E7E7E7;
	padding: 0px 10px;
	color: #37342e;
	min-width:200px;
	text-align:left;
}