/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

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: #000000; /* ウインドウの背景色を黒に変更 */
  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;
}
a img {
    border-style:none;
}

#bt a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
.c1 {  font-size: 14px; line-height: 25px; font-weight: bold; color: #996633;}
.c2 {  font-family: "�l�r �o����", "�ז�����"; font-size: 14px; line-height: 12px; font-weight: bold; color: #FFFFFF; padding-left: 280px; padding-top: 0px}
ruby.a1 { ruby-align: center; }
.f12f {  font-size: 12px; line-height: 20px; color: #FFFFFF}.f1 { font-size: 14px; line-height: 20px; color: #333333; padding-right: 40px; padding-left: 40px}
.f12b { font-size: 12px; line-height: 18px}
.f14map { font-size: 12px; line-height: 25px;padding-left: 5px}
.fa { font-size: 19px; line-height: 30px; color: #FFFFFF; font-weight: bolder; letter-spacing: 0px}
.f12b- { font-size: 12px; line-height: 20px;  color: #000000}
.f2 { font-size: 14px; line-height: 30px; color: #996600; font-weight: bold; letter-spacing: 3px}
.fa2 { font-size: 14px; line-height: 25px; color: #FFFFFF; font-weight: normal; letter-spacing: 0px; padding-right: 15px; padding-left: 15px}
.f1- { font-size: 16px; line-height: 30px; color: #333333; font-weight: bold; letter-spacing: 4px }
.line1 {border: solid 1px #666666;}
.title { font-size: 22px; line-height: 120%; font-weight: bolder; color: #666666}
.title2 { font-size: 32px; line-height: 100%; font-weight: bolder; color: #996633}
.title3 { font-size: 24px; line-height: 120%; font-weight: bolder; color: #996633; font-family: "�l�r �o����", "�ז�����"; text-shadow: 1px 1px #996633; behavior: url(ie-css3.htc);
}
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
form {
   margin:0;
}.f14form { font-size: 12px; line-height: 200%;padding-left: 5px}
/* �悹�e�L�X�g */
.tx {
   border: solid 0px #FFFFFF;
   position:  absolute;
   width: 260px;
   margin-top: 345px;
   margin-left: 650px;
   margin-right: 0px;
   font-size: 13px; line-height: 20px; text-align: left;
   z-index: 3;
}.f3 { font-size: 21px; line-height: 30px; color: #996633; font-weight: bold; letter-spacing: 2px}
.logbox
      {
         border: solid 0px #808080;
         width: 332px;
         height: 120px;
         padding-left: 20px;
         overflow: auto;
font-size: 14px; line-height: 20px; color: #333333;
      }
.erea1 { font-size: 24px; line-height: 100%; font-weight: 900; color: #4b88d8}
.erea2 { font-size: 16px; line-height: 100%; font-weight: bolder;  color: #333333}
.erea3 { font-size: 14px; line-height: 100%; padding-left: 17px;  color: #0000ff}
ul {
    margin-left: 5.5em;font-size: 30px; line-height: 150%;margin-top: 50px;color: #333333;
}
li {
    text-indent: -1.5em;font-size: 16px; line-height: 200%; font-family: "�l�r �o����", "�ז�����";
}