@charset "UTF-8";
body {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #000000; /* 全体の背景色 */
	color: #FFFFFF;
}

/* 共通のa要素設定 */
a { color: #FB8299; text-decoration: none; }
a:link { color:#FB8299; }
a:visited { color:#AD5868; }
a:hover { color:#EDD0D0; }
a:active { color:#EDD0D0; }
/* 
a:link：まだアクセスしたことのないリンクに適用
a:visited：既にアクセスしたことのあるリンクに適用
a:hover：マウスが上に乗っている状態のリンクに適用
a:active：選択されている状態のリンクに適用
*/
a img:hover {
	filter:alpha(opacity=50); 
	-moz-opacity: 0.50; 
	opacity: 0.50;
 }

#container {
	width: 840px;
	/* background: #000000; */
	margin: 30px auto;
	text-align: left;
}

/* ヘッダ 
------------------------------------------------------------------- */
#header {
	/* background: #000000; */
	padding: 0 0 8px 0;
	margin: 0 0 14px 0;
	border-bottom: 1px solid #666666;
}
/* サイト説明 */
#header h1 {
	font-size: 10px;
	margin: 0 0 15px 0;
}

/* ロゴ */
#header div#logo {
	margin: 0;
	padding: 0;
	float: left;
	width: 184px;
	height: 34px;
}
#header div#logo a {
	margin: 0;
	padding: 0;
	display: block;
	background: url(../images/cm_logo.gif) no-repeat;
	text-indent: -9999px;
	width: 184px;
	height: 34px;
}

/* グローバルメニュー・電話番号 */
#header div#info {
	width: 374px;
	float: right;
}
#header div#businessInfo {
	width: 242px;
	float: right;
	text-align: right;
}

/*#header div#businessInfo {
	width: 242px;
	float: left;
	text-align: right;
}*/

#header div#businessInfo div.infoMenu {
	font-size: 13px;
	padding: 4px  0 0 0;
}
#header div#businessInfo div.infoMenu a {
	color: #999999;
	border-left: 1px solid #999999;
	padding: 5px 10px;
}
#header div#businessInfo div.infoMenu a:link { color:#999999; }
#header div#businessInfo div.infoMenu a:visited { color:#999999; }
#header div#businessInfo div.infoMenu a:hover { color:#CCCCCC; }
#header div#businessInfo div.infoMenu a:active { color:#CCCCCC; }

#header div#businessInfo div.message {
	color: #FB8299;
	font-size: 11px;
	border-top: 3px solid #FB8299;
	text-align: left;
	padding: 6px 0 0 0;
	margin: 12px 0 0 0;
}
#header div#contactInfo {
	width: 95px;
	height: 58px;
	float: right;
	background: url(../images/cm_tel_fax_no.gif) no-repeat;
	text-indent: -9999px;
}

/* メインメニュー */
#header ul#mainMenu { 
	clear: both;
	margin: 0;
	padding: 25px 0 0 0;
}
#header ul#mainMenu li {
	float: left;
	margin: 0;
	padding: 0 3px 0 0;
}
#header ul#mainMenu li.rightEnd {
	float: right;
	margin: 0;
	padding: 0;
}

/* フッタ
------------------------------------------------------------------- */
#footer {
	/* background: #000000; */
	clear: both;
	padding: 10px 0 0 0;
	margin: 40px 0 30px 0;
	border-top: 1px solid #666666;
	font-size: 10px;
	color: #999999;
}
#footer ul#footMenu {
	width: 420px;
	float: left;
	font-size: 11px;
}
#footer ul#footMenu li {
	display: inline;
	border-right: 1px dashed #666666;
	padding: 0 10px 20px 0;
	margin: 0 10px 0 0;
}
#footer div.copyright {
	text-align: right;
	width: 400px;
	float: right;
}
#footer div.note {
	clear: both;
	padding-top: 40px;
}

