/*******************************************/
/************ base elements ***********/
/*******************************************/

.opsubcontents {
padding:0 0 15px 10px;
}

.opsubcontents p {
padding-bottom:12px;
}

.imgRight {
margin:0 0 5px 15px;
float:right;
}

.imgLeft {
margin:0 15px 5px 0;
float:left;
}

.clr {
clear:both;
}

#mainContainer #main .contents .opsubcontents .mainTxt {
float:right;
width:470px;
}

#mainContainer #main .contents .opsubcontents .mainTxtl {
float:left;
width:470px;
}

#mainContainer #main .contents .opsubcontents .catch {
font-size: 1.2em;
color:#ff6600;
font-weight:bold;
}

#mainContainer #main .contents .opsubcontents b {
font-size: 1.2em;
line-height:1.6em;
}

.txtRed {
color:#CC0000;
}

.txtOrange {
color: #FF9900;
}


/************************************************/
/************ opencampus index elements **************/
/************************************************/
#mainContainer #main .contents .opsubcontents .ocImg {
margin-right: 76px;
margin-left: 76px;
}
#mainContainer #main .contents .opsubcontents .pageBtm {
width: 580px;
margin-top: 2px;
margin-bottom: 10px;
margin-left: 74px;
}
#mainContainer #main .contents .opsubcontents .pageBtm li {
margin: 0 2px;
text-align:center;
width: 184px;
float:left;
}

#mainContainer #main .contents .opsubcontents .pageBtm li a {
width: 184px;
height:30px;
border: 1px solid #999999;
background: url(../opencampus/images/ocb_bg.gif) repeat-x bottom;
display:block;
line-height:30px;
text-decoration:none;
color:#333333;
}
#mainContainer #main .contents .opsubcontents .pageBtm li a:hover {
width: 184px;
background: url(../opencampus/images/ocb_bgo.gif) repeat-x bottom;
display:block;
color:#FF3300;
}

#mainContainer #main .contents .opsubcontents .pageBtm li a span {
margin:10px;
}

.entryBtm {
text-align:center;
margin-bottom:30px;
margin-top:30px;
}

.entryBtm ul {
height: 53px;
width: 562px;
margin:0 auto;
}

.entryBtm li {
background-image: url(../opencampus/images/entry_btm.gif);
background-repeat: no-repeat;
height: 53px;
width: 562px;
}
.entryBtm li a {
display: block;
width : 562px;
height : 53px;
text-indent:-9999px;
overflow:visible;/* \*/
overflow:hidden;/* */
}
.entryBtm li a:hover {
display: block;
width : 562px;
height : 53px;
background-image: url(../opencampus/images/entry_btm_o.gif);
background-repeat: no-repeat;
}



.entryBtm2 {
text-align:center;
margin-bottom:15px;
}

.entryBtm2 ul {
height: 53px;
width: 562px;
margin:0 auto;
}

.entryBtm2 li {
background-image: url(../opencampus/images/entry_btm.gif);
background-repeat: no-repeat;
height: 53px;
width: 562px;
}
.entryBtm2 li a {
display: block;
width: 562px;
height : 53px;
text-indent:-9999px;
overflow:visible;/* \*/
overflow:hidden;/* */
}
.entryBtm2 li a:hover {
display: block;
width: 562px;
height : 53px;
background-image: url(../opencampus/images/entry_btm_o.gif);
background-repeat: no-repeat;
}

/************************************************/
/************ ambience elements **************/
/************************************************/



/************************************************/
/************ benefit elements **************/
/************************************************/

