@charset "utf-8";



/* ページ全体
------------------------------------- */
body  {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #333;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 13px;
}
#container {
  width: 800px;
  background: #FFFFFF;
  text-align: left;
  border-right-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-left-style: solid;
  border-right-color: #CCC;
  border-left-color: #CCC;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
line-height: 1.4em;
} 
#header {
} 
h1 {
  background-color: #FFF;
  padding-top: 20px;
  padding-right: 0;
  padding-bottom: 15px;
  padding-left: 15px;
  margin: 0px;
} 
#footer {
  color: #F2F2F2;
  background-color: #727071;
  font-size: 90%;
  padding-top: 0;
  padding-right: 10px;
  padding-bottom: 0;
  padding-left: 20px;
}
#foot-down {
  text-align: right;
  padding-right: 10px;

  padding-bottom: 15px;
  padding-top: 10px;
}
.foot-up {
  padding-top: 10px;
}
.foot-up a {
  color:#fff;
  font-style:normal;
  text-decoration:none;
}
.foot-up li a {
  color:#fff;
  font-style:normal;
  text-decoration:underline;
}
.foot-up a:hover{
  color:#fff;
  font-style:normal;
  text-decoration:underline;
}
.clearfloat {
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}
/* グローバルメニュー 
------------------------------------- */
#globalnavi{
  margin: 0;
  padding: 0;
  width: ***;
  height: 35px;
  background-color: #000;
}

#globalnavi ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#globalnavi li{
  text-indent: -9999px;
  float:left;
  width: 114px;
  margin: 0;
  padding: 0;
}

#globalnavi a{
  display: block;
  width: 100%;
  height: 35px;
  background-image: url(https://www.jia-okinawa.org/images/J-Gmenu.gif);
  background-repeat: no-repeat;
}

#menu1 a{background-position: 0 0;}
#menu2 a{background-position: -114px 0;}
#menu3 a{background-position: -228px 0;}
#menu4 a{background-position: -342px 0;}
#menu5 a{background-position: -456px 0;}
#menu6 a{background-position: -570px 0;}
#menu7 a{background-position: -684px 0;}

#globalnavi a:hover{
  background-image: url(https://www.jia-okinawa.org/images/J-Gmenu.gif);
  background-repeat: no-repeat;
}

#menu1 a:hover{background-position: 0 -35px;}
#menu2 a:hover{background-position: -114px -35px;}
#menu3 a:hover{background-position: -228px -35px;}
#menu4 a:hover{background-position: -342px -35px;}
#menu5 a:hover{background-position: -456px -35px;}
#menu6 a:hover{background-position: -570px -35px;}
#menu7 a:hover{background-position: -684px -35px;}

/* Toppage 
------------------------------------- */
#top-right {
  float: right;
  margin-top: 10px;
  margin-right: 4px;
  padding-right: 4px;
}
#top-left {
  margin-top: 10px;
  float: left;
  width: 630px;
}
#name {
  font-size: 85%;
  color: #FFF;
  background-color: #595757;
  text-align: right;
  padding-top: 7px;
  padding-right: 7px;
  padding-bottom: 7px;
  width: 613px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 15px;
  margin-left: 10px;
  padding-left: 0px;
}
#info {
  width: 308px;
  padding-top: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
  float: left;
  padding-right: 10px;
  margin-bottom: 20px;
  line-height: 1.5em;
  border: 1px ridge #CCC;
}
.text-red {
  font-size: 120%;
  margin-bottom: 15px;
  font-weight: bold;
  font-family: "Times New Roman", Times, serif;
}
#info-titlle {
  margin-bottom: 20px;
  font-size: 110%;
}
#news {
  width: 275px;
  float: left;
  padding-left: 10px;
  line-height: 0.9em;
  padding-top: 10px;
  margin: 0px;
  padding-right: 15px;
}
#news-titlle {
  margin-bottom: 20px;
  font-family: "Times New Roman", Times, serif;
  font-size: 120%;
  font-weight: bold;
}
.banner {
  margin-bottom: 5px;
}
.news-text {
  line-height: 1.4em ;
}

.jiaconsult {
  width: 150px ;
  text-align: center ;
  background-color: #eeeeee ;
  line-height: 1.4em ;
  color: #111 ;
  margin: 0px ;
  padding: 5px 0px 20px 0px ;
}
.jiaconsultitle {
  background-color: #0168b7 ;
  color: #fff ;
  padding: 5px 0px ;
}
.jiaconsulcntnt01 {
  font-size: .9em ;
  margin: 15px 6px 0px 6px ;
  text-align: left ;
}
.jiaconsulcntnt02 {
  font-size: .9em ;
  margin: 5px 6px 15px 6px ;
  text-align: left ;
}

