@charset "utf-8";

/* ****************************************************
studio_details.css
***************************************************** */

/* ****************************************************
1. Header
2. Contents
3. studio-info
4. class-block
5. plus-block
6. facilities
99. Extra
***************************************************** */

/* 1. Header
=========================================*/
#contents-header h1,
#contents-header p {
	position:relative;
}

#contents-header h1 span ,
#contents-header p span {
	position:absolute;
	top:70px;
	left:110px;
}

/* 2. Contents
=========================================*/
#studio #contents-body .section strong  {
	display:block;
	padding-bottom:5px;
}

#studio #contents-body .section {
	margin-top:15px;
	padding:0;
}

#studio #contents-body .section.first {
	margin:0;
	padding:0;
}

#studio #contents-body .section .title-01 {
	padding:10px 13px 8px 30px;
	background:url(/j/common/images/com_bg036.gif) no-repeat 0 0;
}

#studio #contents-body .section .title-02 {
	padding:9px 13px 10px 31px;
	background:url(/j/common/images/com_bg035.gif) no-repeat 0 0;
}

#studio #contents-body .section .title-03 {
	padding:10px 13px 14px 30px;
	background:url(/j/common/images/com_bg012.gif) no-repeat 0 0;
}

#studio #contents-body .section .title-01 h2,
#studio #contents-body .section .title-02 h2,
#studio #contents-body .section .title-03 h2 {
	float:left;
}

#studio #contents-body .section .title-01 .list,
#studio #contents-body .section .title-02 .list,
#studio #contents-body .section .title-03 .list {
	float:right;
}

/* 3. studio-info
=========================================*/
/* studio-info-box */
#studio #contents-body .section .studio-info-box .details {
	margin-top:5px;
}

#studio #contents-body .section .studio-info-box .photo {
	padding:9px 11px;
	background:url(/j/studio/images/studio_bg001.gif) no-repeat 0 0;
}

#studio #contents-body .section .studio-info-box .text {
	margin:2px 5px 0;
	padding:0;
}

#studio #contents-body .section .studio-info-box dl {
	margin-top:3px;
}

#studio #contents-body .section .studio-info-box dt {
	float:left;
	margin-top:2px;
	width:84px;
}

#studio #contents-body .section .studio-info-box dd {
	float:left;
	width:170px;
}

#studio #contents-body .section .studio-info-box ul {
	width:272px;
}

#studio #contents-body .section .studio-info-box ul li {
	float:left;
	margin-right:12px;
	padding-left:12px;
	background:url(/j/studio/images/studio_ic005.gif) no-repeat 0 0.3em;
}

#studio #contents-body .section .studio-info-box ul li.last {
	margin:0;
}

#studio #contents-body .section .studio-info-box .link {
	margin-top:10px;
}

#studio #contents-body .section .studio-info-box .link li {
	margin-righ:7px;
	padding:0;
	background:none;
}

/* news-block */
#studio #contents-body .section .news-block .three-column {
	width:894px;
	background:url(/j/studio/images/studio_bg002.gif) no-repeat 0 100%;
}

#studio #contents-body .section .news-block .three-column .three-left {
	float:left;
	width:272px;
	margin-right:8px;
}

#studio #contents-body .section .news-block .three-column .three-center {
	float:left;
	width:300px;
	margin-right:10px;
}

#studio #contents-body .section .news-block .three-column .three-right {
	float:left;
	width:300px;
}

#studio #contents-body .section .news-block .news-box {
	padding:0 4px 10px 5px;
}

#studio #contents-body .section .news-block .news-box .info-list {
	padding-top:0;
}

#studio #contents-body .section .news-block .news-box .info-more {
	padding:10px 10px 5px;
}
#studio #contents-body .section .news-block .news-box .info-more .ic-link {
	background:transparent url(/j/common/images/com_ic001.gif) no-repeat scroll 0pt 0.3em;
}

/* 4. class-block
=========================================*/
#studio #contents-body .section .class-block .class-box {
	margin:5px 0 0 14px;
	width:870px;
	background:url(/j/studio/images/studio_bg009.gif) no-repeat 0 0;
}

#studio #contents-body .section .class-block .class-box .inner {
	padding:10px 9px;
	background:url(/j/studio/images/studio_bg010.gif) no-repeat 0 100%;
	height:30px;
}
* html #studio #contents-body .section .class-block .class-box .inner {
	padding:10px 8px;
}
*:first-child+html #studio #contents-body .section .class-block .class-box .inner {
	padding:10px 7px;
}

