/* -------------------------------
Other Layout 
------------------------------- */
#labelCategory {
	background:url(img/label_category.jpg) no-repeat left top;
}
/* -------------------------------
LabelBtn Layout 
------------------------------- */
#label-noapp {
	width:60px;
	height:21px;
	background-image:url(img/btn_label-noapp.gif);
	position:relative;
	line-height:1;
/*\*/
	overflow: hidden;
/**/
	text-indent: -9000px;
	font-size:12px;
	text-align:left;
}
#label-cfree {
	width:60px;
	height:21px;
	background-image:url(img/btn_label-cfree.gif);
	position:relative;
	line-height:1;
/*\*/
	overflow: hidden;
/**/
	text-indent: -9000px;
	font-size:12px;
	text-align:left;
}
/* -------------------------------
cNoteArea Layout 
------------------------------- */
#btn-n-lesson a{
	width:99px;
	height:23px;
	background-image:url(img/btn_n_lesson.gif);
}
#btn-n-interview a{
	width:81px;
	height:23px;
	background-image:url(img/btn_n_interview.gif);
}
/* -------------------------------
index Layout 
------------------------------- */
.table-index1{
	margin-bottom:0.5em;
	width:100%;
}
.table-index1 th {
	padding:7px 2px;
	border:1px solid #bbb;
	text-align:center;
}
.table-index1 td {
	padding:3px 3px;
	border:1px solid #bbb;
	line-height:1.231;
}
.table-index1 .th1{
	padding:0;
	background-color:#eebb44;
	color:#fff;
}
.table-index1 .th2{
	padding:0;
	background-color:#72b15e;
	color:#fff;
}

.table-index1 .td1{
	width:15%;
	background-color:#f5eee5;
	text-align:center;
	vertical-align:middle;
}
.table-index1 .td2{
	width:15%;
	background-color:#e4f4e4;
	text-align:center;
	vertical-align:middle;
}
.table-index1 .td3{
	width:10%;
	text-align:center;
	vertical-align:middle;
}
.table-index1 .tdSp {
	border-top:none;
	border-left:none;
}

.table-index1 tr.tdWhite {
	background-color:#fff;
}
.table-index1 tr.tdGray {
	background-color:#f5f5f5;
}
/* -------------------------------
open-lesson Layout 
------------------------------- */
#p-open-lesson .contents-inner{
	margin-bottom:10px;
	padding:10px;
	border:#ddd solid 1px;
	background-color:#fff;
}
#p-open-lesson #leftArea h4 {
	margin-bottom:1em;
	padding:7px 10px;
	line-height:1.231;
	background-color:#ae5543;
	color:#fff;
	font-weight:bold;
}
#p-open-lesson .contents-inner .left {
	padding-left:10px;
	width:385px;
}
#p-open-lesson .contents-inner table caption {
	margin-bottom:1em;
	padding-left:1em;
	background:url(../img/icon_disc.gif) no-repeat left 3px;
	line-height:1.231;
	font-weight:bold;
	white-space:nowrap;
}
#p-open-lesson .contents-inner table th {
	padding:3px 0;
	font-weight:bold;
}
#p-open-lesson .contents-inner table td {
	padding:3px 0;
}
#p-open-lesson .contents-inner .addTable{
	margin-top:10px;
	padding-top:9px;
	width:100%;
	border-top:1px solid #ddd;
}

/* -------------------------------
schedule Layout 
------------------------------- */
#p-schedule .contents-inner{
	margin-bottom:10px;
	padding:10px;
	border:#ddd solid 1px;
	background-color:#fff;
}
#p-schedule h4 {
	margin-bottom:1em;
	padding:7px 10px;
	line-height:1.231;
	background-color:#ae5543;
	color:#fff;
	font-weight:bold;
}

#p-schedule .contents-inner .left {
	padding:0 0 10px 10px;
	width:385px;
}
#p-schedule .contents-inner table caption {
	margin-bottom:1em;
	padding-left:1em;
	background:url(../img/icon_disc.gif) no-repeat left 3px;
	line-height:1.231;
	font-weight:bold;
	white-space:nowrap;
}
#p-schedule .contents-inner table th {
	padding:3px 0;
	font-weight:bold;
}
#p-schedule .contents-inner table td {
	padding:3px 0;
}
#p-schedule .contents-inner .addTable{
	margin-top:10px;
	padding-top:9px;
	width:100%;
	border-top:1px solid #ddd;
}
#p-schedule #leftArea h3 a{
	padding-left:10px;
	color:#ccc;
	background:url(../img/icon_arrow_02.gif) no-repeat left 3px;
}
#p-schedule #leftArea  h3 a:link, #p-schedule #leftArea  h3 a:visited{
	color:#ccc;
	text-decoration:none;
}
#p-schedule #leftArea  h3 a:hover, #p-schedule #leftArea  h3 a:active{
	color:#fff;
	text-decoration:underline;
}

.tableSchedule {
	margin-bottom:1em;
	border:1px solid #bbb;
	background-color:#fff;
}
.tableSchedule th {
	padding:7px 10px;
	width:21%;
	line-height:1.231;
	border:1px solid #bbb;
	background-color:#e7c78d;
	vertical-align:top;
	white-space:nowrap;
}

