/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- 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:#000;
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  min-width: 100%; /* 画面サイズを変更した場合への対策 */
  min-height: 100%; /* スクロールが発生していない場合への対策 */
}
#TB_window {
  position: absolute;
  background: #DBD2C5; /* ウインドウの背景色を変更 */
  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{
	display:block;
	height:35px;
	margin:0 6em;
	padding:10px 10px 25px 10px;  /* 余白を変更 */
	color: #3e3324; /* 文字色を変更 */
	text-align: left; /* テキストを左揃えに変更 */ /* float:left; フロートを削除 */
}
#TB_secondLine {
  padding: 4px 0 1px 0; /* 画像ナンバーの余白を変更 */
}

/* Nextボタン、Prevボタンのスタイルを追加↓ */
#TB_next a,
#TB_prev a {
	position: absolute;
	bottom: 0px;
	display: block;
	width: 6em;
	padding: 5px 0;
	background: #756246;
	color: #DBD2C5;
	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: #d78e25;
}

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

#TB_closeAjaxWindow{
  padding:5px 10px 7px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#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;
}