.ocLayout_E {
margin-bottom:20px;
width:715px;
clear: both;
}
.ocLayout_E_Left {
width:350px;
float:left;
}
.ocLayout_E_Right {
width:350px;
float:right;
}
.ocLayout_E_Left table,
.ocLayout_E_Right table{
width:350px;
border-collapse: collapse;
}
.ocLayout_E_Left table th,
.ocLayout_E_Right table th{
text-align:center;
padding:5px;
background:#ffe9b9;
border:#FF9900 1px solid;
}
.ocLayout_E_Left table td,
.ocLayout_E_Right table td{
text-align:right;
padding:5px;
background:#ffffff;
border:#FF9900 1px solid;
}
/************************************************/
/************ bus elements **************/
/************************************************/
#mainContainer #main .contents .opsubcontents .subtitle {
color: #CC0000;
border-left:5px #CC0000 solid;
padding:2px 0 2px 8px;
margin-bottom:7px;
font-size:1.2em;
font-weight:bold;
}

.ocBox {
font-size:0.9em;
margin-bottom:15px;
}
.ocBox td {
width:50%;
padding-right:15px;
}
.ocBox td p {
text-indent:-0.5em
}
#mainContainer #main .contents .opsubcontents .mainTxt2 {
float:right;
width:594px;
}

#mainContainer #main .contents .opsubcontents .box #tabNav li {
margin-right: 3px;
border: 1px solid #999999;
width:60px;
float:left;
text-align:center;
background: url(../opencampus/images/ocb_bg.gif) repeat-x bottom;
}
#mainContainer #main .contents .opsubcontents .box #tabNav li a {
width:50px;
padding:5px;
display:block;
text-decoration:none;
color:#333333
}
#mainContainer #main .contents .opsubcontents .box #gallery h5 {
font-size: 1.2em;
font-weight: bold;
clear:both;
margin-bottom:15px;
line-height:1.8em;
border-bottom:#CC0000 1px solid;
padding-top:10px;
}

#bus1,
#bus2,
#bus3,
#bus4,
#bus5,
#bus6,
#bus7,
#bus8,
#btnContext{
display:none;
}

.uHead span {
font-weight: bold;
margin-bottom:5px;
border-left:#CC0000 3px solid;
padding-left:7px;
float:left;
}
.uHead a{
display:block;
float:right;
margin-bottom:5px;
}

.twoColumn {
margin-bottom:15px;
clear:both;
width:715px;
}

.boxA {
float:left;
margin: 0 0 10px;
padding:0;
width:350px;
}

.boxB {
float: right;
margin: 0 0 10px;
padding:0;
width:350px;
}

.boxA table,.boxB table {
border-collapse: collapse;
width:350px;
clear:both;
margin-bottom:15px;
}

.boxA th,.boxB th {
text-align:center;
padding:5px;
background:#ffe9b9;
border:#FF9900 1px solid;
}

.boxA td,.boxB td {
text-align:center;
padding:5px;
background:#ffffff;
border:#FF9900 1px solid;
}

.boxA thead,.boxB thead {
background:#ffd781;
}

/************************************************/
/************ briefing elements **************/
/************************************************/

.briBox01{
width:100%;
border-collapse: collapse;
margin-bottom:15px;
}
.briBox02 {
width:300px;
float:right;
border-collapse: collapse;
margin-bottom:15px;
}
.briBox01 th,
.briBox02 th{
text-align:center;
padding:5px;
background:#ffe9b9;
border:#FF9900 1px solid;
}
.briBox01 td,
.briBox02 td{
text-align:left;
padding:5px 10px;
background:#ffffff;
border:#FF9900 1px solid;
vertical-align:middle;
}
#mainContainer #main .contents .opsubcontents .briTxt {
float:left;
width:400px;
}




/******************************************/
/************ briefing elements ************/
/******************************************/

.briefingtxt {
color:#FA6B7C;
font-size:1.3em;
font-weight:bold;
margin-bottom:5px;
}


table.briefing {
  width:400px;
  margin-left:10px;
  margin-top:10px;
  font-size:0.9em;
  color: #333333;
  border-top:1px solid #999999;
  border-left:1px solid #999999;
  text-align:center;
  margin-bottom:30px;
}

table.briefing th {
  padding: 5px 10px;
  border-right:1px solid #999999;
  border-bottom:1px solid #999999;
  color:#333333;
  background-color:#ffe6ff;
  text-align:center;
  white-space:nowrap;
vertical-align:middle;
  width:50%;
}

