@import "/css/common.css";
/*==================================================================*/

/* school css */

/*==================================================================*/

/* index：マテリアルフラワーとは */

/* ---------------------------------------------------------------- */
#index *{margin:0;padding:0;}
#index img{vertical-align:bottom;}

/* common */

/* clear hack */
#index div{zoom:1;}
#index div:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#index h2{margin:0 0 24px;}
#index p{margin:0 0 1em 22px;}

#index .pagetop{margin:0 0 6em;}

/* リード文 */
/* -------------------------------------------- */
#index #read{
	margin:0 0 2em;
	padding:0 0 4em;
	border-bottom:1px solid #8e8b74;
}

#index #read h2{margin:0 0 36px;}

#index #read div{
	float:left;
	width:487px;
}

#index #read p.photo{
	float:right;
	width:235px;
}

/* ページ内リンク */
/* -------------------------------------------- */
#index #nav{
	margin:0 0 5em;
	padding:0 0 2em;
	border-bottom:1px solid #8e8b74;
	text-align:center;
}

#index #nav li{
	padding:0 18px;
	list-style:none;
	display:inline;
}
#index #nav li a{
	padding:0 0 0 18px;
	color:#333;
	background:url('/common_img/arrow.gif') no-repeat 0 3px;
}
#index #nav a:hover{color:#81b00e;}


/* スクールコース紹介 */
/* -------------------------------------------- */
#index #coarse{
	margin:0 0 3em;
	padding:0 0 1em;
	background:url('/common_img/line_dot_brown.gif') repeat-x 0 100%;
}

#index #coarse p.link{
	margin:0 0 1em 22px;
	text-align:right;
}
#index #coarse p.link a{
	padding:0 0 0 18px;
	color:#333;
	background:url('/common_img/arrow.gif') no-repeat 0 3px;
}
#index #coarse p.link a:hover{color:#81b00e;}


/* コース一覧共通 */
/* -------------------------------------------- */
#index h3{margin:0 0 24px;}

#index .coarse{
	margin:0 0 2em;
	padding:24px 0 18px;
	border:1px solid #8e8b74;
	clear:both;
}

#index .coarse div{
	width:448px;
	float:left;
	background:url('/common_img/line_dot_ver.gif') repeat-y 100% 0;
}

#index .coarse h4{margin:0 0 24px;}
#index .coarse p{margin:0 12px 0 22px;}

#index .coarse dl{
	float:right;
	width:270px;
}

#index .coarse dt{
	margin:0 0 6px;
	padding:0 0 0 24px;
	clear:left;
	float:left;
	width:90px;
	background:url('/common_img/listmark.gif') no-repeat 0 6px;
}

#index .coarse dd{margin:0 0 6px 90px;}
#index .coarse span{margin:0 0 0 45px;display:block;}
#index .coarse dd.sub{
	margin:0 0 0 24px;
	float:none;
	width:auto;
	clear:left;
}


/* マテリアルフラワーコース */
/* -------------------------------------------- */
#index #material .headline{
	margin:0 0 24px;
	border:none;
	width:426px;
	float:left;
}

#index #material h3{margin:0 0 24px;}
#index #material p.photo{
	float:right;
	clear:both;
	width:270px;
}

#index #material #main{padding-bottom:0;}
#index #material #main div{
	width:auto;
	float:none;
	background:none;
}
#index #material #main h4{margin-bottom:12px;}
#index #material #main p{margin-bottom:24px;}

/* ディプロマ取得 */
#index #material #diploma dt{width:200px;}

/* 無料体験セミナー */
/* -------------------------------------------- */
#index #seminar{
	padding:48px 0 12px;
	background:url('/common_img/line_dot_brown.gif') repeat-x 0 0;
}
#index #seminar .photo{
	float:right;
	clear:both;
	width:270px;
}

#index #seminar div{
	margin:0 0 24px;
	padding:0;
	border:none;
	width:426px;
	float:left;
}

#index #seminar dl{
	margin:0 0 0 24px;
	padding:0 0 6px 24px;
	background:url('/common_img/listmark.gif') no-repeat 0 5px;
}
/* clear hack */
#index #seminar dl{zoom:1;}
#index #seminar dl:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#index #seminar dt{
	width:60px;
	float:left;
}
#index #seminar dd{
	width:300px;
	float:left;
}


/* お問合せ */
/* -------------------------------------------- */
#index .contact{
	margin:0 0 4em;
	padding:12px 0 12px 22px;
	border:1px solid #ccc;
}
/* clear hack */
#index .contact{zoom:1;}
#index .contact:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#index .contact h3{
	margin:0 0 px;
	color:#679b05;
	font-size:14px;
}
#index .contact p{
	margin:0 0 1em;
	padding:0 0 1em;
	background:url('/common_img/line_dot.gif') repeat-x 0 100%;
}

#index .contact div.main{
	width:360px;
	float:left;
	background:url('/common_img/line_dot_ver.gif') repeat-y 100% 0;
}
#index .contact div.sub{
	width:330px;
	float:right;
}

#index .contact h4{
	color:#679b05;
	font-size:14px;
}
#index address{font-style:normal;}

#index .contact ul{margin:0 0 0 18px;}
#index .contact li{margin:0 0 6px;}

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

/* teacher：講師の紹介 */

/* ---------------------------------------------------------------- */
#teacher *{margin:0;padding:0;}
#teacher img{vertical-align:bottom;}

#teacher #read{
	margin:0 0 1em;
	padding:0 0 0 18px;
	background:url('../image/listmark.gif') no-repeat 0 0;
}

#teacher #list{
	margin:0 0 4em;
	background:url('/common_img/line_dot_ver.gif') repeat-y 48% 0;
}
/* clear hack */
#teacher #list{zoom:1;}
#teacher #list:after{content:".";clear:both;height:0;display:block;visibility:hidden;}


#teacher #list dl{
	margin:0 0 1em;
	padding:1em 0 0;
	width:49%;
	float:left;
	background:url('/common_img/line_dot.gif') repeat-x 0 0;
}
/* clear hack */
#teacher #list dl{zoom:1;}
#teacher #list dl:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#teacher #list dt{
	float:left;
	width:80px;
}
#teacher #list dd{
	width:276px;
	float:right;
}
#teacher #list dd{}


#teacher #list ul{margin:12px 0 0;}
#teacher #list li{
	list-style:none;
	font-size:10px;
}

#teacher #list br{clear:both;}

/* 写真無し */
#teacher #list .none dd{
	float:none;
	width:auto;
}

#teacher #list p{margin:12px 0 0;}

#teacher #list p.link{
	margin:0 24px 1em 22px;
	padding:0;
	background:none;
	text-align:right;
}
#teacher #list p.link a{
	padding:0 0 0 18px;
	color:#333;
	background:url('/common_img/arrow.gif') no-repeat 0 3px;
}
#teacher #list p.link a:hover{color:#81b00e;}

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