.tableSchedule .td1 {
	padding:7px 10px;
	line-height:1.231;
	border:1px solid #bbb;
	background-color:#fff;
	vertical-align:top;
}

.tableSchedule .td2 {
	width:5%;
	height:100%;
	border-right:1px solid #fff;
	background-color:#d5885b;
	vertical-align:middle;
	white-space:nowrap;
}

.tableSchedule .td3 {
	padding:7px 10px;
	line-height:1.231;
	border:1px solid #bbb;
	background-color:#FFFFCC;
	vertical-align:top;
	white-space:nowrap;
}

.tableSchedule .td4 {
	padding:7px 10px;
	line-height:1.231;
	border:1px solid #bbb;
	background-color:#EBEBEB;
	vertical-align:top;
	white-space:nowrap;
}

/* -------------------------------
open campus contents
------------------------------- */
h5 {
	border-left:4px solid #999999;
	color:#4A5678;
	font-size:120%;
	line-height:normal;
	margin:30px 0 1em;
	padding:0 0 0 0.5em;
	width:505px;
}

h6 {
	border-bottom:1px solid #E8B300;
	border-top:1px solid #E8B300;
	color:#666666;
	font-size:100%;
	padding:0.5em 0 0.5em 0;
	width:100%;
	margin-bottom:10px;
}

.titlePro {
	background-color:#C8D4FF;
	border:0 none;
	color:#333333;
	font-size:110%;
	margin:0 0 1em;
	padding:0.6em 0 0.6em 0.5em;
}

.labelOcText {
	margin-bottom:25px;
	padding:8px 0;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	background:url(../img/label_textback.gif) no-repeat left bottom;
	text-align:left;
	line-height:1.231;
	font-weight:bold;
}

div.section {
	margin-top:30px;
}

#fieldset {
	font-size:100%;
}

#fieldset li, #fieldset dt, #fieldset dd, #fieldset ol {
	margin-bottom:0.4em;
}

div.section ul {
margin-top:10px;
}

.section td {
	vertical-align:top;
}

.section table {
	width:100%;
}


.note {
	background-color:#FFFFFF;
	margin-bottom:20px;
	padding:14px;
}

.tblOcContents {
	margin-bottom:2em;
	border:1px solid #bbb;
	background-color:#fff;
}
.tblOcContents td{
	padding:7px 10px;
	line-height:1.231;
	border:1px solid #bbb;
	background-color:#fff;
	vertical-align:top;
}

.table_report {
	margin-bottom:10px;
	width:100%;
}
.table_report th {
	padding:5px 10px 0 0;
	line-height:1.231;
}
.table_report td {
	padding:5px 10px 0 0;
	width:230px;
	line-height:1.231;
}

.bn_link ul a, .bn_link a {
background:transparent url(../img/icon_arrow_02.gif) no-repeat scroll left 5px;
padding-left:10px;
}

.pdf {
	display: block;
	background: url(/pdf/icon_pdf.gif) no-repeat left 2px;
	padding: 0 0 6px 24px;
}
h3.expTtl{
margin-top: 2em;
}

#leftArea .notice{
clear: both;
margin: 0 0 10px 10px;
}

.unfixed{
margin-bottom: 10px;
}

#p-schedule .contents-inner table .underline {
	padding:5px 0 20px;
}


/* -------------------------------
howto
------------------------------- */
.flashArea {
	margin-bottom:10px;
}

.scheduleArea{
	text-align:left;
	width:548px;
	padding-bottom:0px;
}

ul.schedule {
}

ul.schedule li {
	float:left;
}

ul.schedule li a {
	font-size: 0px;
	height:32px;
	text-indent:-9000px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
}

ul.schedule li a:hover, ul.schedule li a:active{
	opacity:0.4;
	filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=40);
}

ul.schedule li a.day01{
	background:url(./img/btn_howto_01.gif) no-repeat;
	width:81px;
}
ul.schedule li a.day02{
	background:url(./img/btn_howto_02.gif) no-repeat;
	width:114px;
}
ul.schedule li a.day03{
	background:url(./img/btn_howto_03.gif) no-repeat;
	width:92px;
}
ul.schedule li a.day04{
	background:url(./img/btn_howto_04.gif) no-repeat;
	width:92px;
}
ul.schedule li a.day05{
	background:url(./img/btn_howto_05.gif) no-repeat;
	width:85px;
}
ul.schedule li a.day06{
	background:url(./img/btn_howto_06.gif) no-repeat;
	width:84px;
}

ul.schedule li a.day07{
	background:url(./img/btn_howto_07.gif) no-repeat;
	width:82px;
}

ul.schedule li a.day08{
	background:url(./img/btn_howto_08.gif) no-repeat;
	width:90px;
}

ul.schedule li a.day09{
	background:url(./img/btn_howto_09.gif) no-repeat;
	width:88px;
}

ul.schedule li a.day10{
	background:url(./img/btn_howto_10.gif) no-repeat;
	width:90px;
}

ul.schedule li a.day11{
	background:url(./img/btn_howto_11.gif) no-repeat;
	width:109px;
}

ul.schedule li a.day12{
	background:url(./img/btn_howto_12.gif) no-repeat;
	width:88px;
}

/* -------------------------------
lesson detail
------------------------------- */
.highlight {
	color: #cd513c;
}

.clearboth {
	clear: both;
}