table.briefing td {
  padding: 5px 10px;
  border-right:1px solid #999999;
  border-bottom:1px solid #999999;
  vertical-align:middle;
  vertical-align:middle;
  text-align: center;
  width:50%;
}


table.briefing th.col {
background-color: #fff4ff;
  text-align:center;
  width:185px;
}

table.briefing td.ctr {
text-align: center;
}
table.briefing td.ctr2 {
text-align: center;
  width:465px;
}

table.briefing_bt {
  margin-bottom:25px;
}

/************************************************/
/************ parental elements **************/
/************************************************/

#mainContainer #main .contents .opsubcontents .pareList li {
background-image: url(../opencampus/images/parental_list_icon.gif);
background-repeat: no-repeat;
padding:7px 0 7px 20px;
border-bottom:#999999 1px dotted;
}



/**************************************************************/
/*  add    */
/**************************************************************/

.occhart {
text-align: center;
padding-top: 10px;
padding-bottom: 20px;
overflow:visible;/* \*/
overflow:hidden;/* */
clear: both;
}

.occhart img {
margin-right: auto;
margin-left: auto;
}

.stokuten {
font-weight: bold;
color: #FF6699;
}

.pl50 {
padding-left: 50px;
}

.intm15 {
text-indent: -15px;
}

/**/

#oc_wrapper{width:725px;heigth:auto;margin-bottom:30px;}

/*#oc_next{
width:719px;
height:30px;
padding:15px 0 0 6px;
font-size:20px;
font-weight:bold;
color: #F00;
}*/

#oc_next{
font-size:2.1em;
color:#ec2504;
font-weight:bold;
background:#fff;
padding:10px 15px;
}


#oc_next_01{
width:215px;
height:52px;
padding:125px 5px 0;
margin-top:9px;
margin-right:15px;
float:left;
background-image:url(../opencampus/images/nextoc_01.jpg);
margin-left: 10px;
}
#oc_next_02{width:215px;height:52px;padding:125px 5px 0;margin-top:9px;margin-right:15px;float:left;background-image:url(../opencampus/images/nextoc_02.jpg);}
#oc_next_03{width:215px;height:52px;padding:125px 5px 0;margin-top:9px;float:left;background-image:url(../opencampus/images/nextoc_03.jpg);}
#oc_next_04{
width:215px;
height:52px;
padding:125px 5px 0;
margin-top:9px;
margin-right:15px;
float:left;
background-image:url(../opencampus/images/nextoc_04.jpg);
margin-left: 10px;
}
#oc_next_05{width:215px;height:52px;padding:125px 5px 0;margin-top:9px;margin-right:15px;float:left;background-image:url(../opencampus/images/nextoc_05.jpg);}
#oc_next_06{width:215px;height:52px;padding:125px 5px 0;margin-top:9px;float:left;background-image:url(../opencampus/images/nextoc_06.jpg);}
#oc_next_07{width:215px;height:52px;padding:125px 5px 0;margin-top:9px;margin-right:15px;float:left;background-image:url(../opencampus/images/nextoc_07.jpg);margin-left: 10px;}
#oc_next_08{width:215px;height:52px;padding:125px 5px 0;margin-top:9px;margin-right:15px;float:left;background-image:url(../opencampus/images/nextoc_08.jpg);}
#oc_next_09{width:215px;height:52px;padding:125px 5px 0;margin-top:9px;float:left;background-image:url(../opencampus/images/nextoc_09.jpg);}

#oc_next_01 p,#oc_next_02 p,#oc_next_03 p,#oc_next_04 p,#oc_next_05 p,#oc_next_06 p,#oc_next_07 p,#oc_next_08 p,#oc_next_09 p {font-size:12px;}


.oc_style1 {
font-weight: bold;
color: #FF0000;
font-size: 12px;
}

.oc_style2 {
font-size :10px;
}

.oc_style3 {
font-size :10px;
font-weight: normal;
}

