@charset "utf-8";

/*  ---------- Reset  ---------- */

* { margin:0; padding:0; }

body { 
	color:#603;
	background:url(images/allPages/img_background_heart2.png) repeat;
	font-size:12px; 
	_font-size:75%; 
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
	
img { border:none; }

li { list-style-type:none; }

h1,h2,h3,h4,h5 { font-size:1em; }

p { line-height:1.8em; }

a {	color:#600; }


/*  ----------- 全体構成 ----------- */

#wrapper { 
	width:860px; /*コンテンツの有効幅は800pxとなる */
	background-color:#FFF; 
	margin:0 auto; 
	box-shadow:1px 1px 5px #999999;}	
	
/*  ----------- ヘッダー ----------- */

#header { margin:0 30px; /* ヘッダーの実寸は800px */ }

/* ページ最上部の説明文 */
#introduction {
	line-height:1.4em;
	text-align:center;
	padding:5px 0;
	z-index:3; }
		
/* ヘッダー画像 */			
.headbar {
	width:798px;
	height:248px;
	z-index:1; }
	
.headbar#index { background:url(images/allPages/header/img_headbar_index.jpg) no-repeat; }
	
.headbar#children {
	background:url(images/allPages/header/img_headbar_children.jpg) no-repeat; }
	
.headbar#ap_children {
	background:url(images/allPages/header/img_headbar_children_ap.jpg) no-repeat; }	
	
.headbar#professional {
	background:url(images/allPages/header/img_headbar_professional.jpg) no-repeat; }
	
.headbar#professional_ap {
	background:url(images/allPages/header/img_headbar_professional_ap.jpg) no-repeat; }
		
.headbar#adult { background:url(images/allPages/header/img_headbar_adult.jpg) no-repeat; }

.headbar#musical { 
	background:url(images/allPages/header/img_headbar_musical.jpg) no-repeat; }		

.headbar#instructors {
	background:url(images/allPages/header/img_headbar_instructors.jpg) no-repeat; }	

.headbar#support {	
	background:url(images/allPages/header/img_headbar_support.jpg) no-repeat; }		

.headbar#schooling {	
	background:url(images/allPages/header/img_headbar_schooling.jpg) no-repeat; }	
	
.headbar#access { 
	background:url(images/allPages/header/img_headbar_access2.jpg) no-repeat; }	
	
.headbar#inquiry { 
	background:url(images/allPages/header/img_headbar_inquiry.jpg) no-repeat; }	
	
.headbar#entrepreneur { 
	background:url(images/allPages/header/img_headbar_entrepreneur.jpg) no-repeat; }
	
.headbar#website { 
	background:url(images/allPages/header/img_headbar_website.jpg) no-repeat; }			

.headbar img {	padding:118px 0 0 335px; }
			
.headbar#children img, .headbar#instructors img    { padding-left:515px; }	

.headbar#schooling img, .headbar#professional_ap img, .headbar#support img, .headbar#inquiry img  { padding-left:185px; }

/*  ----------- ナビゲーション ----------- */

/*  ----- ページ間  ----- */

#interNavigation { 
	height:46px;
	background:url(images/allPages/img_interNavi.png) no-repeat;
	margin-top:20px;
	padding-left:20px;
	box-shadow:1px 1px 5px #CCC;
	-webkit-box-shadow:1px 1px 5px #CCC; 
	-moz-box-shadow:1px 1px 5px #CCC; }
	
/* 幅（横の文字数）が一番長いボタン */
#interNavigation li {
	width:90px;
	height:26px;
	float:left;
	text-align:center; 
	border-right:solid 1px #CCC;
	line-height:1.1em;  
	padding:0px 0 20px;}
	
/* 幅（横の文字数）が一番短いボタン */	
#interNavigation li.short { 
	width:60px; 
	line-height:2.2em; } 

/* 幅（横の文字数）が中間サイズのボタン */
#interNavigation li.medium {
	width:80px;
	line-height:2.2em; }
	
/* 文字と枠の間の余白 */	
#interNavigation li a {
	text-decoration:none;	
	display:block;	
	letter-spacing:-0.1px; 	
	padding:12px 0 8px;}	
 
