/* CSS Document */

@import url(../settings/css/navi2.css);
@import url(../settings/css/common2.css);
@import url(//fonts.googleapis.com/css?family=Lato:700);
@import url(//fonts.googleapis.com/css?family=EB+Garamond);
@import url('https://fonts.googleapis.com/css?family=Courgette');


@import url('https://fonts.googleapis.com/earlyaccess/sawarabigothic.css');



/*-------------------------------------------------------------------*/

p,h1,h2,h3,h4,table { font-family: "Sawarabi Gothic","游ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS UI Gothic,Osaka,sans-serif;; transform: rotate(0.05deg);}

#main {
width: 100%;
height: 217px;
background: url(img/main.jpg) no-repeat center top;
}

#mainin {
width: 1000px;
height: 64px;
margin: 0 auto;
padding: 90px 0 0 0;
}

#mainin h1,
#mainin h4 {
width: 287px;
height: 64px;
text-indent: 110%;
white-space: nowrap;
overflow: hidden;
background: url(img/title.png) no-repeat;
}

#mainin h1 a,
#mainin h4 a{
width: 287px;
height: 33px;
display: block;
}

/*---smp------------------------------*/
@media screen and (max-width: 640px) {

#main {
width: 100%;
height: 150px;
background-size:auto 150px;
background-position: right;
}

#mainin {
width: 90%;
height: auto;
margin: 0 auto;
padding: 90px 0 0 0;
}

#mainin img {
	width: auto;
	max-width: 100%;
	height: 40px;
}
}




#smenu {
width: 100%;
height: 46px;
padding: 15px 0;
background-color: #eeeeee;
margin: 0 auto;
}

#smenuin {
	width: 1000px;
	height: 46px;
	margin: 0 auto;
}
	#smenu p {margin: 0; padding: 0;}
	
	#smenu p.lmenu a {
		padding: 0 20px;
		float: left;
		line-height: 46px;
		border-left: 1px solid #999999;
		border-right: 1px solid #999999;
		margin: 0;
		font-size: 0.9em;
		text-decoration: none;
		display: block;
		font-weight: bold;
	}
	
	#smenu p.menu a {
		padding: 0 20px;
		float: left;
		line-height: 46px;
		border-right: 1px solid #999999;
		margin: 0;
		text-decoration: none;
		display: block;
		font-size: 0.9em;
		font-weight: bold;
	}
	
	#smenu p.smenu a {
		padding: 0 20px;
		float: left;
		line-height: 46px;
		border-right: 1px solid #999999;
		margin: 0;
		text-decoration: none;
		display: block;
		font-size: 0.9em;
		font-weight: bold;
		background-color: #d6d6d6;
	}
	
	
	#smenu p.lmenu a:hover,
	#smenu p.menu a:hover {background-color: #ffffff;}


/*---smp------------------------------*/
@media screen and (max-width: 640px) {

#smenu {
width: 90%;
height: 92px;
padding: 15px 5%;
background-color: #eeeeee;
margin: 0 auto;
}

#smenuin {
	width: 100%;
	height: 92px;
	margin: 0 auto;
	border: 1px solid #d6d6d6;
}
	#smenu p {margin: 0; padding: 0; width: 50%; float: left;
	box-sizing: border-box;
	background-color: #ffffff;
	border: 1px solid #d6d6d6;
	font-size: 0.9em;
	}
	
	#smenu p.lmenu a {
		width: 100%;
		padding: 0;
		float: left;
		text-align: center;
		line-height: 46px;
		border-left: none;
		border-right: none;
		margin: 0;
		font-size: 0.9em;
		text-decoration: none;
		display: block;
		font-weight: bold;
	}
	
	#smenu p.menu a {
		width: 100%;
		padding: 0;
		float: left;
		line-height: 46px;
		border-right: none;
		margin: 0;
		text-decoration: none;
		display: block;
		font-size: 0.9em;
		font-weight: bold;
		text-align: center;
	}
	
	#smenu p.smenu a {
		width: 100%;
		padding: 0;
		float: left;
		line-height: 46px;
		border-right: none;
		margin: 0;
		text-decoration: none;
		display: block;
		font-size: 0.9em;
		font-weight: bold;
		background-color: #d6d6d6;
		text-align: center;
	}
	
	
	#smenu p.lmenu a:hover,
	#smenu p.menu a:hover {background-color: #ffffff;}


}


/*--------段組みエリア----------------*/

#seminar {
	width: 1000px;
	margin: 0 auto;
	padding: 15px 0 30px 0;
}