.jiaconsultbl {
  margin: auto ;
  font-size: .9em ;
  padding: 0px 5px 0px 5px ;
}


/* underpage 
------------------------------------- */
#sidebar1 {
  float: left;
  width: 200px;
  background: #FFF;
  padding: 15px 10px 15px 20px;
}
.cds-navi {
  list-style-position: inside;
  margin: 0 0 2em;
  padding: 0;
}

.cds-navi ul {
  list-style-position: inside;
  margin: 5px 0 0;
  padding: 0;
}

.cds-navi li {
  margin: 0;
  padding: 5px 0 4px;
  border-bottom: 1px solid #000000;
}

.cds-navi ul li {
  margin: 0;
  padding: 4px 0 5px 1em;
  border-top: 1px solid #999999;
  border-bottom: none;
}

.cds-navi li a,
.cds-navi ul li a { text-decoration: none; }

.cds-navi li a:hover,
.cds-navi ul li a:hover { text-decoration: underline; }
#mainContent {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 50px;
margin-left: 250px;
  padding: 0 20px;
}
#mainContent h3 {
  font-size: 13px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #999;
  color: #666;
}
#pagetitlle 
{
margin-top: 15px;
margin-bottom: 15px;
}
.mbanner {
  margin-bottom: 12px;
}
h2 {
  font-size: 18px;
  padding-top: 12px;
}
#sidebar1 h3 {
  font-size: 15px;
  background-color: #E1E1E1;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
}
#soudan{
  padding: 10px;
  background-color: #FDF5E6;
  line-height: 1.5em;
}
table{
  border-collapse: collapse;border-spacing: 0;
  width: 99%;
  margin-bottom: 30px;
}
th, td{
  color: #000;
}
.k-kakomi {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #EDEDED;
}
.images {
  float: right;
  padding-bottom: 15px;
  padding-left: 15px;
}
#kt-kakimi {
  padding-top: 5px;
  padding-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #FDF5E6;
}
#sakuname {
font-size: 85%;
color: #666;
}
#sakuname-titlle {
font-weight: bold;
color: #000;
margin-bottom: 10px;
}
/* サンプルtableの共通設定
----------------------------------- */
table.member{
  border-collapse: collapse;border-spacing: 0;
  width: 99%;
  margin-bottom: 30px;
}
.member th{
  padding: 10px 15px;
  color: #1D5C79;
  background-color: #E5F2F8;
}
.member td{
  padding: 10px 15px;
  color: #1D5C79;
}
.member .odd{
  background-color: #EFEFEF;
}
/* 役員名簿tableの設定
----------------------------------- */
table.table010 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 510px;
  border-collapse: collapse;
  border: solid 1px #999;
  font-size: 100%;
}

table.table010 caption {
  margin-top: 1em;
  text-align: left;
}

table.table010 th,
table.table010 td {
  border: solid 1px #999;
  padding: 4px 6px;
}

table.table010 th {
  background: #E6E6E6;
  text-align: center;
  white-space: nowrap;
  color: #666;
}

table.table010 td.course {
  text-align: center;
  font-size: 200%;
  font-weight: bolder;
}

table.table010 td.time,
table.table010 td.fee {
  text-align: right;
  white-space: nowrap;
}

--> 
<!--[if IE 5]>
<style type="text/css"> 
/* この条件分岐コメントに IE 5* を対象とした css ボックスモデルのフィックスを配置します */
.twoColFixLt #sidebar1 { width: 230px; }
#mainpic {
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
}
.date {
font-size: 80%;
padding-top: 5px;

padding-bottom: 3px;
font-weight: bold;
}
.news-text {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #666;
padding-bottom: 8px;
margin-bottom: 5px;
}
</style>
<![endif]--><!--[if IE]>
<style type="text/css"> 
/* この条件分岐コメントにすべてのバージョンの IE を対象とした css のフィックスを配置します */
.twoColFixLt #sidebar1 { padding-top: 30px; }
.twoColFixLt #mainContent { zoom: 1; }
/* 上述の専用のズームプロパティにより、いくつかのバグを回避するのに必要な hasLayout が IE に対して設定されます */
</style>
<![endif]-->