@charset "utf-8";
/* CSS Document */

.BoxA{width:240px;}
.BoxA img{width:100%; display:block;}
.BoxA .Rowbox{margin:5px;}
/* .BoxA .Rowbox{margin:4px; border: 1px solid #cccccc;} */


.BoxA section{position:relative; padding:10px; height:auto;}

.BoxA section .cate{font-size:16px; font-weight:normal; line-height:20px; display:inline-table; padding:5px;}
.BoxA section .cate{position:absolute; top:5px; height:5px;}
.BoxA section .cate{  
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius:3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:3px;   /* Firefox用 */  
}


.BoxA h2{font-size:16px; line-height:20px; font-weight:bold; width:215px; height:auto; padding-top:5px; padding-bottom:5px; margin:0 auto;}




.BoxA section p{
	display: block;
	margin: 0 auto;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	width: 210px;
	height:auto;
	overflow: hidden;
}


.BoxA section p.instructor{height:55px;}



@media only screen and (max-width:719px) {
.BoxA img{width:95%; display:block; margin:0 auto;}
.BoxA section{position:relative; height:auto;}

.BoxA section .cate{font-size:16px; font-weight:normal; line-height:20px; display:inline-table; padding:5px;}
.BoxA section .cate{position:absolute; top:15px; left:15px;}
.BoxA section .cate{  
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius:3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:3px;   /* Firefox用 */  
}


.BoxA h2{font-size:16px; line-height:20px; font-weight:bold; width:95%; height:38px; padding-top:5px; padding-bottom:5px; overflow:hidden; margin:0 auto;}

.BoxA .date{
	line-height:20px;
	font-size: 13px;
	font-weight: normal;
	width: 220px;
	width:95%;
	color:#000000;
	overflow:hidden;
	padding-top:5px;
}


.BoxA section p{
	display: block;
	margin:0 auto;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	width:95%;
	height:90px;
	overflow:hidden;
}

}
 
.BoxB{width:480px;}
.BoxB img{width:220px; height:290px; display:block;}

.BoxB section{position:relative; padding:10px; height:330px;}

.BoxB section .cate{font-size:16px; font-weight:normal; line-height:20px; display:inline-table; padding:5px;}
.BoxB section .cate{position:absolute; top:5px; height:5px;}
.BoxB section .cate{  
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius:3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:3px;   /* Firefox用 */  
}


.BoxB h2{font-size:16px; line-height:24px; font-weight:bold; width:220px; height:44px; padding-top:5px; padding-bottom:5px; overflow:hidden; float:right;}

.BoxB .date{
	line-height:20px;
	font-size: 13px;
	font-weight: normal;
	width: 440px;
	height:20px;
	color:#000000;
	overflow:hidden;
	padding-top:5px;
}

.BoxB img{float:left;}


.BoxB section p{
	float: right;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	width: 220px;
	height: 234px;
	color: #000000;
	overflow: hidden;
	margin-bottom: 10px;
}




@media only screen and (max-width:719px) {
.BoxB section{position:relative; height:auto;}

.BoxB section .cate{font-size:16px; font-weight:normal; line-height:20px; display:inline-table; padding:5px;}
.BoxB section .cate{position:absolute; top:5px; height:5px;}
.BoxB section .cate{  
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius:3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:3px;   /* Firefox用 */  
}



.BoxB h2{font-size:16px; line-height:24px; font-weight:bold; width:100%; height:38px; padding-top:5px; padding-bottom:5px; overflow:hidden; float:right;}

.BoxB .date{
	line-height:20px;
	font-size: 13px;
	font-weight: normal;
	width: 440px;
	height:20px;
	overflow:hidden;
	padding-top:5px;
}

.BoxB img{float:none; width:100%; height:auto;}


.BoxB section p{
	float:right;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	width: 100%;
	height:auto;
	overflow:hidden;
	margin-bottom:10px;
}

}