@charset "utf-8";

/* *****************************************
/*+  共通  +********************************
/***************************************** */
/* 共通
----------------------------------------------------------*/
/*全体*/
#contents {
	padding:15px 12px 15px 11px;
}
.side {
	float:left;
	margin-right:6px;
	width:165px;
}
.main {
	float:right;
	/*margin-bottom:15px;*/
	width:580px;
}

/* *****************************************
/*+  まほろば無料紹介サービス  +************
/***************************************** */

/* 
----------------------------------------------------------*/
.introductLead {
	margin-bottom: 20px;
	padding:0px 4px 0 0;
	background:url(../images/introduction/introduct_read_bg.gif) no-repeat 0 0;
}
.introductLead .content{
	float:right;
	width:337px;
}
.introductLead .content ol{
	padding:65px 18px 15px;
	/*color: #888;*/
	font-size: 12px;
}
.introductLead .content ol.muryo{
	padding:63px 18px 24px 22px;
	background:url(../images/introduction/introduct_muryo_bg.gif) no-repeat 0px 0px;
}

.introductLead .content ol.osusume{
	padding:58px 18px 15px 22px;
	padding-bottom: 40px;
	background:url(../images/introduction/introduct_osusume_bg.gif) no-repeat 4px 0px;
}
*:first-child+html .introductLead .content ol.osusume{
	margin-left:1px;
}

.introductLead .content ol li {
	margin-bottom: 1px;
	padding-left: 1.1em;
	text-indent: -1.3em;
}

.introductLead .content ul {
	zoom: 1;
}

.introductLead .content ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;
}

.introductLead .content ul li{
	float:left;
	width:167px;
}

#flow h3 {
	margin-bottom: 0px;
	padding-left:10px;
}

#flow ul {
	padding: 0 0 15px 0;
}


#flow ul li {
	float: left;
	padding: 90px 0 0 20px;
	height: 71px;
	color: #000;
}

#flow_1 {
	width: 169px;
	background: url(../images/introduction/introduct_step01.gif) 0 0 no-repeat;
}

#flow_2 {
	width: 164px;
	background: url(../images/introduction/introduct_step02.gif) 0 0 no-repeat;
}

#flow_3 {
	width: 162px;
	background: url(../images/introduction/introduct_step03.gif) 0 0 no-repeat;
}

#flow_4 {
	width: 182px;
	background: url(../images/introduction/introduct_step04.gif) 0 0 no-repeat;
}

#telButton {
	margin:10px 0 20px;
}


span.note {
	color:#0068B6;
}




#movie {
	width:640px;

}


/* お申込みフォーム
----------------------------------------------------------*/
#adsForm {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	zoom: 1;
}

#adsForm p.lead {
	position: absolute;
	left: 90px;
	top: 125px;
	width: 570px;
}

#adsForm div.body {
	padding: 10px 90px 0;
	background: url(../images/ads/ads_form_bg.gif) 0 100% no-repeat;
}

#adsForm form div.inner {
	padding: 40px;
	border: 1px solid #888;
	color: #000;
	zoom: 1;
}

#adsForm form dl {
	zoom: 1;
}

#adsForm form dl:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  visibility: hidden;
}

#adsForm form dt {
	float: left;
	width: 110px;
	padding-left: 15px;
	background: url(../images/common/square_icon.gif) 0 50% no-repeat;
}

#adsForm form dd {
	margin-bottom: 20px;
	padding-left: 135px;
}

#adsForm form dd.last {
	margin-bottom: 0;
}

#adsForm form dt.single {
	float: none;
	margin-bottom: 3px;
	width: 475px;
}

#adsForm form dd.single {
	padding-left: 0;
}

#adsForm form dd li {
	display: inline-block;
	margin-bottom: 3px;
	padding-right: 1em;
	*display: inline; /* [HACK IE] */
	zoom: 1;
}

#adsForm form input.text {
	border: 1px #888 solid;
	height:18px;
}

#adsForm form input.long {
	width: 250px;
}

#adsForm form input.add {
	width: 350px;
}

#adsForm form input.middle {
	width: 180px;
}

#adsForm form textarea {
	width: 100%;
	height: 12em;
}

#adsForm form div.submit {
	padding: 30px 0 40px;
	text-align: center;
}





/* *****************************************
/*+  まほろば広告掲載サービス  +************
/***************************************** */

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



.adsLead {
	position:relative;
	padding: 40px 10px 0 20px;
	height: 248px;
	background:url(../images/ads/ads_read_bg01.gif) no-repeat 0 0;
}

.adsLead .lead {
	margin-bottom: 20px;
}

.adsLead .notes {
}

ul.leadBtn {
	position:absolute;
	right: 13px;
	bottom: 7px;
	width: 605px;
	height: 77px;
}

ul.leadBtn li{
	float:left;
}

#adsPictWoman {
	position: absolute;
	left: 4px;
	bottom: -74px;
}


/* 各コースの説明 */
#coursesDescription {
	position: relative;
	margin-bottom: 20px;
	padding-top: 111px;
	background: url(../images/ads/ads_unit_bg_first.gif) 120px 46px no-repeat;
}

