@charset "utf-8";
#home{}




/* ================================================================
   .unit01
================================================================ */
.unit01 h3{	margin-top: 25px;}
.unit01 h2{	margin-bottom: 25px;}
/* photo */
.unit01 .photo{}
.unit01 .photo img{
	float: right;
	margin-left: 35px;
}
/* about */
.unit01 .about{
	margin-right: 20px;
	margin-left: 20px;
	padding: 15px;
	background-color: #e1e1d2;
}
.unit01 .about h3{
	font-size: 16px;
	margin: 0px;
	padding: 0px 0px 10px;
}

/* cell .recommendation*/
.unit01 .cell{	padding-top: 5px;}
.unit01 div.recommendation{
	width: 808px;
	margin: 10px 2px 15px 2px;
	padding: 15px 0px 15px 15px;
	background-color: #a6C6fb;
}
.unit01 div.recommendation img.banner{
	float: left;
	margin-right: 15px;
	margin-left: 0px;
}
.unit01 div.recommendation div.recData{
	float: left;
}
.unit01 div.recommendation p.name{
	float: left;
	margin: 0px;
	padding: 0px 10px;
	border-left: 8px solid #069;
	font-size: 14px;
	line-height: 1.3;
}
.unit01 div.recommendation p.txt{
	float: left;
	clear: left;
	width: 350px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
}
.unit01 div.recommendation p.name span{
	display: block;
	padding-top: 10px;
	font-size: 16px;
	font-weight: bold;
}
.unit01 div.recommendation div.youtube{
	float: right;
	padding-right: 15px;
}

/* cell .recommendation2*/
.unit01 div.recommendation2{
	float: right;
	width: 375px;
	margin: 0px 2px 15px 2px;
	padding: 10px 15px 5px 15px;
	background-color: #a6C6fb;
}
.unit01 div.recommendation2 img.banner{
	float: left;
	margin-right: 15px;
	margin-left: 0px;
}
.unit01 div.recommendation2 div.recData{	float: left;}
.unit01 div.recommendation2 p.name{
	float: left;
	margin: 0px;
	padding: 0px 10px;
	border-left: 8px solid #069;
	font-size: 14px;
	line-height: 1.3;
}
.unit01 div.recommendation2 p.name span{
	display: block;
	padding-top: 5px;
	font-size: 15px;
	font-weight: bold;
}
.unit01 div.recommendation2 div.youtube{
	padding-left: 68px;
}
/* about2 */
.unit01 .about2{
	float: left;
	width: 365px;
	margin-left: 20px;
	padding: 15px 20px;
	background-color: #e1e1d2;
}
.unit01 .about2 h3{
	font-size: 16px;
	margin: 0px;
	padding: 0px 0px 10px;
}



/* ================================================================
   .unit02
================================================================ */
.unit02{	padding-top: 20px;}
/* cell */
.unit02 .cell{
	margin-right: 20px;
	margin-left: 20px;
	padding-top: 15px;
}
.unit02 .cellLine{
	padding-bottom: 10px;
	border-bottom: 1px solid #c6a8a8;
}
.unit02 .cell img.num{	float: left;}
.unit02 .cell div.centerData{
	float: left;
	margin-left: 20px;
	width: 745px;
}
.unit02 .cell div.centerData h3{	margin-bottom: 15px;}
.unit02 .cell div.centerData img.photo{
	float: right;
	margin-left: 40px;
}
/* cell .list */
.unit02 .cell dl.list{}
.unit02 .cell dl.listDD{	width: 560px;}
.unit02 .cell dl.list dt{
	margin: 0px;
	padding: 3px 10px;
	background-color: #efd8d1;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.unit02 .cell dl.list dd{
	float: left;
	width: 220px;
	margin: 15px 0px 0px 2px;
	padding: 0px;
	font-size: 14px;
}
.unit02 .cell dl.list dd.blockDD{
	float: none;
	width: auto;
	margin: 15px 0px 15px 0px;
}
.unit02 .cell dl.list dd.blockDDLast{
	float: none;
	width: auto;
	margin-bottom: 0px;
}
.unit02 .cell dl.list dd.long{	width: 270px;}
.unit02 .cell dl.list dd span{
	font-size: 12px;
	display: block;
}
/* cell .recommendation*/
.unit02 .cell div.recommendation{
	margin: 20px 2px 20px 2px;
	padding: 15px 0px 5px 15px;
	background-color: #a6C6fb;
}
.unit02 .cell div.recommendation img.banner{
	float: left;
	margin-right: 15px;
}
.unit02 .cell div.recommendation div.recData{
	float: left;
	width: 625px;
}
.unit02 .cell div.recommendation p.name{
	margin: 0px;
	padding: 0px 10px;
	border-left: 8px solid #069;
	font-size: 14px;
	line-height: 1.3;
}
.unit02 .cell div.recommendation p.name span{
	display: block;
	padding-top: 10px;
	font-size: 16px;
	font-weight: bold;
}



