@charset "utf-8";

/* ***********************************************************
 *
 * Since:     2012-4-10
 * Editor:    contents
 * Modified:  2012-4-10 by:contents
 *
 * ***********************************************************
 */


/* font-size===========================================

10px -> 83.4%
11px -> 91.7%
12px -> 100%
13px -> 108.4%
14px -> 116.7%
15px -> 125%
16px -> 133.4%
17px -> 141.7%
18px -> 150%
19px -> 158.4%
20px -> 166.7%
21px -> 175%
22px -> 183.4%
23px -> 191.7%
24px -> 200%
25px -> 208.4%
26px -> 217% 

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


blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, td, th, ul {
margin:0;
padding:0;
line-height:150%;
}
ol, ul {
list-style:none;
}

/* ///////////////////////////////////////////////////////////////////
	semiblock
/////////////////////////////////////////////////////////////////// */
#semiblock{
	margin-top: 0;
	margin-right: 12px;
	margin-bottom: 30px;
	margin-left: auto;

}

.rgt{
	text-align: right;
}

.sp_15{
	margin-right: 15px;
	margin-bottom: 15px;
}


.inner{
	clear: both;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}


table {
border-collapse:collapse;
border-spacing:0;
font-size:100%;
}

th {
font-weight:bold;
text-align:center;
}

tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}


/* ///////////////////////////////////////////////////////////////////
	tbl_semi
/////////////////////////////////////////////////////////////////// */

.tbl_semi{
	border: 1px solid #B4B4B4;
	border-collapse: collapse;
	border-spacing: 2px;
	line-height: normal;
	width: 665px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}

.tbl_semi th{
	background:url(/collaboration/application/semi/img/th_bg.gif);
	padding:8px;
	color:#fff;
	border-right: 1px dotted #EEEEEE;
	white-space: nowrap;
}

.tbl_semi th.w70{
	width:70px;
}

.tbl_semi th.w100{
	width:100px;
}
.tbl_semi td{
	border-right: 1px dotted #B7B7B7;
	border-top: 1px dotted #B7B7B7;
	padding:8px;
	text-align:left;
line-height:120%;
}
.tbl_semi td.last{
	border-right: 1px dotted #B7B7B7;
	border-bottom: 1px dotted #B7B7B7;
}



/* ///////////////////////////////////////////////////////////////////
	tbl_semi_to
/////////////////////////////////////////////////////////////////// */

.tbl_semi_to{
	margin:0px auto;
	width:100%;
	border: 1px solid #B4B4B4;
	border-collapse: collapse;
	border-spacing: 2px;
	line-height: normal;
}

.tbl_semi_to th{
	background:url(/collaboration/application/semi/img/th_bg.gif);
	padding:8px;
	  	border:1px solid #cccccc;
		color:#ffffff;
		width:180px;
  }
  
.tbl_semi_to td{
	  	border:1px solid #cccccc;
		padding:8px;
	text-align:left;
  }

.tbl_semi_to td ul{
		padding-left:10px;
		list-style:none;
	}
.tbl_semi_to td ul li{
	background:url(/collaboration/application/semi/img/arw_pk.gif) no-repeat 0px 8px;
	padding:0px 0px 5px 13px;
	list-style:none;
	}

.tbl_semi_to td .remarks{
		background:#EBEBEB;
		padding:5px 10px 5px 10px;
  }


.inner h1{
	padding: 10px 10px 10px 20px;
	font-size: 125%;
	text-align: left;
}

.catch h2{
	font-size: 100%;
	font-weight:normal;
	text-align: left;
}

.inner .catch{
	padding-left: 20px;
	width:270px;
	float: left;
	margin-right: 30px;
	text-align: left;
	margin-bottom: 30px;
}

.inner .catch ul li{
	padding-top: 10px;
}




/* ///////////////////////////////////////////////////////////////////
	pageSend_pre
/////////////////////////////////////////////////////////////////// */

.pageSend_pre{
	text-align:left;
	padding-top: 10px;
	padding-right:10px;
}

  .pageSend_pre li{
		background:url(/collaboration/application/semi/img/arw_b.gif) no-repeat 0px 3px;
	  	display:inline;
		padding:0px 20px 0px 20px;
  }
  



/* ///////////////////////////////////////////////////////////////////
	pageSend
/////////////////////////////////////////////////////////////////// */

.pageSend{
		text-align:center;
}

  .pageSend li{
	  	display:inline;
		padding:5px 25px;
  }
  
    .pageSend li.prev{
	   	border:1px solid #cccccc;
		background:url(/collaboration/application/semi/img/arw_b.gif) no-repeat 4px center;		
  }
  
   .pageSend li.next{
	   	border:1px solid #cccccc;
		background:url(/collaboration/application/semi/img/arw_p.gif) no-repeat 90px center;		
  }



/*---------------------------------------------------------
get Adobe Reader
---------------------------------------------------------*/
.get_ar{
	padding-top: 15px;
}

.get_ar dt{
	float: left;
}

.get_ar dd{
	float: left;
	padding-left: 10px;
	font-size: 83.4%;
	line-height: 98%;
}


/* ///////////////////////////////////////////////////////////////////
	txtbox
/////////////////////////////////////////////////////////////////// */


.txtbox{
	background:url(/collaboration/application/semi/img/txtbox_bg.gif) no-repeat top left;
	text-align:left;
	clear:both;
	padding: 20px;
	margin: 30px auto;
}



#semiblock .inner h3{
	background:url(/collaboration/application/semi/img/h3_bg.gif);
	padding:8px;
	text-align: left;
}


/* ///////////////////////////////////////////////////////////////////
	photobox
/////////////////////////////////////////////////////////////////// */

.photobox{
	margin-top: 30px;
}

.photobox dl{
	float: left;
	margin-right:10px;
	margin-bottom: 50px;
}

.photobox dd{
	padding: 3px;
	font-size: 91.7%;
	line-height: inherit;
}




/* ///////////////////////////////////////////////////////////////////
	dialbox
/////////////////////////////////////////////////////////////////// */

.dialbox{
	clear:both;
	background: #FEDACF;
	padding: 20px;
	margin: 20px auto;
	text-align:left;
}

.dialbox img{
	float:right;
	margin-left: 30px;
}


.dialbox span{
	font-size: 125%;
	font-weight:bold;
}









/* ///////////////////////////////////////////////////////////////////
	pagetop
/////////////////////////////////////////////////////////////////// */

.pagetop01{
	clear:both;
	width:860px;
	text-align:right;
}



	.pagetop01 a,
	.pagetop02 a{
		color:#fff;
		background:url(/collaboration/application/teachers/img/pt_arrow.gif) no-repeat 0px 3px;
		padding:3px 20px 3px 35px;
		text-decoration:underline;
	}