@charset "UTF-8";
/* CSS Document */

/*font-size guide
10px = 83%
11px = 92%
12px = 100%
13px = 108%
14px = 117%
15px = 125%
16px = 133%
17px = 142%
18px = 150%*/

/*---------------------
セミナーレポートボタン
-----------------------*/

/*#header #headerBtnArea {
	float: left;
	display: inline;
	margin-left: 118px;
	margin-top: 26px;
}*/

#photoArea {
	background-image: url(../images/top/top_photo.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 954px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	clear: both;
}
#photoArea h2 {
	padding-top: 28px;
	padding-left: 28px;
	line-height: 100%;
	width: 898px;
}
#photoArea #leadText {
	padding-left: 28px;
	margin-top: 35px;
	font-size: 108%;
	width: 600px;
	float: left;
	position: relative;
}
#newArea {
	float: right;
	display: inline;
	font-size: 100%;
	width: 263px;
	margin-top: 35px;
	background-image: url(../images/top/bg_new.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 307px;
	margin-right: 28px;
	position: relative;
}
#newArea #ttlNew {
	margin-top: 10px;
	margin-left: 0px;
	padding-left: 10px;
	margin-bottom: 20px;
}
#newArea #mycustomscroll  {
	height: 245px;
	width: 237px;
	overflow: auto;
	clear: both;
	padding-right:10px;

}
#newArea #mycustomscroll ul {
	margin-left: 12px;
	width: 210px;
	
}
#photoArea #newArea #mycustomscroll li{
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	
}
#photoArea #newArea #mycustomscroll .borderNone {
	border-bottom-style: none;
}
#newArea #mycustomscroll ul li .bgRed {
	color: #FFF;
	background-color: #d80614;
	display: block;
	text-align: center;
	line-height: 100%;
	padding-top: 4px;
	padding-bottom: 3px;
	margin-bottom: 3px;
	font-size: 95%;
	font-weight: bold;
}
#newArea #mycustomscroll ul li .bgBlue {
	color: #FFF;
	background-color: #0A39AA;
	display: block;
	text-align: center;
	line-height: 100%;
	padding-top: 4px;
	padding-bottom: 3px;
	margin-bottom: 3px;
	font-size: 95%;
	font-weight: bold;
}
#photoArea #topStep {
	padding-left: 5px;
	float: left;
	margin-top: 20px;
	width: 651px;
	position: relative;
}
#photoArea #topStep li {
	float: left;
	width: 210px;
}
#photoArea #topStep .sankaku {
	background-image: url(../images/top/top_step_sankaku.png);
	background-repeat: no-repeat;
	background-position: left 95px;
	padding-left: 10px;
}

#contentsArea #ttl01{
	clear: both;
	margin-top: 40px;
	margin-bottom: 7px;
}
#contentsArea .box {
	border: 1px solid #fdda80;
	padding: 1px;
	width: 466px;
	position: relative;
	float: left;
	margin-top: 12px;
}
#contentsArea .boxR  {
	margin-left: 10px;
}

