layout.csslayout.csslayout.css/*copy-rightcopy-right*/@charset "utf-8";

/*
  File Name   : layout.css
  Description : 各ブロックのレイアウト
*/


/* PC Layout ******************************************************************************************* */


/* BASE
================================================== */


/*** structure ***/

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body div:first-child,
body article,
body footer,
body header,
body main {
  width: 100%;
  min-width: 320px;
  font-size: 17px;
  font-size: 1.7rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

#top a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/* Header
----------------------------------------------------------- */

#header {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	height: 550px;
	background-image:url(../img/mv_jes-chushikoku.png);
	background-repeat: no-repeat;
}
#header h1 {
	text-align: center;
	padding: 10px 0 15px 0;
}
#header .header-inner {
	position: absolute;
	max-width: 1200px;
	z-index:1;
}
#header .header-inner img {
 	left: 50%;
	top: 10%;
 	bottom: 10px;
 	transform: translate(50%, 10%);
}

/* Global nav
----------------------------------------------------------- */
#global-nav  {
	position: absolute;
	z-index:2;
}
#global-nav li {
	width: 170px;
	font-size: 1.3rem;
	margin: 0 0 4px 30px;
	font-weight: bold;
}
#global-nav li a {
	display: block;
	width: 100%;
	text-decoration: none;
	padding: 5px 0 3px 20px;
	border-top: solid 2px #ffffff;
	background-color: #4b8497;
	color: #ffffff;
}
#global-nav li a:hover {
	color: #4b8497;
	border-top: solid 2px #4b8497;
	background-color: #ffffff;
}

/* chairman
----------------------------------------------------------- */
#chairman {
	margin: 0 auto;
	width: 1200px;
}

/* summary
----------------------------------------------------------- */
#summary {
	margin: 100px auto 0 auto;
	width: 1200px;
}

/* program
----------------------------------------------------------- */
#program {
	margin: 100px auto 0 auto;
	width: 1200px;
}

/* special
----------------------------------------------------------- */
#special {
	margin: 100px auto 0 auto;
	width: 1200px;
}

/* convention
----------------------------------------------------------- */
#convention {
	margin: 100px auto 0 auto;
	width: 1200px;
}

/* recruitment
----------------------------------------------------------- */
#recruitment {
	margin: 100px auto 0 auto;
	width: 1200px;
}

/* entry
----------------------------------------------------------- */
#entry {
	margin: 100px auto 0 auto;
	width: 1200px;
}

/* feature
----------------------------------------------------------- */
#feature {
	margin: 100px auto 0 auto;
	width: 1200px;
}

/* participant
----------------------------------------------------------- */
#participant {
	margin: 100px auto 0 auto;
	width: 1200px;
}

/* meeting
----------------------------------------------------------- */
#meeting {
	margin: 100px auto 0 auto;
	width: 1200px;
}

/* access
----------------------------------------------------------- */
#access {
	margin: 100px auto 0 auto;
	width: 1200px;
}

/* place
----------------------------------------------------------- */
#place {
	margin: 100px auto 0 auto;
	width: 1200px;
}

/* lodging
----------------------------------------------------------- */
#lodging {
	margin: 100px auto 0 auto;
	width: 1200px;
}

/* inquiry
----------------------------------------------------------- */
#inquiry {
	margin: 0 auto;
	width: 1200px;
}

/* Footer
----------------------------------------------------------- */

#footer {
  margin: 0 auto;
  width: 1200px;
  position: relative;
}

.footer_global-nav {
 	background-color: #4b8497;
 	padding: 15px 0;
}
.footer_global-nav ul {
 	display: flex;
	color: #ffffff;
	justify-content: center;
	padding: 5px 0;
}
.footer_global-nav li {
 	padding: 0 20px;
	border-right: solid 1px #ffffff;
}
.footer_global-nav li.rowlast {
	border-right: none;
	padding-right: 0;
}
.footer_global-nav a {
 	text-decoration: none;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
.footer_global-nav a:hover {
 	opacity: 0.5;
}

/* copy-right
=========================== */

#copy-right{
	display: block;
	font-size: 10px;
	text-align: center;
	padding: 10px 0;
}


/* SP Layout ******************************************************************************************* */

@media screen and (min-width : 1164px ){}


/* End media screen */