@charset "UTF-8";


/* Layout */
html{
}

body{
  font-family : "‚l‚r –¾’©",serif ;
  color : #000000 ;
  background : #FFFFFF ;
}

header{
  margin : 20px 10px 15px 10px ;
}

header h1{
}

article{
  font-size : 0 ;
}

article div{
  width : 100% ;
  display : -webkit-box ;
  display : -moz-box ;
  display : box ;
  margin : 0 0 1px 0 ;
}

article div section{
  position:relative;
  display:flex;
  width:auto;
  border-right:#FFFFFF solid 1px;
}

article div section.news{
  background:url(../img/mnt-fuji_01.jpg) no-repeat center top;
  background-size:cover;
  -webkit-background-size:cover;
  height:150px;
  -webkit-box-flex:1;
  -moz-box-flex:1;
  box-flex:1;
}

article div section.corp{
  background:url(../img/sky-tree_01.jpg) no-repeat center top;
  background-size:cover;
  -webkit-background-size:cover;
  width : 25% ;
  height:300px;
  -webkit-box-flex:1;
  -moz-box-flex:1;
  box-flex:1;
}

article div section.map{
  background:url(../img/tokyo-tower_01.jpg) no-repeat center top;
  background-size:cover;
  -webkit-background-size:cover;
  width : 75% ;
  height:300px;
  -webkit-box-flex:2;
  -moz-box-flex:2;
  box-flex:2;
}

article div section:last-child{
  border-right:none;
}

article div section a{
  display : block ;
  position : absolute ;
  left : 0 ;
  top : 0 ;
  width : 100% ;
  height : 100% ;
  color : #FF0000 ;
  text-decoration : none ;
}

article div section a p{
  position:absolute;
  left:10px;
  top:28px;
  font-size:10px;
  font-family: "‚l‚r –¾’©",serif ; 
}

article div section a h1{
  position:absolute;
  left:10px;
  top:10px;
  font-size:16px;
  font-family: "‚l‚r –¾’©",serif ; 
}

#foot{
  margin:0 10px;
  padding:10px 0 10px 0;
  font-size:12px;
}

#foot section{
  padding:15px 10px;
  background:#DDF2F9;
  border-radius:4px;
}

#foot section p{
  text-align : center ;
}