#side {
	width: 224px;
	float: right;
}

	#side img {margin: 0 0 10px 0;}
	
	#side h3 {
		text-align: center;
		margin: 0;
		padding: 0 0 20px 0;
		line-height: 160%;
		font-size: 1em;
	}
	
	#side #news {
		background-color: #eeeeee;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		width:220px;
		padding: 2px;
		margin: 0 0 20px 0;
	}
	
	#side #news h4 {
		margin: 0;
		padding: 0 10px;
		color: #D80000;
		font-size: 1em;
	}
	
	#side #news p.red {
		margin: 0;
		padding: 0 15px;
		color: #D80000;
		font-size: 0.9em;
		line-height: 140%;
	}
	
	#side #news p.txt {
		margin: 0;
		padding: 0 15px 15px 15px;
		font-size: 0.9em;
		line-height: 140%;
	}
	
	#side #newsin {
		background-color: #ffffff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		width:220px;
		padding: 10px 0 0 0;
	}
	
	#side p.cat {
		padding: 5px 5px 5px 25px;
		background: url(img/yaji.png) no-repeat left;
		margin: 0;
		font-size: 0.9em;
	}
	


/*---smp------------------------------*/
@media screen and (max-width: 640px) {

#seminar {
	width: 100%;
	margin: 0 auto;
	padding: 15px 0 30px 0;
}


#side {
	width: 90%;
	float: none;
	margin: 0 auto;
	text-align: center;
}

	#side p.cat {text-align: left;}
}





#seminarl {
	width: 720px;
	float: left;
	padding: 22px 0 0 0;
}

#seminarl h1 {
	font-size: 1.3em;
	margin: 0 0 20px 0;
	padding: 0 0 0px 10px;
	line-height: 140%;
	border-bottom: 1px dotted #cccccc;
	border-left: 5px solid #D00003;
}

	#seminarl .ttlw {
		border: 1px solid #333333;
		padding: 20px 10px 20px 20px;
		margin: 0 0 30px 0;
	}
	
	#seminarl h2 {
		font-size: 1.2em;
		margin: 0;
		padding: 0;
		}
	
			#seminarl p.catp {
				padding: 5px 0;
				font-size: 0.8em;
				line-height: 160%;
				margin: 0;
			}
	
	#seminarl p.htxt {
		font-size: 0.9em;
		margin: 0;
		padding: 0 10px 40px 10px;
		line-height: 160%;
	}
	
	#seminarl .koew {
		width: 100%;
		height: auto;
		padding: 0 0 40px 0;
	}
	#seminarl .koebox {
	width: 180px;
	float: left;
	border: 3px solid #cccccc;
	margin: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 15px;
	font-size: 0.9em;
	}
	
	#seminarl .koebox p {
		line-height: 160%;
		margin: 0;
		padding: 0;
	}
	
	#seminarl .koebox p .mini {
	font-size: 0.85em;
	}
	
	#seminarl p.htxt strong,
	#seminarl .koebox p strong {
		background: url(img/ubar.jpg) bottom repeat-x;
	}
	
	#seminarl .koebox2 {
	width: 300px;
	float: left;
	margin: 10px;
	padding: 15px;
	font-size: 0.9em;
	}	
	
	
	
/*---smp------------------------------*/
@media screen and (max-width: 640px) {

#seminarl {
	width: 90%;
	float: none;
	margin: 0 auto;
}

