@charset "UTF-8";

/*
information{
	file name : /css/individual/index.css;
	infomation : This CSS file define [index] styles.;
	site name : HMCA Human Creative Academy;
	copyrihgt : Copyright (C) HMCA Human Creative Academy;
}
*/

/* contents
--------------------------------------------------------------------------
1. 
--------------------------------------------------------------------------
*/


/* 1. 
-----------------------------------------------	*/
#mainVisual {
	width: 851px;
	height: 320px;
	padding: 0;
	margin: 0 0 1px 0; 
}

#mainVisual img {
	width: 851px;
	height: 320px;
	top: 0;
	left: 0 
}


/* 2. 
-----------------------------------------------	*/
div.indexNavi {
	height: 60px;
	border-bottom: solid 3px #33CC99;
}

div.indexNavi ul li {
	float: left;
	width: 213px;
	text-align: right;
}

div.indexNavi ul li.firstChild {
	width: 212px;
}

div.indexNavi ul li img {
	vertical-align: bottom;
}



/* 3. 
-----------------------------------------------	*/

div.indexInfo {
	float: left;
	width: 426px;
}


/* 4. 
-----------------------------------------------	*/

div.indexNews {
	
}

div.indexNews h2 {
	margin-bottom: 10px;
	font-size: 1px;
}

div.indexNews div.imageNews,
div.indexNews div.textNews {
	min-height: 1%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background-image: url("/img_common/dotline_w.gif");
	background-repeat: repeat-x;
	background-position: bottom left;
}

/* -- Hack WinIE & MacIE --*/
* html div.indexNews div.imageNews,
* html div.indexNews div.textNews {
	/* Hides from IE5-Mac ¥*/ 
	height: 1%;
	/*end  Hides from IE5-Mac */
}
/* -- Hack WinIE & MacIE  end--*/

div.indexNews div.imageNews p.image {
	float: left;
	width: 65px;
}

div.indexNews div.imageNews dl {
	float: right;
	width: 349px;
	margin-top: 5px;
}

div.indexNews div.imageNews dl dt {
	margin-bottom: 5px;
}

div.indexNews div.imageNews dl dd {
	line-height: 130%;
}


div.indexNews div.textNews dl dt {
	float: left;
	width: 65px;
	line-height: 130%;
}
div.indexNews div.textNews dl dd {
	float: right;
	width: 349px;
	line-height: 130%;
}

/* 4. 
-----------------------------------------------	*/

div.indexTeacher {

}

div.indexTeacher p {
	float: left;
	width: 213px;
	margin-bottom: 10px;

}

div.indexTeacher p span.name {
	vertical-align: 15px;
}

div.indexTeacher p a,
div.indexTeacher p a:link,
div.indexTeacher p a:visited,
div.indexTeacher p a:hover {
	text-decoration: none;
}


/* 5. 
-----------------------------------------------	*/

div.indexMisc {
	
}

div.indexMisc div.movie {
	float: left;
	width: 271px;
	padding: 9px 0 11px 0;
	background-image: url("/img/index_movie_background.jpg");
	background-repeat: no-repeat;
	background-position: top left;
}


div.indexMisc div.movie div.cell1 {
	float: left;
	width: 125px;
	text-align: right;
}

div.indexMisc div.movie div.cell1 dl dt {
	margin-bottom: 11px;
}

div.indexMisc div.movie div.cell2 {
	float: right;
	width: 136px;
}

div.indexMisc div.movie div.cell2 dl dt {
	margin: 0 0 10px 46px;
}

div.indexMisc div.movie div.cell2 dl dd {
	margin: 0 0 5px 0;
}

div.indexMisc div.movie div.cell2 dl dd img {
	vertical-align: bottom;
}

div.indexMisc div.shopping {
	float: right;
	width: 146px;

}

/* 6. 
-----------------------------------------------	*/

div.indexSchedule {
	float: right;
	width: 366px;
	background-image: url("/img/index_schedule_background.gif");
	background-repeat: repeat-y;
	background-position: top left;
}

div.indexSchedule div.container {
	padding: 0 12px 40px 12px;
	background-image: url("/img/index_schedule_footer.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
}

div.indexSchedule div.imageNews,
div.indexSchedule div.textNews {
	min-height: 1%;
	margin-top: 12px;
	padding-top: 12px;
	background-image: url("/img_common/dotline_w.gif");
	background-repeat: repeat-x;
	background-position: top left;
}

div.indexSchedule div.firstChild {
	margin: 0;
	background-image: none;
}

div.indexBanner {
	float: right;
	width: 366px;
}

/* -- Hack WinIE & MacIE --*/
* html div.indexSchedule div.imageNews,
* html div.indexSchedule div.textNews {
	/* Hides from IE5-Mac ¥*/ 
	height: 1%;
	/*end  Hides from IE5-Mac */
}
/* -- Hack WinIE & MacIE  end--*/



div.indexSchedule div.imageNews p.image {
	float: left;
	width: 65px;
}

div.indexSchedule div.imageNews dl {
	float: right;
	width: 267px;
	margin-top: 5px;
}

div.indexSchedule div.imageNews dl dt {
	margin-bottom: 5px;
}

div.indexSchedule div.imageNews dl dd {
	line-height: 130%;
}


div.indexSchedule div.textNews dl dt {
	float: left;
	width: 65px;
	line-height: 130%;
}
div.indexSchedule div.textNews dl dd {
	float: right;
	width: 267px;
	line-height: 130%;
}