#oc_Box{
width:689px;
padding:7px;
border:1px solid #FF9999;
margin-bottom: 20px;
}

#oc_Box strong{
height:auto;
display:block;
margin-bottom:4px;
font-size:16px;
color:#FF9999;
}


/* */


.octoku {
width: 705px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
}


/*  */

.ocsc {
width: 705px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
overflow:visible;/* \*/
overflow:hidden;/* */
}
.ocsc img.stit {
margin-bottom: 15px;
}

.ocsc img.oc {
float: left;
margin-left: 65px;
}

.ocsc img.bustour {
float: right;
margin-right: 65px;
margin-top: 10px;
}

/* schedule */

.schedule {
width: 725px;
overflow:visible;/* \*/
overflow:hidden;/* */
}

.arrow01 {
background-image: url(../opencampus/images/arrow01.gif);
background-repeat: no-repeat;
background-position: 352px 100px;
}

.arrow02 {
background-image: url(../opencampus/images/arrow02.gif);
background-repeat: no-repeat;
background-position: 530px 0px;
height: 20px;
clear: both;
}

.arrow03 {
background-image: url(../opencampus/images/arrow02.gif);
background-repeat: no-repeat;
background-position: 120px 0px;
height: 20px;
clear: both;
}

.schedule div.sche_left {
width: 350px;
float: left;
text-align:center;
}

.schedule div.sche_right {
width: 350px;
float: right;
text-align:center;
}

.schedule div.sche_left p.tleft, .schedule div.sche_right p.tleft {
text-align:left;
}

.schedule2 {
width:695px;
padding:0px 15px;
overflow:visible;/* \*/
overflow:hidden;/* */
}
.schedule2 div.schebox {
width: 435px;
overflow:visible;/* \*/
overflow:hidden;/* */
}
.scheleft {
float:left
}
.scheright {
float:right
}
.schehogo {
padding: 5px 10px;
border: 1px solid #8CD0E1;
}
.schehogo span {
font-weight: bold;
color: #8CD0E1;
}


h5.sche05 {
width:345px;
  line-height:25px;
  font-size:1.1em;
  font-weight:bold;
  text-align:left;
  padding: 4px 0px 4px 5px;
  margin: 5px 0 10px 0;
clear:both;
background: #8CD0E1;
color:#ffffff;
}

h5.sche05 span {
  border-left:solid 6px #ffffff;
display:block;
padding:2px 0 0 10px;
line-height:20px;
}

.hogo_mark {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 3px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 3px;
vertical-align: bottom;
}

.oc_nextcap {
padding-top: 10px;
padding-left: 10px;
color: #FF0000;
font-size: 10px;
line-height: 14px;
}

/***************************************/
/************ briefing elements ***********/
/***************************************/

.briefing {
border:solid 1px #CCCCCC;
text-align:center;
margin-bottom:25px;
}

.bObject {
width:684px;
text-align:left;
margin:10px auto 20px;
}

.bObject dt {
float:left;
width:50px;
background-color:#333333;
padding:5px 15px;
font-size:14px;
font-weight:bold;
text-align:center;
color:#FFFFFF;
}
.bObject dd {
float:left;
padding:5px 15px;
}


.bObject p {
text-align:right;
}

.bObject p.bOpink {
text-align:right;
color:#FF33CC;
font-weight:bold;
}

.bOt01 {
clear:both;
width:100%;
margin:5px 0;
}

.bOt01 td {
background-color:#FF9900;
border-right:solid 3px #FFFFFF;
color:#FFFFFF;
font-weight:bold;
padding:5px 15px;
text-align:center;
}

.bOt02 {
clear:both;
width:100%;
margin:5px 0;
}

.bOt02 td {
width:50%;
background-color:#e8f3f7;
border-right:solid 3px #FFFFFF;
border-bottom:solid 3px #FFFFFF;
color:#0167a9;
font-weight:bold;
padding:5px 15px;
text-align: left;
}