#seminarl h1 {
	font-size: 1.1em;
	margin: 0 0 10px 0;
}

	#seminarl .ttlw {
		padding: 10px 10px 10px 20px;
	}
	
	#seminarl h2 {
		font-size: 1.1em;
		margin: 0;
		padding: 0;
		}
	
			#seminarl p.catp {
				padding: 5px 0;
				font-size: 0.8em;
				line-height: 160%;
				margin: 0;
			}
	
	#seminarl .koew {
		width: 100%;
		height: auto;
		padding: 0 0 40px 0;
	}
	#seminarl .koebox {
	width: 86%;
	float: none;
	margin: 5px auto;
	padding: 10px 3%;
	}
	
	
	#seminarl .koebox2 {
	width: 100%;
	float: none;
	margin: 10px 0;
	padding: 15px 0;
	text-align: center;
	}	
}

	/*--カテゴリ色変え----*/
	#seminarl .cat1 {background: url(img/red.jpg) left repeat-y;}
	#seminarl .cat2 {background: url(img/orange.jpg) left repeat-y;}
	#seminarl .cat3 {background: url(img/bar3.jpg) left repeat-y;}
	#seminarl .cat4 {background: url(img/bar4.jpg) left repeat-y;}
	#seminarl .cat5 {background: url(img/bar5.jpg) left repeat-y;}

	#seminarl .cat6 {background: url(img/red.jpg) left repeat-y;}
	#seminarl .cat7 {background: url(img/orange.jpg) left repeat-y;}
	#seminarl .cat8 {background: url(img/bar3.jpg) left repeat-y;}
	#seminarl .cat9 {background: url(img/bar4.jpg) left repeat-y;}
	#seminarl .cat10 {background: url(img/bar5.jpg) left repeat-y;}
	
	#seminarl .cat11 {background: url(img/red.jpg) left repeat-y;}
	#seminarl .cat12 {background: url(img/orange.jpg) left repeat-y;}
	#seminarl .cat13 {background: url(img/bar3.jpg) left repeat-y;}
	#seminarl .cat14 {background: url(img/bar4.jpg) left repeat-y;}
	#seminarl .cat15 {background: url(img/bar5.jpg) left repeat-y;}

	#seminarl .cat16 {background: url(img/red.jpg) left repeat-y;}
	#seminarl .cat17 {background: url(img/orange.jpg) left repeat-y;}
	#seminarl .cat18 {background: url(img/bar3.jpg) left repeat-y;}
	#seminarl .cat19 {background: url(img/bar4.jpg) left repeat-y;}
	#seminarl .cat20 {background: url(img/bar5.jpg) left repeat-y;}
	
	
	#seminarl p {
		margin: 0;
		padding: 0;
	}
	
	/*--カテゴリ色変え----*/
	.cat1p {color:#D60000 ;}
	.cat2p {color:#FF8000 ;}
	.cat3p {color:#2DB200 ;}
	.cat4p {color:#FF4D4D ;}
	.cat5p {color:#00698C ;}
	
	.cat6p {color:#D60000 ;}
	.cat7p {color:#FF8000 ;}
	.cat8p {color:#2DB200 ;}
	.cat9p {color:#FF4D4D ;}
	.cat10p {color:#00698C ;}
	
	.cat11p {color:#D60000 ;}
	.cat12p {color:#FF8000 ;}
	.cat13p {color:#2DB200 ;}
	.cat14p {color:#FF4D4D ;}
	.cat15p {color:#00698C ;}
	
	.cat16p {color:#D60000 ;}
	.cat17p {color:#FF8000 ;}
	.cat18p {color:#2DB200 ;}
	.cat19p {color:#FF4D4D ;}
	.cat20p {color:#00698C ;}
	
	#seminarl .box {
		width: 675px;
		margin: 0 auto 40px auto;
	}
	
	#seminarl .boxr {
		width: 156px;
		float: right;
	}
	
	#seminarl .boxr img {
		max-width: 100%;
		height: auto;
	}
	
	#seminarl .boxr p {
		font-size: 0.9em;
		padding: 0;
		margin: 0;
		line-height: 140%;
	}
	
	#seminarl .boxl {
		width: 475px;
		float: left;
		position: relative;
	}
	
	#seminarl .boxl .icon {
		width: 68px;
		height: 68px;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 10000;
	}
	
	#seminarl .boxl p {margin: 0; padding: 0 0 5px 0; font-size: 0.95em;}
	
	#seminarl .boxl p.gaiyo {
		padding: 10px 20px;
		line-height: 160%;
	}
	
	#seminarl .boxl h3 {
		font-size: 1.1em;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 8px 8px 8px 28px;
		margin-bottom: 10px;
	}
	
	#seminarl .boxl h3 a {
		text-decoration: none;
	}
	
/*---smp------------------------------*/
@media screen and (max-width: 640px) {

	#seminarl .box {
		width: 100%;
		margin: 0 auto 40px auto;
	}
	
	#seminarl .boxl {
		width: 100%;
		float: none;
	}
	
	#seminarl .boxr {
		width: 100%;
		float: none;
		margin: 0 auto;
		padding: 20px 0 0 0;
	}
	
	#seminarl .boxr p {
		font-size: 0.75em;
		padding: 0 10px 0 0;
		margin: 0;
		line-height: 140%;
	}
	

	
	#seminarl .boxr img {
		max-width: 30%;
		float: left;
		margin: 0 20px 0 10px;
	}
	
	
	#seminarl .boxl .icon {
		width: 50px;
		height: 50px;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 10000;
	}
	
	#seminarl .boxl .icon img {width: 100%; height: auto;}
	
	#seminarl .boxl p {margin: 0; padding: 0 0 5px 0; font-size: 0.95em;}
	
	#seminarl .boxl p.gaiyo {
		padding: 10px;
		font-size: 0.85em;
	}
	
	#seminarl .boxl h3 {
		font-size: 0.9em;
		padding: 5px 5px 5px 25px;
		margin-bottom: 10px;
		line-height: 140%;
	}
	}
	
	/*--カテゴリ色変え----*/
	#seminarl .boxl h3.cat1h3 {background: url(img/yaji.png) no-repeat left #eeeeee;}
	#seminarl .boxl h3.cat2h3 {background: url(img/yaji2.png) no-repeat left #eeeeee;}
	#seminarl .boxl h3.cat3h3 {background: url(img/yaji3.png) no-repeat left #eeeeee;}
	#seminarl .boxl h3.cat4h3 {background: url(img/yaji4.png) no-repeat left #eeeeee;}
	#seminarl .boxl h3.cat5h3 {background: url(img/yaji5.png) no-repeat left #eeeeee;}
	
	#seminarl .boxl h3.cat6h3 {background: url(img/yaji.png) no-repeat left #eeeeee;}
	#seminarl .boxl h3.cat7h3 {background: url(img/yaji2.png) no-repeat left #eeeeee;}
	#seminarl .boxl h3.cat8h3 {background: url(img/yaji3.png) no-repeat left #eeeeee;}
	#seminarl .boxl h3.cat9h3 {background: url(img/yaji4.png) no-repeat left #eeeeee;}
	#seminarl .boxl h3.cat10h3 {background: url(img/yaji5.png) no-repeat left #eeeeee;}
	
	#seminarl .boxl h3.cat11h3 {background: url(img/yaji.png) no-repeat left #eeeeee;}
	#seminarl .boxl h3.cat12h3 {background: url(img/yaji2.png) no-repeat left #eeeeee;}
	#seminarl .boxl h3.cat13h3 {background: url(img/yaji3.png) no-repeat left #eeeeee;}
	#seminarl .boxl h3.cat14h3 {background: url(img/yaji4.png) no-repeat left #eeeeee;}
	#seminarl .boxl h3.cat15h3 {background: url(img/yaji5.png) no-repeat left #eeeeee;}
	
	#seminarl .boxl h3.cat16h3 {background: url(img/yaji.png) no-repeat left #eeeeee;}
	#seminarl .boxl h3.cat17h3 {background: url(img/yaji2.png) no-repeat left #eeeeee;}
	#seminarl .boxl h3.cat18h3 {background: url(img/yaji3.png) no-repeat left #eeeeee;}
	#seminarl .boxl h3.cat19h3 {background: url(img/yaji4.png) no-repeat left #eeeeee;}
	#seminarl .boxl h3.cat20h3 {background: url(img/yaji5.png) no-repeat left #eeeeee;}
	
	
	/*--カテゴリ色変え----*/
	.btncat1,
	.btncat1:focus {
			padding:8px 20px;
			background-color:#D60000;
			font-size: 1em;	cursor:pointer;
			-webkit-border-radius: 5px;	-moz-border-radius: 5px; border-radius: 5px;
			text-align: center;	text-decoration:none;color: #ffffff;font-weight: bold;}
	.btncat1:hover {background-color:#9E0002; cursor:pointer;}
		
	
	
	.btncat0,
	.btncat0:focus {
			padding:8px 20px;
			border: 1px solid #d6d6d6;
			font-size: 1em;
			cursor:pointer;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			text-align: center;
			text-decoration:none;
		}

	.btncat0:hover {background-color:#f6f6f6; cursor:pointer;}


/*---smp------------------------------*/
@media screen and (max-width: 640px) {

	.btncat1,
	.btncat1:focus {
			padding:3px 8px;}
			
	.btncat0,
	.btncat0:focus {
			padding:3px 8px;
		}
}

	
	/*----予告-----------*/
	
	#seminarl .boxy {
		width: 675px;
		margin: 0 auto 10px auto;
		border: 1px solid #d6d6d6;
		padding: 0;
	}
	
	#seminarl .boxyr {
		width: 150px;
		float: right;
		border-left: 1px solid #d6d6d6;
		padding: 0 15px;
		margin: 10px 0;
	}
	
	#seminarl .boxy p {
		margin: 0;
		padding: 0;
		font-size: 0.8em;
		line-height: 140%;
	}
	
	#seminarl .boxyl {
		width: 410px;
		float: left;
		background: url(img/yokoku.jpg) no-repeat left;
		padding: 0 0 0 70px;
		margin: 10px 0;
	}
	
	#seminarl .boxyl h3 {
		font-size: 0.95em;
	}
	

/*---smp------------------------------*/
@media screen and (max-width: 640px) {

	
	#seminarl .boxy {
		width: 100%;
		margin: 0 auto 10px auto;
		border: 1px solid #d6d6d6;
		padding: 0;
	}
	
	#seminarl .boxyr {
		width: 90%;
		float: none;
		border-top: 1px solid #d6d6d6;
		border-left: none;
		padding: 5px 0;
		margin: 0 5%;
	}
		
	#seminarl .boxy p br {display: none;}
	
	#seminarl .boxyl {
		width: 100%;
		float: none;
		background: url(img/yokoku.jpg) no-repeat left;
		background-size: 40px auto;
		padding: 0 0 0 50px;
		margin: 10px 0;
	}
	
	#seminarl .boxyl h3 {
		font-size: 0.95em;
	}

}
	
