﻿/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
body {margin:0px;
padding:0px;
background:#CDBBB8 ;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- 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: #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: #FFFFFF; /* 文字色を白に変更 */
  text-align: center; /* テキストを中央揃えに変更 */
 /* 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;
  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{
  /* 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;
}

h1 {font-size: 12px; line-height: 16px; color: #666666;display:inline;}
.f12 {  font-size: 12px; line-height: 18px; color: #666666}
.f12head { font-size: 12px; line-height: 16px ; color: #666666; margin-top: 10px; padding-top: 10px; padding-right: 10px}
.f14c { font-size: 14px; line-height: 23px; color: #6F5436; font-weight: bold}
.f14 { font-size: 15px; line-height: 15px; color: #FFFFFF; font-weight: bold}
.f16cw { font-size: 18px; color: #FFFFFF; font-weight: bold ; line-height: 25px; font-family: "ＭＳ Ｐ明朝", "細明朝体"; background: url(./img/c_t.jpg) no-repeat; ; padding-left: 50px}
.main_bg { background: url(./img/main_bg.gif) repeat-x top center;border-left: 1px solid #cccccc ;
border-right: 1px solid #cccccc ;}
border-right: 1px solid #cccccc ;
border-top: 1px solid #cccccc ;
border-bottom: 1px solid #cccccc ; }
.cc {  font-size: 12px; line-height: 22px; color: #666666;}
.border_text {
margin: 0px 0px 0px 0px;
font-size: 16px;
font-weight: bold;
color: #D32C01;
line-height: 25px;
border-left: 10px solid #D32C01 ;
border-right: 0px solid #CCCCCC ;
border-top: 0px solid #CCCCCC ;
border-bottom: 0px solid #CCCCCC ;
}
.f12cc { font-size: 12px; line-height: 30px; color: #666666; clip:   rect(   )}
.f12i { font-size: 13px; line-height: 30px; color: #FFFFFF; font-weight: bold}
.u_bg { background: url(./img/u_bg.gif) repeat-x bottom center; }
.t_bg { background: url(./img/t_bg.gif) repeat-x top center; }
.border {
border-left: 1px solid #FFFFFF ;
border-right: 1px solid #FFFFFF ;
border-top: 1px solid #FFFFFF ;
border-bottom: 1px solid #FFFFFF ;}
.border_r {
border-left: 2px solid #971A13 ;
border-right: 2px solid #971A13 ;
border-top: 2px solid #971A13 ;
border-bottom: 2px solid #971A13 ;}
.f20s {  filter:dropshadow(color=#333333,offx=2,offy=2);width:100%;color:#F7C600; line-height:150%;font-size: 18px; color: #F7C600; font-weight: bolder; font-family: "ＭＳ Ｐ明朝", "細明朝体"; }
.f20 {  color:#339900; line-height:150%;font-size: 16px; color: #613E03; font-weight: bolder; font-family: "ＭＳ Ｐ明朝", "細明朝体"; }
.f20b {  filter:dropshadow(color=#C9C9C9,offx=2,offy=2);width:100%;color:#339900; line-height:150%;font-size: 18px; color: #613E03; font-weight: bolder; font-family: "ＭＳ Ｐ明朝", "細明朝体"; }
.f16 {  filter:dropshadow(color=#C9C9C9,offx=2,offy=2);width:100%;color:#339900; line-height:150%;font-size: 25px; color: #613E03; font-weight: bolder; font-family: "ＭＳ Ｐ明朝", "細明朝体"; }
.f28 {  width:100%;color:#339900; line-height:150%;font-size: 19px; color: #613E03; font-weight: bolder; font-family: "ＭＳ Ｐ明朝", "細明朝体"; }
.f12wide { font-size: 12px; line-height: 20px; color: #CDBBB8; font-weight: bold; font-family: "ＭＳ Ｐ明朝", "細明朝体";}
.main_bg2 { background: url(./img/main_bg2.gif) repeat-x bottom center ; }
.f16c { font-size: 18px; color: #FFFFFF; font-weight: bold ; line-height: 25px}
.f16ccw { font-size: 18px; color: #613E03; font-weight: bold ; line-height: 25px}
.f12ccw { font-size: 12px; line-height: 20px; color: #666666; clip: rect( ) ; font-weight: normal}
.info { background: url(./img/info_l.gif) no-repeat light center; }
.box { border-left: 1px solid #999999 ;
border-right: 1px solid #999999 ;
border-top: 1px solid #999999 ;
border-bottom: 1px solid #999999 ;}

