@charset   "UTF-8";

/*- themeid=hpb9tm10_1; --------------------------------*/

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


table {margine-left: auto; margne-right: auto;}


.hpb-subh02 {
}

.hpb-subh02-cell1{
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
	color: #FFFFFF;
	font-size : 100%;
	background: #66669A;
	border : medium none;
	padding: 3px 3px 3px 7px;

  font-family : メイリオ, Arial;

  text-align : center;
  line-height : 1.3;
}


#site-box{
	  
    
    
          width : 980px;
}


#header{
	  
    
    
          clear: both;
          width: 980px;

  color : white;
  background-color : #66669a;

  font-family : メイリオ, Arial;

  font-size : 100%;

  font-weight : 200;
}

#menu{
	  
    
    
          float: left;
          width : 242px;

  height : 800px;
}

#content{
	  
    
    
          float: right;
          width : 720px;

  height : 800px;
}












#footer{
	  
    
    
          clear: both;
          width: 980px;
}


/*-------------------- element type --------------------*/

a:link{
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
	color : blue;
	text-decoration: none;
	

}

a:visited{
    
    
    
    
    
    
    
    
    

    
    
    
	color : purple;
	text-decoration: none;
	

}

a:hover{
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
	color : blue;
	text-decoration : underline;
	


  font-size : 100%;
  font-weight : normal;
}

body{
	  
    
    
    
    
    
    
    
    
    
    
    
    
	color : black;
	margin-top: 10px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	font-size : 100%;
	background-color : #ffffff;
	font-family : メイリオ, Arial;
	font-weight: normal;
       line-height : 1.3em;
}

h1{
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
	color : white;
	margin-top : 0%;
	margin-right : 0%;
	margin-bottom : 0%;
	margin-left : 0%;
	font-size: 140%;

  font-family : メイリオ, Arial;

  background-color : gray;
  text-align : center;
  font-weight : bold;
  line-height : 1.5;
}

H2{
	  
    
    
    
    
    
    
    
    
    
    
    
    
	color : blue;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size : 120%;
	font-weight: bold;
	font-family : メイリオ, Arial;
}

H3{
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
	color : blue;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size : 120%;
	font-weight: bold;

  font-family : メイリオ, Arial;
  background-color : white;
background-position : center center;
}

H4{
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
	color : white;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size : 100%;
	font-weight: bold;
  background-color : navy;
  text-align : center;
  font-family : メイリオ, Arial;
}

H5{
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
	color : white;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size : 100%;
	font-weight: bold;
  font-family : メイリオ, Arial;
  background-color : navy;
  text-align : right;
}

H6{
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
	color : gray;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size : 10px;
	font-weight : normal;
	line-height : 12px;

  font-family : メイリオ, Arial;
}

H7{
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
	color : white;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size : 100%;
	font-weight: bold;
  background-color : navy;
  text-align : left;
}H7{
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
	color : white;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size : 100%;
	font-weight: bold;
  background-color : navy;
  text-align : left;
}

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

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

p{
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
	color : black;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: normal;

  font-size : 100%;
  font-family : メイリオ, Arial;

  line-height : 130%;
}

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

UL{
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
	color: red;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 16px;
	list-style-image : url(pictures/hpb_bul_circle01.gif);
	list-style-position: outside;
	list-style-type: none;
}

TH{
    
    
    
    
    
    
    
    
    
    
    
    
	color: red;
}

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

img{
 max-width : 100% ;
 height : auto ;
 } 

div.boxa{
	border: 1px solid #000000;  width: 740px; margin-left: auto; margin-right: auto;
}

iframe{
	width : 100% ;
}

.youtube{
	width: 100% ;
	max-width: 560px ;			/* 最大の横幅 */
	height: 0 ;					/* 高さは0にする */
	padding-bottom: 56.25% ;	/* 横幅に対する縦幅の比率 */
	position: relative ;
	top: 0 ;
	left: 0 ;
  margin-left : auto;
  margin-right : auto;
}

/* [ifram] */
.youtube iframe{
	width: 100% ;		/* 親要素の余白いっぱい */
	height: 100% ;		/* 親要素の余白いっぱい */
	margin: 0 ;			/* 余白 */
	padding: 0 ;		/* スペース */
	position: absolute ;
	top: 0 ;
	left : auto;
  right : auto;
}