/*-------------詳細ページ（右段組みは同じ）-----------------------------------------*/

#side .box {
	width: 96%;
	margin: 0 auto 20px auto;
}

	#side .box img {
		width: 48px;
		height: auto;
		float: left;
		margin: 0 10px 0 0;
	}
	
	#side .box p {
		font-size: 0.8em;
		line-height: 150%;
	}
	
	#side .box p a {
		font-weight: bold;
		text-decoration: none;
	}
	
	#side .box p a:hover {text-decoration: underline;}

	.kouza {
			padding:1px 3px;
			background-color:#D60000;
			-webkit-border-radius: 5px;	-moz-border-radius: 5px; border-radius: 5px;
			text-align: center;	text-decoration:none;color: #ffffff;font-weight: bold;}
	.kouza:hover {background-color:#9E0002; cursor:pointer;}
	
	.yokoku {
			padding:1px 5px;
			border: 1px solid #d6d6d6;
			background-color:#f6f6f6;
			font-size: 1em;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			text-align: center;
			text-decoration:none;
		}
	

#side h2 {
		padding:8px 20px;
		background-color:#ffffff;
		font-size: 0.9em;
		border:3px solid #D6D6D6;
		cursor:pointer;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		text-align: center;
		text-decoration:none;
	}
	




/*----セミナー詳細左側---------*/

#entryl {
	width: 675px;
	float: left;
	padding: 22px 0 0 0;
}

	#entryl h1 {
		font-size: 1.6em;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 8px 8px 8px 0;
		margin-bottom: 10px;
	}
	