#contentsArea .box .boxInner {
	background-color: #fff8e5;
	position: relative;
}
#contentsArea .box .boxInner #box01 {
	background-image: url(../images/top/top_box01_lady.png);
	background-repeat: no-repeat;
	background-position: 358px 18px;
	position: relative;
}
#contentsArea .box .boxInner #box02 {
	background-image: url(../images/top/top_box02_man.png);
	background-repeat: no-repeat;
	background-position: 343px 70px;
	position: relative;
}
#contentsArea .box .boxInner #box03 {
	background-image: url(../images/top/top_box03_man.png);
	background-repeat: no-repeat;
	background-position: 328px 6px;
	position: relative;
}
#contentsArea .box .boxInner #box04 {
	background-image: url(../images/top/top_box04_lady.png);
	background-repeat: no-repeat;
	background-position: 363px 6px;
	position: relative;
}
#contentsArea .box .boxInner dl dt{
	position: relative;
	top: -9px;
	left: 7px;
}
#contentsArea .box .boxInner dl .boxComment {
	padding-left: 16px;
}
#contentsArea .box .boxInner dl .boxComment02 {
	padding-left: 16px;
	margin-top: -9px;
}
#contentsArea .box .boxInner dl .boxText {
	width: 300px;
	padding-left: 16px;
	font-size: 117%;
	color: #333;
	padding-top: 15px;
	padding-bottom: 10px;
	line-height: 145%;
}
#contentsArea .box .boxInner dl .btnComic {
	padding-left: 14px;
	padding-bottom: 14px;
}
#contentsArea .box .boxInner dl .btnComic a:hover img {
	filter: alpha(opacity=30);
    opacity:0.70;
    -moz-opacity:0.70;
}
#contentsArea .ttlMargin {
	margin-bottom: 15px;
	clear: both;
	padding-top: 30px;
	width: 950px;
}
#contentsArea .ctInner {
	border: 1px solid #fdda80;
	padding: 1px;
	width: 946px;
	clear: both;
	position: relative;
}
#contentsArea #ctInnerUnder {
	margin-top: 10px;
}
#contentsArea .ctInner dt {
	background-color: #fff8e5;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#contentsArea .ctInner dd {
	font-size: 117%;
	width: 665px;
	line-height: 150%;
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	text-align: justify;
}
#contentsArea .ctInner .textSmall {
	font-size: 85%;
	line-height: 125%;
}
#contentsArea .textBold  {
	font-weight: bold;
	color: #a6783b;
}
#contentsArea .ctInner .seminarImg  {
	float: right;
	width: 250px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#contentsArea #seminarTable {
	width: 948px;
	font-size: 117%;
	text-align: center;
	background-color: #A6783B;
	padding: 1px;
	display: block;
}
#contentsArea #seminarTable table {
	width: 948px;
}
#contentsArea #seminarTable table tr th{
	background-color: #E4D6C4;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A6783B;
}
#contentsArea #seminarTable table tr .day{
	width: 195px;
}
#contentsArea #seminarTable table tr .capacity{
	width: 53px;
}
#contentsArea #seminarTable table tr .theme{
/*--  	width: 397px; -- */
	padding-right: 15px;
	padding-left: 15px;
}
#contentsArea #seminarTable table tr td ul {
	text-align: left;
	margin-top: 5px;
}
#contentsArea #seminarTable table tr td ul li {
	margin-top: 10px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #A6783B;
}
#contentsArea #seminarTable table tr .theme span {
	font-size: 94%;
}
#contentsArea #seminarTable table tr .teacher{
/*--  	width: 128px; -- */
	width: 156px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 94%;
	line-height: 132%;
}
#contentsArea #seminarTable table tr .entry{
	width: 118px;
}
#contentsArea #seminarTable table tr .entry a:hover img {
	filter: alpha(opacity=30);
    opacity:0.30;
    -moz-opacity:0.30;
}
#contentsArea #seminarTable table tr .entry img {
	display: inline;
}
#contentsArea #seminarTable table tr td{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DBC9B1;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dbc9b1;
	background-color: #FFF;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 132%;
}
#contentsArea #seminarTable table tr .borderDotted{
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #DBC9B1;
}
#contentsArea #seminarTable table .lastBox{
	border-right-style: none;
}
#contentsArea #seminarTable table .textKatagaki {
	font-size: 91.666%;
	line-height: 120%;
	display: block;
	margin-bottom: 5px;
}

#contentsArea #googleMap {
	float: left;
	width: 425px;
	padding-right: 18px;
}
#contentsArea #googleMap small {
	display: block;
	padding-top: 5px;
}
#contentsArea #seminarPlace {
	font-size: 108%;
	float: left;
	width: 393px;
	padding-top: 2px;
	padding-bottom: 5px;
	background-repeat: repeat-x;
	background-position: left bottom;
	line-height: 150%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #5f4c40;
}
#contentsArea #seminarPlace dt {
	font-weight: bold;
	float: left;
	width: 2.2em;
	clear: both;
}
#contentsArea #seminarPlace dd {
	float: left;
	width: 355px;
	margin-bottom: 5px;
}
#contentsArea #access {
	font-size: 108%;
	float: left;
	width: 390px;
	padding-top: 13px;
	line-height: 150%;
}
#contentsArea #access dt {
	font-weight: bold;
	text-indent: -0.6em;
}

#contentsArea #access dd .bold {
	font-weight: bold;
}


#contentsArea .banner{
height:125px;
}
#contentsArea .banner table {
float: right;
}
#contentsArea .banner td {
padding:10px 0 0 10px;
}
#contentsArea .banner img {
height:120px;
}