/*- themeid=hpb9tm04_8; --------------------------------*/
/*-------------------- element type --------------------*/

/*-------------------------wrapperの指定*/   
#wrapper {
  width: 960px;  
  margin: 0 auto;  
  padding: 0;  
}

/*-------------------------headerの指定*/   
#header {  
  background: -moz-linear-gradient(top, #FFCDF1 80%, #FFF);
  background: -webkit-linear-gradient(top, #FFCDF1 80%, #FFF);
  background: linear-gradient(top, #FFCDF1 80%, #FFF); 
  margin: 0 0 10 0;  
  padding: 0;  
} 
 
/*-------------------------container(flexbox)の指定*/ 
#container { 
  display: flex;
  flex-direction: row-reverse;
} 

/*-------------------------contentsの指定*/  
#contents {  
  min-width: 500px;
  max-width: 700px;
  margin: 0 0 0 5px;
  padding: 0; 
  
	background-color: #ffffff;
	background-image : url(app/latin_0409_01.jpg);
	background-repeat: no-repeat;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	font-size: 110%;
  background-attachment : fixed;
background-position : 50% 0%; 
}  

/*-------------------------left-sidebarの指定*/  
#left-sidebar {
  text-align: center;  
  width: 200px; 
  margin: 0;  
  padding: 0;  
}

