@charset "UTF-8";

/* 共通設定 */
body {
	background-color: #000000;
	color: #FFFFFF;
	font-size:0.8em;
	line-height:1.6;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
a {
	color: #FFFFFF;
	text-decoration: none;
}
a:link {color:#FFFFFF;}
a:visited {color:#F0F0F0;}
a:hover {color:#666666;}
a:active {color:#EA7500;}
/* 
a:link：まだアクセスしたことのないリンクに適用
a:visited：既にアクセスしたことのあるリンクに適用
a:hover：マウスが上に乗っている状態のリンクに適用
a:active：選択されている状態のリンクに適用
*/


/* 全体の囲み */
#wrapper {
	width:850px;
	margin:30px auto 0 auto;
	padding:0;
}

/* ヘッダ */
#header {
	height: 33px;
	padding-bottom: 0;
}
#header h1 {
	float: left;
	width: 117px;
}
#header div#url {
	float: left;
	width: 100px;
	line-height: 52px;
	font-size: 11px;
	margin-left: 10px;
}

/* 補足ナビゲーション */
.subNavi {
	float: right;
	text-align: right;
	width: 590px;
	line-height: 52px;
}
.subNavi li {
	display: inline;
	margin-left: 8px;
	font-size: 10px !important;
	/* 文字サイズ10pxで固定、優先 */
}

/* タイトル */
#title {
	clear: both;
	/*height: 271px;*/
	overflow: hidden;
}
#title h2 {
	float:left;
	width: 520px;
	position: relative;
	margin-top: 0;
}
#title #dvd {
	float:right;
	width: 304px;
	margin-top: 25px;
}
#title #dvd h3 {
	width: 304px;
	height: 32px;
	overflow: hidden;
	margin-bottom: 12px;
}
#title #dvd div.info {
	float: left;
	width: 130px;
	/* padding-left: 10px; */
}
#title #dvd div.package {
	float: right;
	width: 174px;
	padding-bottom: 5px;
	/* padding: 24px 10px 0 0; */
}
/* タイトル・DVD詳細ボタン・マウスオーバー */
#title #dvd div.dvdDetailBtn {
	clear: both;
	margin-left: 133px;
	overflow: hidden;
 	width: 170px;
	height: 24px;
	/* ¥*/
	position: relative;
	/* */
	/*¥*//*/
	display: inline-table;
	/**/
}
#title #dvd div.dvdDetailBtn a {
	display:block;
	outline: 0;
}
#title #dvd div.dvdDetailBtn a:hover {
	position: relative;
	top: -24px;
}
#title #dvd div.dvdDetailBtn a img{
	border: none;
}
#title #dvd div.storeinfo {
	clear:both;
	width:304px;
	font-size:10px;
	line-height:140%;
	padding-bottom:8px;
}

/* フラッシュの上にクリッカブルな透過GIFを重ねる */
#title h2 a img.cover {
	margin-bottom:50px;
	position: relative;
	z-index: 2;
}
#title h2 span.swfArea {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
}

/* BAILA BAILA3用特別バナー*/
#title div#special a img,
#title div.info a img {
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}
#title div#special a:hover img,
#title div.info a:hover img {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


/* トップページ */
#index #topContent h3 {
	margin-bottom: 12px;
}

#index #topContent p, #index #topContent ul, #index #topContent dl {
	font-size: 11px;
	margin-bottom: 7px;
	padding: 0 10px;
}
#index #topContent p.right {
	text-align: right;
}
/* トップ・コラム */
#index #topContent {
	clear:both;
}

/* トップ・上段・左、中コラム */
#index div#event, #index div#studio, #index div#instructor {
	margin: 25px 26px 0 0;
	float: left;
	width: 266px;
}
/* トップ・上段・中右コラム */
#index div#report {
	margin: 25px 0 0 0;
	float: left;
	width: 558px;
}
/* トップ・上段・右コラム */
#index div#blog {
	margin: 25px 0 0 0;
	float: right;
	width: 266px;
}
/* トップ・下段・左、中コラム */
#index div#about, #index div#instProgram, #index div#business {
	margin: 25px 10px 30px 0;
	float: left;
	width: 205px;
}
/* トップ・下段・右コラム */
#index div#contact {
	margin: 25px 0 30px 0;
	float: right;
	width: 205px;
}
/* トップ・h3見出しマウスオーバー共通要素 */
#index #topContent h3 a {
	display:block;
	outline: 0;
}
#index #topContent h3 a img{
	border: none;
}
/* トップ・上段・h3見出しマウスオーバー */
#index #topContent h3 {
	overflow: hidden;
 	/*width: 266px;*/
	height: 25px;
	/* ¥*/
	position: relative;
	/* */
	/*¥*//*/
	display: inline-table;
	/**/
}
#index #topContent h3 a:hover {
	position: relative;
	top: -25px;
}
/* トップ・下段・h3見出しマウスオーバー */
#index #topContent div#about h3, 
#index #topContent div#instProgram h3, 
#index #topContent div#business h3, 
#index #topContent div#contact h3 {
	overflow: hidden;
 	width: 205px;
	height: 23px;
	/* ¥*/
	position: relative;
	/* */
	/*¥*//*/
	display: inline-table;
	/**/
}
#index #topContent div#about h3 a:hover, 
#index #topContent div#instProgram h3 a:hover, 
#index #topContent div#business h3 a:hover, 
#index #topContent div#contact h3 a:hover {
	position: relative;
	top: -23px;
}