/* ================================================================
   .unit03
================================================================ */
.unit03 h2{	margin-bottom: 20px;}
/* contactData */
.unit03 dl.contactData{
	width: 820px;
	margin-bottom: 50px;
}
.unit03 dl.contactData dt{
	margin: 0px 0px 3px 0px;
	padding: 0px;
}
.unit03 dl.contactData dd{
	display: inline;
	margin: 0px;
	padding: 0px;
}
.unit03 dl.contactData dd.last{	margin-left: 0px;}



/* ================================================================
   .unit04
================================================================ */
.unit04 h3.banner{	
	margin-bottom: 15px;
	padding-top: 25px;
	background: url(../img/dot01.gif) repeat-x left top;
}
.unit04 h2{	margin-bottom: 10px;}
/* sub*/
.unit04 h3.sub{
	margin-top: 25px;
	margin-bottom: 20px;
	padding: 0px 0px 0px 10px;
	border-left: 8px solid #5e1f00;
	font-size: 18px;
	font-weight: bold;
}
.unit04 h3.sub span{
	display: block;
	font-weight: normal;
	font-size: 12px;
}
/* photo */
.unit04 img.photo{
	float: right;
	clear: right;
	margin-bottom: 15px;
	margin-left: 40px;
}
/* lead */
.unit04 p.lead{
	margin-top: 20px;
	font-size: 16px;
	font-weight: bold;
}
/* instructor */
.unit04 p.instructor{
	margin-top: 20px;
	padding: 10px;
	background-color: #e1e1d2;
}
.unit04 p.instructor span{	display: block;}
/* instructorBox */
.unit04 div.instructorBox{
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;
	background-color: #e1e1d2;
}
.unit04 div.instructorBox span{
	display: block;
	font-size: 14px;
}


/* meetingData */
.unit04 p.meetingData span.name{
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #481700;
}
/* contactData */
.unit04 dl.contactData{
	width: 820px;
	margin-bottom: 40px;
}
.unit04 dl.contactData dt{
	margin: 0px 0px 3px 0px;
	padding: 0px;
}
.unit04 dl.contactData dd{
	display: inline;
	margin: 0px;
	padding: 0px;
}
.unit04 dl.contactData dd.last{	margin-left: 0px;}

/* pastEvent */
.unit04 ul.pastEvent{
	background-color: #CCCCCC;
	padding: 10px;
	margin: 0px;
}
.unit04 ul.pastEvent li{
	list-style-position: outside;
	list-style-type: circle;
	margin-left: 1.5em;
}
.unit04 ul.pastEvent li.name{
	list-style-type: none;
	margin: 0px;
}




/* ================================================================
   .tableList
================================================================ */
.tableList{
	background: url(../img/_dot01.gif) repeat-x left top;
}
.tableList th,
.tableList td{
	background: url(../img/_dot01.gif) repeat-x left bottom;
	padding: 7px;
	vertical-align: top;
}
.tableList th{
	white-space: nowrap;
	width: 10%;
}
.tableList td{}




/* ================================================================
   .unitForm
================================================================ */
.unitForm{
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
	border: 1px solid #c0c0c0;
	text-align: center;
}
.unitForm h3{
	margin: 10px 0px 20px 0px;
	font-size: 18px;
	font-weight: bold;
	color: #069;
}
/* flow */
.unitForm p.flow{
	margin: 0px;
	padding: 0px;
	color: #999;
}
.unitForm p.flow img{
	margin: 0px 5px;
}
.unitForm p.flow span.on{
	font-weight: bold;
	color: #069;
}
/* table */
.unitForm table{
	width: 580px;
	margin-right: auto;
	margin-left: auto;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	text-align: left;
}
.unitForm table th,
.unitForm table td{
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	padding: 6px 15px;
}
.unitForm table th{
	white-space: nowrap;
	width: 2%;
}
.unitForm table th span,
.unitForm table td span{
	padding-left: 5px;
	font-size: 10px;
	font-weight: normal;
	color: #f03;
}
.unitForm table td.choice{
	padding: 20px;
}
.unitForm table td.name{
	color: #069;
	text-align: center;
	padding: 10px;
}

.unitForm div.last{
	width: 540px;
	margin: 20px auto;
	padding: 20px;
	background: url(../img/bk_01.jpg) repeat-x left bottom;
	border: 1px solid #999;
	text-align: center;
}
.unitForm div.last input.btn{
	padding: 3px 10px;
	background: url(../img/bk_02.jpg) repeat-x left bottom;
	border: 1px solid #999999;
}



/* ================================================================
   .comformBack
================================================================ */
.comformBack{
	margin: 20px 0px 20px 20px;
	padding: 0px;
	line-height: 1;
}








/*
<div id="sig"><a href="http://www.sapphirus.biz/">(c) Sapphirus.Biz</a></div>
*/
#sig a:link,#sig a:visited{
	font-size: 8px;
	color: #C0C0C0;
	text-decoration: none;
}
#sig a:hover,#sig a:active{
	text-decoration: underline;
}




/* EOF */