.w705 {
width:705px;
margin:0 auto 0;
}

.op-main-img {
padding:0 0 30px 0;
position:relative;
}

.op-main-img p {
position:absolute;
top:230px;
left:400px;
}



.schedule {
width:475px;
padding-right:15px;
}

.schedule p.sTitle {
line-height:25px;
font-size:1.1em;
font-weight:bold;
text-align:left;
padding: 1px 0px 1px 15px;
margin: 0 0 5px 0;
clear:both;
background: #65aadd;
color:#ffffff;
}

.scManth {
width:100%;
margin:10px 0;
}
.scManth th {
padding:5px;
background-color:#999999;
margin-right:10px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
border-bottom:solid 1px #ffffff;
}
.schedule th strong{
font-size:1.6em;
}

.schedule td {
padding:5px 10px;
border-bottom:solid 1px #CCCCCC;
}

.schedule td strong{
font-size:1.6em;
margin-left:10px;
line-height:1.6em;
}


.schedule td img {
margin-right:6px;
}

.schedule span.bus {
background-image:url(../opencampus/images/bus_mark.gif);
background-repeat:no-repeat;
background-position: bottom right; 
padding-right:13px;
padding-top:5px;
}

.scAdd {
color:#298dd9;
}

.scAdd2 {
color:#298dd9;
font-weight:bold;
}

.opBnr img {
display:block;
margin-bottom:15px;
}

.nextOpen2 {
position: relative;
background-image:url(../opencampus/images/nextop_bg.jpg);
background-repeat:no-repeat;
width:250px;
height:302px;
margin-bottom:15px;
}

.nextOpen2 p{
position: absolute;
top:52px;
left:0px;
text-align:center;
width:250px;
font-size:14px;
font-weight:bold;
}

.nextOpen2 strong{
font-size:22px;
}

.nextOpen2 a{
position: absolute;
top:240px;
left:10px;
}

.nextOPschedule {
background-color:#232089;
font-weight:bold;
color:#FFFFFF;
font-size:16px;
padding:10px;
text-align:center;
}

.oc-schedule-tb {
width:705px;
margin:0 auto 30px;
}

.oc-schedule-tb th {
width:200px;
vertical-align:middle;
background:#01b4ed;
color:#fff;
padding:3px 10px;
}

.oc-schedule-tb th.parent {
width:200px;
vertical-align:middle;
background: #F69;
color:#fff;
}

.oc-schedule-tb td {
vertical-align:middle;
}

.oc-schedule-tb td.arw {
text-align:center;
vertical-align:middle;
}

.oc-schedule-tb td.txt {
text-align:left;
vertical-align:top;
padding:5px 0;
line-height:1.2em;
}

.w22 { width:22px; }

.w23 { width:23px; }

.opHiyo {
border:solid 1px #cb5194;
padding:15px;

margin-bottom:20px;
}

.opHiyo span {
font-weight:bold;
color:#cb5194;
}
.opHiyo img {
margin-bottom:6px;
}
.opHiyo table {
margin-top:10px;
width:218px;
}
.opHiyo th {
padding:1px 10px 1px 0;
text-align:left;
border-bottom: dotted 1px #cb5194;
}
.opHiyo td {
padding:1px 0;
border-bottom:dotted 1px #cb5194;
}


.briefing-tb01 {
border:solid 2px #09F;
width:680px;
margin:0 auto 0;
}

.briefing-tb01 th {
border:solid 1px #09F;
background:#f8feff;
padding:10px;
width:20%;
text-align:right;
white-space:nowrap;
}

.briefing-tb01 th span {
font-size:1.6em;
}

.briefing-tb01 td {
border:solid 1px #09F;
padding:10px 20px;
width:80%;
text-align:left;
white-space:nowrap;
}

.briefing-tb01 td span {
font-size:1.6em;
font-weight:bold;
}

.briefing-note {
font-weight:bold;
font-size:1.2em;
width:680px;
margin:10px auto 20px;
}

.briefing-note th {
color:#09F;
}