/* トップページコンテンツ
------------------------------------------------------------------- */
#topContent {
	clear: both;
	font-size: 10px;
	line-height: 140%;
}
#topContent div.topSwf {
	border-bottom: 1px solid #666666;
	padding: 0 0 14px 0;
	margin: 0 0 20px 0;
}
#topContent div#lClm{
	width: 422px;
	float: left;
}
#topContent div#rClm{
	width: 348px;
	float: right;
}
#topContent h2 {
	border-bottom: 1px dashed #666666;
	padding: 0 0 5px 0;
	margin: 0 0 20px 0;
}
#topContent div.lectureInfo {
	margin-bottom: 30px;
	background: url(../images/tp_lecture_info_icon.gif) no-repeat left top;
	padding-left: 78px;
}
#topContent div.lectureInfo ul li {
	list-style-type: disc;
	list-style-position: outside;
	padding: 0 0 5px 0;
	margin-left: 15px;
}
#topContent hr {
	border-width: 1px 0px 0px 0px; /* 太さ */
	border-style: solid; /* 線種 */
	border-color: #666666; /* 線色 */
	height: 1px; /* 高さ */
	margin-bottom: 30px;
}
#topContent div.date {
	margin: 0 0 8px 0;
}
#topContent h3 {
	color: #FB8299;
	font-size: 14px;
	text-decoration: underline;
	margin-bottom: 10px;
	line-height: 20px;
}
#topContent p {
	margin-bottom: 30px;
}
#topContent strong {
	color: #FB8299;
}

/* 下層ページコンテンツ　共通
------------------------------------------------------------------- */
#content {
	padding: 15px 0 0 0;
}
#content h2 {
	margin-bottom: 40px;
}
#content h2 img {
	padding-right: 30px;
	border-right: 1px solid #FFFFFF;
}
#content h3 {
	margin-bottom: 30px;
}
#content p, 
#content ul {
	font-size: 12px;
	line-height: 150%;
	margin-bottom: 25px;
}
#content ul li {
	list-style-type: disc;
	list-style-position: outside;
	padding: 0 0 5px 0;
	margin-left: 15px;
}
#content p.small, 
#content ul.small {
	font-size: 10px;
}
#content span.small {
	font-size: 12px;
}
#content hr {
	clear: both;
	border-width: 1px 0px 0px 0px; /* 太さ */
	border-style: solid; /* 線種 */
	border-color: #666666; /* 線色 */
	height: 1px; /* 高さ */
	margin: 30px 0;
}
#content p.mb5 {
	margin-bottom: 5px;
}
#content div.toPageTop {
	clear: both;
	text-align: right;
	font-size: 10px;
}
#content div.toPageTop a { 
	color:#FFFFFF;
	text-decoration: underline;
}
#content div.toPageTop a:link { color:#FFFFFF; }
#content div.toPageTop a:visited { color:#999999; }
#content div.toPageTop a:hover { color:#666666; }
#content div.toPageTop a:active { color:#666666; }
#content div.pageNavi {
	margin: 20px 0 60px 0;
}
#content div.pageNavi div.back {
	width: 400px;
	float: left;
}
#content div.pageNavi div.next {
	width: 400px;
	float: right;
	text-align: right;
}
/* 念のため上書き */
#content div.next a, 
#content div.back a { text-decoration: none !important; }

/* ABOUT
------------------------------------------------------------------- */
body.about #content div.box1 div.clm2Left {
	width: 176px;
	float: left;
}
body.about #content div.box1 div.clm2Right {
	width: 645px;
	float: right;
}
body.about #content div.box1 div.clm3, 
body.about #content div.box1 div.clm3Right {
	width: 250px;
	padding-right: 4px;
	margin-right: 15px;
	border-right: 1px solid #FFFFFF;
	float: left;
}
body.about #content div.box1 div.clm3Right {
	border-right: none;
}
body.about #content div.box1 div.clm3 p, 
body.about #content div.box1 div.clm3Right p {
	margin: 10px 0 0 0;
}
body.about #content div.box2 {
	border: 3px solid #FFFFFF;
	padding: 20px;
	background: url(../images/about_img_14.jpg) no-repeat right top;
	height: 220px;
}
body.about #content div.box2 p {
	font-size: 14px;
	margin: 20px 0 0 0;
	width: 500px;
}

/* SCHEDULE
------------------------------------------------------------------- */
body.schedule #content h3 {
	margin: 0;
	padding: 0;
}
body.schedule #content p {
	padding: 0;
	margin: 0 0 25px 0;
}
body.schedule #content p.pdfDownload {
	margin-bottom: 50px;
}

/* SYSTEM
------------------------------------------------------------------- */

body.system #content div#lClm {
	width:422px;
	float:left;
}
body.system #content div#rClm {
	width:348px;
	float:right;
}


