@charset "UTF-8";


body {
	margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	background-color:#ffffff;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	}

h2	{
	border-left:#fec00f solid 34px;
	border-bottom:#fec00f solid 2px;
	margin-top: 15px;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 3px;
	font-size: 18px;
	color: #fec00f;
	}
	
.lecturer h2	{
	border-left:#336633 solid 34px;
	margin-top: 15px;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 3px;
	font-size: 18px;
	color: #fec00f;
	}
		
p {
	font-size:95%;
	line-height:150%;
	}

.boxA	{
	background-color: #fec00f;
	}

.red	{
	color: #cc0000;
	font-weight: bold;
	}
	
.red2	{
	color: #cc0000;
	font-weight: bold;
	font-size: 130%;
	}
	
.green	{
	background-color:#336633;
	color:#ffffff;
	padding:5px;
	border-radius: 15px;
	}
	
.blue	{
	background-color:#0066ff;
	color:#ffffff;
	padding:5px;
	border-radius: 15px;
	}

.program	{
	background-color:#ddf6ff;
	color:#4472c4;
	font-weight: bold;
	padding:3px 10px;
	border-radius: 5px;
	}
		
.entry	{
	background-color: #80c6e6;
	padding:10px;
	border-radius: 10px;
	margin-top:50px;
	margin-bottom:50px;
	}
	
.entry a	{
	color: #ffffff;
	font-weight:boid;
	text-decoration: none;
	}
	
.movie {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
}

.movie iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
	
/* サイト名 */
.site h1 a	{
	color: #000000;
	text-decoration: none;
	}

.site h1	{
	margin: 0;
	font-size: 30px;
	}

.site img	{
	border: none;
	}

/* イメージ */
.topimg, .mpimg, .simg {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	}

/* セミナー概要 */
.factsheet dl	{
	margin: 0;
	padding: 0;
	list-style: none;
	}

.factsheet dt	{
	font-size:95%;
	font-weight:bold;
	float: left;
	width: 100px;
	line-height: 150%;
	}

.factsheet dd	{
	font-size:95%;
	float: none;
	width: auto;
	margin-left: 100px;
	line-height: 150%;
	}

/* タイムスケジュール */
.time dl	{
	margin: 0;
	padding: 0;
	list-style: none;
	}

.time dt	{
	font-size:95%;
	float: left;
	width: 100px;
	line-height: 150%;
	}

.time dd	{
	font-size:95%;
	float: none;
	width: auto;
	margin-left: 100px;
	line-height: 150%;
	}
	
.table_s table {
	border: #999999 solid 1px;
	text-align: center;
	}

.table_s th {
	color: #fec00f;
	font-size:14px;
	text-align: center;
	border: #999999 solid 1px;
	background-color:#ffffff;
	padding: 8px;
	}

.table_s td {
	font-size:14px;
	text-align: center;
	border: #999999 solid 1px;
	background-color:#ffffff;
	padding: 8px;
	}
	
	
/* 問い合わせ */
.inquiry dl	{
	margin: 0;
	padding: 0;
	list-style: none;
	}

.inquiry dt	{
	font-size:95%;
	float: left;
	width: 120px;
	line-height: 150%;
	}

.inquiry dd	{
	font-size:95%;
	float: none;
	width: auto;
	margin-left: 120px;
	line-height: 150%;
	}

	
/* コピーライト */
.foot	{
	margin-top:50px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fec00f;
	}

.copyright p	{
	margin: 0;
	color: #ffffff;
	font-size: 14px;
	text-align:center;
	}

/* ボックスの左右 */
.boxA, .foot，.box3, .box_i, .box_d, .box_t {
	padding-left: 15px;
	padding-right: 15px;
	}

/* ボックスの上下 */
.box_t {
	padding-top: 30px;
	padding-bottom: 30px;
	}

.boxA, .box_d {
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
.box_i {
	padding-top: 40px;
	padding-bottom: 10px;
	}

/* トップへ */	
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 80%;
	}
	
#page-top a {
    background-color: #fec00f;
    text-decoration: none;
    color: #fff;
    width: 45px;
    padding: 12px 0;
    text-align: center;
    display: block;
    border-radius: 25px;
	}
	
#page-top a:hover {
    text-decoration:underline;
    background: #215a90;
	color: #eeeeee;
	}	

/* ########### 599px以下 ########### */
@media (max-width: 599px) {

/* ナビゲーション */
.menu li a	{
	padding: 0px 10px;
	font-size: 11px;
	}
	
}


/* ########### 767px以下 ########### */
@media (max-width: 767px) {

.site h1	{
	margin: 0;
	}

/* グローバルメニューをトグルボタンに */
#menubtn	{
	padding: 6px 12px;
	border: solid 1px #3366ff;
	border-radius: 5px;
	background-color: #ffffff;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
	}

#menubtn:hover	{
	background-color: #f0f8ff;
	}

#menubtn:focus	{
	outline: none;
	}

#menubtn i	{
	color: #3366ff;
	font-size: 18px;
	}
	
#menubtn span	{display: inline-block;
	text-indent: -9999px;
	}

/* グローバルメニューを縦並びに */
#menu {
	display: none;
	}

.menu ul	{
	margin: 0;
	padding: 0;
	list-style: none;
	}

.menu li a	{
	display: block;
	padding: 5px;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	text-align:right;
	}

.menu li a:hover	{
	background-color: #ffffff;
	color: #000000;
	}

}

/* ########### 768px以上 ########### */
@media (min-width: 768px) {

/* BOX1とBOX2を横に並べる設定 */
.boxA:after	{
	content: "";
	display: block;
	clear: both;
	}

.box1	{
	float: left;
	width: auto;
	}

.box2	{
	float: right;
	width: auto;
	}

/* ヘッダーメニュー */
.menu ul	{
	margin: 0;
	padding: 0;
	list-style: none;
	}

.menu li a	{
	display: block;
	padding: 10px 15px;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	}

.menu li a:hover	{
	color: #ffffff;
	}

.menu ul:after	{
	content: "";
	display: block;
	clear: both;
	}

.menu li	{
	float: left;
	width: auto;
	}
	
#menubtn	{
	display: none;
	}

}


/* ########### 1190px以上 ########### */
@media (min-width: 1190px) {

/* 全体の横幅を固定 */
.box3, .boxA-inner, .foot-inner, .box_u, .box_i, .box_d, .box_t	{
	width: 1140px;
	margin-left: auto;
	margin-right: auto;
	}

}