@charset "UTF-8";

/*=====================
 class
=====================*/
.bd{ border: 1px solid #c0c0c0; }
.inline { display: inline; }
.block { display: block; }
.banish {
  position: absolute;
  top     : -9999px;
  height  : 0;
}
.s_letter { font-size: 75%; }
.l_letter { font-size: 120%; }
.ll_letter { font-size: 150%; }
.red_letter { color: #c33; }

.underline_blue { border-bottom : 3px solid #3cf; }
.underline_red { border-bottom : 1px solid #c33; }

.button { background-color: #dadada; }

.block_obj {
  border: 1px solid #d4d4d4;
  margin: 10px 0;
}
.center_block_obj {
  border: 1px solid #c0c0c0;
  margin: 10px auto;
}
.colored_block_obj {
  border          : 1px solid #e9e9e9;
  background-color: #e9e9e9;
}
.block_obj_title {
  padding-left    : 8px;
  background-color: #d4d4d4;
  height          : 18px;
  overflow        : hidden;
}
.block_obj_content {
  padding : 10px;
  overflow: auto;
}

.notice {
  border : 2px dashed #3cf;
  padding: 10px;
}
.notice_wine {
  border : 2px dashed #f39;
  padding: 10px;
}

.tbl_base th {
  background-color: #ccc;
  text-align      : center;
}
.tbl_base th.wide { padding: 16px; }

.tbl_generic {
  border-left: 1px solid #c0c0c0;
  border-top : 1px solid #c0c0c0;
}
.tbl_generic th {
  background-color: #cff;
  text-align      : center;
  border-right    : 1px solid #c0c0c0;
  border-bottom   : 1px solid #c0c0c0;
}
.tbl_generic tbody tr td {
  text-align   : center;
  border-right : 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
}
.tbl_generic tbody tr.stripe { background-color: #e8e8e8; }

ul.horizontal_list li {
  display     : inline;
  border-left : 2px solid #333;
  padding-left: 6px;
  margin-left : 6px;
}

/*=====================
 global
=====================*/
html {
  height       : 100%;
  margin-bottom: 1px;
  overflow-y   : scroll;
}
a:hover {
  color          : #999;
  text-decoration: underline;
}

body {
  background: #fff;
  text-align: center;
  margin    : 0;
  width     : 100%;
}
body div#wrapper {
  text-align: left;
  width     : 754px;
  margin    : 0 auto;
}
body div#wrapper div#content p { margin: 7px 0; }

/*=====================
 header
=====================*/
div.header {
  padding-top  : 14px;
  border-bottom: 1px solid #c0c0c0;
}

div#head_jbdf {
  border-top: 7px solid #3cf;
  height    : 54px;
}
div#head_jbdf ul li {
  position   : absolute;
  text-indent: -9999px;
  width      : 116px;
}
div#head_jbdf ul li a {
  display: block;
  width  : 116px;
  height : 20px;
}
div#head_jbdf ul li#root {
  position: relative;
  top     : -20px;
  left    : 397px;
}
div#head_jbdf ul li#root a { background: url(../image/header/Gmenu01.png) 0 0 no-repeat; }
div#head_jbdf ul li#root a.current { background: url(../image/header/Gmenu01_on.png) 0 0 no-repeat; }
div#head_jbdf ul li#root a:hover { background: url(../image/header/Gmenu01_on.png) 0 0 no-repeat; }

div#head_jbdf ul li#compe {
  position: relative;
  top     : -40px;
  left    : 517px;
}
div#head_jbdf ul li#compe a { background: url(../image/header/Gmenu02.png) 0 0 no-repeat; }
div#head_jbdf ul li#compe a.current { background: url(../image/header/Gmenu02_on.png) 0 0 no-repeat; }
div#head_jbdf ul li#compe a:hover { background: url(../image/header/Gmenu02_on.png) 0 0 no-repeat; }

div#head_jbdf ul li#org {
  position: relative;
  top     : -60px;
  left    : 637px;
}
div#head_jbdf ul li#org a { background: url(../image/header/Gmenu03.png) 0 0 no-repeat; }
div#head_jbdf ul li#org a.current { background: url(../image/header/Gmenu03_on.png) 0 0 no-repeat; }
div#head_jbdf ul li#org a:hover { background: url(../image/header/Gmenu03_on.png) 0 0 no-repeat; }

