/* ----- *
  main.css
 ----- */

body{
  margin:0;
  background-color:#eeeeee;
/*  background-color:silver; */
  font-family:Arial, Helvetica, sans-serif;
}


header div{
  height:58px;
  text-align:right;
  background-color:#0d2ea0;
  color:#fff;
}


header .logo-global{
  display:block;
  width:104px;
  height:40px;
  position:absolute;
  top:10px;
  left:15px;
}


footer{
  border-top: 1px solid #999999;
/*  margin-top: 10px; */
  font-size:0.8em;
  padding:0.7em 1em;
  background:#ffffff;
}


footer nav{
  
}


footer a {
  color: #1a74ba;
  text-decoration: none;
}


footer a:hover, footer a:focus, footer a:active {
  color: #ba1a31;
  text-decoration: underline;
}


footer ul{
  display:inline-block;
  margin:0.1em 2em;
}


footer li{
  list-style:none;
  float:left;
  margin-right:1em;
  padding-right:1em;
  border-right:solid 1px #999999;
}


footer li:last-child{
  padding-right:0;
  border-right:none;
}


footer .txt-copyright{
  color:#808080;
  text-align:center;
}


div.main{
  max-width:60em;
  margin:0 auto;
  padding:0 0;
}


div.h1{
  margin:0;
  padding: 0.5em;
  background-color:white;
}


h1 {
}


section.lv2{
  margin:0.8em 0;
  padding:0.2em 0.5em;
  background-color:white;

}


section section{
  margin-left:1em;

}



@media screen and (min-width:48em){
  
  div.sbys section{
    float:left;
    width:46%;
  }
  
  div.sbys::after{
    display:block;
    clear:both;
    height:1px;
    visibility:hidden;
    content:".";
  }
  
  div.sbys section img{
  max-width:90%;
  }
  
}



div.main img{
  height:auto;
  max-width:75%;
}

div.bkfillptn img{
  height:auto;
  width:19%;
}



@media screen and (max-width:48em){
  
  div.main img{
    max-width:80%;
  }
  
  div.bkfillptn img{
    width:32%;
  }
  
}



@media screen and (max-width:36em){
  
  div.main img{
    max-width:100%;
  }
  
  div.bkfillptn img{
    width:49%;
  }
  
}



/******************************
	To the top on this page
******************************/

.pagetop{
	text-align : right;
	margin: 0.8em 0 0 0;
	padding: 0.2em 0 0.2em 0.5em;
/*	padding: 0.2em 0.5em 0.2em 0.5em;	*/
	background-color:white;
}

.pagetop p{
	font-size: 0.75em;
	padding : 10px 10px 10px 10px;
}

.pagetop a{
	background-image : url(../img/arrow_top.gif);
	background-repeat : no-repeat;
	background-position : left center;
	padding-left : 10px;
	font-weight : normal;
	color : #1a74ba;;
	text-decoration : none;
}

.pagetop a:visited{
	color : #1a74ba;
}

.pagetop a:hover{
	text-decoration : underline;
}