@charset "UTF-8";

/* 共通部分
-------------------- */
html {
	font-family: font-family: "Helvetica Neue", Arial,
    "Hiragino Kaku Gothic ProN", "Hiragino Sans",
    Meiryo, sans-serif;
}

body{
	background-image:url("../images/BG02.jpg");
	background-size: auto;
	background-position : top;
	background-repeat: no-repeat;
}

.wrap {
	overflow: hidden;
}

.info_img{
	max-width:700px;
	width:100%;
}

/* index.htmlに適用
-------------------- */
/* --タイトル-- */
.TopTitle {
	width:100%;
	margin : 30px auto auto 25%;
}

/* --メニュー-- */
#nav {
	font-size: 15px;
	list-style-type: none;
}

/*clearfix*/
#nav:after {
	content: "";
	clear: both;
	display: block;
	position: relative;
}

#nav li {
	max-width : 100%;
	float: left;
	width: 50%;
	height: auto;
	text-align: center;
	border: solid #d1bfb7 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    background: #ae5428;
    background: -moz-linear-gradient(top,  #fcdccd 3%, #fdb897 11%, #ff7f41 20%, #e27039 55%, #cc5f2a 90%, #7d2900 99%); 
    background: -webkit-linear-gradient(top,  #fcdccd 3%,#fdb897 11%,#ff7f41 20%,#e27039 55%,#cc5f2a 90%,#7d2900 99%); 
    background: linear-gradient(to bottom,  #fcdccd 3%,#fdb897 11%,#ff7f41 20%,#e27039 55%,#cc5f2a 90%,#7d2900 99%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdccd', endColorstr='#7d2900',GradientType=0 );  
	line-height: 10px;
    text-shadow: 0px 0px 9px #868587;
}

/*奇数のli要素に適応*/ 
#nav li:nth-child(odd) {
	border-right: 1px solid #aaa;
}

#nav {
	position: relative;
	max-width: 100%;
	margin: auto;
}

#nav a {
	display: block;
	line-height: 50px;
	text-decoration: none;
	color: #f4f3ee;
	font-weight: bold;
	position: relative;
}

#nav a:hover {
	color: #00456c;
	background: #fff;
}

.poster {
	width:100%;
	text-align : center;
	margin : 0 auto;
}

p {
	line-height: 1.8em;
	text-align : left;
	color: #213045;
	font-size : 17px;
}

.base {
    max-width: 880px;
	width: 100%;
    margin: 2em auto;
    padding: 30px;
    background: #fef8ea;
    border-radius: 25px;
}

.box {
    position: relative;
    margin: 0 auto;
    border: solid 3px #EF8A17;
    border-radius: 8px;
}

.box-title {
    position: absolute;
    display: inline-block;
    top: -12px;
    left: 16px;
    padding: 0 9px;
    font-size: 19px;
    background: #fef8ea;
    color: #EF8A17;
    font-weight: bold;
}

.box-img {
	max-width: 100%;
	text-align: center;
	margin: 0 auto;
}

.box-img img{
	width: 100%;
}

.cp {
	text-align: center;
	margin: 0 auto;
}

.main {
	max-width:78%;
	width:100%;
	height:auto;
	margin: 3em auto 5em;
    position: relative;
}

.preparation {
	width: 100%;
	margin: 12em auto;
	text-align: center;
}

.preparation h1 {
	font-size: 48px;
	letter-spacing: .25em;
	color: #EF8A17;
}

/* --会長挨拶-- */
.gr-img {
	max-width: 100%;
	text-align: left;
}

/* --セミナー概要-- */
.table_out {
    width: 820px;
    border: 0; /* セルの境界線を共有 */
	margin: 30px auto;
}

.table_out th {
    border: solid 3px #fef8ea;  /* 見出しセルの罫線(=セルの枠線) */
    padding: 7px 5px;       /* 見出しセル内側の余白量 */
	width: 100px;
	background: #dbeafc;
	border-radius: 12px;
	font-size: 12px;
}

.table_out td {
	position: relative;
    border: solid 10px #fef8ea;  /* 表の罫線(=セルの枠線) */
    padding: 5px 10px;       /* セル内側の余白量 */
	text-align: left;
	font-size: 15px;
}

.out_map {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	margin: 0 auto 30px;
} 

.out_map iframe,
.out_map object,
.out_map embed {
    position: absolute;
    top: 15px;
    left: 5%;
    width: 90%;
    height: 100%;
}

/* --プログラム-- */
.progbox-bottan {
	margin:0 auto 2em;
	text-align:center;
}

.prog-bottan {
	display: inline-block;
	padding: 0.5em 1em;
	font-size:15px;
	text-decoration:none;
	background: #104888;/*ボタン色*/
	color: #FFF;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border-bottom: solid 3px #0A396F;
	border-radius: 3px;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
}

.prog-bottan:active  {
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
	border-bottom: none;
}

.caution {
	text-align:center;
}


/* 横幅1000px以上に適応
-------------------- */
@media screen and (min-width: 1000px) {
	/* メニュー
-------------------- */
#nav li:nth-child(odd) {
  border-right: none;
}

#nav {
	margin : 1em auto;
	max-width : 960px;
	width: 100%;
	display: table;
	table-layout: fixed;
	border-top: none;
	border-collapse: collapse;
}

#nav li {
	float: none;
	display: table-cell;
	width: 100%;
	border-bottom: none;
	border: 1px solid #aaa;
	}
}


/* スマートフォン向けCSS 767px以下 */
@media (max-width: 767px) {

body{
	background-size: 110%;
}

.info_img{
	margin-top: -15px;
}

#nav {
	font-size: 12px;
	margin-left: -35px;
}

#nav a {
	line-height: 35px;
	position: relative;
}

.BUTTON_EVR {
	text-align : center;
	margin: 0 auto;
}

.TopTitle {
	margin : 10px 0 0 40px;
}

.TopTitle img {
	width: 300px;
	height: auto ;
}

.poster img {
	max-width : 320px;
	height: auto ;
}

p {
	font-size: 15px;
}

.base {
	width: 90%;
	padding: 18px;
}

.box img {
	max-width: 100%;	
}

.box-title {
	font-size: 15px;
}

.preparation {
	margin: 4em auto;
}

.preparation h1 {
	font-size: 20px;
}

/*　--セミナー概要--　*/
.table_out {
	word-break: break-all;
    table-layout: fixed;
    width: 95%;
	font-size: 20px;
	padding: 0 auto 10px auto;
}

.table_out th {
	border: solid 1.5px #fef8ea;
	font-size: 12px;
}

.table_out td {
	border: solid 1.5px #fef8ea;
	padding: 5px 5px;
	font-size: 12px;
}

}