/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> 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:#451F2E;
	filter:alpha(opacity=50);
	-moz-opacity: 0.6;
	opacity: 0.6;
	min-width: 100%; /* 画面サイズを変更した場合への対策 */
	min-height: 100%; /* スクロールが発生していない場合への対策 */
}
#TB_window {
	-moz-border-radius:5px;
	position: absolute; /* ウインドウの背景色を黒に変更 */
	z-index: 102;
	color:#000000;
	display:none;
	/* border: 4px solid #525252; /* ボーダーを削除 */
  text-align:left;
	background-image:url(../../img/gallery/bg.gif);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: bottom;
}
#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: #CC3366; /* 文字色を白に変更 */
	text-align: center; /* テキストを中央揃えに変更 */
	font-size: 14px;
	font-weight: bold;	/* float:left; フロートを削除 */
}
#TB_secondLine {
  padding: 5px 0 0 0; /* 画像ナンバーの余白を変更 */
}

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

/* 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;
}