@charset "utf-8";
/* ===============================================
	BASE
=============================================== */
/*  BODY
------------------------------------------------*/
body {font-family: "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Geneva,Arial,Verdana,sans-serif !important;width:100%;min-width:320px;font-size:1.2rem;color:#666;background-color:#eef0f2;padding:0;margin:0;}
* {box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
}
#LiquidContainer {text-align:left;overflow:hidden;margin-top: 20px;}
/* ===============================================
	HEADER
=============================================== */
#Header {border-bottom: 5px solid #7bc8ce;clear: both;padding:0 0 5px 0;margin: 0;width: 100%;background-color:#fff;overflow:auto;}
#Header .logoarea{width:100%;margin:0 auto;}
#Header .D-HeaderLogo {float: left;margin: 15px 0 10px 10px;position: relative;width:160px;}
#Header .D-HeaderLogo_SP {float: left;margin: 8px 0 0 5px;position: relative;width:60px;}
#Header .D-Logoutbtn_ja {background: url("images/header_logoutbutton_sp2.png") no-repeat scroll left top transparent ;float: right;height: 32px;margin-top: 8px;width: 100px;background-size:90px;}
#Header .D-Logoutbtn_en {background: url("images/header_logoutbutton_sp_en2.png") no-repeat scroll left top transparent ;float: right;height: 32px;margin-top: 8px;width: 100px;background-size:90px;}
#Header .D-Logoutbtn_th {background: url("images/header_logoutbutton_sp_th2.png") no-repeat scroll left top transparent ;float: right;height: 32px;margin-top: 8px;width: 100px;background-size:90px;}
#Header .D-Logoutbtn_ch {background: url("images/header_logoutbutton_sp_ch2.png") no-repeat scroll left top transparent ;float: right;height: 32px;margin-top: 8px;width: 100px;background-size:90px;}
#MainContents{background-color:#fff;margin:0px 10px 20px 10px;}
#MainContents h2{letter-spacing:0.2rem;border-left:solid 10px #7bc8ce;border-bottom:solid 1px #f6f6f6;padding:10px 10px 10px 15px;font-size:1.4rem;font-weight:bold;margin:0;}
#MainContents h3{margin:0;padding:0 0 4px 2px;font-size:1.4rem;font-weight:bold;background:#fff;letter-spacing:0.1rem;}
.D-langSetting {float: right;height: 32px;margin:10px 20px 10px 10px;}
#ContentBox{padding:10px 10px 20px 10px;}
.warningMessage {color:#3b9da6;font-weight:normal;margin:0 0 10px 0;border:solid 1px #7bc8ce;padding:10px;text-align:left;font-size:90%;}
.infoMessage {color:#3b9da6;font-weight:normal;margin:0 0 10px 0;padding:10px;text-align:left;font-size:90%;}
.warningMessage_red,
.errorMessage {color:#af0025;font-weight:bold;margin:0 0 10px 0;padding:15px;}
.detailMessage{background-color:#ddd;padding:10px 20px;margin:20px auto 10px auto;text-align:left;}
.thanksMessage{margin:auto;padding:10px 20px 0 20px;text-align:left;font-weight:bold;}
.normalMessage{margin:auto;padding:10px 20px 0 20px;text-align:left;font-weight:bold;}
.terminal{padding:10px;text-align:center;font-size:1.8rem}
.terminal span{color:#7bc8ce;margin-right:10px;display:inline-block;font-weight:bold;}
#searchItemName,
#searchItemNameEn,
#searchItemNameTh {height:24px;left: 2px;top: 7px;width: 98px;}
#bookshelfNav-submit-button input {position: absolute;top: 7px;right: 2px;padding: 5px;}
#bookshelfNav-submit-input{width:24px;height:24px;}
#searchItemName,
#searchItemNameEn,
#searchItemNameTh {font-size: 11px;}
.bookshelfList_contents{}
table.DepotBookContents {border-bottom: 1px solid #dcdcdc;border-collapse: collapse;border-left: 1px solid #dcdcdc;margin: 0 auto 10px auto;width: 100%;}
.DepotBookContents th, .DepotBookContents td {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #fff;
border-color: #dcdcdc;
border-image: none;
border-style: solid;
border-width: 1px;
padding: 8px 5px;
font-size:85%;}
.DepotBookContents th {background: none repeat scroll 0 0 #eee;}
.DepotBookContents td.txt {font-weight: normal;line-height: 1.5em;padding: 4px 4px 4px 25px;}
.DepotBookContents th {padding:8px 5px;background: none repeat scroll 0 0 #eee;font-size:1rem;}
.DepotBookContents th.checkboxArea,
.DepotBookContents th.thumbnail{width:2%;padding:0;box-sizing:border-box;text-align:center;}
.DepotBookContents td.checkboxArea,
.DepotBookContents td.thumbnail{padding:5px;text-align:center;min-width:20px;}
.DepotBookContents th.category{width:8%;}
.DepotBookContents th.name{width:32%;}
.DepotBookContents td.name{width:32%;}
.DepotBookContents th.date{width:10%;}
.DepotBookContents th.date{min-width:50px;font-size:90%;word-break:break-all;}
.DepotBookContents td.date{min-width:50px;font-size:90%;word-break:break-all;}
.DepotBookContents th.deletebtnArea,
.DepotBookContents th.readbtnArea{width:2%;}
.DepotBookContents td.deletebtnArea,
.DepotBookContents td.readbtnArea{padding:0; text-align:center;min-width:56px;}
.DepotBookContents td {}
.DepotBookContents td.txt {font-weight: normal;line-height: 1.5em;padding: 4px 4px 4px 25px;}
.DepotBookContents td.date span{white-space: nowrap;}
table.DepotBookContents  a{color:#001cc9;text-decoration:none;}
table.DepotBookContents  a:hover{color:#001cc9;text-decoration:underline;}
.GreenBtnArea a,
.RedBtnArea a,
.GrayBtnArea a,
.OrangeBtnArea a,
.TurquoiseBtnArea a,
.BlueBtnArea a,
.GrayBtnArea input,
.TurquoiseBtnArea input,
.GrayBtnArea button,
.TurquoiseBtnArea button
{padding:10px 0;}
.GreenBtnArea,
.RedBtnArea,
.GrayBtnArea,
.OrangeBtnArea,
.TurquoiseBtnArea,
.BlueBtnArea{margin-right:auto;margin-left:auto;max-width:440px;}
.noCoinArea{margin-right:auto;margin-left:auto;max-width:440px;}
.backBtnArea{margin-right:auto;margin-left:auto;max-width:440px;}
.backAreaCopyright{clear: both;font-size: 1rem;margin: 5px auto 0;padding: 10px 0 0 0;text-align: center;}
.backBtnArea a{background:url(images/arrow_back.png) no-repeat left 10px;}
.margintop10{margin:10px 0 0 0;}
.hrtop10{border-top:solid 2px #ddd;margin-top:10px;padding-top:10px;}
.margintop15{margin-top:8px;}
.mwidh20{margin:10px 20px 10px 20px;}
#langSetting {float: right;height: 32px;margin: 5px 15px 0  5px;text-align:right;}

.inputPassword{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom:10px;
}

input.inputPassword {
    border: 1px solid #ccc;
    box-sizing: border-box;
    color: #777;
    font-family: Arial,sans-serif;
    font-size: 1em;
    margin: 0;
    padding: 8px;
    width: 100%;
}

/******************************************************************
* langSetting
*******************************************************************/
#langSetting {
  padding-right: 0px;
  text-align: right;
}

/******************************************************************
* エラー画面
*******************************************************************/
#MainContents h2.errorTitle {
  background: rgba(0, 0, 0, 0) url("images/ico_error.gif") no-repeat scroll 15px 8px;
  padding:10px 10px 10px 40px;
  color: #cc0000;
}


/******************************************************************
* 書庫（本棚）一覧画面 検索項目
*******************************************************************/
#bookshelfSearchSec #searchItemName,
#bookshelfSearchSec #searchItemNameEn,
#bookshelfSearchSec #searchItemNameTh {height:24px;left: 2px;top: 7px;width: 105px;}
#bookshelfSearchSec #searchItemName,
#bookshelfSearchSec #searchItemNameEn,
#bookshelfSearchSec #searchItemNameTh {font-size: 11px;}

/******************************************************************
* 書籍一覧
*******************************************************************/
table.HoldBookContents {border-bottom: 1px solid #dcdcdc;border-collapse: collapse;border-left: 1px solid #dcdcdc;margin: 0 auto 10px auto;width: 100%;}
.HoldBookContents th, .HoldBookContents td {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #fff;
border-color: #dcdcdc;
border-image: none;
border-style: solid;
border-width: 1px;
padding: 8px 5px;
font-size:85%;}
.HoldBookContents th {background: none repeat scroll 0 0 #eee;}
.HoldBookContents td.txt {font-weight: normal;line-height: 1.5em;padding: 4px 4px 4px 25px;}
.HoldBookContents th {padding:8px 5px;background: none repeat scroll 0 0 #eee;font-size:1rem;}
.HoldBookContents th.thumbnail{width:2%;padding:0;box-sizing:border-box;text-align:center;}
.HoldBookContents td.thumbnail{padding:5px;text-align:center;min-width:20px;}
.HoldBookContents th.category{width:8%;}
.HoldBookContents th.name{width:64%;}
.HoldBookContents td.name{width:64%;}
.HoldBookContents th.date{min-width:50px;width:26%;}
.HoldBookContents td.date{min-width:50px;font-size:90%;word-break:break-all;width:26%;}
.HoldBookContents th.readbtnArea{width:2%;}
.HoldBookContents td.readbtnArea{padding:0; text-align:center;min-width:56px; font-size:80%}
.HoldBookContents td {}
.HoldBookContents td.txt {font-weight: normal;line-height: 1.5em;padding: 4px 4px 4px 25px;}
.HoldBookContents td.date span{white-space: normal;}
.HoldBookContents th.operation{width:10%;}
.HoldBookContents td.operation{text-align: center;width:10%;}
table.HoldBookContents  a{color:#001cc9;text-decoration:none;}
table.HoldBookContents  a:hover{color:#001cc9;text-decoration:underline;}
.allSelectSpanJa {
  cursor: pointer;
  text-decoration: underline;
  line-height: 45px;
}
.allSelectSpanEn {
  cursor: pointer;
  text-decoration: underline;
  line-height: 45px;
  font-size: 1.0rem;
}
.depotBookSpanJa {
  color: #ccc;
}
.depotBookSpanEn {
  color: #ccc;
  font-size: 1.0rem;
}