#entryl .box {
padding: 0 0 30px 0;
}

#entryl .box p {
	padding: 0 15px;
	font-size: 1.1em;
}
	
	#entryl .image {
		width: 675px;
		height: 80px;
		padding: 100px 0 0 0;
	}
	
	#entryl .image p {margin: 0; padding: 0;}
	
	#entryl .image p .white {
		background-color: #ffffff;
		padding: 10px 15px;
		margin: 0;
	}
	

	#entryl {
		width: 675px;
		padding: 18px 0 0 0;
		margin: 0 auto 10px auto;
	}
	
	#entryl p {
		margin: 0;
		padding: 0;
		line-height: 160%;
		font-size: 0.9em;
	}
	
	#entryl p.mini {
		font-size: 0.8em;
		line-height: 140%;
		border: 1px solid #d6d6d6;
		background-color: #f6f6f6;
		padding: 10px;
		margin: 0 0 20px 0;
	}
	
	#entryl p.btn {
	padding: 10px;
	margin: 0;
	}
	
	#entryl h2 {
		font-size: 1.1em;
		margin: 0;
		padding: 0 0 10px 0;
	}
	
	#entryl .kouzaw {
			padding:2px 5px;
			background-color:#D60000;
			-webkit-border-radius: 5px;	-moz-border-radius: 5px; border-radius: 5px;
			text-align: center;	text-decoration:none;color: #ffffff;}
	
	
	#entryl h3 {
		border-top: 3px solid #D6D6D6;
		padding: 13px 10px;
		margin: 0;
		font-size: 1.1em;
		line-height: 100%;
	}
	
	#entryl p.smn {
		font-size: 0.9em;
		margin: 0 auto;
		padding: 0 10px 20px 10px;
		line-height: 160%;
	}
	
	#entryl h4 {
		border-top: 2px solid #D6D6D6;
		padding: 13px 10px;
		margin: 0;
		font-size: 1em;
		line-height: 100%;
	}
	
	#entryl table {
		width: 655px;
		margin: 10px auto 20px auto;
		border-spacing: 1px;
		background-color: #d6d6d6;
		font-size: 0.9em;
	}
	
	#entryl table td,
	#entryl table th {
		background-color: #ffffff;
		padding: 3px 5px;
		vertical-align: top;
		font-weight: normal;
		text-align: left;
	}
	
	
	#entryl table th {background-color: #f6f6f6; white-space: nowrap;}
	
	
	#entryl p.tch {
		font-size: 0.9em;
		margin: 0 auto;
		padding: 10px 10px 20px 10px;
		line-height: 160%;
	}
	
	#entryl p.tch img {
		float: right;
		max-width: 40%;
		height: auto;
		margin: 0 0 0 20px;
	}
	
	#entryl .tchimg {
		padding: 10px;
		clear: both;
	}
	
	#entryl .tchimg img {
		width: auto;
		height: 150px;
	}
	
	
	#entryl dl {
		width:655px;
		padding:0;
		margin:30px auto 0 auto;
		text-align:left;
		font-size: 0.9em;
	}

	#entryl dt {
		float:left;  
		border-top:1px dotted #cccccc;
		width:180px;  
		padding:5px 0 5px 0;  
		clear:both;
		font-weight: bold;
	}

	#entryl dd {  
		margin-left:180px;  
		border-top:1px dotted #cccccc;
		padding:5px 0 5px 5px;  
	}
	

	
	#entryl #req {
	background-color: #f6f6f6;
	border: 2px solid #930002;
	padding: 10px;
	}
	
	