#studio #contents-body .section .class-block .class-box .comment {
	float:left;
}

#studio #contents-body .section .class-block .class-box .list {
	float:right;
}

#studio #contents-body .section .class-block .class-box ul {
	background:url(/j/common/images/com_ex001.gif) repeat-y 0 0;
	padding-left:7px;
}


#studio #contents-body .section .class-block .class-box ul li {
	float:left;
}


/* two-column */

#studio #contents-body .section .class-block .two-column {
	margin:20px 11px 0 14px;
}


#studio #contents-body .section .class-block .two-column .two-left {
	float:left;
	width:424px;
}

#studio #contents-body .section .class-block .two-column .two-right {
	float:right;
	width:440px;
}

#studio #contents-body .section .class-block .two-column .two-left .culture-box,
#studio #contents-body .section .class-block .two-column .two-left .open-box  {
	background:url(/j/studio/images/studio_bg004.gif) no-repeat 0 44px;
}

#studio #contents-body .section .class-block .two-column .two-left h2 {
	padding:12px 0 12px 8px;
	background:url(/j/studio/images/studio_bg003.gif) no-repeat 0 0;
}

#studio #contents-body .section .class-block .two-column h2 img {
	float:left;
}

#studio #contents-body .section .class-block .two-column h2 span {
	float:right;
	padding:0 12px 0 0;
}

#studio #contents-body .section .class-block .two-column .two-left .lead {
	margin:6px 11px 0 6px;
}

#studio #contents-body .section .class-block .two-column .two-left .inner {
	padding:0 8px 17px 8px;
	background:url(/j/studio/images/studio_bg005.gif) no-repeat 0 100%;
}

#studio #contents-body .section .class-block .two-column .two-left dt {
	padding:15px 0px 5px 0px;
}

* html #studio #contents-body .section .class-block .two-column .two-left dt {
	padding:15px 0px 2px 0px;
}

#studio #contents-body .section .class-block .two-column .two-right .special {
	background:url(/j/studio/images/studio_bg007.gif) no-repeat 0 44px;
}

#studio #contents-body .section .class-block .two-column .two-right .special ul.info-list li p.info-title span {
	margin-right:20px;
}


#studio #contents-body .section .class-block .two-column .two-right h2 {
	padding:12px 0 12px 8px;
	background:url(/j/studio/images/studio_bg006.gif) no-repeat 0 0;
}

#studio #contents-body .section .class-block .two-column .two-right .inner {
	padding:0 6px 7px 2px;
	background:url(/j/studio/images/studio_bg008.gif) no-repeat 0 100%;
}

/* profile */
#studio #contents-body .profile-block,
#studio #contents-body .profile-details-block {
}

#studio #contents-body .profile-block .instructor {
	margin:10px 0 0 14px;
}

#studio #contents-body .profile-block .two-column {
	margin:10px 11px 0 14px;
}


#studio #contents-body .profile-block .two-column .two-left {
	float:left;
	width:150px;
}

#studio #contents-body .profile-block .two-column .two-right {
	float:left;
	width:485px;
}

#studio #contents-body .profile-block .two-column .two-right table th {
	padding-bottom:5px;
	white-space:nowrap;
	vertical-align:top;
	text-align:left;
}
#studio #contents-body .profile-block .two-column .two-right table td {
	padding-bottom:5px;
}

#studio #contents-body .profile-details-block .two-column {
	padding:20px 11px 0 14px;
}


#studio #contents-body .profile-details-block .two-column .two-left {
	float:left;
	width:500px;
	padding-right:10px;
}

#studio #contents-body .profile-details-block .two-column .two-left table {
	margin:15px 0 0 10px;
	border-collapse:separate;
}

#studio #contents-body .profile-details-block .two-column .two-left th {
	padding-bottom:5px;
	white-space:nowrap;
	vertical-align:top;
	text-align:left;
}

#studio #contents-body .profile-details-block .two-column .two-left td {
	padding-bottom:5px;
}

#studio #contents-body .profile-details-block .two-column .two-right {
	float:left;
	width:100px;
}


/* instructor */
#studio #contents-body ul.instructor_block li {
	float:left;
	padding-right:30px;
	white-space:nowrap;
}

/* time-table */
#studio #contents-body .time-table {
	margin-top:20px;
	text-align:center;
}

#studio #contents-body .time-table-list li {
	float:left;
	margin:4px 15px 4px 2px;
}

/* access */
body#studio #contents-body .access-text-box {
	width:576px;
	margin:15px auto 0;
	text-align:left;
}

