@charset "UTF-8";
/*----------------------------------------
  CSS Document
	Constructed by Eriko YAMASHITA 2008.03.27
  Last Update 2008.03.27 Eriko YAMASHITA
----------------------------------------*/

/*----------------------------------------
　　目次　- トップページ用CSS
────────────────────┼

　├ 枠設定
　├ ヘッダ
　			├ パンくずリスト
　│
　├ コンテンツ部
　			├ イントロ　「ヴォイストレーニングとは？」
　			├ コース案内
　			├ ボタン
　			├ ミッション・ステートメント
　			├ 最新情報
　│
　├ サイドナビ

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

@import "common.css";


/*####################　枠設定　####################*/

#Container {
	margin-top: -418px;
	}

	#Main {
		padding-top: 350px;
		}

	#Sub {
		margin-top: 1px;
		}

/*####################　ヘッダ　####################*/

#Header {
	margin:0 auto;
	width: 980px;
	height: 619px;
	background: url(../../img/bg_header_eco.jpg) repeat-y top left;
	text-align: left;
	}


/* #####　パンくずリスト　##### */

#TopicPath {
	display: none;
	}


/*####################　コンテンツ部　####################*/


/* #####　イントロ　「ヴォイストレーニングとは？」　##### */

#Intro {
	height: 60px;
	}

#Intro h2 {
	display: none;
	}

#Intro p {
	float: right;
	margin-right: 15px;
	_margin-right: 7px;
	}
	#Intro p a {
		display: block;
		width: 199px;
		height: 38px;
		text-indent: -9999px;
		text-decoration: none;
		overflow: hidden;
		}


/* #####　コース案内　##### */

#Course {
	}

#Course .box {
	margin-bottom: 12px;
	padding: 6px 15px 13px 16px;
	background: url(../../img/bg_coursebox.gif) repeat-y bottom left;
	}

#Course dt {
	display: inline;
	float: left;
	margin-bottom: 10px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	}

#Course dd {
	display:none;
	}

#Course dt.menu1,
#Course dt.menu2 { width: 250px; height: 105px;}

#Course dt.menu3 { width: 180px; height: 62px;}
#Course dt.menu4,
#Course dt.menu5 { width: 165px; height: 62px;}

#Course dt.menu1 { background: url(../../img/menu1.gif) no-repeat top left;}
#Course dt.menu2 { background: url(../../img/menu2.gif) no-repeat top left;}
#Course dt.menu3 { background: url(../../img/menu3.gif) no-repeat top left;}
#Course dt.menu4 { background: url(../../img/menu4.gif) no-repeat top left;}
#Course dt.menu5 { background: url(../../img/menu5.gif) no-repeat top left;}

#Course dt.menu1 { margin-left: 10px;}
#Course dt.menu2 { margin-left: 10px;}
#Course dt.menu3 {}
#Course dt.menu4 { margin-left: 9px;}
#Course dt.menu5 { margin-left: 9px;}


	#Course dt.menu1 a{
	display:block;
	width: 251px;
	height: 100px;
	}

	#Course dt.menu2 a{
	display:block;
	width: 251px;
	height: 100px;
	}

	#Course dt.menu3 a{
	display:block;
	width: 180px;
	height: 57px;
	}

	#Course dt.menu4 a{
	display:block;
	width: 165px;
	height: 57px;
	}
	
	#Course dt.menu5 a{
	display:block;
	width: 165px;
	height: 57px;
	}

#Course p {
	clear: both;
	font-weight: bold;
	color: #960;
	line-height: 1.4;
	}


/* #####　ボタン　##### */

#Course .jump {
	margin: 0 0 12px;
	text-align: right;
	}


/* #####　ミッション・ステートメント　##### */

#Mission {
	width: 560px;
	height:116px;
	background: url(../../img/mission.jpg) no-repeat top left;
	}
	#Mission h2 {
		display: block;
		text-indent: -9999px;
		text-decoration: none;
		overflow: hidden;
		}
	#Mission p {
		display: none;
		}


/* #####　最新情報　##### */

#News {
	margin-top: 12px;
	}

#News dl.odd dt{
	background: #f3f3f3;
	}

#News dl.odd dd {
	background:url(../img/arrow-1.gif) 0 10px no-repeat #f3f3f3;
	}	

#News dl.even dt {
	background: #ffffff;
	}
	
#News dl.even dd {
	background:url(../img/arrow-2.gif) 0 10px no-repeat #ffffff;
	}	

#News dt {
	float: left;
	clear: both;
	width: 96px;
	margin:0px;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック";
	color: #666;
	text-indent: 10px;
	line-height: 29px;
	}

#News dd {
	display:block;	
	float: left;
	width: 464px;
	margin:0px;
	text-indent: 11px;
	line-height: 29px;
	}

#News .jump {
	margin: 10px 0 12px;
	text-align: right;
	}

	#News .jump img {
		margin-top:15px;
		}


/* #####　体験レッスン実施中　##### */

#FirstLesson {/*体験レッスン実施中*/
	background: url(../img/firstlesson.jpg) no-repeat top left;
	width: 560px;
	height:116px;
	margin-left: 8px;
	_margin-left: 8px;
	text-indent:-9999px;
	}

	#FirstLesson h2 {
		padding-top: 5px;
		}
	#FirstLesson h2 a {
		display: block;
		width: 560px;
		height: 110px;
		text-indent: -9999px;
		text-decoration: none;
		overflow: hidden;
		}
	#FirstLesson p {
		display: none;
		}


/*####################　サイドナビ　####################*/

#SubLink {
	}
	
	#SubLink:after {
			content:".";
			display:block;
			clear:both;
			height:0;
			visibility:hidden;
			}

#SubLink,/*バナー部分*/
#Sub .box,/*講師挨拶、教室のご案内*/
#Sub .box2 {
	margin-left: 15px;
	}

/* #####　バナー部分　##### */

#SubLink li.menu1 {/*コース案内*/
	width: 158px;
	height: 86px;
	background: url(../../img/bg_course.gif) no-repeat top left;
	}
#SubLink li.menu2 {/*ヴォイストレーニング*/
	margin-top: 8px;
	width: 158px;
	height: 73px;
	background: url(../../img/bg_voice.gif) no-repeat top left;
	}
#SubLink li.menu3 {/*声の流儀人とは？*/
	margin-top: 7px;
	width: 158px;
	height: 75px;
	background: url(../../img/bg_ryuginin.gif) no-repeat top left;
	}
#SubLink li.menu4 {/*こんな方におすすめです*/
	margin-top: 4px;
	width: 163px;
	height: 76px;
	background: url(../../img/bg_osusume.gif) no-repeat top left;
	}
	#SubLink li.menu4 img {
		margin-top: 1px;
		}
	#SubLink li.menu4 a {
		margin-left: 2px;
		}

#SubLink li {
	display: block;
	}

/*end*/