/*---smp------------------------------*/
@media screen and (max-width: 640px) {

#entryl {
	width: 90%;
	float: none;
	margin: 0 auto;
}

	#entryl h1 {
		font-size: 1.1em;
		padding: 3px 8px 3px 0;
		margin-bottom: 10px;
	}
	
#entryl .box {
padding: 0 0 30px 0;
}

#entryl .box p {
	padding: 0 15px;
	font-size: 1.1em;
}
	
	#entryl .image {
		width: 100%;
		height: 80px;
		padding: 100px 0 0 0;
	}
	
	#entryl .image p {margin: 0; padding: 0;}
	
	#entryl .image p .white {
		background-color: #ffffff;
		padding: 10px 15px;
		margin: 0;
	}
	
	
	#entryl p {
		margin: 0;
		padding: 0;
		line-height: 160%;
		font-size: 0.9em;
	}
	
	#entryl p.mini {
		font-size: 0.8em;
		line-height: 140%;
		border: 1px solid #d6d6d6;
		background-color: #f6f6f6;
		padding: 10px;
		margin: 0 0 20px 0;
	}
	
	#entryl p.btn {
	padding: 10px;
	margin: 0;
	}
	
	#entryl h2 {
		font-size: 1.1em;
		margin: 0;
		padding: 0 0 10px 0;
	}
	
	#entryl .kouzaw {
			padding:2px 5px;
			background-color:#D60000;
			-webkit-border-radius: 5px;	-moz-border-radius: 5px; border-radius: 5px;
			text-align: center;	text-decoration:none;color: #ffffff;}
	
	
	#entryl h3 {
		border-top: 3px solid #D6D6D6;
		padding: 13px 10px;
		margin: 0;
		font-size: 1.1em;
		line-height: 100%;
	}
	
	#entryl p.smn {
		font-size: 0.9em;
		margin: 0 auto;
		padding: 0 10px 20px 10px;
		line-height: 160%;
	}
	
	
	#entryl .tchimg img {
		width: auto;
		height: 100px;
	}
	
	#entryl table {width: 100%; font-size: 0.9em;}
	#entryl dl {
		width:100%;
		padding:0;
		margin:30px auto 0 auto;
		text-align:left;
		font-size: 0.9em;
	}

	#entryl dt {
		float:none;  
		border-top:1px dotted #cccccc;
		width:100%;  
		padding:5px 0 0 0;  
		clear:both;
		font-weight: bold;
	}

	#entryl dd {  
		margin-left:0;  
		border-top:none;
		padding:5px 0 5px 0;  
	}
	

	
	#entryl #req {
	background-color: #f6f6f6;
	border: 2px solid #930002;
	padding: 10px;
	}


}
	
	
	
	

/*----会員お申し込みフォーム---------*/

#memberl {
	width: 675px;
	float: left;
	padding: 22px 0 0 0;
}

	#memberl h1 {
	font-size: 1.3em;
	margin: 0 0 20px 0;
	padding: 0 0 0px 10px;
	line-height: 140%;
	border-bottom: 1px dotted #cccccc;
	border-left: 3px solid #D00003;
}

	#memberl h2 {
		border-top: 3px solid #D6D6D6;
		padding: 13px 10px;
		margin: 0;
		font-size: 1.1em;
		line-height: 100%;
		color: #FF0004;
	}
	
	
	#memberl h3 {
		padding: 10px 10px;
		margin: 0;
		font-size: 1.1em;
		line-height: 100%;
	}
	

#memberl .red {
	background-color: #FF0004;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 2px 5px;
	color: #ffffff;
	font-size: 0.7em;
}

	#memberl p {
		margin: 0 0 30px 0;
		padding: 0 13px;
		line-height: 160%;
		font-size: 0.9em;
	}
	

	#memberl dl {
		width:655px;
		padding:0;
		margin:30px auto 0 auto;
		text-align:left;
		font-size: 0.9em;
	}

	#memberl dt {
		float:left;  
		border-top:1px dotted #cccccc;
		width:200px;  
		padding:5px 0 5px 0;  
		clear:both;
		font-weight: bold;
	}

	#memberl dd {  
		margin-left:200px;  
		border-top:1px dotted #cccccc;
		padding:5px 0 5px 5px;  
	}
	

	#memberl #req {
	background-color: #f6f6f6;
	border: 2px solid #930002;
	padding: 10px;
	}
	

