/*----------------------------------------------------------*/
body{ 
           color: #004488; 
	   background:#ffffff url(../sozai/tx_05.jpg);
           margin: 10px 5% 10px 5%;
}
/*----------------------------------------------------------*/
pre{ 
           color: #006666;
           margin: 5px;
           line-height: 1.4em; 
}
/*----------------------------------------------------------*/
blockquote{ 
           color: #006666;
           line-height: 1.4em;
}
/*----------------------------------------------------------*/
h1{ 
           color: #0044FF;
           text-align:center;
           font-style:italic;
           font-size: 1.7em;
           font-weight:bold; 
           border-color:#0088FF; 
           border-style:solid; 
           border-width:0.2em 1.0em 0.2em 1.0em;
           margin-left:20%;
           margin-right:20%;
           background-color: #FFFFFF;
}
/*----------------------------------------------------------*/
h2{        color: #0044FF;
           text-align:center;
           font-size: 1.6em;
}
/*----------------------------------------------------------*/
h3{
           color: #FFFFFF;
           background-color: #0088FF;
           font-size: 1.4em;
           margin: 6px 0% 6px 0%;
           border:none;
           line-height: 1.5em;
} 
/*----------------------------------------------------------*/
h3 B{      
           color: #FFFFFF; 
}
/*----------------------------------------------------------*/
h4{ 
           color: #660000; 
           font-weight:bold; 
           border-color:#0088FF; 
           border-style:solid; 
           border-width:0 0 0.2em 0.5em;
           margin-left:10px;
           margin-right:60%;
           padding-left:1em;
}
/*----------------------------------------------------------*/
ul{ 
           line-height: 1.4em;
           list-style-type: square;  
}
/*----------------------------------------------------------*/
ol{        
           line-height: 1.0em; 
}
/*----------------------------------------------------------*/
strong{    
           color: #00008F; 
}
/*----------------------------------------------------------*/
A:link { 
           color: #004488; 
           text-decoration: none;
}
A:visited { 
           color: #004488; 
           text-decoration: none;
}
A:active  {
           color: #004488; 
           text-decoration: none;
}
A:hover{  
           font-style:italic;
           color: red;
           font-size:1.5em;
           line-height: 1.5em; 
           text-decoration: none;
}
/*----------------------------------------------------------*/
TD{
           color: black;
           margin: 5px;
           line-height: 1.5em; 
           font-size:1.0em;
}
marquee{
           background-color: #ffdab9;
           height:1.8em;
           width:100%;
  	   padding: 4px 0 0 0;
           font-size:0.8em;
           color:blue;
}

A:link.button {
	color : #000000;
	background-color : #CCCCCC;
	text-decoration : none;
	border : 2px outset;
	padding: 2px 20px 2px 20px;
}


A:visited.button {
	color : #000000;
	background-color : #CCCCCC;
	text-decoration : none;
	border : 2px outset;
	padding: 2px 20px 2px 20px;
}


A:active.button {
	color : #FF5555;
	background-color : #555555;
	text-decoration : none;
	border : 2px inset;
	padding: 2px 20px 2px 20px;
}


A:hover.button {
	color : #555555;
	background-color : #DDDDDD;
	text-decoration : none;
	border : 2px inset;
	padding: 2px 20px 2px 20px;
}

.logo-area {
    display: flex;
    align-items: center; /* 上下中央揃え */
    justify-content: center;
    gap: 20px;
    margin-bottom: 1rem;
    flex-wrap: wrap; /* スマホで縦に並ぶようにする */
}