div#head_sensyukai {
  border-top   : 7px solid #f39;
}
div#head_sensyukai ul { margin: 10px 0; }

/*====================
 content
====================*/
div#content {
  line-height  : 1.4;
  font-size    : 80%;
  margin       : 6px 0;
  padding      : 6px 0;
  width        : 754px; /* IE6バグ回避。無いと下に隙間ができる */
  min-height   : 600px;
/*---------------------------------------
以下はmin-heightが効かないIE6用ハック
ボックスサイズが内容物に合わせた大きさへ強制的に調整されるというIE6のバグを利用して
IE6のみ「height:400px」を適用することでコンテンツが600px以下のときは600pxになり
600px以上になると高さを拡張する。
-----------------------------------------*/
  height: auto !important;
  height: 600px;
}
div#content div#photoBoard {
  padding-top: 10px;
  clear      : left;
}
div#content div#photoBoard img { margin: 8px 4px; }

/*====================
 topic_menu
====================*/
div#topic_menu { height: 94px; }
div#topic_menu div#greeting {
  width : 270px;
  height: 92px;
  float : left;
}
div#topic_menu div#greeting div#hello { height: 54px; }
div#topic_menu div#topics {
  width      : 470px;
  height     : 92px;
  float      : left;
  margin-left: 10px;
}
div#topic_menu div#topics ul {
  height     : 70px;
  overflow   : auto;
  margin-left: 8px;
  padding-top: 4px;
}

/*====================
 article
====================*/
div#article { clear: left; }
div#article p#article_date {
  font-size: 75%;
  margin   : 0;
}
div#article img.poster {
  margin: 3px 9px 3px 3px;
  float : left;
}
div#article ul.ranking { padding: 8px; }

/*====================
 compe
====================*/
ul#menu_list { margin-bottom: 14px; }

div#information {
  width : 750px;
  height: 226px; //元は126//
}
div#information div#info_content { height: 208px; } //元は88// 
div#history {
  width : 750px;
  height: 83px; 
}
div#history div#history_table {
  height  : 65px;
  overflow: auto;
}

div.compe_content { clear: left; }
div.compe_content h3.regist_to_entry {
  border-bottom: 4px solid #3cf;
  font-size    : 150%;
}

div#regulation ul li { margin-top: 6px; }

table#schedule_west { width: 754px; }
table#schedule_west tbody tr { height: 36px; }

table#item_table { width: 754px; }
table#dancer_list { width: 754px; }
table#dancer_list caption { margin-top: 10px; }

table#schedule_other { width: 754px; }
table#schedule_other caption { margin-top: 16px; }

table#schedule_other tbody tr { height: 36px; }

div#map {
  border: 1px solid #000;
  width : 744px;
  height: 500px;
  margin: 16px auto;
}

body pre {
  text-align : left;
  font-family: monospace;
  font-size  : 16px;
}

/*====================
 flight_info
====================*/
div#flight_info a { font-size: 120%; }

/*====================
 entry_search
====================*/
table#entry_log { margin: 10px 0; }
input#logout { margin-bottom: 10px; }

/*====================
 mail_form
====================*/
div#mail_form_msg { width: 486px; }

/*====================
 footer
====================*/
div.footer {
  padding-top: 10px;
  border-top : 1px solid #c0c0c0;
}
div#foot_jbdf ul { margin: 10px 0; }

/*====================
 officer
====================*/
table#officer td { padding: 0 10px; }
table#branch_officer caption { margin-top: 16px; }
table#branch_officer th, td { padding: 0 12px; }

/*====================
 link
====================*/
ul#link_list { padding: 10px; }
ul#link_list li { font-size: 120%; }
ul#link_list li a { display: block; }
ul#link_list li a:hover { background-color: #cff; }

/*====================
 temporary
====================*/
.block_obj_temp {
  border  : 1px solid #d4d4d4;
  margin  : 18px;
  width   : 146px;
  height  : 410px;
  overflow: auto;
  float   : left;
}