/*---smp------------------------------*/
@media screen and (max-width: 640px) {

#memberl {
	width: 90%;
	float: none;
	margin: 0 auto;
	padding: 22px 0 0 0;
}

	#memberl h1 {
	font-size: 1.1em;
	margin: 0 0 20px 0;
	padding: 0 0 0px 10px;
	line-height: 140%;
	border-bottom: 1px dotted #cccccc;
	border-left: 3px solid #D00003;
}

	#memberl h2 {
		border-top: 3px solid #D6D6D6;
		padding: 13px 10px;
		margin: 0;
		font-size: 1.1em;
		line-height: 100%;
		color: #FF0004;
	}
	
	
	#memberl h3 {
		padding: 10px 10px;
		margin: 0;
		font-size: 1.1em;
		line-height: 100%;
	}
	

	#memberl p {
		margin: 0 0 30px 0;
		padding: 0 13px;
		line-height: 160%;
		font-size: 0.9em;
	}
	

	#memberl dl {
		width:100%;
		padding:0;
		margin:30px auto 0 auto;
		text-align:left;
		font-size: 0.9em;
	}

#memberl img {
width: 100%;
height: auto;
}
	#memberl dt {
		float:none;  
		width:100%;  
		padding:5px 0 0 0;  
		clear:both;
		font-weight: bold;
	}

	#memberl dd {  
		margin-left:0;  
		border-top:none;
		padding:0 0 5px 0;  
	}
	

}

	
	
/*-----btn --------------*/


.btn1,
.btn1:focus {
		padding:8px 20px;
		background-color:#eeeeee;
		font-size: 0.9em;
		border:3px solid #D6D6D6;
		-webkit-box-shadow: 0px 0px 3px #ccc;
		-moz-box-shadow: 0px 0px 3px #ccc;
		box-shadow: 0px 0px 3px #ccc;	
		cursor:pointer;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		text-align: center;
		text-decoration:none;
	}
	
.btn1:hover {
		background-color:#ffffff;
		cursor:pointer;
	}
	
	
.btn2,
.btn2:focus {
		padding:8px 20px;
		background-color:#FF2626;
		font-size: 0.9em;
		color: #ffffff;
		cursor:pointer;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		text-align: center;
		text-decoration:none;
	}
	
.btn2:hover {
		background-color:#930002;
		cursor:pointer;
	}






/*---------------2017年間スケジュール----------------------------------*/

#sche {
	width: 1000px;
	margin: 0 auto;
	padding: 40px 0 60px 0;
}

	#sche h1 {
		font-size: 1.6em;
		margin: 0;
		padding: 0;
		font-weight: normal;
	}
	
	#sche h1 strong {
		font-family: 'Courgette', cursive;
		color: #D90000;
		font-size: 2em;
	}
	
#sche table {
	width: 100%;
	margin: 20px 0;
	border-spacing: 1px;
	background-color: #d6d6d6;
	font-size: 0.85em;
}

	#sche table td {
		background-color: #ffffff;
		padding: 3px 5px;
		vertical-align: top;
		text-align: left;
		font-weight: normal;
	}
	
	#sche table th {background-color: #f6f6f6;}
	
/*---smp------------------------------*/
@media screen and (max-width: 640px) {

#sche {
	width: 90%;
	margin: 0 auto;
	padding: 40px 0 60px 0;
}

	#sche h1 {
		font-size: 1.2em;
		margin: 0;
		padding: 0;
		font-weight: normal;
	}
	
	#sche h1 strong {
		font-family: 'Courgette', cursive;
		color: #D90000;
		font-size: 2em;
	}
	
#sche table {
	width: 100%;
	margin: 20px 0;
	border-spacing: 0;
	background-color: #ffffff;;
	font-size: 0.85em;
}

#sche table thead {
    display: none;
  }
#sche table tr {
    display: block;
	border-bottom: 1px solid #666666;
  }

	#sche table tr.pc {
		display: none;		
	}
	
#sche table td {
    display: block;
    padding: 2px;
    text-align: left;
  }
  
 #sche table td br {display: none;}
#sche table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
  }
	


}
	
/*----過去の講座-----------------------------------------------*/

#passed {
	width: 690px;
	float: left;
	padding: 22px 0 0 0;
}

	#passed h1 {
		font-size: 1.6em;
		margin: 0;
		padding: 0;
	}


#passed table {
	width: 100%;
	margin: 20px 0;
	border-spacing: 1px;
	background-color: #d6d6d6;
	font-size: 0.85em;
}

	#passed table td,
	#passed table th {
		background-color: #ffffff;
		padding: 3px 5px;
		vertical-align: top;
		text-align: left;
		font-weight: normal;
	}
	
	#passed table th {background-color: #f6f6f6;white-space: nowrap;}
	
	#passed table td img,
	#passed table td iframe {
		max-width: 45%;
		height: auto;
		float: right;
		margin: 0 0 5px 20px;
	}
	
	
	
	
	

	
	#passed .msgwaku {
	border: 3px solid #f6f6f6;
	margin: 0 auto 20px auto;
	}
	
	#passed .msgwaku iframe {
		max-width: 45%;
		height: auto;
		float: right;
		margin: 0 0 5px 20px;
	}
	