#interNavigation li a:visited { color:#660000; }

#interNavigation li a:hover { background:url(images/allPages/img_interNavi_mouseover.png) repeat-x; } 

#interNavigation li#current a { 
	color:#fff;
	font-weight:bold; }
	
	
/* ----- ページ内----- */

#pageNavigation { border-top:dotted 1px #C6E5E2; }

#pageNavigation li  { 
	padding:7px 0; 
	border-bottom:dotted 1px #99CCCC;
	text-align:center; 
	line-height:1.2em; }	
	
#pageNavigation li li { 
	padding:6px 0;
	border:none; }	
	
#pageNavigation a { text-decoration:none; }	
#pageNavigation a:hover { background-color:#F9C; }	

#pageNavigation span { 
	color:#F9C;
	font-weight:bold; }	
		
	
/*  ---------- コンテンツ ---------- */

#content /* 全体幅860px */{ 
	margin-top:30px; 
	overflow:hidden; }
	
/*  ----- カラム ----- */	

/* トップページ以外：左カラム  */
#left { 
	float:left;
	width:150px; /* 左と右のカラム間30pxを引いた指定 */
	margin-left:30px; }
	
/* トップページ以外：右カラム  */		
#field { 
	float:right;
	width:620px/* 左余白30pxを含まない */; 
	margin-right:30px; }	
	
/* 全ページ：右カラム と トップページ：左カラム */
#right, #left_index { 
	width:170px; 
	float:left; 
	margin-left:30px; }
	
/* トップページ：真ん中カラム */
#center { 
	float:left;
	width:398px; /* ボーダー2pxを引いた数 */
	margin-left:30px;  }		

.block /* ボーダーで囲まれる部分 */{  
	margin-top:10px/* h2との間のスペース */; 
	border:solid 1px #C6E5E2; 
	padding:10px; /* 有効幅は600px */
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	overflow:hidden; }
	
/*  ---------- フッター ---------- */

#footer { 
	height:180px; 
	margin-top:10px;
	padding:20px 30px 0;
	font-size:0.9em;
	background:#C6E5E2 url(images/allPages/footer/img_footer.png) repeat-x; }	

#footer .section {
	width:199px;
	height:165px; 
	float:left;
	overflow:hidden;
	border-left:dotted 1px #990066;  }

#footer .section#copyright  { border:none; } 
	
#copyright p { margin-bottom:5px; } 	

#footer dl { padding:0 7px 0 12px; }
	
/* SERVICEとUTILITYの上の空き */	
#footer dl.second { margin-top:10px; }	
	
#footer dl a { 
	background:url(images/allPages/footer/img_navigation.png) no-repeat;
	padding-left:12px;
	text-decoration:none; }
	
#footer dl a:hover { text-decoration:underline; }
	
#footer dl span { margin-left:10px; }

/* ４つのブロックの幅 */

/* 絶対音感プレコースと芸術鑑賞会のインデント */
dd.secondary { 	padding-left:12px; }
	
	
/* ---------- 見出し ---------- */

h1 { 
	font-size:1.6em;
	float:left;
	letter-spacing:-0.1px;  }	

/* トップページ：ロゴ */	
h1#index { 
	float:none;
	position:absolute;
	top:158px;
	left:335px; 
	z-index:2 } 

h2 { 
	height:22px;
	background:url(images/allPages/img_h2.png) repeat-x;
	padding:5px 0 1px 10px; /* 見出し内の文字余白 */
	margin-bottom:10px; 
	border-radius:5px; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px; }	

/* トップページ：各ブロックの見出し */	
h2.index { 
	text-align:center; 
	padding-left:0; }	
	
/* 新着情報の見出し(ひとまわり濃い色） */	
h2.index#news {
	background:url(images/index/news/img_h2_news.png) repeat-x;	}

h3 { margin-bottom:5px; }

/* 新着情報の大見出し */
h3.news { font-size:1.1em; }

h3 span.new { 
	color:#F6C;
	padding-right:5px; }