body#studio #contents-body .access-text-box ol li {
	margin-left:22px;
	padding-left:3px;
	list-style-type:decimal;
}

* html body#studio #contents-body .access-text-box ol li { /* IE6 hacks */
	margin-left:25px;
	padding-left:0;
}

body#studio #contents-body .print-btn {
	margin-top:25px;
}

/* system */
#studio #contents-body .system-block {
 background:url(/j/common/images/com_bg024.gif) no-repeat scroll left bottom;
 padding-bottom:5px;
}

#studio #contents-body .system-block-in {
	background:transparent url(/j/studio/images/studio_bg016.gif) no-repeat scroll left top;
	padding:15px 17px 12px 15px;
}

#studio #contents-body .system-block-in .two-left {
	float:left;
	width:159px;
	padding-right:19px;
}

#studio #contents-body .system-block-in .two-right {
	loat:left;
	width:450px;
}

#studio #contents-body .system-block-in .only-txt {
	float:left;
	width:450px;
	padding-right:179px;
}

#studio #contents-body .system-block-in .btn-position {
	text-align:right;
}
#studio #contents-body .guidance-img {
	padding-top:15px;
}

#studio #contents-body .charge {
	margin-top:15px;
}


#studio #contents-body .charge table {
	width:652px;
	border-bottom:1px solid #DBDBC3;
	border-left:1px solid #DBDBC3;
	border-right:solid 1px #DBDBC3;
	border-collapse:separate;	
}

#studio #contents-body .charge table th {
	border-bottom:1px solid #F5F5EA;
	border-top:1px solid #DBDBC3;
	border-left:1px solid #F5F5EA;
	background:url(/j/common/images/com_bg028.gif) no-repeat 100% 0;
	vertical-align:center;
	white-space:nowrap;
	text-align:center;
	padding:4px 0;
}
#studio #contents-body .charge table td.entry {
	padding:4px 8px;
	text-align:center;
	background:#F5F5EA;
}
#studio #contents-body .charge table td {
	padding:1px;
	border-top:solid 1px #DBDBC3;
	border-left:solid 1px #DBDBC3;
	vertical-align:top;
}

#studio #contents-body .charge table td.no-topline {
	border-top:none;
}

#studio #contents-body .charge table td dl {
	padding-bottom:4px;
}

#studio #contents-body .charge table td dt {
	background-color:#8b806b;
	padding:4px 8px;
}

#studio #contents-body .charge table td dd {
	padding:4px 8px 0;
}

#studio #contents-body .charge02 {
	margin-top:15px;
	background:url(/j/studio/images/studio_bg018.gif) no-repeat top left; 
}

#studio #contents-body .charge02 .two-column {
	width:655px;
	padding-bottom:15px;
	background:url(/j/studio/images/studio_bg017.gif) no-repeat bottom left;
}

#studio #contents-body .charge02 .two-left {
	float:left;
	width:320px;
	padding-right:15px;
}

#studio #contents-body .charge02 .two-right {
	float:left;
	width:320px;
}

#studio #contents-body .charge02 .two-left dl ,
#studio #contents-body .charge02 .two-right dl{
	padding:0 12px;
}

#studio #contents-body .charge02 .two-left dl dt,
#studio #contents-body .charge02 .two-right dl dt{
	text-align:center;
	padding-top:8px;
	height:31px;
}

#studio #contents-body .charge02 .two-left dl dd,
#studio #contents-body .charge02 .two-right dl dd{
	padding-top:5px;
}

#studio #contents-body .charge-list dt {
	background:url(/j/common/images/com_ic023.gif) no-repeat 4px 0.1em;
	margin-top:18px;
	padding-left:18px;
}

#studio #contents-body .charge-list dd {
	padding:8px 15px 0 15px;
}

#studio #contents-body .charge-list dd dt{
	background:none;
	margin-top:3px;
	padding-left:0;
	padding-bottom:5px;
}

#studio #contents-body .charge-list dd dd{
	padding:0 0 5px 0;
}

/* no-Lesson List */
#studio #contents-body dl.no-lesson dt span.lesson-title,
#studio #contents-body dl.no-lesson dt a {
	background:url(/j/common/images/com_ic013.gif) no-repeat 3px 0.2em;
	padding:0 5px 0 13px;
}

/* 2008-11-21 add */
#studio #contents-body dl.no-lesson dt span.lesson-title {
	font-weight: bold;
}


#studio #contents-body dl.no-lesson dd {
	margin-left:1em;
}

