/*  BODY{background-color: black ;}*/
  BODY{background : url(../img/okinawaback.jpg);}
  A {font-size:12px;	color:navy;	text-decoration:none;	line-height: 18px;}
  A:active{font-size:12px; font-style:normal; color:cornflowblue; text-decoration:none;}
  A:visited{font-size:12px; font-style:normal; color:navy; text-decoration:none;}
  A:hover{font-size:12px; font-style:normal; color:#FF6600; text-decoration:none;background-color: #FFFF99;}

  .o{color:#EFA040;}
  .r{color:#BC0B51;}
  .b{color:#00518B;}
  .n{color:navy;}

  
.title {
	padding-right: 0px; 
    border-top: #ff8c00 3px double; 
    padding-left: 0px; 
    padding-bottom: 0.2em; 
    MARGIN: 0.2em 0px; 
    padding-top: 0.2em; 
    border-bottom: #ff8c00 3px double;
    text-align: center;
    font-weight:bold;
}
.box_table{
    margin: 0 auto;
    width: 934px;
}
.blue_box{
    width:377px;
}
.con_blue{
    padding: .75em;
    background-color: #b3d9ff;
}
.txt{
    margin: 0;
}
.con_topics{
    width: 230px;
    background-color: #fce487;
    border-style: double double double double;
    border-color: #fd9509;
    
}
LI {
	padding-right: 0.5em; 
    border-top: #20b2aa 1px dashed; 
    padding-left: 0.5em; 
    FONT-SIZE: 12px; 
    padding-bottom: 0.2em; 
    MARGIN: 0.8em 0px; 
    padding-top: 0.2em; 
    border-bottom: #20b2aa 1px dashed; 
    FONT-FAMILY: "Arial", "Verdana", "Tahoma", "sans-serif"; 
    LIST-STYLE-TYPE: none; 
    LETTER-SPACING: 0.1em; 
    BACKGROUND-COLOR: #ffffff;
}
LI.overm {
	padding-right: 0.5em; border-top: #ff8c00 1px dashed; padding-left: 0.5em; padding-bottom: 0.2em; MARGIN: 0.8em 0px; padding-top: 0.2em; border-bottom: #ff8c00 1px dashed; LETTER-SPACING: 0.1em; BACKGROUND-COLOR: #fffaf0; font-color: #FFFFFF
}}
/* .title{
	background-color: #FFFF99;
	border-top: 2px dashed #FF6600;
	border-right: 4px solid #FF6600;
	border-bottom: 2px dashed #FF6600;
	border-left: 4px solid #FF6600;
	font-weight: lighter;
	color: #FF3300;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	letter-spacing: 0.2em;
	height: 20px;
	width: 200px;
  } */
  .subtitle{
	background-color: #FFFF99;
	border-top: 2px none #FF6600;
	border-right: 2px dashed #FF6600;
	border-bottom: 2px none #FF6600;
	border-left: 2px dashed #FF6600;
	font-weight: lighter;
	color: #FF3300;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	letter-spacing: 0.2;
	height: 20px;
	width: 200px;
  }

.menu{
	background-color: #006699;
	border-top: 1px solid #000066;
	border-right: 4px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 4px solid #000066;
	font-weight:lighter;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 30px;
	letter-spacing: 0.3em;
  }
.menu A {
	font-weight:lighter;
	text-decoration:none;
	color: #FFFFFF;
}
.menu A:hover{
/*  padding : 2 10 2 10px;*/
	background-color: #FFFFFF;
	color: #000000;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 0.3em;}
	
.menugroup{
	background-color: #006699;
	border-top: 1px solid #000066;
	border-right: 4px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 4px solid #000066;
	font-weight:lighter;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 30px;
	letter-spacing: 0.1em;
  }
 .menugroup A {
	font-weight:lighter;
	text-decoration:none;
	color: #FFFFFF;
}
 .menugroup A:hover{
	background-color: #FFFFFF;
	color: #000000;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 0.3em;} 
.QAtitle{
	background-color: #009999;
	font-weight: lighter;
	color: #FFFFFF;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	letter-spacing: 0.2em;
	border: 0px dashed #FF6600;
  }
.small{
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: lighter;
	color: #333333;
}
.middle-f{
	font-size: 12px;
}
.big-f{
	font-size: 13px;
    margin: 0;
}
.big-f_2{
    display: flex;
    justify-content: space-between;
    margin: 0;
}
.large-f{
	font-size: 16px;
    margin: 0;
}