/* ----------- 要素の初期化 ----------- */
html {
	background-color:#000;
}
html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset{
	margin:0px;
	padding:0px;
	font-size:12px;
	font-weight:normal;
	color:#000;
}
img {
	border:0px;
	margin:0px;
	padding:0px;
}
form{
	margin:0;
}

input {
	font-size:12px;
}

strong {
	font-weight:normal;
}

html{
    height:100%;
}
body{
    height:100%;
	text-align:center;
}
* html #container,
* html #main,
* html #inner {
    height:100%;
}

#container, #main, #inner {
    height:100%;
    min-height:100%;
}
body > #container {
    height:auto;
}

a,
a:active,
a:hover,
a:visited {
	color:#000;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

#container {
	width:800px;
    /*background-color:#efece2;*/
    background-color:#fff;
}
#container
,#main
,#header
,#footer {
	margin:0 auto;
	padding:0px;
	line-height:125%;
	text-align:left;
}

.clear {
    clear:both;
}

.size_s {
	font-size:11px;
}

.left {
	float:left;
}
.right {
	float:right;
}
.align-center {
	margin:auto auto;
}

.cation {
	color:#f00;
}
/* ----------- インデックス ----------- */
#index {
	margin:50px auto 0px auto;
	width:750px;
}
#index-main {
	text-align:center;
}

#index .left {
	text-align:left;
}
#index-snap {
	margin-left:20px;
}
#index-title {
	margin:170px 0px 0px 30px;
}
#enter {
	margin:50px 0px 0px 30px;
}
#index p {
	text-indent:-9999px;
}
#index .photos {
	margin-left:20px;
}
/* ----------- ヘッダー ----------- */
#header{
	margin:0px;
	padding:0px;
}

	/* ----------- ヘッダー・メニュー ----------- */
	#header ul {
		margin:0px;
		padding:0px;
	}
	#header li, 
	#header li a {
		display:block;
		width:133px;
		height:40px;
		font-size:11px;
	}
	#header li {
		float:left;
		list-style-type:none;
		font-weight:bold;
		background-color:#A9C1B2;
		line-height:40px;
		text-align:center;
	}
	#header a.menu-profile {
		background-color:#A9C1B2;
	}
	#header a.menu-message {
		background-color:#98ADA0;
		color:#4D5050;
	}
	#header a.menu-schedule {
		background-color:#879B8F;
		color:#363637;
	}
	#header a.menu-discgraphy {
		background-color:#76887E;
		color:#2A2829;
	}
	#header a.menu-media {
		background-color:#66776E;
		color:#231F20;
	}
	#header a.menu-link {
		background-color:#56655E;
		color:#fff;
	}
	#header a.menu-contact {
		background-color:#43504A;
		color:#fff;
		width:135px;
	}
	#header a.menu-lesson {
		background-color:#343e39;
		color:#fff;
	}
	
	
	#header li a {
		color:#535555;
	}
	#header li a:hover {
		background-color:#d1dad4;
		text-decoration:none;
	}

/* ----------- メイン ----------- */
#main{
	padding:50px 20px 50px 50px;
}

	/* ----------- メイン・タイトル ----------- */
	#main .navi {
		padding:5px 0px;
		border-bottom:1px solid #7cbad3;
		font-size:12px;
	}
	#main .navi strong {
		/*color:#ef83b1;*/
		color:#ea5591;
		font-weight:normal;
	}

	#main p {
		font-size: 12px;
	}

/* ----------- フッター ----------- */
#footer{
	text-align:right;
	height:70px;
	border-top:1px solid #7cbad3;
}

	/* ----------- フッター・メニュー ----------- */
	#footer .menu {
		padding:10px 0px 8px 0px;
		margin-bottom:5px;
	}
	/* ----------- フッター・テキストメニュー ----------- */
	#footer .textmenu {
		padding:0px 0px 8px 0px;
		margin-bottom:5px;
	}

/* ルビ */
ruby {
  display:inline-table !important;
  text-align:center !important;
  white-space:nowrap !important;
  text-indent:0 !important;
  margin:0 !important;
  vertical-align:text-bottom !important;
  line-height:1 !important;
}

ruby>rb,ruby>rbc {
  display:table-row-group !important;
  line-height:1.0 !important;
}

ruby>rt,ruby>rbc+rtc {
  display:table-header-group !important;
  font-size:71% !important;
  line-height:1.0 !important;
  letter-spacing:0 !important;
}

ruby>rbc+rtc+rtc {
  display:table-footer-group !important;
  font-size:71% !important;
  line-height:1.0 !important;
  letter-spacing:0 !important;
}

rbc>rb,rtc>rt {
  display:table-cell !important;
  letter-spacing:0 !important;
}
rp {
  display:none !important;
}


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} 
.clearfix {display: block;}
/* End hide from IE-mac */