@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 {
 text-decoration : underline; 
 color : #ffffbb; 
 }
.sbc a:visited {
 text-decoration : underline; 
 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;

}

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

}


.hwide{ 
    line-height:220%;
}