/* トップ・そのほか個別設定 */
#index div#event ul li {
	margin-left: 13px;
	margin-bottom: 12px;
	list-style-position: outside;
	list-style-type: disc;
	font-size: 14px;
}
#index div#event ul li a,
#index div#report dl dt a {
	font-weight: bold;
	color: #FF3300;
}

#index div#event ul li a:hover,
#index div#report dl dt a:hover {
	color: #666666;
}
#index div#event ul li a .date {
	font-weight: normal;
	font-size: 12px;
}

#index div#report dl dt {
	width: 468px;
	height: 60px;
	overflow: hidden;
}
#index div#report dl dt span.title{
	font-weight: bold;
	font-size: 12px;
}
#index div#report dl dd {
	margin-top: -60px;
	text-align: right;
	margin-bottom: 10px;
}
#index div#blog p {
	margin-bottom: 12px;
}

#index ul.areaMenu li {
	display: inline;
	margin-right: 15px;
}

#index div.topClear {
	clear: both;
	height: 3px;
	overflow: hidden;
}




/* 下層ページ */
/* 左にメニュー、右にコンテンツの2コラム */
/* 左メニュー */
#menu {
	width:175px;
	float:left;
	padding-top: 20px;
	padding-bottom: 25px;
	/* バナーまでの距離 */
}
/* 左メニュー・マウスオーバー */
#menu ul li {
	margin-bottom: 12px;
	overflow: hidden;
 	width: 175px;
	height: 25px;
	/* ¥*/
	position: relative;
	/* */
	/*¥*//*/
	display: inline-table;
	/**/
}
#menu ul li a {
	display:block;
	outline: 0;
}
#menu ul li a:hover {
	position: relative;
	top: -25px;
}
#menu ul li a img{
	border: none;
}

/* 下層ページコンテンツエリア */
#content {
	float: right;
	width: 600px;
	padding-top: 25px;
	/* +5pxで、左メニューと揃える */
}
.height600px {
	height: 600px;
	overflow: visible;
	/* バナーエリアの関係で、最低限の高さを確保 */
}
/* 下層ページパン屑リスト */
#content div.topicpath {
	margin-top: 0;
	margin-bottom: 25px;
	font-size: 10px;
}

/* 下層ページコンテンツエリア：共通設定 */
#content h3 {
	font-size: 16px;
	margin-bottom: 26px;
}
#content h4 {
	font-size: 16px;
	margin-bottom: 16px;
}
#content h5 {
	border-left: 3px solid #EB3C12;
	padding-left: 6px;
	font-size: 16px;
	color:#EB3C12;
	margin-bottom: 10px;
	font-weight: bold;
}

#content p, #content li, #content dt, #content dd, #content div  {
	font-size: 11px;
	line-height: 2;
}
#content p {
	margin-bottom: 25px;
}
#content img.picR {
	float: right;
	margin: 0 0 10px 40px;
}
#content img.picL {
	float: left;
	margin: 0 40px 10px 0;
}


/* 各ページごとの設定 */
/* イベント情報 */
body#event #content h3 {
	display: inline;
	padding-right: 20px;
	margin-right: 20px;
	border-right:1px solid #FFFFFF;
}
body#event #content div.pageNavi {
	display: inline;
}
body#event #content div.pageNavi a {
	margin-right: 12px;
}
body#event #content div.pageNavi a.active {
	color: #FF3300;
}
body#event #content h4 {
	margin-top: 45px;
	font-size: 30px;
	color: #FF3300;
}
body#event #content h5 {
} /* イベント見出し */
body#event #content h5 a{
	color:#EB3C12;
}
body#event #content h5 a:hover {color:#666666;}
body#event #content h6 {
	font-weight: bold;
	font-size: 15px;
	border-bottom: 1px dashed #999;
	margin-bottom: 13px;
}

body#event #content ul.eventList li {
	border-left: 3px solid #EB3C12;
	padding-left: 6px;
	font-size: 16px;
	color:#EB3C12;
	margin-bottom: 25px;
	font-weight: bold;
	line-height: 130%;
} /* イベント見出し（新） */
body#event #content ul.eventList li a{
	color:#EB3C12;
}
body#event #content ul.eventList li a:hover {
	color:#666666;
}
body#event #content ul.eventList li span.eventLink a {
	color:#CCCCCC;
	font-size: 12px;
	font-weight: normal;
}
body#event #content ul.eventList li span.eventLink a:hover {
	color:#666666;
}


