@charset "shift_jis";


/* base */
body {
	margin:0px;
	padding:0px;
	text-align:center; 
	color:#000000; 
	background:#fff;
	font-family: Avenir , Myriad Pro, Helvetica Neue, Arial, verdana, "Hiragino Kaku Gothic Pro", "メイリオ","Meiryo","ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "MS PGothic",  Osaka, Sans-Serif; 
	}




 
body,form,h1,h2,h3,h4,h5,h6,p,caption,th,td,ul,li,dl,dt,dd { margin:0; padding:0; }
ol,ul { list-style:none; }
img { border:0; vertical-align:middle; }
table { border-collapse:collapse; border-spacing:0; }
caption,th { text-align:left; font-style:normal; font-weight:normal; }
a { color:#3fa8f4; }
a:hover { color:#aff; }
a:active { color:#666; }


.white {color:#FFFFFF; text-decoration:none;}
.pink {color:#e9528e; text-decoration:none;}
.orange {color:#e87521; text-decoration:none;}
.blue {color:#004098; text-decoration:none;}
.red {color:#ff0000; text-decoration:none;}
.green {color:#009e3b; text-decoration:none;}
.bgreen {color:#26b7bc; text-decoration:none;}
.yellow {color:#ffcc00; text-decoration:none;}
.gray {color:#727069; text-decoration:none;}
.gray2 {color:#9fa09b; text-decoration:none;}
.lgray {color:#c8c8c8; text-decoration:none;}
.gray82 {color:#6E6E6E; text-decoration:none;}
.footerlinks {color:#6E6E6E; text-decoration:none;}
.navi-links {color:#828282; text-decoration:none;}
.bk {color:#000000; text-decoration:none;}


.bold {font-weight : bold;}

.f7{font-size:58%;line-height:1.5;}
.f8{font-size:67%;line-height:1.5;}
.f9{font-size:75%;line-height:1.5;}
.f10{font-size:83%;line-height:1.37;}
.f11{font-size:92%;line-height:1.6;}
.f12{font-size:100%;line-height:1.5;}
.f14{font-size:108%;line-height:1.8;}
.f15{font-size:116%;line-height:1.34;}
.f16{font-size:123.1%;line-height:1.25;}
.f17{font-size:131%;line-height:1.18;}
.f18{font-size:138.5%;line-height:1.39;}
.f20{font-size:167%;line-height:1.75;}
.f24{font-size:200%;line-height:1.39;}
.f36{font-size:300%;line-height:1.39;}
.f48{font-size:400%;line-height:1.39;}






/* common */
div.article { border:0px solid #666; margin:0 auto; text-align:left; width:853px; }
h1 { float:left; width:100px; padding:4px 8px; }
#header { width:853px; height:60px; background:#333;}
#header ul { float:right; padding-top:16px; padding-right:16px; font-size:80% }
#header li { color:#fff; }

#text { margin:16px 0px;}
#text p { color:#000; background:#fff; padding:16px; margin-bottom:16px}
#text h3 { font-size:1em; background:#333; color:#fff; padding:4px; }
#text h4 { font-size:0.8em; color:#000; background:#fff; padding:16px 16px 8px 16px;}
#text ul { color:#000; background:#fff;}
#text li { font-size: 90%; margin: 0px 16px 0px 42px;padding:4 }
#text img { margin:0; padding:0}

#nav { clear:both; padding:0 !important; padding-top:0px; width:853px }
#nav div { background:#fff; padding-top:5px; }
#nav ul { background:#fff; height:31px; }
#nav li { float:left; width:142px; height:30px; }
#nav a { background:url("img/menu.gif") no-repeat; border-left:1px solid #eee; height:30px; display:block; text-indent:-9999px; overflow:hidden; }
#nav .nav01 a:hover { background-position:0 center; }
#nav .nav02 a { background-position:-142px 0; font-size: 20px; color: red }
#nav .nav02 a:hover { background-position:-142px center; }
#nav .nav03 a { background-position:-284px 0; }
#nav .nav03 a:hover { background-position:-284px center; }
#nav .nav04 a { background-position:-426px 0; }
#nav .nav04 a:hover { background-position:-426px center; }
#nav .nav05 a { background-position:-568px 0; }
#nav .nav05 a:hover { background-position:-568px center; }
#nav .nav06 a { background-position:-710px 0; }
#nav .nav06 a:hover { background-position:-710px center; }

#nav .nav01_off a { background-position:0 bottom; }
#nav .nav01_off a:hover { background-position:0 center; }
#nav .nav02_off a { background-position:-142px bottom; font-size: 20px; color: red }
#nav .nav02_off a:hover { background-position:-142px center; }
#nav .nav03_off a { background-position:-284px bottom; }
#nav .nav03_off a:hover { background-position:-284px center; }
#nav .nav04_off a { background-position:-426px bottom; }
#nav .nav04_off a:hover { background-position:-426px center; }
#nav .nav05_off a { background-position:-568px bottom; }
#nav .nav05_off a:hover { background-position:-568px center; }
#nav .nav06_off a { background-position:-710px bottom; }
#nav .nav06_off a:hover { background-position:-710px center; }


p.breadcrumbs { padding:6px 0px 2px 0px; color: #fff; background:#000; width:853px; font-size:0.9em }


#left {
	width: 140px;
	margin: 0px;
	padding:0px;
	padding-right: 10px;
	float: left;
}

#left ul { margin:24px; }
#left li { margin-bottom:24px; }
#left li a { float:right; }
#left a { color:#3fa8f4; font-weight:bold;}
#left a:hover { color:#aff; }
#left a:active { color:#e97; }



#center {
	width: 700px;
	margin: 0px;
	padding:0px;
	float: left;
}

#contents { width:853px; clear:both; }

/* /// TOP /// */
body#top #nav div { border:1; padding:0; }
body#top #nav ul { height:30px; }
body#top #nav li a { margin-top:2px; }

div.seo {
	float:left;
	height:80px;
	background:#fff; 
	vertical-align:middle;
	}

div.seo img { 
	float:right;
	width:auto;
	height:50px;
	vertical-align:middle;
	padding:10px 20px 0 0;
	}


div.seo h6 { 
color:#666; 
padding:3px 8px; 
width:853px; 
	font-size:8px;
}

body#top #photo { clear:both; }
body#top #photo img { border:1px solid #333; }

/* /// INFO /// */

body#top #information { 
	border:0; 
	background:#fff; 
	padding:8px 16px 32px 0px;
	font-size:14px;
	line-height:1.8;
	}

body#top #information p { color:#333; line-height:140%;}
body#top #information h2 { margin:16px; font-size:1.5em; color:#fff; }
body#top #information h4 { margin-top:16px; margin-bottom: 8px; color:#000; }
body#top #information h3 { font-size:1.5em; padding:4px 16px; color:#f00; }
body#top #information table { margin:16px; }
body#top #information td,th { background:#fff; border:solid 1px #000; }
body#top #information th { font-weight:bold; }
#information .center { text-align: center;}
#information .right { text-align: right;}
#information CITE { text-align: right; }

/* /// PROFILE /// */

#dancer { clear:both; margin:30px 0px;}
#dancer h4 { background:#333; color:#fff; width:100%; line-height:1.5em; }
#dancer img { float:left; padding-bottom:30px;}
#dancer p { color:#000; background:#fff; width:100%;}
#dancer p { padding:10px 0; }

/* /// LESSON /// */
#lesson #contents div { margin:16px 0px;}
#lesson table { border:solid 2; margin:20px; border-color:#bbb; }
#lesson th,tr,td { border:solid 1; padding: 5; border-color:#bbb; }
#lesson th { background:#eef; text-align:center; font-weight: bold; }
#lesson #contents h4 { background:#333; color:#fff; padding:4px 8px; }
#lesson #contents p { margin:16px; }
#lesson #contents li { font-size:0.8em; margin:0px 16px; }

/* /// GALLERY /// */
#gallery #contents div { margin:16px 8px;}
#gallery #contents img { margin-bottom:4px;}