/* びっくりマークつき見出し */
h3.exclamation {
	font-size:1.1em;
	background:url(images/musical/icon_attention.png) no-repeat;
	padding:2px 0 0 23px; }	

/* スクール・教室開業塾の見出し */	
h3.point {
	height:30px;
	color:#966;
	font-size:1.2em;
	background:url(images/professional/icon_point.png) no-repeat;
	margin-top:5px;
	padding:4px 0 0 35px; }
	

/* 新着情報の個々の見出し */	
h4.news　 { 	
	color:#906; 
	margin:20px 0 5px; }

h4.news span { color:#F9C; }


/* ---------- ページ情報（見出し＆パンくずリスト＆ページ説明文）--------- */

#pageinfo  { 
	margin:0 0 20px;
	overflow:hidden;  }
	
/* パンくずリスト */	
#pageinfo ul {	
	width:390px;
	float:right; }
	
#pageinfo ul.longTrail {
	width:450px;
	font-size:0.9em; }	

#pageinfo li { 
	float:right;
	margin-top:5px; 
	letter-spacing:-0.1px; }
	
/* 家アイコンを入れるためのスペース */
#pageinfo li.home a {
	background:url(images/allPages/img_home.png) no-repeat; 
	padding-left:20px; }

/* “＞”前後のスペース */
#pageinfo span { padding:0 3px 0 4px; }

/* ページ説明文 */	
.hosoku { 
	clear:both; 
	margin-top:5px; }	
	
	
/* --------- テキスト修飾 ---------- */		
	
/* 価格など色を変更する場合の指定 */
span.spec { color:#966; }	

/* インデントして色も変える場合の指定 */	
.indent { 
	color:#966; 
	padding-left:20px; }	
	
/* ハイライトさせたいところ */	
.yellow_back {
	background-color:#FFC;
	padding:7px; 
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px; }
	
.yellow_back#senior {
	margin-top:5px; }	
	
.yellow_back#musical { 
	font-size:0.9em;
	overflow:hidden; }		
	
