@charset "UTF-8";
/* 画像・その他設定 */

/* イメージ用マージン
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */

/* ボトム3ピクセル */
.mar03{
	margin-bottom: 3px;
}

/* ボトム5ピクセル */
.mar05{
	margin-bottom: 5px;
}

/* ボトム10ピクセル */
.mar10{
	margin-bottom: 10px;
}

/* ボトム15ピクセル */
.mar15{
	margin-bottom: 15px;
}

/* ボトム20ピクセル */
.mar20{
	margin-bottom: 20px;
}

/* ボトム20ピクセル */
.mar25{
	margin-bottom: 25px;
}

/* ボトム1行 */
.marParagraph{
	margin-bottom: 1em;
}

/*テキスト下線*/
.underLine{
	text-decoration: underline;
}


/* 特殊文字設定
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */

.alignLeft{
	text-align: left;
}

.alignRight{
	text-align: right;
}

.alignCenter{
	text-align: center;
}

.red{
	color: #ff0000;
}

.orange{
	color: #FF5600;
}

.blue{
	color: #0078CE;
}

.green{
	color: #62a618;
}


/*　文字サイズ小さい　*/
.small{
	font-size: 0.9em;
}

/*　文字サイズさらに小さい　*/
.large{
	font-size: 1.2em;
}


/* ピクト設定（aタグに付ける）
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */

/*　ブランクピクト　*/	
.blank{
	background-image: url(../../images/common/icon_blank.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0 17px 0 0;
}


/*　PDFピクト　*/	
.pdf{
	background-image: url(../../images/common/document-pdf.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 0 0 10px 20px;
}


/*　リンクピクト　*/
.link{
	color: #1c65b1;
	background-image: url(../../images/common/icon_blue.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0 0 0 17px;
}

/*　△ピクト　*/
.arrow{
	background-image: url(../../images/common/arrow_blue.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 0 0 0 17px;
}


/* 読み上げ文字 */
.vi { 
	height: 0px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}


/* リスト設定
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */

.listNormal{
	margin: 0 0 30px 25px;
}

.listNonePict{
	list-style-type: none;
	margin: 0 0 30px 0;
}

/*　注意用リスト　*/
.listCaution{
	margin: 0 0 30px 0;
}

.listCaution li{
	list-style-type: none;
	background-image: url(../../images/common/icon_caution.gif);
	background-position: 0 0.4em;
	background-repeat: no-repeat;
	padding-left: 15px;
}



/*　色別リスト　*/
.listOrange,.listRed,.listGreen,.listBlue,.listPerple,.listPink{
	margin: 5px 0 25px 20px;
}

/*　　*/
.listRed{
	list-style-image: url(../../images/common/list_red.png);
}

.listRed ul{
	list-style-image: url(../../images/common/arrow-smooth_red.png);
	margin: 0 0 0 8px!important;
}

/*　　*/
.listOrange{
	list-style-image: url(../../images/common/list_orange.png);
}

.listOrange ul{
	list-style-image: url(../../images/common/arrow-smooth_orange.png);
	margin: 0 0 0 8px!important;
}


/*　　*/
.listGreen{
	list-style-image: url(../../images/common/list_green.png);
}

.listGreen ul{
	list-style-image: url(../../images/common/arrow-smooth_green.png);
	margin: 0 0 0 8px!important;
}


/*　　*/
.listBlue{
	list-style-image: url(../../images/common/list_blue.png);
}

.listBlue ul{
	list-style-image: url(../../images/common/arrow-smooth_blue.png);
	margin: 0 0 0 8px!important;
}


/*　　*/
.listPerple{
	list-style-image: url(../../images/common/list_perple.png);
}

.listPerple ul{
	list-style-image: url(../../images/common/arrow-smooth_perple.png);
	margin: 0 0 0 8px!important;
}


/*　　*/
.listPink{
	list-style-image: url(../../images/common/list_pink.png);
}

.listPink ul{
	list-style-image: url(../../images/common/arrow-smooth_pink.png);
	margin: 0 0 0 8px!important;
}



/*　　*/
.linkbox{
	width: auto;
	font-size: 0.9em;
	list-style: none;
	margin: 15px 0;
}

.linkbox li{
	float: left;
	width: 175px;
	margin: 0 4px;
	text-align: center;
}














/* テーブル設定
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */

#right table{
	line-height: 1.4;
}

caption{
	font-weight: bold;
	padding: 5px;
}

/*無属性*/
.tableNormal{
	width: 100%;
	border: 1px solid #ccc;
	margin: 0 0 25px 0;
}

.tableNormal th{
	vertical-align: top;
	background-color: #F8F4ED;
	border: 1px solid #ccc;
	padding: 8px;
}

.tableNormal td{
	border: 1px dotted #ccc;
	padding: 8px;
}


/*無属性 ヘッダーセンター*/
.tableNormalTh_center{
	width: 100%;
	border: 1px solid #ccc;
	margin: 0 0 25px 0;
}

.tableNormalTh_center th{
	text-align: center;
	background-color: #F8F4ED;
	border: 1px solid #ccc;
	padding: 8px;
}

.tableNormalTh_center td{
	border: 1px dotted #ccc;
	padding: 8px;
}




/*無属性　全部センター*/
.tableNormal_center{
	width: 100%;
	text-align: center;
	border: 1px solid #ccc;
	margin: 0 0 25px 0;
}

.tableNormal_center th{
	background-color: #F8F4ED;
	border: 1px solid #ccc;
	padding: 8px;
}

.tableNormal_center td{
	border: 1px dotted #ccc;
	padding: 8px;
}




/*　ボーダーノーマル　*/
.tableBorder{
	width: 100%;
	margin: 0 0 25px 0;
}

.tableBorder th{
	border-bottom: 1px solid #ccc;
	padding: 8px;
}

.tableBorder td{
	border-bottom: 1px solid #ccc;
	padding: 8px;
}


/*　ボーダーノーマル（ドット）　*/
.tableDotted{
	width: 100%;
	margin: 0 0 25px 0;
}

.tableDotted th{
	border-bottom: 1px dotted #ccc;
	padding: 8px;
}

.tableDotted td{
	border-bottom: 1px dotted #ccc;
	padding: 8px;
}




/*　ボーダー無し（出前授業にのみ）　*/
.noBorder_table{
	width: 70%;
	margin: -1em 0 15px 0;
}

.noBorder_table th{
	text-aign: left;
	vertical-align: top;
	white-space: nowrap;
	padding: 1px 0;
}

.noBorder_table td{
	text-aign: left;
	padding: 1px 0;
}


#tableNoborder{
	margin: 0;
	border: none;
}

#tableNoborder td{
	padding: 1px 0;
	border: none;
}


/*　サイズ補正用　*/
.width05{
	width: 5%;
}

.width10{
	width: 10%;
}

.width15{
	width: 15%;
}

.width20{
	width: 20%;
}

.width25{
	width: 25%;
}

.width30{
	width: 30%;
}

.width40{
	width: 40%;
}

.width50{
	width: 50%;
}

.width60{
	width: 60%;
}

.width65{
	width: 65%;
}


.width70{
	width: 70%;
}

.width80{
	width: 80%;
}

.width90{
	width: 90%;
}

.width100{
	width: 100%;
}