#studio #contents-body dl.no-lesson dd.note {
	padding-bottom:15px;
}

#studio #contents-body dl.no-lesson dt {
	padding-bottom:5px;
}

#studio #contents-body dl.no-lesson dt img {
	vertical-align:-0.1em;
	padding-right:5px;
}

/* 5. plus-block
=========================================*/
#studio #contents-body .section .class-block .plus-block {
	clear:both;
	width:872px;
	margin:20px 11px 0 14px;
	background:url(/j/studio/images/studio_bg014.gif) no-repeat 0 100%;
}

#studio #contents-body .section .class-block .plus-block h2 {
	padding:12px 0 12px 8px;
	background:url(/j/studio/images/studio_bg015.gif) no-repeat 0 0;
}

#studio #contents-body .section .class-block .plus-block h2 img {
	float:left;
}

#studio #contents-body .section .class-block .plus-block h2 span {
	float:right;
	padding:0 10px 0 0;
}

#studio #contents-body .section .class-block .plus-block-inner {
	margin:0 15px;
	padding-bottom:13px;
}

#studio #contents-body .section .class-block .plus-block-inner .info-list li .info-title span {
	margin-right:20px;
}

#studio #contents-body .section .class-block .plus-block-inner .special-lesson-detail {
	display:block;
	margin:3px 0 0 0;
}

/* two-column */
#studio #contents-body .section .class-block .two-column .plus-block {
	width:872px;
	margin:0;
	background:url(/j/studio/images/studio_bg011.gif) no-repeat 0 100%;
}

#studio #contents-body .section .class-block .two-column .plus-block .two-left {
	float:left;
	width:430px;
	background:url(/j/studio/images/studio_bg013.gif) no-repeat 0 46px;
}

#studio #contents-body .section .class-block .two-column .plus-block .two-right {
	float:right;
	width:430px;
	background:url(/j/studio/images/studio_bg013.gif) no-repeat 0 46px;
}

#studio #contents-body .section .class-block .two-column .plus-block h2 {
	background:url(/j/studio/images/studio_bg012.gif) no-repeat 0 0;
}

#studio #contents-body .section .class-block .two-column h2 span {
	padding-right:10px;
}

#studio #contents-body .section .class-block .two-column .plus-block .plus-genre-box {
	padding:13px 15px;
}

#studio #contents-body .section .class-block .two-column .plus-block .plus-genre-box .separate-line {
	border-top:1px solid #d6d6af;
	padding-top:15px;
}

#studio #contents-body .section .class-block .two-column .plus-block .plus-genre-box .lesson-name strong {
	padding-bottom:0;
}

#studio #contents-body .section .class-block .two-column .plus-block .plus-genre-box dt {
	padding:8px 0 0 0;
	line-height:1.4;
}

#studio #contents-body .section .class-block .two-column .plus-block .plus-genre-box dd {
	margin-left:1.1em;
	padding-top:2px;
}

#studio #contents-body .section .class-block .two-column .plus-block .plus-genre-box dd .plus-link-list {
	text-align:right;
}

#studio #contents-body .section .class-block .two-column .plus-block .plus-genre-box dd .plus-link-list a {
	display:inline;
	background:url(/j/common/images/com_ic013.gif) no-repeat 0 0.2em;
	padding:0 0 0 12px;
	margin:0;
}

* html #studio #contents-body .section .class-block .two-column .plus-block .plus-genre-box dd .plus-link-list a { /* IE6 hacks */
	background:url(/j/common/images/com_ic013.gif) no-repeat 0 0.4em;
	padding:0 0 0 20px;
	zoom:1;
}

/* 6. facilities
=========================================*/

#studio #contents-body .facilities-photo {
	float:left;
	width:120px;
	padding:7px 6px;
	background:url(/j/studio/images/studio_bg019.gif) no-repeat 0 0;
}

#studio #contents-body .facilities-detail {
	float:right;
	width:718px;
}

#studio #contents-body .facilities-detail dd {
	margin-top:5px;
}