/* 絶対音感プレスクール　カリキュラム内の文字色 */	
.piano { color:#99CC00; }
.english { color:#9966CC; }
.chiiku { color:#FF9900; }
.art { color:#CC3366; }
.rhythmic { color:#9999CC; }	


/* ----------  角版写真 ---------- */	

p.scenes  { margin:10px 0 10px 50px; }
p.scenes img { margin-right:20px; }


/* ---------- リスト ---------- */

/* 数字つきリスト */
.numberedList li { 
	color:#966;
	list-style-type:decimal;
	list-style-position:inside;
	padding-left:10px; }
	
/* ドットつきリスト */	
.dottedList { margin:5px 0 10px; }

.dottedList li { 
	color:#966;
	list-style-type:disc;
	list-style-position:inside;
	padding-left:20px; }	
	

/*  ---------- リンク ---------- */

/* 別ページへのリンク */
a.pinkLink  { 
	font-size:0.9em;
	background:url(images/allPages/img_link.png) repeat-x; 
	text-decoration:none;
	padding:5px 7px; }
	
a:hover.pinkLink { background:url(images/allPages/img_link_mouseover.png) repeat-x; }	
	
/* ページトップへのリンク */
.pagetop {
	width:100%; 
	font-size:0.9em;
	display:block;
	text-align:right;
	clear:both;
	margin:5px 0; }
	
	
/* ---------- テーブル ---------- */

table { 
	border:solid 1px #CCC; 
	border-collapse:collapse;  }
	
th,td { 
	border:solid 1px #CCC; 
	padding:5px; 
	line-height:1.6em; }
	
/* トップページ（新着情報） */	
table.index { margin:5px 5px 10px; }
table.index th { width:50px; }

/* 絶対音感プリスクールコース */	
table.ap_children { 
	width:580px;
	margin:5px 10px 5px; }
	
td.pic { 
	text-align:center; 
	width:160px; }

table.timetable { width:350px; }
table.timetable th { width:70px; }
table.timetable td { padding-left:25px; }


/* ----- バナー（幅は２種類）----- */

#banners  {  margin-top:20px; }
#banners p {
	height:50px;
	margin-bottom:20px;
	box-shadow:1px 1px 5px #666; }	
		

/*  ----------  個別：トップページ ---------- */

/* 各コースの案内画像 */
p.courses { 
	padding-top:90px; 
	line-height:1.5em; }
	
p.courses#children { background:url(images/index/icon_children.jpg) no-repeat; }	
	
p.courses#professional { background:url(images/index/icon_professional.jpg) no-repeat; }		

p.courses#adult { background:url(images/index/icon_adult.jpg) no-repeat; }	
	
p.courses#musical { background:url(images/index/icon_musical.jpg) no-repeat; }

p.courses#support { background:url(images/index/icon_support.jpg) no-repeat; }	
		
p.courses#access { background:url(images/index/icon_access.jpg) no-repeat; }	
	
.block#characteristics p { line-height:1.5em; }	 

/* 「コース案内」などのボタン */
p.detail {
	width:86px;
	font-size:0.9em;
	background:url(images/index/buttons/img_indexButton.png) no-repeat;
	text-align:center;
	margin-left:55px;
	padding:4px 0px 1px; 
	box-shadow:1px 1px 5px #CCC;
	-webkit-box-shadow:1px 1px 5px #CCC; 
	-moz-box-shadow:1px 1px 5px #CCC; }
	
p.detail a { text-decoration:none; }
p.detail a:hover { color:#FFF;  }


/* 「Ｍミュージックからのお知らせ」のiframe */
iframe { 
	border-radius:5px;
	border:solid 1px #C6E5E2;
	padding:10px; }
	
	
/* お知らせページ */	
body#news { background:none; }	

.news_content {	
	padding-bottom:20px; 
	border-bottom:dotted 1px #F9F; }

p.date { 
	color:#F9C;
	font-weight:bold;
	padding-top:10px; }
	
.news_content h2{
	height:auto;
	background:none;
	padding-left:0; 
	margin-bottom:5px; }
	
.news_content h2 span { color:#FF6600; }

.news_content h3 { 
	margin-top:20px;
	background:url(images/index/news/img_h3.png) no-repeat;
	padding-left:20px; }
	
.news_content img { margin-bottom:10px; }	

.news_content table { margin-top:5px; }
	
.news_content table th { width:40px; }	

table.news { width:345px; }

body#timetable { background:none; }
body#timetable p { text-align:center; }	
	

/* 画像を左寄せさせる場合 */	
p.float { overflow:hidden; }
p.float img { 
	float:left; 
	margin-right:10px; }

	
/* ----- 個別ページ：ミュージカルコース ----- */				
	
/* 講師 */	
ul#musical_instructors {
	height:135px;
	margin-top:10px; }
	
ul#musical_instructors li {
	width:80px;
	float:left;
	margin-right:5px;
	text-align:center; }
	

/* ---------- 個別ページ：一流の講師陣 ---------- */

/* 先生方のプロフ本文 */
p.profText { 
	width:480px;
	float:left; }
	
p.profText#kobayashi { width:400px; }

/* 先生方のプロフ写真 */
p.profImage { 
	width:80px; 
	float:right; }
	
p.profImage#kobayashi { width:158px; }


/* ---------- 個別ページ：アクセス ---------- */

p.map { 
	text-align:center; 
	margin:10px 0 0;  }

/* 各会場の囲み */
.group { margin-top:10px; }

.group h3  { 
	margin-left:95px;
	height:27px; 
	padding:7px 0 0 32px; }
	
h3#m_music { background:url(images/access/icon_Mmusic.png) no-repeat;  }
h3#pikaia { background:url(images/access/icon_pikaia.png) no-repeat;  }
h3#bunka { background:url(images/access/icon_bunka.png) no-repeat;  }

.group h4 { margin:10px 0 5px 120px; }
.group p { margin-left:120px; }
.group ul { margin-left:100px; }

p.walk { 
	padding:2px 0 0 30px; 
	background:url(images/access/img_walk.png) no-repeat; }
	
p.bus { 
	padding:2px 0 0 30px; 
	background:url(images/access/img_bus.png) no-repeat; }


/* ---------- 個別ページ：お問い合わせ ---------- */

form { margin:10px 0; }