@charset "utf-8";

/*--------------------------------------
  document 
---------------------------------------*/

/* ========== 最終更新日と署名 ========== */

/* 最終更新日 */
#lastupdated {
	margin: 0 0 0.2em;
	text-align: right;
}


/* 署名 */
.signature {
	margin: 0 0 1em;
	text-align: right;
}


/* テキストのセンター寄せ */
.txtcenter {
	text-align: center;
}


/* テキストの右寄せ */
.txtright {
	letter-spacing: 0.2em;
	text-align: right;
}

/* ========== 見出しの装飾 ========== */

h2.ttl {
	/* title→ttlに省略 */
	margin: 0 0 0.5em;
	font-size: 191%;
	font-weight: bold;
}


h3.ttl1 {
	margin: 0 0 0.5em;
	border-left: 4px solid #083e7a;
	padding: 0.5em;
	background: #ebf6f8;
	font-weight: bold;
	font-size: 132.5%;
}


h4.ttl1 {
	margin: 1em 0 0.5em;
	font-size: 117.1%;
	font-weight: bold;
}


/*
.ttl2 {
	margin: 0 0 0.3em;
	font-weight: bold;
}


.ttl3 {
	margin: 0 0.3em;
	font-weight: bold;
}
*/

/* ========== floatプロパティを利用した画像の寄せと流し込み設定 ========== */

div.innerbox::after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}


div.innerbox {
	display: inline-block;
}


/* Hide from IE Mac \*/
div.innerbox {
	display: block;
}
/* End hide from IE Mac */


div.innerbox img.right {
	float: right;
	margin: 0 0 1em 1em;
}


div.innerbox img.left {
	float: left;
	margin: 0 1em 1em 0;
}


div.innerbox img.center {
	margin: 0 auto;
	display: block;
}

/* ========== 引用文 ========== */

blockquote {
	padding: 10px;
	margin: 1em;
	border: 1px solid #d6dae1;
}

/* ========== リストの設定 ========== */

/* 黒丸 */
ul.list {
	margin-bottom: 1em;
	margin-left: 2em;
	list-style-type: disc;
}


ul.list li span.date {
	padding-right: 1em;
}



/* 黒四角 */
ul.list-square {
	margin-bottom: 1em;
	margin-left: 2em;
	list-style-type: square;
}


/* 算用数字 */
ol.list {
	margin-bottom: 1em;
	margin-left: 3em;
	list-style-type: decimal;
}


/* 矢印リスト */
ul.arr {
	margin-bottom: 0.5em;
}

ul.arr li {
	padding-left: 1.3em;
	background: url(../image/common/bg-arrow.gif) no-repeat 0 center;
}


/* 大文字のアルファベット */
ol.alpha {
	margin-bottom: 1em;
	margin-left: 3em;
	list-style-type: upper-alpha;
}


/* PDFリスト
a.pdficon[href $='.pdf'] { 
	padding: 3px 22px 3px 0; 
	background: transparent url(../image/common/pdficon.gif) no-repeat center right; 
}


* html ul.pdficon li a,
* html a.pdficon {
	padding: 3px 0 3px 22px;
	background: url(../image/common/pdficon.gif) no-repeat left center;
}
 */

.borderbox ul.list,
.borderbox ul.pdficon-small {
	margin-bottom: 0;		/* 関連リンク内のリストはmarginを0に */
}

/* ========== 定義する用語とその用語の説明を一対にしたリスト ========== */
 
dl.list1 {
	margin: 0 0 1em;
}


dl.list1 dt {
	font-weight: bold;
	line-height: 2em;
}


dl.list1 dd {
	margin: 0 0 0.5em 2em;	/* 用語の説明を2emインデント */
}

/* ========== 関連リンクを包含するための箱 ========== */

.borderbox {
	padding: 0.5em;
	margin: 0 0 1em;
	border: 1px solid #d6dae1;
	background-color: #f5f6f8;
}


.borderbox p {
	margin-bottom: 0;
}

/* ========== お問い合わせ先 ========== */

.contactunit {
	margin: 0 0 1em;
}


.contactunit h4 {
	padding: 0 0 0.3em;
	margin: 0 0 0.3em;
	border-bottom: 1px dotted #666;
}


.contactunit dd ul li {
	padding-right: 1em;
	display: inline;
}

/* ========== テキストリンクユニット ========== */

.txtlinkunit {
	margin: 0 0 1em;
}


.txtlinkunit li a {
	padding-left: 1.3em;
	background: url(../image/common/bg-arrow.gif) no-repeat 0 0;
}


/* 定義リストをインラインで表示 */
dl.inline dt {
	width: 5em;
	line-height: 1.5em;
}


dl.inline dd {
	margin-top: -1.5em;
	margin-left: 7em;
	line-height: 1.5em;
}


/* 罫線（点線） */
.line-dot {
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(../image/common/line-dot.gif) repeat-x bottom;
}


/* PDFファイルのダウンロード */
.get-adobe-reader,
.get-ms-wmp {
	padding-top: 10px;
	margin-top: 10px;
	font-size: 80%;
	background: url(../image/common/line-dot.gif) repeat-x top;
}

/* ===== テーブル（表）の設定 ===== */

/* テーブル（表）セルを罫線で囲む */
table.bordered {
	width: 100%;
	margin: 0 0 1em;
	border-top: 1px solid #d6dae1;
	border-left: 1px solid #d6dae1;
	border-collapse: collapse;
	border-spacing: 0;
}


table.bordered th,
table.bordered td {
	padding: 3px 5px;
	border-right: 1px solid #d6dae1;
	border-bottom: 1px solid #d6dae1;
	font-weight: normal;
	text-align: left;
}


table.bordered th,
table.bordered td.txtcenter {
	text-align: center;	/* 中央揃え */
}


table.bordered td.txtright {
	text-align: right;	/* 右揃え */
}


/* 期間 */
table th.kikan,
table td.kikan {
	width: 10.5em;
}


/* 日付 */
table th.data,
table td.data {
	width: 7.5em;
}


/* 名前 */
table th.fn,
table td.fn {
	width: 6em;
}


/* 所属課室名 */
table th.ka-shitsu,
table td.ka-shitsu {
	width: 11em;
}


/* テーブル（セル）内にリストを配置した際のmarginの設定 */
table.bordered ul,
table.bordered ol {
	margin-bottom: 0;
}


/* ===== 列の設定 ===== */

/* 50%-50% */
.grid-a .unit {
	float: right;
	width: 49%;
}


.grid-a .first {
	float: left;
}



/*　33%-33%-33% */
.grid-b {
}


.grid-b .unit {
	float: left;
	width: 32%;
	margin-left: 2%;
}


.grid-b .first {
	margin-left: 0;
}



/*　66%-33% */
.grid-c {
}


.grid-c .unit {
	float: right;
	width: 32%;
}


.grid-c .first {
	float: left;
	width: 64%;
}


.grid-a::after,
.grid-b::after,
.grid-c::after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}


.grid-a,
.grid-b,
.grid-c {
	display: inline-block;
	zoom: 1;
}



