@charset "UTF-8";
/* CSS Document */



/* --------------------- 共通 --------------------- */

* {
	margin: 0px;
	padding: 0px;
	font-style: normal ;
	line-height: 1.6;
	font-size:100%
}

html{
	overflow-y: scroll;
}


body {
	background-attachment: scroll;
	color: #666;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

	
#content {
	width:901px;
	margin: auto;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
}

.cl {
	clear: both;
}

#main {
	background-image: url(http://www.dolphin-english.com/img/menu_bg.jpg);
	background-repeat: repeat-y;
	width: 900px;
	height: auto;
	background-position: left top;
	float: left;
}

#right {
	float: right;
	width: 705px;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: none;
	margin-right: 0px;
	margin-left: 0px;
	overflow:hidden;
}

#left {
	float: left;
	width: 178px;
	background-image: url(http://www.dolphin-english.com/img/menu_headbar.jpg);
	background-repeat: repeat-x;
	clear: none;
	padding-top: 30px;
	padding-left: 3px;
	margin-right: 0px;
	margin-left: 0px;
	overflow:hidden;
	background-position: left top;
}


#bread {
	font-size:smaller;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


.totop {
	font-size: smaller;
	padding: 15px;
	text-align: right;
}



#inv {
	width: 700px;
	margin-top: 30px;
}

#inv p {
	padding-left: 8px;
}


#footer {
	padding-top: 10px;
	padding-bottom: 20px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCC;
}

#footer p {
	font-size: smaller;
	color: #999;
	text-align: right;
}

/* --------------------- トップページ --------------------- */

#top_head h1,h2,h3 {
	display: none;	
}

#top_menu .course {
	float: left;
	width: 300px;		
}

#top_menu .course p {
	padding-right: 15px;
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 1.3;
}

#top_menu .course p img {
	padding-right: 5px;
	padding-bottom: 5px;
}


#top_menu_1 {
	background-image: url(http://www.dolphin-english.com/img/top_course1_btn.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	width: 300px;
}

#top_menu_1 a {
	display: block;
	height: 35px;
	width: 300px;
}

#top_menu_1 a:hover {
	background-image: url(http://www.dolphin-english.com/img/top_course1_btn_on.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	width: 300px;
}

#top_menu_1 a span{
	display: none;
}

#top_menu_2 {
	background-image: url(http://www.dolphin-english.com/img/top_course2_btn.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	width: 300px;
}

#top_menu_2 a {
	display: block;
	height: 35px;
	width: 300px;
}

#top_menu_2 a:hover {
	background-image: url(http://www.dolphin-english.com/img/top_course2_btn_on.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	width: 300px;
}

#top_menu_2 a span{
	display: none;
}


#top_menu_3 {
	background-image: url(http://www.dolphin-english.com/img/top_course3_btn.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	width: 300px;
}

#top_menu_3 a {
	display: block;
	height: 35px;
	width: 300px;
}

#top_menu_3 a:hover {
	background-image: url(http://www.dolphin-english.com/img/top_course3_btn_on.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	width: 300px;
}

#top_menu_3 a span{
	display: none;
}



#top_contents {
	float: left;
	width: 705px;
}


#top_scl {
	width: 705px;
}

#top_scl p {
margin-left: 15px;
}


#top_msg {
	width: 705px;
	margin-top: 30px;
}


#top_msg p {
	margin-left: 15px;
}


#top_voices {
	width: 705px;
	margin-top: 30px;
}

#top_voices p {
	margin-left: 15px;
}






/* --------------------- セカンドページ --------------------- */


#right h1 {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #333;
	font-size: 130%;
	margin-bottom: 5px;
	padding-top: 20px;
	width: 700px;
	text-indent: 8px;
	color: #333;
}

#right h4 {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #06f;
	font-size: 120%;
	margin-bottom: 5px;
	padding-top: 20px;
	width: 680px;
	text-indent: 8px;
	color: #06f;
}

#right #popy div {
	font-size: 115%;
	font-weight: bold;
	margin-bottom: 5px;
	padding-top: 25px;
	color: #f90;
}




/* --------------------- メニュー類 --------------------- */

#left ul {
	list-style-type: none;
	padding-top: 30px;
	padding-left: 3px;
}

#left span {
	display:none ;
}


/*コースのご案内*/
#left .menu1 {
	background-image: url(http://www.dolphin-english.com/img/menu_crs.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 175px;
	margin-bottom: 5px;
}

#left .menu1 a {
	display: block;
	height: 21px;
	width: 175px;
}

#left .menu1 a:hover {
	background-image: url(http://www.dolphin-english.com/img/menu_crs_o.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 175px;
}



/*親子コース*/
#left .menu2 {
	background-image: url(http://www.dolphin-english.com/img/menu_crs_par.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 175px;
	margin-bottom: 5px;
}

#left .menu2 a {
	display: block;
	height: 21px;
	width: 175px;
}

#left .menu2 a:hover {
	background-image: url(http://www.dolphin-english.com/img/menu_crs_par_o.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 175px;
}