body#event #content p.entry{
	border:1px solid #EB3C12;
	padding: 3px;
	text-align: center;
	font-size: 14px;
	/* width: 250px; */
	color:#EB3C12;
}
body#event #content p.entry a{
	color:#EB3C12;
}	
body#event #content p.entry span.small{
	font-size: 11px;
}
body#event #content p.entry a:hover {color:#666666;}

body#event #content div.info {
	width: 300px;
	float: left;
}/* イベント左コラム */
body#event #content div.map {
	width: 270px;
	float: right;
}/* イベント右コラム */
body#event #content div.info p {
	padding-left: 15px;
}
body#event #content p.eventName {
	font-size: 14px;
	margin-top: 15px;
	margin-bottom: 0;
}
body#event #content p.eventAddress {
	font-size: 10px;
	margin-bottom: 0;
}
body#event #content p.phonNumber {
}
body#event #content p.comment {
}
body#event #content p.eventName {
}
body#event #content p.mapCaption {
	margin-top: 15px;
	font-size: 10px;
}

body#event #content div.photo {
	clear: both;
}
body#event #content div.caption {
	font-size: 11px;
	color: #CCCCCC;
	margin: 5px 0 30px 0;
	paddin: 0;
}

body#event #content div.caption div.caption3col{
	width: 190px;
	float: left;
	padding-right: 15px;
}

body#event #content div.caption div.caption3colRe {
	width: 180px;
	float: left;
}
body#event #content div.caption div.caption2col{
	width: 300px;
	float: left;
}

body#event #content div.caption div.caption2colRe {
	width: 290px;
	float: right;
}

/* 認定トレーニング */
body#inst-program #content div.clmL {
	width: 300px;
	float: left;
	font-size: 12px;
}
body#inst-program #content div.clmL span.small{
	font-size: 10px;
}
body#inst-program #content div.clmR {
	float: right;
}
body#inst-program #content h6 {
	clear: both;
	padding-top: 30px;
}

/* サイトマップ */
body#sitemap #content {
}
body#sitemap #content li {
	list-style-position: inside;
	list-style-type:disc;
	margin-left: 20px;
}
body#sitemap #content li.section {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #FFF;
	width: 400px;
}

/* BAILA BAILA3用特設ページ */
body#about #content {
}
body#about #content p.link{
	text-align: right;
}
body#about #content p.link a img{
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}
body#about #content p.link a:hover img{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

body#baila3 #content {
}
body#baila3 #content table{
	border-collapse: collapse;
	margin-bottom: 25px;
}
body#baila3 #content table th,
body#baila3 #content table td{
	border: 1px solid #EB3C12;
	empty-cells: show;
	padding: 0.3em 1em;
	white-space: nowrap;
    text-align: center;
}
body#baila3 #content table tr th{
	color:#EB3C12;
}
body#baila3 #content table tr td.wrap{
	white-space: normal;
    text-align: left;
}

/* バナーエリア */
#bnArea {
	clear:both;
}
#bnArea div {
	float:right;
	width:160px;
	margin-left:12px;
}
/*
#bnArea div.right {
	float:right;
	margin-right:0;
}
*/

/* フッタ */
#footer {
	clear:both;
	text-align:right;
}
#footer .subNavi {
	line-height: 20px;
	margin-top: 30px;
	padding-top: 5px;
}
#footer div#copyright {
	font-size: 10px;
	padding-top: 10px;
	padding-bottom: 30px;
	clear:both;
}




/* 未使用 */
/* 今月のインストラクター */
body#instructor #content {
}
body#instructor #content h4 {
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 25px;
}
body#instructor #content p.position {
	font-size: 9px;
	margin-bottom: 5px;
}
body#instructor #content p.name {
	font-size: 18px;
	margin-bottom: 5px;
}

/* スタジオインフォ */
body#studio #content h3 {
	display: inline;
	padding-right: 20px;
	margin-right: 20px;
	border-right:1px solid #FFFFFF;
}
body#studio #content div.pageNavi {
	display: inline;
}
body#studio #content div.pageNavi a {
	margin-right: 12px;
}
body#studio #content div.pageNavi a.active {
	color: #FF3300;
}
body#studio #content h4 {
	margin-top: 45px;
	font-size: 30px;
	color: #FF3300;
}
body#studio #content h5 {
}
body#studio #content dl dl {
}
body#studio #content dl dt {
	font-size: 13px;
} /* スタジオ名 */
body#studio #content dl dd {
	font-size: 13px;
	margin-left: 1em;
	margin-top: 4px;
	margin-bottom: 12px;
} /* スタジオ住所等 */