@charset "UTF-8";


body {
	margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	background-color:#ffffff;
	}

h2	{
	border-left:#4472c4 solid 34px;
	border-bottom:#4472c4 solid 2px;
	margin-top: 15px;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 18px;
	color: #4472c4;
	}
	
.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: #000000;
	}
		
p {
	font-size:95%;
	line-height:180%;
	}

.boxA	{
	background-color: #4472c4;
	}

.red	{
	color: #cc0000;
	}
	
.program	{
	background-color:#ddf6ff;
	color:#4472c4;
	padding:3px 10px;
	border-radius: 10px;
	}

/* サイト名 */
.site h1 a	{
	color: #000000;
	text-decoration: none;
	}

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

.site img	{
	border: none;
	}

/* ナビゲーション */
.menu ul	{
	margin: 0;
	padding: 0;
	list-style: none;
	}

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

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

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

.menu li	{
	float: left;
	width: auto;
	}

/* イメージ */
.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: 80px;
	line-height: 180%;
	}

.factsheet dd	{
	font-size:95%;
	float: none;
	width: auto;
	margin-left: 80px;
	line-height: 180%;
	}
	
/* タイムスケジュール */
.time dl	{
	margin: 0;
	padding: 0;
	list-style: none;
	}

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

.time dd	{
	font-size:95%;
	float: none;
	width: auto;
	margin-left: 150px;
	line-height: 160%;
	}
	
/* 問い合わせ */
.inquiry dl	{
	margin: 0;
	padding: 0;
	list-style: none;
	}

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

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

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

.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_i, .box_d, .box_t {
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
.boxA {
	padding-top: 10px;
	padding-bottom: 0px;
	}

/* トップへ */	
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 80%;
	}
	
#page-top a {
    background-color: #0b5395;
    text-decoration: none;
    color: #fff;
    width: 50px;
    padding: 13px 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;
	}
}


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

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

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

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


/* ########### 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;
	}

}