/*---smp------------------------------*/
@media screen and (max-width: 640px) {

#passed {
	width: 90%;
	float: none;
	margin: 0 auto;
}

	#passed h1 {
		font-size: 1.2em;
		margin: 0;
		padding: 0;
	}


#passed table {
	width: 100%;
	margin: 20px 0;
	border-spacing: 0;
	background-color: #ffffff;;
	font-size: 0.85em;
}

#passed table thead {
    display: none;
  }
#passed table tr {
    display: block;
	border-bottom: 1px solid #666666;
  }

	#passed table tr.pc {
		display: none;		
	}
	
#passed table td {
    display: block;
    padding: 2px;
    text-align: left;
  }
  
 #passed table td br {display: none;}
#passed table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
  }


	#passed .msgwaku {
	border: 3px solid #f6f6f6;
	margin: 0 auto 20px auto;
	}
	
	#passed .msgwaku iframe {
		max-width: 45%;
		height: auto;
		float: right;
		margin: 0 0 5px 20px;
	}
	
#passed table td.theme {background-color:#FFE9E9;}
}
	
	
	
	
/*----メッセージ-----------------------------------------------*/

#message {
	width: 690px;
	float: left;
	padding: 22px 0 0 0;
}

	#message h1 {
		font-size: 1.6em;
		margin: 0;
		padding: 0;
	}
	
	
	#message .msgwaku {
	border: 3px solid #f6f6f6;
	margin: 0 auto 20px auto;
		-webkit-box-shadow: 0px 0px 3px #ccc;
		-moz-box-shadow: 0px 0px 3px #ccc;
		box-shadow: 0px 0px 3px #ccc;	
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 20px;
	}
	
	#message .msgwaku iframe,
	#message .msgwaku img {
		max-width: 45%;
		height: auto;
		float: right;
		margin: 0 0 5px 20px;
		z-index: 10000;
		display: block;
	}
	
	#message h2 {
		padding: 5px 10px;
		font-size: 1.4em;
		margin: 0 0 10px 0;
		z-index: 10;
	}
	
	
	#message p.ttl {
		border-left: 5px solid #C80306;
		border-bottom: 1px solid #d6d6d6;
		line-height: 120%;
		margin: 0 0 10px 0;
		padding: 3px 0 3px 10px;
		font-size: 0.9em;
		font-weight: bold;
	}
	
	#message p.nml {
		line-height: 160%;
		margin: 0 0 15px 0;
		padding: 3px 0 3px 10px;
		font-size: 0.9em;
	}

	#message p.msgp {
		padding: 2px 10px;
		margin: 5px;
		line-height: 160%;
		border-bottom: 1px dotted #d6d6d6;
		font-size: 0.9em;
		color: #000000;
	}
	
	#message p.msgp strong {
		background: url(img/ubar.jpg) bottom repeat-x;
	}
	
	
/*---smp------------------------------*/
@media screen and (max-width: 640px) {

#message {
	width: 90%;
	float: none;
	padding: 22px 0 0 0;
	margin: 0 auto;
}

	#message h1 {
		font-size: 1.2em;
		margin: 0;
		padding: 0;
	}
	
	
	#message .msgwaku {
	border: 3px solid #f6f6f6;
	margin: 0 auto 20px auto;
		-webkit-box-shadow: 0px 0px 3px #ccc;
		-moz-box-shadow: 0px 0px 3px #ccc;
		box-shadow: 0px 0px 3px #ccc;	
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 20px;
	}
	
	#message .msgwaku iframe,
	#message .msgwaku img {
		max-width: 45%;
		height: auto;
		float: right;
		margin: 0 0 5px 20px;
		z-index: 10000;
		display: block;
	}
	
	#message h2 {
		padding: 5px 10px;
		font-size: 1.1em;
		margin: 0 0 10px 0;
		z-index: 10;
	}
	
	
	#message p.ttl {
		border-left: 5px solid #C80306;
		border-bottom: 1px solid #d6d6d6;
		line-height: 120%;
		margin: 0 0 10px 0;
		padding: 3px 0 3px 10px;
		font-size: 0.9em;
		font-weight: bold;
	}
	
	#message p.nml {
		line-height: 160%;
		margin: 0 0 15px 0;
		padding: 3px 0 3px 10px;
		font-size: 0.9em;
	}

	#message p.msgp {
		padding: 2px 10px;
		margin: 5px;
		line-height: 160%;
		border-bottom: 1px dotted #d6d6d6;
		font-size: 0.9em;
		color: #000000;
	}
	
	#message p.msgp strong {
		background: url(img/ubar.jpg) bottom repeat-x;
	}
	

}