/*幼児コース*/
#left .menu3 {
	background-image: url(http://www.dolphin-english.com/img/menu_crs_child.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 175px;
	margin-bottom: 5px;
}

#left .menu3 a {
	display: block;
	height: 21px;
	width: 175px;
}

#left .menu3 a:hover {
	background-image: url(http://www.dolphin-english.com/img/menu_crs_child_o.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 175px;
}



/*小学生コース*/
#left .menu4 {
	background-image: url(http://www.dolphin-english.com/img/menu_crs_prm.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 175px;
	margin-bottom: 10px;
}

#left .menu4 a {
	display: block;
	height: 21px;
	width: 175px;
}

#left .menu4 a:hover {
	background-image: url(http://www.dolphin-english.com/img/menu_crs_prm_o.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 175px;
}




/*教室のご案内*/
#left .menu5 {
	background-image: url(http://www.dolphin-english.com/img/menu_scl.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 175px;
}

#left .menu5 a {
	display: block;
	height: 21px;
	width: 175px;
}

#left .menu5 a:hover {
	background-image: url(http://www.dolphin-english.com/img/menu_scl_o.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 175px;
}


/*保護者の声*/
#left .menu5_2 {
	background-image: url(http://www.dolphin-english.com/img/menu_vic.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 175px;
	margin-bottom: 10px;
}

#left .menu5_2 a {
	display: block;
	height: 21px;
	width: 175px;
}

#left .menu5_2 a:hover {
	background-image: url(http://www.dolphin-english.com/img/menu_vic_o.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 175px;
}





/*先生からのメッセージ*/
#left .menu6 {
	background-image: url(http://www.dolphin-english.com/img/menu_msg.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 175px;
	margin-bottom: 5px;
}

#left .menu6 a {
	display: block;
	height: 21px;
	width: 175px;
}

#left .menu6 a:hover {
	background-image: url(http://www.dolphin-english.com/img/menu_msg_o.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 175px;
}



/*Ｑ＆Ａ*/
#left .menu7 {
	background-image: url(http://www.dolphin-english.com/img/menu_qa.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 175px;
	margin-bottom: 10px;
}

#left .menu7 a {
	display: block;
	height: 21px;
	width: 175px;
}

#left .menu7 a:hover {
	background-image: url(http://www.dolphin-english.com/img/menu_qa_o.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 175px;
}


/*VOICES FROM THE ~*/
#left .menu8 {
	background-image: url(http://www.dolphin-english.com/img/menu_from.gif);
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	width: 175px;
	margin-bottom: 10px;
}

#left .menu8 a {
	display: block;
	height: 35px;
	width: 175px;
}

#left .menu8 a:hover {
	background-image: url(http://www.dolphin-english.com/img/menu_from_o.gif);
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	width: 175px;
}


/*ドルフィンイングリッシュとは*/
#left .menu_abt {
	background-image: url(http://www.dolphin-english.com/img/menu_mrt_abt.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 175px;
	margin-bottom: 5px;
}

#left .menu_abt a {
	display: block;
	height: 21px;
	width: 175px;
}

#left .menu_abt a:hover {
	background-image: url(http://www.dolphin-english.com/img/menu_mrt_abt_o.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 175px;
}



/*ドルフィンイングリッシュメソッド*/
#left .menu_mtd {
	background-image: url(http://www.dolphin-english.com/img/menu_mrt_mtd.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 175px;
	margin-bottom: 5px;
}

#left .menu_mtd a {
	display: block;
	height: 21px;
	width: 175px;
}

#left .menu_mtd a:hover {
	background-image: url(http://www.dolphin-english.com/img/menu_mrt_mtd_o.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 175px;
}


/*ドルフィンイングリッシュライブラリー*/
#left .menu_lib {
	background-image: url(http://www.dolphin-english.com/img/menu_mrt_lib.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 175px;
	margin-bottom: 10px;
}

#left .menu_lib a {
	display: block;
	height: 21px;
	width: 175px;
}

#left .menu_lib a:hover {
	background-image: url(http://www.dolphin-english.com/img/menu_mrt_lib_o.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 175px;
}


/*推薦のことば　2009.08.25追加*/
#left .menu_rcm {
	background-image: url(http://www.dolphin-english.com/img/menu_rcm.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 175px;
	margin-bottom: 10px;
}

#left .menu_rcm a {
	display: block;
	height: 21px;
	width: 175px;
}

#left .menu_rcm a:hover {
	background-image: url(http://www.dolphin-english.com/img/menu_rcm_o.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 175px;
}

/*お問い合わせ　2010.03.12追加*/
#left .menu_inq {
	background-image: url(http://www.dolphin-english.com/img/menu_inq.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 175px;
	margin-bottom: 10px;
}

#left .menu_inq a {
	display: block;
	height: 21px;
	width: 175px;
}

#left .menu_inq a:hover {
	background-image: url(http://www.dolphin-english.com/img/menu_inq_o.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 175px;
}


#left ol {
	list-style-type: square;
	padding-left: 20px;
	padding-bottom: 10px;
}

#left ol li {
	line-height: 1.2;
}