@charset "UTF-8";

/* 
 領域の表示幅と位置 
*/
#main{ 
 width:96%; 
 margin:auto; 
 overflow: hidden;

 font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;

 font-size: small;

} 

/* 
* 
*/
#header{ 

 font-size: 25%;
 background-color: #f7f7f7;
 color: #f7f7f7;

} 

.contentx_group{ 

    overflow: hidden;

} 

/* 
 100%幅だが、サイドバーの分だけ領域を削減する 
*/
.contentx_wrap{ 
 width:100%; 
 float:right; 
 margin-left:-20%; 
} 
  
/* 
 サイドバーとコンテンツが重ならない様に、サイドバー分余白を作る 
*/
.contentx{ 
 margin-left:20%; 
 background-color: #d9d9d9;
 color: #000000;
 padding: 1%;

 padding-bottom: 32768px;
 margin-bottom: -32768px;

} 
  
/* 
 サイドバーを幅指定。floatで右か左か選択出来る 
*/
.sidebar{ 
 width:17.5%; 
 float:left; 

 background-color: #a6a6a6;
 color: #000000;

  padding: 1%; /* bottomより前に */

 padding-bottom: 32768px;
 margin-bottom: -32768px;

} 
  
/* 
 floatを解除する 
*/
#footer{ 
 clear:both; 
 font-size: 25%;
 background-color: #f7f7f7;
 color: #f7f7f7;

}

.strlineS{ 
 clear:both; 
 font-size: 10%;
 background-color: #f7f7f7;
 color: #f7f7f7;

}


.strlineM{ 
 clear:both; 
 font-size: 25%;
 background-color: #f7f7f7;
 color: #f7f7f7;

}

.strlineL{ 
 clear:both; 
 font-size: 50%;
 background-color: #f7f7f7;
 color: #f7f7f7;

}

.contentx31_wrap{ 
 width:100%;
 float:left; 
 margin-right:-15%; 
} 

.contentx32_wrap{ 
 width:100%;
 float:right; 
 margin-left:-15%; 
} 

.contentx3{ 
 margin-left:15%; 
 margin-right:15%; 
 background-color: #0072c6;
 color: #ffffff;
 text-align: center;
 font-size: x-large;
 font-weight: bold;

 padding: 0.5%; /* bottomより前に */

 padding-bottom: 32768px;
 margin-bottom: -32768px;

 

} 
  
/* 
 サイドバーを幅指定。floatで右か左か選択出来る 
*/
.sidebar1{ 
 width:14%; 
 float:left; 
 background-color: #0072c6;
 color: #ffffff;

 padding: 0.5%; /* bottomより前に */

 padding-bottom: 32768px;
 margin-bottom: -32768px;

} 
  
/* 
 サイドバーを幅指定。floatで右か左か選択出来る 
*/
.sidebar2{ 
 width:14%; 
 float:right; 
 background-color: #0072c6;
 color: #ffffff;

 padding: 0.5%; /* bottomより前に */

 text-align: right;

 padding-bottom: 32768px;
 margin-bottom: -32768px;

} 

.contentx31b_wrap{ 
 width:100%;
 float:left; 
 margin-right:-15%; 
} 

.contentx32b_wrap{ 
 width:100%;
 float:right; 
 margin-left:-15%; 
} 

.contentx3b{ 
 margin-left:15%; 
 margin-right:15%; 
 background-color: #0072c6;
 color: #ffffff;
 text-align: center;
 font-size: x-large;
 font-weight: bold;

 padding: 0.5%; /* bottomより前に */

 padding-bottom: 32768px;
 margin-bottom: -32768px;

 

} 
  
/* 
 サイドバーを幅指定。floatで右か左か選択出来る 
*/
.sidebar1b{ 
 width:14%; 
 float:left; 
 background-color: #0072c6;
 color: #ffffff;

 padding: 0.5%; /* bottomより前に */

 padding-bottom: 32768px;
 margin-bottom: -32768px;

} 
  
/* 
 サイドバーを幅指定。floatで右か左か選択出来る 
*/
.sidebar2b{ 
 width:14%; 
 float:right; 
 background-color: #0072c6;
 color: #ffffff;

 padding: 0.5%; /* bottomより前に */

 text-align: right;

 padding-bottom: 32768px;
 margin-bottom: -32768px;

} 


.contentxb_wrap{ 
 width:100%; 
 float:right; 
 margin-left:-20%; 
} 

.contentxb{ 
 margin-left:20%; 
 background-color: #e9e9e9;
 color: #000000;
 padding: 1%;

 padding-bottom: 32768px;
 margin-bottom: -32768px;

} 
  
.sidebarb{ 
 width:18%; 
 float:left; 

 background-color: #b6b6b6;
 color: #000000;

  padding: 1%; /* bottomより前に */

 padding-bottom: 32768px;
 margin-bottom: -32768px;

} 


#copyright{ 

font-size: small;

} 

.logochar{ 

 font-size: xx-large;
 letter-spacing: -0.3em;
 font-weight: bold;

}

.retidx{ 

 display:inline;
 font-size: small;
 font-weight: bold;
} 

.caution{ 
 display:inline;
 color: Red;
} 

.sbc {

 display:inline;

}

.sbc a:link {
 color : #ffffbb; 
 }
.sbc a:visited {
 color : #a000a0; 
 }
.sbc a:active {
 text-decoration : underline; 
 color : #ff0000; 
 }
.sbc a:hover {
 text-decoration : underline; 
 color : #ff8000; 
 }

.edgejust{ 
 text-align: justify;
 text-justify: inter-ideograph;
} 


#comboField {
 position: relative;
 display:inline;

}
#tField2 {
 font-size: 14px;
 width: 300px;
 position: absolute;
 left: 0px;
 top: 0px;
}
#selBox2 {
 font-size: 14px;
 width: 320px;
}

.gbox{ 
 position: relative;
 width: 640px;
 line-height: 480px;
 background-color: #eeffee;

}

.hwide{ 
    line-height:220%;
} 


.tbl-box {
  display: table;
}

.tbl-L,
.tbl-M,
.tbl-R {
  display: table-cell;
  vertical-align: middle;
}


/* tableの共通設定 */
table{
  border-collapse: collapse;
  border-spacing: 0;
  border-color: transparent;
}
th, td{
  border-color: transparent;
}

/* tbl1 */
table.tbl1 th{
  text-align:center;
  border: 4px solid white;
  border-bottom:0px;
  background-color:lightyellow;
  }
table.tbl1 td {
text-align: center;
vertical-align:middle;
background-color:lightyellow;
border: 4px solid white;
border-top:0px;
}

/* tbl0 */
table.tbl0 th{
  }
table.tbl0 td {
}