/*-------------------------footerの指定*/  
#footer {  
  text-align: center;  
  clear: both;  
  background: -moz-linear-gradient(bottom, #FFCDF1 50%, #FFF 80%, #FFF);
  background: -webkit-linear-gradient(bottom, #FFCDF1 50%, #FFF 80%, #FFF);
  background: linear-gradient(bottom, #FFCDF1 50%, #FFF 80%, #FFF);   
  margin: 0;  
  padding: 0.5em 0;
}  

BODY {
	color: #000000;}

H1 {
	background-image : url(app/04subh08.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 160%;
	font-weight: bold;
}

H2 {
	background-image : url(app/04subh08.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 140%;
	font-weight: bold;
}

H3 {
	color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 140%;
	font-weight: lighter;
	font-style: italic;
}

H4 {
	color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 130%;
	font-weight: bold;
	font-style: italic;
}

H5 {
	color: #768bbf;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 110%;
	font-weight: bold;
}

H6 {
	color: #768bbf;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 100%;
	font-weight: bold;
}

ADDRESS {
	color: #000099;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}

BLOCKQUOTE {
	color: #000099;
	margin-top: 8px;
	margin-right: 15px;
	margin-bottom: 8px;
	margin-left: 15px;
}

P {
	color: #333333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: normal;
}

PRE {
	color: #000099;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}

UL {
	color: #000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 16px;
	list-style-image : url(app/04bul05.gif);
	list-style-position: outside;
	list-style-type: none;
}

TH {
	color: #000;
	background-color: #FFCDF1;
	border-color: #666666 #666666 #666666 #666666;
	border-style: solid solid solid solid;
	border-width: 0px 1px 1px 0px;
	font-size: 80%;
}

A:LINK {
	color: #fe00b9;
	text-decoration: none;
}

A:VISITED {
	color: #990099;
	text-decoration: none;
}

A:HOVER {
	color: #cc9900;
	text-decoration: underline;
}

SELECT {
	color: #333333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: normal;
}

/*-------------------- body --------------------*/

.hpb-body1 {
	color: #666666;
	font-size: 80%;
}

.hpb-body2 {
	color: #000099;
}

.hpb-body3 {
	color: #000099;
	font-size: 80%;
}

/*-------------------- inline block --------------------*/
.inline-block {
	display: inline-block;
	vertical-align: top;
	padding:  20px;
    }

/*-------------------- bullet --------------------*/

.hpb-bul1 {
	color: #000099;
}

.hpb-bul2 {
	color: #000099;
	font-size: 80%;
}

/*-------------------- contents --------------------*/

.hpb-cnt-cell1 {
	background-color: #95b5f7;
}

.hpb-cnt-cell2 {
	background-color: #ffcef2;
}

.hpb-cnt-cell3 {
	color: #333333;
	font-size: 80%;
}

.hpb-cnt-cell4 {
	background-color: #ffcef2;
}

.hpb-cnt-cell5 {
	color: #333333;
	font-size: 80%;
}

.hpb-cnt-cell6 {
	color: #333333;
	font-size: 80%;
}

.hpb-cnt-tb-cell1 {
	color: #000;
	margin-left: 10px;
	background-color: #ffcdf1;
	border-color: #999999 #999999 #999999 #999999;
	border-style: solid solid solid solid;
	border-width: 0px 0px 0px 0px;
	font-size: 130%;
}

.hpb-cnt-tb-cell2 {
	color: #000;
	margin-left: 10px;
	background-color: #ffffff;
	border-color: #999999 #999999 #999999 #999999;
	border-style: solid solid solid solid;
	border-width: 0px 0px 0px 0px;
	font-size: 130%;
}

.hpb-cnt-tb-cell3 {
	color: #000;
	background-color: #ffcdf1;
	border-color: #999999 #999999 #999999 #999999;
	border-style: solid solid solid solid;
	border-width: 0px 0px 0px 0px;
	font-size: 80%;
}

.hpb-cnt-tb-cell4 {
	color: #000;
	background-color: #ffffff;
	border-color: #999999 #999999 #999999 #999999;
	border-style: solid solid solid solid;
	border-width: 0px 0px 0px 0px;
	font-size: 80%;
}

.hpb-cnt-tb-cell5 {
	color: #000;
	background-color: #ffffff;
	border-color: #999999 #999999 #999999 #999999;
	border-style: solid solid solid solid;
	border-width: 0px 0px 1px 0px;
	font-size: 80%;
}

/*-------------------- design table --------------------*/

.hpb-cnt-tb-th1 {
	color: #000;
	background-color: #ff9ee4;
	border-color: #999999 #999999 #999999 #999999;
	border-style: solid solid solid solid;
	border-width: 0px 1px 1px 0px;
	font-size: 80%;
}

.hpb-cnt-tb-th2 {
	color: #000;
	background-color: #ff9ee4;
	border-color: #999999 #999999 #999999 #999999;
	border-style: solid solid solid solid;
	border-width: 0px 0px 0px 0px;
	font-size: 80%;
}

.hpb-cnt-tb0 {
	background-color: #999999;
}

.hpb-cnt-tb1 {
	background-color: #ffffff;
	border-color: #999999 #999999 #999999 #999999;
	border-style: solid solid solid solid;
	border-width: 1px 0px 0px 1px;
}

.hpb-cnt-tb1-cell1 {
}

.hpb-cnt-tb1-cell2 {
	color: #666666;
	background-color: #ffcdf1;
	font-size: 80%;
}

.hpb-cnt-tb1-cell3 {
	color: #666666;
	background-color: #ffffff;
	font-size: 80%;
}

.hpb-cnt-tb1-cell4 {
	color: #333333;
	font-size: 80%;
}

.hpb-cnt-tb1-cell5 {
	color: #333333;
	background-color: #666666;
	font-size: 80%;
}

.hpb-cnt-tb2 {
	background-color: #ffffff;
	border-color: #999999 #999999 #999999 #999999;
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 1px;
}

.hpb-cnt-tb3 {
	background-color: #ffffff;
	border-color: #999999 #999999 #999999 #999999;
	border-style: solid solid solid solid;
	border-width: 0px 0px 0px 0px;
}

/*-------------------- column --------------------*/

.hpb-colm0 {
}

.hpb-colm0-cell1 {
	color: #333333;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	font-size: 80%;
	font-weight: bold;
}

.hpb-colm0-cell2 {
	color: #333333;
	font-size: 80%;
}

.hpb-colm1 {
}

.hpb-colm1-cell1 {
	color: #666666;
	background-color: #fe00b9;
	border-color: #999999 #999999 #999999 #999999;
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 1px;
	font-size: 80%;
	font-weight: bold;
}

.hpb-colm1-cell2 {
	color: #333333;
	border-color: #999999 #999999 #999999 #999999;
	border-style: solid solid solid solid;
	border-width: 0px 1px 1px 1px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	font-size: 80%;
}

.hpb-colm2 {
}

.hpb-colm2-cell1 {
	color: #333333;
	border-color: #fe00b9 #fe00b9 #fe00b9 #fe00b9;
	border-style: solid solid none solid;
	border-width: 1px 1px 1px 1px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	font-size: 80%;
	font-weight: bold;
}

.hpb-colm2-cell2 {
	color: #333333;
	border-color: #fe00b9 #fe00b9 #fe00b9 #fe00b9;
	border-style: none solid solid solid;
	border-width: 1px 1px 1px 1px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	font-size: 80%;
}

/*-------------------- head --------------------*/

.hpb-head {
}

.hpb-head-cell1 {
	color: #990099;
	background-color: #ffeeee;
	background-image : url(app/hpb_bg01.gif);
	font-size: 95%;
	font-weight: bold;
}

.hpb-head-cell2 {
	background-color: #ffeeee;
	background-image : url(app/hpb_bg01.gif);
}

.hpb-head-tb1 {
}

.hpb-head-tb1-cell1 {
	background-color: ;
}

.hpb-head-tb1-cell2 {
	color: #660066;
	background-color: none;
	font-size: 80%;
}

/*-------------------- horizontal menu --------------------*/

.hpb-hmenu1 {
}

.hpb-hmenu1-hil {
	color: #ffffff;
	font-size: 80%;
	font-weight: bold;
}

.hpb-hmenu1-idle1 {
}

.hpb-hmenu1-idle2 {
}

.hpb-hmenu1-link0 {
	color: #ffffff;
	text-decoration: none;
}

.hpb-hmenu1-link0:link {
	color: #ffffff;
	text-decoration: none;
}

.hpb-hmenu1-link0:visited {
	color: #ffffff;
	text-decoration: none;
}

.hpb-hmenu1-link0:hover {
	color: #ffffff;
	text-decoration: underline;
}

.hpb-hmenu1-link1 {
	color: #ffffff;
	font-size: 80%;
	text-decoration: none;
}

.hpb-hmenu1-link1:link {
	color: #ffffff;
	font-size: 80%;
	text-decoration: none;
}

.hpb-hmenu1-link1:visited {
	color: #cccccc;
	font-size: 80%;
	text-decoration: none;
}

.hpb-hmenu1-link1:hover {
	color: #ffcc00;
	font-size: 80%;
	text-decoration: underline;
}

.hpb-hmenu1-link2 {
	color: #ffffff;
	font-size: 80%;
	text-decoration: none;
}

.hpb-hmenu1-link2:link {
	color: #ffffff;
	font-size: 80%;
	text-decoration: none;
}

.hpb-hmenu1-link2:visited {
	color: #cccccc;
	font-size: 80%;
	text-decoration: none;
}

.hpb-hmenu1-link2:hover {
	color: #ffcc00;
	font-size: 80%;
	text-decoration: underline;
}

.hpb-hmenu2 {
}

.hpb-hmenu2-hil {
	color: #666666;
	font-size: 70%;
	font-weight: bold;
}

.hpb-hmenu2-idle1 {
}

.hpb-hmenu2-idle2 {
}

.hpb-hmenu2-link0 {
	color: #666666;
	font-size: 90%;
	text-decoration: none;
}

.hpb-hmenu2-link0:link {
	color: #666666;
	font-size: 90%;
	text-decoration: none;
}

.hpb-hmenu2-link0:visited {
	color: #666666;
	font-size: 90%;
	text-decoration: none;
}

.hpb-hmenu2-link0:hover {
	color: #666666;
	font-size: 90%;
	text-decoration: underline;
}

.hpb-hmenu2-link1 {
	color: #333333;
	font-size: 70%;
	text-decoration: none;
}

.hpb-hmenu2-link1:link {
	color: #333333;
	font-size: 70%;
	text-decoration: none;
}

.hpb-hmenu2-link1:visited {
	color: #666666;
	font-size: 70%;
	text-decoration: none;
}

.hpb-hmenu2-link1:hover {
	color: #0033cc;
	font-size: 70%;
	text-decoration: underline;
}

.hpb-hmenu2-link2 {
	color: #333333;
	font-size: 70%;
	text-decoration: none;
}

.hpb-hmenu2-link2:link {
	color: #333333;
	font-size: 70%;
	text-decoration: none;
}

.hpb-hmenu2-link2:visited {
	color: #666666;
	font-size: 70%;
	text-decoration: none;
}

.hpb-hmenu2-link2:hover {
	color: #0033cc;
	font-size: 70%;
	text-decoration: underline;
}

/*-------------------- horizontal rule --------------------*/

.hpb-hr01 {
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
}

.hpb-hr01-cell1 {
	background-image : url(app/04hr04.gif);
	background-repeat: repeat-x;
	font-size: 80%;
	font-weight: bold;
}

/*-------------------- list --------------------*/

.hpb-list1 {
	color: #999999;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 16px;
	list-style-image : url(app/04bul05.gif);
	list-style-position: outside;
	list-style-type: none;
}

/*-------------------- side --------------------*/

.hpb-side-cell1 {
	background-color: #95b5f7;
}

.hpb-side-cell2 {
	background-color: #ffcef2;
}

.hpb-side-cell3 {
	color: #333333;
	background-color: #ffeeee;
	background-image : url(app/hpb_bg02.gif);
	font-size: 80%;
}

.hpb-side-cell4 {
	background-color: #ffcef2;
}

.hpb-side-tb1 {
	background-color: ;
}

.hpb-side-tb1-cell1 {
	background-color: ;
}

.hpb-side-tb1-cell2 {
	background-color: ;
}

.hpb-side-tb1-cell3 {
	background-color: ;
}

.hpb-side-tb1-cell4 {
	background-color: ;
}

.hpb-side-tb1-cell5 {
	background-color: ;
}

.hpb-side-tb1-cell6 {
	background-color: ;
}

.hpb-side-tb1-cell7 {
	background-color: ;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
}

/*-------------------- subhead --------------------*/

.hpb-subh01 {
	background-color: #ffffff;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
}

.hpb-subh01-cell1 {
	color: #666666;
	background-image : url(app/04subh08.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 80%;
	font-weight: bold;
}

/*-------------------- title --------------------*/

.hpb-title-tb {
}

.hpb-title-tb-cell1 {
	color: #777777;
	font-size: 119%;
	font-weight: bold;
}

.hpb-title-tb-cell2 {
	color: #888888;
	font-size: 95%;
}

/*-------------------- vertical menu --------------------*/

.hpb-vmenu1 {
}

.hpb-vmenu1-hil {
	color: #768bbf;
	background-color: #eeeeee;
	font-size: 80%;
	font-weight: bold;
}

.hpb-vmenu1-idle1 {
}

.hpb-vmenu1-idle2 {
}

.hpb-vmenu1-link0 {
	color: #768bbf;
	text-decoration: none;
}

.hpb-vmenu1-link0:link {
	color: #768bbf;
	text-decoration: none;
}

.hpb-vmenu1-link0:visited {
	color: #768bbf;
	text-decoration: none;
}

.hpb-vmenu1-link0:hover {
	color: #768bbf;
	text-decoration: underline;
}

.hpb-vmenu1-link1 {
	color: #666666;
	font-size: 80%;
	text-decoration: none;
}

.hpb-vmenu1-link1:link {
	color: #666666;
	font-size: 80%;
	text-decoration: none;
}

.hpb-vmenu1-link1:visited {
	color: #999999;
	font-size: 80%;
	text-decoration: none;
}

.hpb-vmenu1-link1:hover {
	color: #ff9900;
	font-size: 80%;
	text-decoration: underline;
}

.hpb-vmenu1-link2 {
	color: #666666;
	font-size: 80%;
	text-decoration: none;
}

.hpb-vmenu1-link2:link {
	color: #666666;
	font-size: 80%;
	text-decoration: none;
}

.hpb-vmenu1-link2:visited {
	color: #999999;
	font-size: 80%;
	text-decoration: none;
}

.hpb-vmenu1-link2:hover {
	color: #ff9900;
	font-size: 80%;
	text-decoration: underline;
}