#coursesDescription div.courses ul {
	zoom: 1;
}

#coursesDescription div.courses ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;
}

#coursesDescription div.courses {
	position: absolute;
	left: 130px;
	top: 15px;
	width: 637px;
	height: 111px;
}

#coursesDescription div.courses li {
	float: left;
	width: 203px;
}

#coursesDescription div.unit {
	position: relative;
	z-index: 1;
	width: 100%;
	padding-bottom: 48px;
	background: url(../images/ads/ads_unit_bg_bottom.gif) 120px 100% no-repeat;
	zoom: 1;
}

#coursesDescription div.first {
	padding-top: 16px;
}

#coursesDescription div.last {
	padding-bottom: 15px;
	background: url(../images/ads/ads_unit_bg_last.gif) 120px 100% no-repeat;
}

#coursesDescription div.unit:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;
}

#coursesDescription div.unit .head {
	position: absolute;
	z-index: 2;
	left: 0;
	top: -15px;
	width: 111px;
	height: 137px;
}

#coursesDescription div.first .head {
	top: 0;
}

#coursesDescription div.unit .body {
	float: right;
	padding: 0 11px 3px 7px;
	width: 619px;
	font-size: 16px;
	background: url(../images/ads/ads_unit_bg_middle.gif) 0 0 repeat-y;
}

#coursesDescription div.unit .text {
	padding: 0 10px;
}

#coursesDescription div.course {
	margin-top: 7px;
	zoom: 1;
}

#coursesDescription div.course:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;
}

#coursesDescription div.course .figure {
	padding-left: 4px;
}

#coursesDescription div.unit .notes {
	margin-top: 15px;
	font-size: 12px;
}

#coursesDescription div.unit .notes li {
	margin-bottom: 7px;
	padding-left: 1.5em;
	text-indent: -1.4em;
}

#coursesDescription div.unit .plus {
	margin: 3px 0;
	text-align: center;
}

#coursesDescription div.unit .short {
	text-align: center;
}

#coursesDescription div.course div.inner {
	position: relative;
	padding-bottom: 83px;
	height: 177px;
}


#coursesDescription div.unit .button {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
}

#profileDesc1,
#profileDesc2 {
	font-size: 12px;
	text-align: justify;
}

#profileDesc1 {
	float: left;
	width: 200px;
	padding:10px 0 17px 0;
	background:url(../images/ads/ads_profile_bg_1.gif) no-repeat 0 0;
}

#profileDesc2 {
	float: right;
	width: 405px;
	text-align:left;
	padding:10px 0 17px 0;
	background:url(../images/ads/ads_profile_bg_2.gif) no-repeat 0 0;
}

#profileDesc1 p{
	padding:0px 18px 10px 15px;
	line-height:1.5em;
	letter-spacing:0.1em;

}
#profileDesc2 p{
	padding:0px 18px 0px 15px;
	line-height:1.5em;
	letter-spacing:0.1em;

}


/* お申込みフォーム */
#adsForm {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	zoom: 1;
}

#adsForm p.lead {
	position: absolute;
	left: 90px;
	top: 125px;
	width: 570px;
}

#adsForm div.body {
	padding: 10px 90px 0;
	background: url(../images/ads/ads_form_bg.gif) 0 100% no-repeat;
}

#adsForm form div.inner {
	padding: 40px;
	border: 1px solid #888;
	color: #000;
	zoom: 1;
}

#adsForm form dl {
	zoom: 1;
}

#adsForm form dl:after {

  content: ".";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  visibility: hidden;
}

#adsForm form dt {
	float: left;
	width: 110px;
	padding-left: 15px;
	background: url(../images/ads/ads_form_icon.gif) 0 50% no-repeat;
}

#adsForm form dd {
	margin-bottom: 20px;
	padding-left: 135px;
}

#adsForm form dd.last {
	margin-bottom: 0;
}

#adsForm form dt.single {
	float: none;
	margin-bottom: 3px;
	width: 475px;
}

#adsForm form dd.single {
	padding-left: 0;
}

#adsForm form dd li {
	display: inline-block;
	margin-bottom: 3px;
	padding-right: 1em;
	*display: inline; /* [HACK IE] */
	zoom: 1;
}

#adsForm form input.text {
	border: 1px #888 solid;
	height:18px;
}

#adsForm form input.long {
	width: 250px;
}

#adsForm form input.add {
	width: 350px;
}

#adsForm form input.middle {
	width: 180px;
}

#adsForm form input.mail {
	width: 99%;
}

#adsForm form input.file {

}


#adsForm form input#file{
	padding:3px;
	width:300px;
	font: 13px/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Godthic Pro W3", HiraKakuPro-W3, Osaka, "ＭＳ Ｐゴシック", sans-serif;
}



#adsForm form textarea {
	width: 100%;
	height: 12em;
}

#adsForm form textarea.url {
	width: 100%;
	height: 3em;
}

#adsForm form div.submit {
	padding: 30px 0 40px;
	text-align: center;
}