/* LESSON
------------------------------------------------------------------- */
body.lesson #content ul.pageMenu {
	border-left: 1px dashed #FFFFFF;
	padding-left: 20px;
	margin-bottom: 40px;
}
body.lesson #content ul.pageMenu li {
	list-style-type: none;
	padding: 0;
	margin: 7px 0;
}
body.lesson #content ul.pageMenu li a {
}
body.lesson #content h4 {
	margin-bottom: 30px;
}
body.lesson #content div.img {
	float: left;
	margin: 0 20px 30px 0;
}
body.lesson #content hr {
	clear: both;
	border-color: #FFFFFF;
	margin: 30px 0;
}
body.lesson #content a { 
	color:#FFFFFF;
	text-decoration: underline;
}
body.lesson #content a:link { color:#FFFFFF; }
body.lesson #content a:visited { color:#999999; }
body.lesson #content a:hover { color:#666666; }
body.lesson #content a:active { color:#666666; }

/* INSTRUCTORS
------------------------------------------------------------------- */
body.instructors #content div.boxLeft {
	width: 407px;
	float: left;
	height: 200px;
}
body.instructors #content div.boxRight {
	width: 407px;
	float: right;
	height: 200px;
}
body.instructors #content div.boxLeft div.img, 
body.instructors #content div.boxRight div.img {
	width: 125px;
	float: left;
}
body.instructors #content div.boxLeft p, 
body.instructors #content div.boxRight p {
	margin-bottom: 10px;
}
body.instructors #content hr {
	clear: both;
	border-color: #000000;
	margin: 20px 0;
}

/* ACCESS
------------------------------------------------------------------- */
body.access #content div.map {
	border: 1px solid #999999;
	margin-bottom: 15px;
}
body.access #content div.address {
	width: 220px;
	float: left;
	font-size: 10px;
	line-height: 150%;
	border-left: 2px solid #FFFFFF;
	padding-left: 40px;
	height: 8em;
}
body.access #content div.access1 {
	width: 200px;
	float: left;
	font-size: 10px;
	line-height: 150%;
	border-left: 2px solid #FFFFFF;
	padding-left: 40px;
	background: url("../images/access_arrow.gif") no-repeat 25px top;
	height: 8em;
}
body.access #content div.access2 {
	width: 300px;
	float: left;
	font-size: 10px;
	line-height: 150%;
	background: url("../images/access_arrow.gif") no-repeat 5px top;
	padding-left: 20px;
}
body.access #content p.downloadBtn {
	padding-top: 30px;
	clear: both;
}

/* COMPANY INFO, ENTERPRISE INFO, etc.
------------------------------------------------------------------- */
body.info #content h3 {
	font-size: 15px;
	margin-bottom: 10px;
	margin-top: 60px;
}
body.info #content h4 {
	font-size: 15px;
	margin-bottom: 25px;
	padding-bottom: 17px;
	border-bottom: 1px solid #999999;
}
body.info #content ul {
	margin-bottom: 0;
}
body.info #content ul li {
	list-style-type: none;
	padding: 0;
	margin: 4px 0 0 0;
}
body.info #content div.box1 {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	padding: 20px;
}
body.info #content div.boxBtm {
	border-bottom: 1px solid #999999;
}
body.info #content ul.mb20 {
	margin-bottom: 20px;
}
body.info #content ul.link li {
	font-size: 16px;
	margin-bottom: 5px;
}
body.info #content ul.link li a {
	color:#FFFFFF;
}
body.info #content ul.link li a:link { color:#FFFFFF; }
body.info #content ul.link li a:visited { color:#999999; }
body.info #content ul.link li a:hover { color:#666666; }
body.info #content ul.link li a:active { color:#666666; }


/* sato 追加分
------------------------------------------------------------------- */

#studiobtspace{
	width:840px;
	height:55px;
	margin-bottom:6px;
}

#studiobtspace ul{
	list-style:none;
}

#studiobtspace li{
	display:block;
	float:left;
	width:210px;
	height:55px;
	/*text-indent:-9000px;*/
}

#freddylogo{
	display:block;
	float:left;
	width:191px;
	height:55px;
	margin-left:6px;
}

/*#studiobtspace li a{
	display:block;
	float:left;
	width:273px;
	height:75px;
}*/

/*#daikanyamabt{
	background:url(../images/d_sta_daikanyama_bt.gif)  no-repeat;
}*/

#jingumaebt{
	/*background:url(../images/d_sta_jingumae_bt.gif) ;*/
	margin:0px 6px 0px 6px;
}
/*#shinsaibashibt{
	background:url(../images/d_sta_shinsaibashi_bt.gif) no-repeat;
}*/