/* 99. Extra
=========================================*/
/* Clearfix */
#studio #contents-body .section:after,
#studio #contents-body .two-column:after,
#studio #contents-body .three-column:after,
#studio #contents-body .section .title-01:after,
#studio #contents-body .section .title-02:after,
#studio #contents-body .section .title-03:after,
#studio #contents-body .section .studio-info-box .details:after,
#studio #contents-body .section .studio-info-box dl:after,
#studio #contents-body .section .studio-info-box ul:after,
#studio #contents-body .section .class-box:after,
#studio #contents-body .section .class-block .two-column:after,
#studio #contents-body .section .class-block .two-column .two-left h2:after,
#studio #contents-body .section .class-block .two-column .two-right h2:after,
#studio #contents-body .section .class-block .two-column .two-right .inner .info-list:after,
#studio #contents-body .section .access-map-block:after,
#studio #contents-body .section .studio-top:after,
#studio #contents-body ul.instructor_block:after,
#studio #contents-body .section .class-block .two-column .two-right .special:after,
#studio #contents-body .section .class-block .plus-block h2:after,
#studio #contents-body .section .class-block .two-column .plus-block:after,
#studio #contents-body .system-block:after,
#studio #contents-body .system-block-in:after,
#studio #contents-body .charge:after,
#studio #contents-body .charge02:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#studio #contents-body .section,
#studio #contents-body .two-column,
#studio #contents-body .three-column,
#studio #contents-body .section .title-01,
#studio #contents-body .section .title-02,
#studio #contents-body .section .title-03,
#studio #contents-body .section .studio-info-box .details,
#studio #contents-body .section .studio-info-box dl,
#studio #contents-body .section .studio-info-box ul,
#studio #contents-body .section .class-box,
#studio #contents-body .section .class-block .two-column,
#studio #contents-body .section .class-block .two-column .two-left h2,
#studio #contents-body .section .class-block .two-column .two-right h2,
#studio #contents-body .section .class-block .two-column .two-right .inner .info-list,
#studio #contents-body .section .access-map-block,
#studio #contents-body .section .studio-top,
#studio #contents-body ul.instructor_block,
#studio #contents-body .section .class-block .two-column .two-right .special,
#studio #contents-body .section .class-block .plus-block h2,
#studio #contents-body .section .class-block .two-column .plus-block,
#studio #contents-body .system-block,
#studio #contents-body .system-block-in,
#studio #contents-body .charge,
#studio #contents-body .charge02 {
	display:inline-block;
	min-height:1px;  /* for IE 7*/
}
/* Hides from IE-mac \*/
* html #studio #contents-body .section,
* html #studio #contents-body .two-column,
* html #studio #contents-body .three-column,
* html #studio #contents-body .section .title-01,
* html #studio #contents-body .section .title-02,
* html #studio #contents-body .section .title-03,
* html #studio #contents-body .section .studio-info-box .details,
* html #studio #contents-body .section .studio-info-box dl,
* html #studio #contents-body .section .studio-info-box ul,
* html #studio #contents-body .section .class-box,
* html #studio #contents-body .section .class-block .two-column,
* html #studio #contents-body .section .class-block .two-column .two-left h2,
* html #studio #contents-body .section .class-block .two-column .two-right h2,
* html #studio #contents-body .section .class-block .two-column .two-right .inner .info-list,
* html #studio #contents-body .section .access-map-block,
* html #studio #contents-body .section .studio-top,
* html #studio #contents-body ul.instructor_block,
* html #studio #contents-body .section .class-block .two-column .two-right .special,
* html #studio #contents-body .section .class-block .plus-block h2,
* html #studio #contents-body .section .class-block .two-column .plus-block,
* html #studio #contents-body .system-block,
* html #studio #contents-body .system-block-in,
* html #studio #contents-body .charge,
* html #studio #contents-body .charge02 {
	height:1px;
}
#studio #contents-body .section,
#studio #contents-body .two-column,
#studio #contents-body .three-column,
#studio #contents-body .section .title-01,
#studio #contents-body .section .title-02,
#studio #contents-body .section .title-03,
#studio #contents-body .section .studio-info-box .details,
#studio #contents-body .section .studio-info-box dl,
#studio #contents-body .section .studio-info-box ul,
#studio #contents-body .section .class-box,
#studio #contents-body .section .class-block .two-column,
#studio #contents-body .section .class-block .two-column .two-left h2,
#studio #contents-body .section .class-block .two-column .two-right h2,
#studio #contents-body .section .class-block .two-column .two-right .inner .info-list,
#studio #contents-body .section .access-map-block,
#studio #contents-body .section .studio-top,
#studio #contents-body ul.instructor_block,
#studio #contents-body .section .class-block .two-column .two-right .special,
#studio #contents-body .section .class-block .plus-block h2,
#studio #contents-body .section .class-block .two-column .plus-block,
#studio #contents-body .system-block,
#studio #contents-body .system-block-in,
#studio #contents-body .charge,
#studio #contents-body .charge02 {
	display:block;
}
/* End hide from IE-mac */