@charset "utf-8";
/* ===============================================
	BASE
=============================================== */
/*  BODY
------------------------------------------------*/
body {font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;font-size:1.6rem;text-align:center;background-color:#eef0f2;color:#666;padding:0;margin:0;}
#LiquidContainer {text-align:left;overflow: hidden;margin:0 auto 20px;box-sizing:border-box; max-width:1080px;margin-top: 20px;}

/* ===============================================
	CONTENTS
=============================================== */
#Header {border-bottom: 5px solid #7bc8ce;clear: both;height: 60px;padding:0px 10px;margin:0 auto;background-color:#fff;box-sizing:border-box;}
#Header .logoarea{max-width:1080px;margin:0 auto;}
#Header .D-HeaderLogo {float: left;padding: 14px 0 5px 10px;position: relative;}
#Header .D-HeaderLogo_SP {float: left;padding: 10px 0 5px 10px;position: relative;width:69px;}
#Header .D-Logoutbtn_ja {background: url("images/header_logoutbutton2.png") no-repeat scroll left top rgba(0, 0, 0, 0);float: right;height: 32px;margin: 15px 0 0 0;position: relative;width: 100px;}
#Header .D-Logoutbtn_ja a {display: none;}
#Header .D-Logoutbtn_ja:hover {background: url("images/header_logoutbutton2.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);}
#Header .D-Logoutbtn_en {background: url("images/header_logoutbutton_en2.png") no-repeat scroll left top rgba(0, 0, 0, 0);float: right;height: 32px;margin: 15px 0 0 0;position: relative;width: 100px;}
#Header .D-Logoutbtn_en a {display: none;}
#Header .D-Logoutbtn_en:hover {background: url("images/header_logoutbutton_en2.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);}
#Header .D-Logoutbtn_th {background: url("images/header_logoutbutton_th2.png") no-repeat scroll left top rgba(0, 0, 0, 0);float: right;height: 32px;margin: 15px 0 0 0;position: relative;width: 100px;}
#Header .D-Logoutbtn_th a {display: none;}
#Header .D-Logoutbtn_th:hover {background: url("images/header_logoutbutton_th2.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);}
#Header .D-Logoutbtn_ch {background: url("images/header_logoutbutton_ch2.png") no-repeat scroll left top rgba(0, 0, 0, 0);float: right;height: 32px;margin: 15px 0 0 0;position: relative;width: 100px;}
#Header .D-Logoutbtn_ch a {display: none;}
#Header .D-Logoutbtn_ch:hover {background: url("images/header_logoutbutton_ch2.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);}
#MainContents{background-color:#fff;margin:0 10px;box-sizing:border-box;}
#MainContents h2{letter-spacing:0.2rem;border-left:solid 10px #7bc8ce;border-bottom:solid 1px #f6f6f6;padding:10px 10px 10px 15px;font-size:1.8rem;font-weight:bold;margin:0;text-align:left;}
#MainContents h3{margin:0;padding:0 0 6px 2px;font-size:1.5rem;font-weight:bold;background:#fff;letter-spacing:0.1rem;text-align:left;}
.D-langSetting {float: right;height: 32px;margin:10px 20px 10px 10px;}
#ContentBox{padding:15px 30px 30px 30px;}
.warningMessage {margin:0 0 10px 0;border:solid 1px #7bc8ce;padding:10px 15px;color:#3b9da6;font-weight:normal;font-size:90%;}
.infoMessage {margin:0 0 10px 0;padding:10px 15px;color:#3b9da6;font-weight:normal;font-size:90%;}
.warningMessage_red,
.errorMessage {color:#af0025;font-weight:bold;margin:0 0 10px 0;padding:15px;}
.detailMessage{background-color:#ddd;padding:10px 30px;margin:20px auto 10px auto;text-align:left;}
.detail2Message{margin:auto;padding:15px 20px 10px 20px;text-align:center;color:#666;}
.thanksMessage{margin:auto;padding:10px 20px;text-align:center;font-weight:bold;}
.normalMessage{margin:auto;padding:10px 20px 0 20px;font-weight:bold;text-align:center;}
.terminal{margin:10px;padding:10px;text-align:center;font-size:2.4rem}
.terminal span{color:#7bc8ce;margin-right:20px;display:inline-block;font-weight:bold;}
.bookshelfList_contents{}
.searchtableBox{font-size: 90%;}
#searchItemName,
#searchItemNameEn,
#searchItemNameTh {height: 24px;left: 2px;top: 7px;width: 98px;}
#bookshelfNav-submit-button input {position: absolute;top: 7px;right: 3px;padding: 5px;}
#bookshelfNav-submit-input{width:14px;height:14px;}
#searchItemName,
#searchItemNameEn,
#searchItemNameTh {font-size: 12px;}
.bookshelfListtxt{font-size:90%;}
table.DepotBookContents {border-bottom: 1px solid #dcdcdc;border-collapse: collapse;border-left: 1px solid #dcdcdc;margin: 0 auto 15px 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;
font-size:90%;}
.DepotBookContents th {padding: 10px 5px;background: none repeat scroll 0 0 #eee;font-size:1.4rem;}
.DepotBookContents td {padding: 10px 5px;}
.DepotBookContents th.checkboxArea{width:20px;padding:5px 10px;box-sizing:border-box;text-align:center;}
.DepotBookContents td.checkboxArea{width:20px;padding:5px 10px;box-sizing:border-box;text-align:center;}
.DepotBookContents th.rabel{white-space: nowrap;}
.DepotBookContents th.company{white-space: nowrap;}
.DepotBookContents th.category{min-width:80px;}
.DepotBookContents th.name{white-space: nowrap; min-width:230px;}
.DepotBookContents th.date{max-width:120px;font-size:90%;}
.DepotBookContents td.date{font-size:85%;}
.DepotBookContents th.deletebtnArea{width:60px;text-align:center;}
.DepotBookContents td.deletebtnArea{text-align:center; padding:0;}
.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;}
.backAreaCopyright{color:#666;float:left;margin: 10px 0 0 0;font-size:1.2rem;}
.D-BtnArea {margin: 5px auto 0;min-width: 250px;text-align: center;}
.GreenBtnArea,
.RedBtnArea,
.GrayBtnArea,
.OrangeBtnArea,
.BlueBtnArea,
.TurquoiseBtnArea,
.backBtnArea a{width:480px;margin:0 auto;}
.noCoinArea{width:460px;margin:9px auto 0 auto;}
.GreenBtnArea a,
.RedBtnArea a,
.GrayBtnArea a,
.OrangeBtnArea a,
.BlueBtnArea a,
.TurquoiseBtnArea a,
.backBtnArea a,
.GrayBtnArea input,
.TurquoiseBtnArea input,
.GrayBtnArea button,
.TurquoiseBtnArea button
 {padding:10px 0;}
.backBtnArea a{background:url(images/arrow_back.png) no-repeat left 13px;}
.margintop10{margin:15px 0 10px 0;}
.hrtop10{border-top:solid 2px #ddd;padding-top:20px;}
.margintop15{margin-top:10px;}

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

input.inputPassword {
    align: center;
    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: 25px;
  text-align: right;
}

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


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

/******************************************************************
* 書籍一覧
*******************************************************************/
table.HoldBookContents {border-bottom: 1px solid #dcdcdc;border-collapse: collapse;border-left: 1px solid #dcdcdc;margin: 0 auto 15px 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;
font-size:90%;}
.HoldBookContents th {padding: 10px 5px;background: none repeat scroll 0 0 #eee;font-size:1.4rem;}
.HoldBookContents td {padding: 10px 5px;}
.HoldBookContents th.thumbnail{width:75px;padding:5px 10px;box-sizing:border-box;text-align:center;}
.HoldBookContents td.thumbnail{width:75px;padding:5px 10px;box-sizing:border-box;text-align:center;}
.HoldBookContents th.rabel{white-space: nowrap;}
.HoldBookContents th.company{white-space: nowrap;}
.HoldBookContents th.category{min-width:80px;}
.HoldBookContents th.name{white-space: nowrap; min-width:230px;}
.HoldBookContents th.date{max-width:80px; width:80px;}
.HoldBookContents td.date{width:80px;font-size:85%;}
.HoldBookContents th.readbtnArea{width:60px;text-align:center;}
.HoldBookContents td.readbtnArea{text-align:center; padding:0; font-size: 75%}
.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:40px;}
.HoldBookContents td.operation{text-align: center;width:40px;}
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;
}
.depotBookSpanJa {
  color: #ccc;
}
.depotBookSpanEn {
  color: #ccc;
}