@charset "utf-8";

/*
	Site Name: 
	Description: base template style
	Version: 
	Author: 
*/

/*
===== CONTENTS ===========================================

	0: SHARE
	1: STUDENT
	2: PARENT
	3: PHOTO

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

/*
==========================================================
===== 0: SHARE ======================================
==========================================================
*/

/*
===== CMSBreadLink ==========================================
*/

.CMSBreadLink{
	width:680px;
	height:40px;	
	border-bottom: 1px solid #EFEFEF;	
}

.CMSBreadLink p{
	float:right;
	margin-top:10px;
	margin-bottom:5px;

}

.CMSBreadLink p	a{
	color:#3399cc;
	text-decoration:none;
}
.CMSBreadLink p	a:hover{
	color: #3399cc;
	text-decoration:underline;
}

/*
===== CMSNBLink ==========================================
*/

.CMSNBLink{
	width:680px;
	height:40px;	
	border-bottom: 1px solid #EFEFEF;	
}

.CMSNBLinkL{
float:left;
}

.CMSNBLinkR{
float:right;
}


.CMSNBLink p{
	float:left;
	margin-top:10px;
	margin-bottom:5px;

}

.CMSNBLink p	a{
	color:#3399cc;
	text-decoration:none;
}
.CMSNBLink p	a:hover{
	color: #3399cc;
	text-decoration:underline;
}



/*
==========================================================
===== 1: STUDENT CONTENT ====================================
==========================================================
*/

/*
===== CMSPageList ==========================================
*/

.CMSPageList{
	margin-top:30px;
	margin-bottom:10px;
height:155px;
	border-bottom: 1px dotted #cccccc;	
}


.CMSPageListL{
	width:253px;
	margin-right:10px;
	float:left;
}

.CMSPageListLIMG{
	width:123px;
	margin-right:10px;
	float:left;
}
.CMSPageListLName{
	width:120px;
	float:right;
}
.CMSPageListLName ul li{
	font-size:10px;
}

.CMSPageListR {
	width:417px;
	float:right;
}

.CMSPageListRText {
	width:300px;
	margin-right:10px;	
	float:left;
}
.CMSPageListRText h3{
font-size:14px;
}
.CMSPageListRText p{
font-size:12px;
}
.CMSPageListRBtnJa {
	float:right;
	width:100px;
	height:26px;
	overflow: hidden;	
	margin-top:10px;
}

.CMSPageListRBtnJa p a{
		width:100px;
	height:26px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}

.CMSPageListRBtnJa p a{
	width:100px;
	height:26px;
 background:  url(../interview/student/img/btn_interviewRead.gif) no-repeat;
}
.CMSPageListRBtnJa p a:hover{
	width:100px;
	height:26px;
 background:  url(../interview/student/img/btn_interviewRead.gif) -100px 0px no-repeat;
}

.CMSPageListRBtnEn {
	float:right;
	width:100px;
	height:26px;
	overflow: hidden;	
	margin-top:10px;
}

.CMSPageListRBtnEn p a{
		width:100px;
	height:26px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}

.CMSPageListRBtnEn p a{
	width:100px;
	height:26px;
 background:  url(../interview/student/img/btn_interviewReadEn.gif) no-repeat;
}
.CMSPageListRBtnEn p a:hover{
	width:100px;
	height:26px;
 background:  url(../interview/student/img/btn_interviewReadEn.gif) -100px 0px no-repeat;
}

/*
===== CMSGalleryList ==========================================
*/


.CMSGalleryListTitle{
	margin-top:10px;
	padding-bottom:10px;
height:20px;
	border-bottom: 1px dotted #cccccc;	
}

.CMSGalleryList{
	margin-top:30px;
	padding-bottom:10px;
height:100px;
	border-bottom: 1px dotted #cccccc;	
}


.CMSGalleryListL{
	margin-right:10px;
	width:370px;
	float:left;
}

.CMSGalleryListRIMG{
	width:160px;
	float:left;
}
.CMSGalleryListR {
	width:270px;
	float:right;
}

.CMSGalleryListLDate {
	width:80px;
	margin-right:10px;	
	float:left;
}
.CMSGalleryListLDate p{
	font-size:12px;
}

.CMSGalleryListLText {
	width:270px;
	margin-right:10px;	
	float:left;
}
.CMSGalleryListLText h3{
	font-size:16px;
}
.CMSGalleryListLText p{
	font-size:12px;
}
.CMSGalleryListRBtnJa {
	float:right;
	overflow: hidden;	
	margin-top:10px;
		width:100px;
	height:26px;	
}

