/* pc */

/*-------------------------------------------------------------------*/
/*         マイページ共通クラス        */
/*-------------------------------------------------------------------*/

/* データがない場合 */
.not_found_msg {
  padding-top: 5%;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  /* margin: auto; */
  /* height: 15%; */
  padding-bottom: 7%;
}

/* 擬似角丸テーブル */
.div_round {
  float: left;
  background: #FFFFFF;
  border: solid #ccc 1px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.div_round dl, .div_round dt, .div_round dd { margin: 0;}

.div_round dl {
  float: left;
  margin: 0;
}
.div_round dt, .div_round dd {
  height: 1em;
  border-left: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  padding: 5px;
  text-align: left;
  line-height: 1em;
  overflow: hidden;
  white-space: nowrap;
}

.div_round dl:first-child dt, .div_round dl:first-child dd {
  border-left: none;
}

.div_round dt {
  background-color: #dce9f9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
  background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
  box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  border-top: none;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.div_round dl:first-child dt {
  -moz-border-radius: 6px 0 0 0;
  -webkit-border-radius: 6px 0 0 0;
  border-radius: 6px 0 0 0;
}

.div_round dl:last-child dt {
  -moz-border-radius: 0 6px 0 0;
  -webkit-border-radius: 0 6px 0 0;
  border-radius: 0 6px 0 0;
}

.div_round dl:first-child dd {
  -moz-border-radius: 0 0 0 6px;
  -webkit-border-radius: 0 0 0 6px;
  border-radius: 0 0 0 6px;
}

.div_round dl:last-child dd {
  -moz-border-radius: 0 0 6px 0;
  -webkit-border-radius: 0 0 6px 0;
  border-radius: 0 0 6px 0;
}

/* ボーダー非表示 */
td.border_right_non { border-right:0px !important;}
td.border_left_non  { border-left:0px !important; white-space: nowrap; } /* 20151218 PT総合試験 WebOpacの予約状況画面のボタンの文言がボタンからはみ出している */

/*-------------------------------------------------------------------*/
/*         貸出券番号　       */
/*-------------------------------------------------------------------*/
#card_number {
  margin-top: -12px;
  margin-bottom: 17px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #E8EAEC;
}
#card_number { padding-left: 10px;}
#card_number { font-size: 1.1em;}
#card_number th.col1 { width: 100px; text-align: left;}

/*-------------------------------------------------------------------*/
/*         Structure        */
/*-------------------------------------------------------------------*/

body > #content, #content.sdi {
  width:940px;
  min-height : 590px;
  padding:0 20px 35px 20px;
  border-radius:2px;
}

/************Top**************/
#my_page_top {
  position:relative;
  height:36px;
  padding:22px 20px 0px 0px;
  margin-bottom:4px;
}

#my_page_top .page_title {
  float:left;
}

#my_page_top .page_title span { /* 他言語設定ファイルのタグで absolute指定があるため */
  position: static !important;
}

#my_page_top .page_title_l {
  float:left;
  width:300px;
}

.line2 {
  position : relative;
  /*top : -10px;*//* 20151222 PT総合試験 ジャンル検索画面にて枠線が見切れている */
}

#top_userInfo_list {
  padding-left: 10px;
  float:left;
  margin-right:10px;
}

#top_userInfo_list li {
  margin-right:10px;
  line-height: 25px;
}

#top_btn_list {
  position:absolute;
  top:14px;
  right:-7px;
  *zoom:1; /* for IE7*/
}

#top_btn_list li {
  float: left;
  margin-right: 7px;
}

#top_btn_list li a span { font-size: 14px !important;}

.login_data {
  color : #31588B;
}

hr {
  border: solid 1px #E8EAEC;
}

/*-------------------------------------------------------------------*/
/* パスワード発行同意画面 */
/*-------------------------------------------------------------------*/
.agree_area_wrap {margin-left: 35px;}

.agree_area {
  margin-bottom: 20px;
  overflow:hidden;
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
}

.agree_area > div {
  width:560px;
  padding: 10px 15px;
  background: #FBFBFB;
  overflow:auto;
  border:1px solid #DFDFDF;
  border-radius: 5px;
  text-align:left;
}
.agree_area > div > ol {
  list-style:decimal;
  list-style-position: inside;
}
.agree_area > div > h4 {
  margin-left:1em;
}

.agree_sel_area {
  margin: 0 0 30px 10px;
}

.agree_sel_area label {margin-right: 3em;}

.agree_sel_area label input {margin-right: 5px;}

.agree_submit_area {
  margin-left: 10px;
}

/*-------------------------------------------------------------------*/
/* パスワード変更画面 */
/*-------------------------------------------------------------------*/

#chpw .error_msg {
  margin-left: 5px;
  color: #FF3300;
}

/*-------------------------------------------------------------------*/
/*         新着案内メール画面        */
/*-------------------------------------------------------------------*/
.mail_title {
  font-weight:bold;
  color:#2E7789;
  letter-spacing:0.3em;
}

.nowrap {
  white-space:nowrap;
}

/* 20151225 PT総合試験 英語でログイン認証エラーの場合のメッセージが日本語になっている */
#login_submit span.red {
  white-space: nowrap;
}

/* 20160104 PT総合試験 メールアドレスの優先順位変更があるが、タッチパネル版にはない */
#tbl_reserve_order th.order_cell {
  width: 50px;
}

tbody.ui-sortable .col1 {
  width: 50px;
}

#tbl_reserve_order th.col2 {
  width: 50px;
}

tbody.ui-sortable .col2 {
  width: 50px;
  height: 30px;
}

#tbl_reserve_order .col3 {
  width: 500px;
}

.btn_print_yoyaku {
  z-index: 100;
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 90px;
  height: 80px;
}
.btn_print_yoyaku a {
  display: block;
  height: 100%;
  width: 100%;
  background-image: url(../../images/opact/footer_button/btn_print.png);
}
.btn_print_yoyaku a:hover {
  background-image: url(../../images/opact/footer_button/btn_print_hover.png);
}
.btn_print_yoyaku a:active {
  background-image: url(../../images/opact/footer_button/btn_print_active.png);
}
.btn_print_yoyaku span {
  position: absolute;
  z-index: 200;
  bottom: 4px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
}


/* --------------------------------- */
.graybox_wrap {
  margin: 10px 0;
}

.graybox {
  display: inline-block;
  padding: 1em;
  background-color: #f8f8f8;
  border: 1px solid #FFFFFF;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  *zoom: 1;
  *display: inline;
}

.graybox label { font-size : 1.2em;}

.graybox label.col1 {margin-right: 2em;}

.graybox label input[type="radio"] { vertical-align: -1px;}

.graybox td {
  padding: 12px 6px 12px 6px;
}

.graybox td.read_hist_td {
  width : 200px;
}

.sub_submit {margin-bottom: 40px;}

#kasidashi_rireki_set { margin: 1em; float: left; }
#kasidashi_rireki_submit { margin: 1.5em 1em; }