/*



.layout2

body.program #left #main



======================================================================================================================*/
.container { width: 1200px; margin: 0 auto; }
.container .inner{ width: 1200px; }
.container .inner .column .main { width: 79%; box-sizing: border-box; }
.container .inner .column .side { width: 20%; max-width: 226px; }
@media screen and (max-width: 640px) {
.container { width: 100%; }
.container .inner{ width: 100%; }
.container .inner .column .main {width: 100%; box-sizing: border-box;}
.container .inner .column .side {width: 100%; max-width: 100%;}
}

body{padding: 0;}


#program .layout2 #left #main {
	margin:0;
}

#program .layout2 #left #main-content{
	margin:0 6px;
	width:730px;
}

#program .layout2 #left #main #main-content .left{
	float:left;
	display:inline;
	width:290px;
	margin:0 10px 0 15px;

}

#program .layout2 #left #main #main-content .right{
	float:right;
	display:inline;
	width:400px;
	margin-right:15px;
}

#program .layout2 #left #main #main-content .center{
	clear:both;
	display:block;
	width:700px;
	margin:0 15px;
}

#program .layout2 #left #main #main-content p{
	margin-bottom:5px;

}

/*


table

________*/

table {
	border-collapse: collapse;
	border-spacing:0;
	clear:both;
}

table th {
	color:#369;
	background:url(../../img/content/th.png) repeat-x #bfddf2;
	height:38px;
	text-align:center;
	border:1px #a4d1e2 solid;
	font-weight:bolder;
}

table tr {
	height:22px;
}

table td {
	padding:5px;
	border:1px #a4d1e2 solid;
}

th.th1 {
	width:200px;
}

th.th2 {
	width:265px;
}

th.th3 {
	width:265px;
}

#program6 table{
	width:710px;
	text-align:left;
	margin:0 10px;
}
#program6 table th{
	text-align:left;
	text-indent:1em;
	font-size:1.333em;
}

#program6 table td{
	width:175px;
}
/*



.tooltip



======================================================================================================================*/

div.tooltip{
    width:230px;
    position:absolute;
	background:#FFF;
}
div.tooltip p{
    line-height:1.5;
    margin:0;
    font-size:small;
    padding:10px 5px 0 40px;
}
div.tooltip img{
    vertical-align:top;
}


/*



ul#prev-next-btn



======================================================================================================================*/

ul#prev-next-btn{
	width:188px;
	float:right;
	display:inline;
	clear:none;
	margin-right:16px;
	margin-top:0;
}

ul#prev-next-btn li{
	float:right;
	display:inline;
	margin:0;
}

ul#prev-next-btn li,
ul#prev-next-btn li a{
	display:block;
	width:94px;
	height:36px;
	margin-bottom:10px;
}

ul#prev-next-btn li a{
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
	display:block;
}
ul#prev-next-btn li.li1 a{
	background:url(../../img/btn/prevmonth.png) no-repeat;
}
ul#prev-next-btn li.li2 a{
	background:url(../../img/btn/nextmonth.png) no-repeat;
}
ul#prev-next-btn li a:hover{
	background-position:0 -36px;
}



.sp-btn-area{
	width: 100%;
	position: fixed !important;
	left: 0;
	bottom: 0;
	z-index: 999;
}

.sp-btn-area .sp-inner{
	margin: 0 20px 30px;
	background: url(../images/sp-btn-bg.png) no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}

.sp-btn-area .sp-inner a{
	display: block;
	width: 50%;
	text-align: center;
}

.sp-btn-area .sp-inner .prev{}

.sp-btn-area .sp-inner .prev a{
	float: left;
	display: block !important;
	width: 50% !important;
	padding: 1% 0;
}

.sp-btn-area .sp-inner img.space{
	width:10%;
	height: auto;
	vertical-align: middle;
	display: inline;
}

.sp-btn-area .sp-inner img.sp-btn-img{
	width: 85%;
	height: auto;
	vertical-align: middle;
	display: inline;
}

.sp-btn-area .sp-inner .next a{
	float: right;
	display: block !important;
	width: 50% !important;
	padding: 1% 0;

}