@charset "utf-8";

/***********************************

【hack覚書】
★Internet Explorer 6のみ適用
* html .hogehoge{}

★Internet Explorer 7のみ適用
*+html .hogehoge{}

★Internet Explorer 8のみ適用
html>/＊＊/body .hogehoge{
	プロパティ/＊\＊＊/ : 値\9;
}
（＊は小文字に直してから使用してください。）


***********************************/

@import "base.css?t2301";

h2{
	margin-bottom: 5px;
}

.inbox > div{
	margin: 0 100px;
}

.info{
	border: 1px #999999 solid;
	margin: 20px 0 30px;
	padding: 10px 20px;
	border-radius: 5px;
}

h4#form{
	margin-top: 20px;
	font-weight: bold;
	font-size: 120%;
}

#contents table.seminar{
	width: 100%;
	border-top: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	margin-bottom: 30px;
}

#contents table.seminar caption{
	text-align: left;
	font-weight: bold;
	font-size: 120%;
}

#contents table.seminar th{
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #DDDDDD;
}

#contents table.seminar td{
	border-bottom: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	padding: 5px;
}

#contents table.seminar td.month{
	width: 30%;
	text-align: right;
}

#contents table.schedule{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	width: 100%;
}

#contents table.schedule caption{
	text-align: left;
	font-weight: bold;
	font-size: 120%;
}

#contents table.schedule td{
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: center;
}

#contents table.schedule th{
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #DDDDDD;
}

#contents td.textleft{
	text-align: left!important;
}

#contents td.check{
	color: #0000FF;
}

#contents .button{
	margin: 20px 0;
	text-align: center;
}

#contents table.form{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	width: 100%;
}

#contents table.form th{
	font-size: 110%;
	font-weight: bold;
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #DDDDDD;
}

#contents table.form td{
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#contents .liIdx > li{
	text-indent: -1em;
	margin-left: 1em;
}


/* ブラウザ互換
*********************************************************************/


/* レスポンシブ
*********************************************************************/

@media screen and (max-width: 949px) {
	#contents div.box {
		padding: 0;
		margin: 0;
	}
	#contents table {
		width: 100%;
		table-layout: fixed;
	}
	#contents table tr > * {
		display: block;
		width: auto;
	}
	#contents table tr input[type="text"],
	#contents table tr input[type="email"],
	#contents table tr input[type="tel"],
	#contents table tr textarea {
		width: 100%;
		box-sizing: border-box;
	}
	#contents table tr input[type="text"],
	#contents table tr input[type="email"],
	#contents table tr input[type="tel"] {
		border: none;
		line-height: 2;
		background-color: #EEE;
	}
	#contents table tr input.short {
		display: inline;
		width: 4rem;
	}
	#contents table tr select {
		width: 6rem;
		height: 1.2rem;
		margin: 0.2rem 0;
	}
	#contents table.form th, table.form td {
		padding: 0;
		box-sizing: border-box;
	}
	#contents table.form th {
		border-bottom: none;
		margin-top: 0.5em;
	}
	#contents table.form td {
		padding-bottom: 0.5em;
	}
	#contents div.btn input {
		font-size: 0.7rem;

		display: block;
		width: 10rem;
		margin: auto;
		padding: 0.5rem 0;

		color: white;
		background-color: #2085bb;
		border: none;
		border-radius: 3px;
		box-shadow: 0px 0px 3px 0px rgb(0,0,0);
	}
}

input[type="submit"]{
	-webkit-appearance: none;
}