@charset "UTF-8";

/* *****************************************************************
	reset
 ***************************************************************** */
html,body,div,p,span,h1,ul,ol,li,dl,dd,dt,h2,h3,h4{ margin:0; padding:0; }
ul li{ list-style:none; }
img{border:none;}
* {
filter: inherit;
}

/* *************************************************************** */
html,body{height: 100%;}
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	line-height:1;
}

#container{
	position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}
#wrapper{ width:100%; clear:both;padding-bottom:0px;}
#header,#contents{ width:100%; margin:0 auto;}
#contents{ position:relative; }
.inner{ width:100%; max-width: 950px; margin:0 auto;}

/* *************************************************************** */
body#home{ }
body#home #container{ }

/* *************************************************************** */
/* *** #nav *** */
#nav{ width:100%; clear:both; height:2em; z-index:5000; font-size:1.25em; position:relative; border-bottom: #073190 2px solid; text-align:center;}
#nav li{ display: inline-block; width:8em; height:2em; line-height:2.2; text-align:center;}
#nav li a.select{ text-decoration:none; color:#1c82cb; border-bottom: #d7e3ff 2px solid;}
#nav li a,#nav li a:link{
	display:block; letter-spacing:0.12em; 
	background:none;
	text-decoration:none; color:#073190;
	width:8em; height:100%;
}
#nav li a:visited{ color:#073190;}
#nav li a:hover{ color:#3B74FF; }
/* *************************************************************** */
/* *** #header *** */
#header{ padding:1.5em 0 1em 0; width:950px; margin: auto; height:60px; z-index:5000; position:relative; text-align: center;}
#header h1{ display: inline-block; vertical-align:middle; width: 48%; text-align: left;}
#header p{ display: inline-block; vertical-align: middle; width: 48%; text-align: right;}

/* *************************************************************** */
/* *** #footer *** */
#footer{
	border-top:solid 2px #073190; background:#073190;
  z-index:5000;position: absolute;
  width: 100%; padding-bottom: 1.5em;
}
#footer .inner{ max-width: 100%;}
#footer p{ padding:2em 0; text-align:center; clear:both; color:#8a8a8a; background-color: rgba(255,255,255,1.00);}
#footer address{ font-size:0.8rem; font-style: normal; text-align: center; color:#D7D7D7; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; letter-spacing: 0.1em;}
#footer address span{ line-height:1;}
#footer ul{ width:100%; height:1.25em; margin:1.5em auto; text-align: center; background-color: #073190;}
#footer ul li{ padding:0 0.5em; display: inline-block; font-size:1.25em; text-align:center;}
#footer ul li a:link{color:#eaeaea; text-decoration: none;}
#footer ul li a:visited{color:#eaeaea;}
#footer ul li a:hover{color:#cacaca; text-decoration: underline;}


/* *************************************************************** */
/* ***  #headarea *** */
#headarea{
  width: 100%;
  color: #073190;
  position: relative;
  padding: 3em 0;
}
#headarea:before{
  content: '';
  width: 100%; height: 250px;
  position: absolute;
  top: 0; bottom:0; margin: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#headarea h1{ font-weight: lighter; font-size: 2.25rem;}
#headarea .photoPoz{
	position:relative;
  display: inline-block; vertical-align: middle;
  text-align: right;
  width: 40%;
}
#headarea .photoPoz img{ width: 100%;}
#headarea .text{
	position:relative;
  display: inline-block; vertical-align: middle;
	font-size:1.25rem;
	line-height:2;
  width: 55%;
}


/* ***  section *** */
section{ padding: 3em 0; }
section:nth-of-type(even){ background-color: #ebf2ff; }
section:last-of-type{ padding: 3em 0 6em 0; }

/* ***  h2 *** */
section h2{
  text-align: center; 
  font-size: 1.75rem; margin: 1em 0 1.5em 0;
  font-weight: lighter;
}

/* ***  h3.minHeadline *** */
.minHeadline{
	background:url(../image/bg_minheadline.gif) repeat-x center;
	font-size:1.1em; font-weight:normal; color:#073190;
}
.minHeadline span{ background:#ffffff; padding-right:0.5em;}

/* ***  h4 *** */
h4{ font-weight:normal;}

/* ***  img *** */
.intext{
	vertical-align:text-bottom;
}

/* ***  icon *** */

.icon.qa{ display: inline-block; vertical-align: middle; line-height: 1; }
.icon.qa:before{
  content: ''; width: 1em; height: 1em; margin-right: 0.25em;
  display: inline-block; vertical-align: middle;
  background-image: url(../image/icon_info.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
.icon.triangle{}

/* ***  ***Box *** */
.tableBox{ padding:0 20px;}
.textBox{ padding:1em 3em;line-height:1.6;}
.preBox{ padding:0;}

/* ***  .btn a *** */
.btn{ margin-top: 1em; font-size: 1rem; line-height: 1;}
.btn a{
  text-align:center; position: relative;
  display: inline-block; padding: 0.75em 4em 0.75em 3em;
}
.btn a:after{
  content: ''; position: absolute;
  width: 1em; height: 1em; top: 0.75em; right: 2em;
  background: url(../image/triangle.png) no-repeat;
  background-size: auto 100%;
}
.btn a:link,.btn a:visited{ color: rgba(255,255,255,1.00); text-decoration: none;  background-color: #073190;}
.btn a:hover,.btn a:active{ background-color: #3D6FE1;}


/* ***  table.twoColumn *** */
table.twoColumn{
	border:none; margin:0; padding:0; line-height:1.5; letter-spacing:0.05em; font-size:1.15rem;
	border-collapse: separate; border-spacing: 10px 18px;
}
table.twoColumn caption{ height:0; overflow:hidden; text-indent:-9999px; position:absolute; font-size:0;}
table.twoColumn th{
	text-align: right; color:#0f7dc9; font-weight: normal; border-right:solid #81c7ff 1px;
	padding:0px 13px; vertical-align:top; width:5em;}
table.twoColumn td{ padding:0px 5px}

/* ***  table.oddTable *** */
table.oddTable{
  width:100%; margin:0; padding:0; line-height:1.5;  font-size:100%;
	border-collapse:collapse; border-spacing:0;
}
table.oddTable tbody{border: solid 1px #073190;}
table.oddTable caption{ height:0; overflow:hidden; text-indent:-9999px; position:absolute; font-size:0;}
table.oddTable td{ padding:3px;}
table.oddTable td.tdYear,table.oddTable td.tdCity{ text-align:center;}
table.oddTable td.tdSpot,table.oddTable td.tdDetails{ text-align:left;}
table.oddTable td.tdYear{ width:15%;}
table.oddTable td.tdCity{ width:15%;}
table.oddTable td.tdSpot{ width:25%;}
table.oddTable tr{ background-color: #FFFFFF; }
table.oddTable tr:nth-of-type(even){ background-color: #e4f1ff; }


/* ***  list  cube *** */
ul.cube{line-height:1;padding:0.5em 4em;}
ul.cube li{ 
background:url(../image/icon_cube.png) no-repeat left center; font-size:110%;
margin-top:1.5em; padding-left:3em;}