@charset "utf-8";

/* fonts */
@font-face{font-family:'Gabrielle'; src:url('../../font/Gabrielle.eot')}
@font-face{font-family:'Gabrielle'; src:url('../../font/Gabrielle.ttf') format("truetype");}


/* background */
body{background-image: url(../img/sky.jpg); 
background-repeat: repeat; 
background-color: #F4FAFE;
font-family:  "Times New Roman", "游明朝", "游明朝体", "Yu Mincho", "MS P明朝", "MS PMincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif; 
font-color: #333333; 
margin: 0px;
padding: 0px; }


/* contents */
#contents{
background-image: url(../img/white.gif);
background-repeat: repeat-y;
width: 900px;
margin: 0 auto;
position: relative;
}

/* Header */
#header{
}

/* Menu */
#navbar{
width: 100%;
height: 45px;
position: absolute; 
top:166px;
}

/* Side */
#side{
width: 195px;
position:absolute;
top: 660px;
left: 5px; 
}

/* Main */
#main{
width: 640px;
margin-top: 15px;
margin-left: 235px;
}

/* Footer */
address{
font-size: 85%;
font-style: normal;
text-align: center;
padding-top: 5px;
}

address{
width: 900px; 
padding-bottom: 10px;
border:none; 
} 

address a:hover{
color:#ff0000;
}

  /* update */
  p.update{text-align:right; font-size:110%; color:teal; font-weight: bold; }

 /* bottun */
  .btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-top:10px; margin-bottom:30px;
	width: 200px;
	height: 40px;
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s;
}

  .btn a:hover {
	color: #715c1e;
}

  .btn01 a {
	background-color: #18448e;
	border: 1px solid #18448e;
}

  .btn01 a:hover {
	background-color: #d0e2be;
	border: 1px solid #715c1e;
	color: 734e95;
}

  .btn01 a::after {
      content: '';
      color: #715c1e;
	position: absolute;
	top: 50%;
	right: -35px;
	transform: translateY(-50%);
	width: 70px;
	height: 1px;
	background-color: #715c1e;
  }

    .btn02 a {
	background-color: #3b88bc;
	border: 1px solid #3b88bc;
}

  .btn02 a:hover {
	background-color: #bed6ed;
	border: 1px solid #004c46;
	color: #004c46;
}

  .btn02 a::after {
      content: '';
      color: #004c46;
	position: absolute;
	top: 50%;
	right: -35px;
	transform: translateY(-50%);
	width: 70px;
	height: 1px;
	background-color: #004c46;
  }