.CMSGalleryListRBtnJa p a{
		width:100px;
	height:26px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}

.CMSGalleryListRBtnJa p a{
	width:100px;
	height:26px;
 background:  url(../interview/gallery/img/btn_galleryOpen.gif) no-repeat;
}
.CMSGalleryListRBtnJa p a:hover{
	width:100px;
	height:26px;
 background:  url(../interview/gallery/img/btn_galleryOpen.gif) -100px 0px no-repeat;
}


/*
===== CMSGalleryDetail ==========================================
*/

.CMSGalleryDetail{
	margin-top:30px;
	padding-bottom:10px;
	border-bottom: 1px dotted #cccccc;	
}
.CMSGalleryDetailLDate {
	width:120px;
	margin-right:10px;	
	float:left;
}
.CMSGalleryDetailLDate h3{
	font-size:16px;
}
.CMSGalleryDetailRText {
	width:550px;
	float:left;
}
.CMSGalleryDetailRText h3{
	font-size:16px;
}

.CMSGalleryDetailRText p{
	padding-top:20px;
	font-size:12px;
}

.CMSGalleryDetailCont{
	margin-top:30px;
	padding-bottom:10px;
}
.CMSGalleryDetailLIMG {
	width:500px;
	margin-right:10px;	
	float:left;
}
.CMSGalleryDetailPREV {
	width:50px;
	float:left;
}
.CMSGalleryDetailCenter {
	width:400px;
	height:auto;
	float:left;	
	vertical-align:middle;
	text-align:center;
}
.CMSGalleryDetailCenter p{
	width:400px;
	margin-top:10px;
	text-align:left;	
}
.CMSGalleryDetailNEXT {
	width:50px;
	float:right;
}
.CMSGalleryDetailRList {
	width:165px;
	float:left;
}

.CMSGalleryDetailRListL {
	width:80px;
	margin-right:5px;	
	float:left;
	margin-bottom:5px;		
}
.CMSGalleryDetailRListR {
	width:80px;
	float:right;
	margin-bottom:5px;		
}

.CMSGalleryIMG a img{
	border: 1px solid #6C89BF;
}
.CMSGalleryIMG a:hover img{
	border: 1px solid #F1C305;
}

.DetailIMGtext {
	width:400px;
	padding-left:50px;
}

.DetailIMGtext p{
	font-size:12px;	
}
	
/*
===== CMSPageDetail ==========================================
*/

.CMSPageDetail{
	width:680px;
	margin-top:30px;
	margin-bottom:10px;

}

.CMSPageDetail h3{
	margin-top:10px;
	margin-bottom:10px;
	font-size:20px;
}

.CMSPageDetailL{
	width:260px;
	margin-right:20px;
	float:left;
}

.CMSPageDetailR{
	width:400px;

	float:right;
}

.CMSPageDetailR p{
	margin-bottom:20px;
word-break: break-all;	
/*overflow:auto;*/
}

.CMSPageDetail ul{
	margin-top:10px;
	margin-bottom:20px;
}

.CMSPageDetail ul li{
	font-size:12px;
}

/*
===== pageCaution ==========================================
*/
.pageCaution {
	margin-top:30px;
	padding-bottom:10px;

}

/*
===== StudentTopPage ==========================================
*/
div#interviewStudentsCont{
margin-top:8px;
 width: 520px;	
}

.StudentsContPAD	{
	padding-right:5px;
	}
div#interviewStudentsCont ul li a img{
	border: 1px solid #cccccc;
}
div#interviewStudentsCont ul li a:hover img{
	border: 1px solid #F1C305;
}

div#interviewStudentsCont ul li	{
list-style-type:none;
	float: left;
}
div#interviewStudentsCont ul li	p {
	overflow: hidden;	
	font-size:12px;
	margin-top:5px;	
}

div#interviewStudentsCont ul li	p a{
		width:123px;
	height:26px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}

div#interviewStudentsCont ul li	p a{
	width:123px;
	height:26px;
 background:  url(../interview/student/img/btn_studentOpen.gif) no-repeat;
}
div#interviewStudentsCont ul li	p a:hover{
	width:123px;
	height:26px;
 background:  url(../interview/student/img/btn_studentOpen.gif) -123px 0px no-repeat;
}