/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/*{padding: 0; margin: 0;}
html, body {
min-height: 100%;
height: auto !important;
height: 100%
}*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
/* リンクのスタイルを削除
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: absolute;
  z-index:100;
  top: 0px;
  left: 0px;
  background-color:#000000;/*背景色*/
  filter:alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85;
  min-width: 100%; /* 画面サイズを変更した場合への対策 */
  min-height: 100%; /* スクロールが発生していない場合への対策 */
 /*background-image:url(../img/bg/bg_diagonal_line.gif);*/
  background-image:url(../img/bg/bg_thickbox2019.png);
  background-position:98% 1%;
  background-repeat:no-repeat;  
}

*html #TB_overlay {
  position: absolute;
  z-index:100;
  top: 0px;
  left: 0px;
  background-color:#000000;/*背景色*/
  filter:alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85;
  min-width: 100%; /* 画面サイズを変更した場合への対策 */
  min-height: 100%; /* スクロールが発生していない場合への対策 */
  background-image:none!important;
}



#TB_window {
  position: absolute;
  background: #FFFFFF; /* ウインドウの背景色を白に変更 */
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
}
#TB_window img {
  display:block;
  margin: 20px 0 0 20px; /* 画像の周りの余白を変更 */
  /* border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666; ボーダーを削除 */
}
#TB_caption{
  height:25px;
  padding:10px 10px 20px 10px;  /* 余白を変更 */
  color: #000000; /* 文字色を黒に変更 */
  text-align: center; /* テキストを中央揃えに変更 */
 /* float:left; フロートを削除 */
}
#TB_secondLine {
  padding: 5px 0 0 0; /* 画像ナンバーの余白を変更 */
}

/* Nextボタン、Prevボタンのスタイルを追加↓ */
#TB_next a,#TB_prev a {
position:absolute;
bottom:10px;
display:block;
width:6.0em;
padding:5px 0;
background:#333333;
color:#FFFFFF;
text-align:center;
text-decoration:none;
}

#TB_next a{
right:0
}

#TB_prev a {
left:0;
}

#TB_next a:hover,#TB_prev a:hover {
background:#1A1A1A;
}

/* closeボタンをウインドウ右上に絶対配置↓ */
/*#TB_closeWindow{
  position: absolute;
  right: 0;
  top: -33px;
}*/

#TB_closeWindow {
position:absolute;
top:-29px;
right:-4px;
display:block;
width:5.5em;
padding:5px 0;
background:#FFFFFF;
background-image:url(../img/icon/close.gif);
background-position:8px 50%;
background-repeat:no-repeat;
color:#333333;
text-align:center;
text-decoration:none;
border-top: 4px solid #525252;
border-left: 4px solid #525252;
border-right: 4px solid #525252;
}



#TB_closeAjaxWindow{
  /*padding:5px 10px 7px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;*/
  position:absolute;
top:-29px;
right:-4px;
display:block;
width:5.5em;
padding:5px 0 5px 5px;
background:#FFFFFF;
background-image:url(../img/icon/close.gif);
background-position:8px 50%;
background-repeat:no-repeat;
color:#333333;
text-align:center;
text-decoration:none;
border-top: 4px solid #525252;
border-left: 4px solid #525252;
border-right: 4px solid #525252;

}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 10px 10px;
  margin-bottom:1px;
  font-size:15px;
}
#TB_title{
  background-color:#FFFFFF;
  height:37px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: absolute;
  display:none;
  height:100px;
  width:100px;
  z-index:101;
}
#TB_HideSelect{
  z-index:99;
  position:absolute;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}


/*画像枚数○枚中○番目の○の文字についてのオリジナルスタイル*/

.tb_text_decoration {
padding:0 0.25em;
color:#006666;
font-weight:bold;
font-size:1.4em;
}