@charset "Shift_JIS";

* {
  padding: 0;
  margin: 0;
}


/*------------------------
　　　全体
-------------------------*/
body {	
  font-size: 80%;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 0;
  margin: 0;
  background:#e9dfe5;

}

#wrapper {				/*コンテンツ部分（白背景部分）のスタイルを指定*/
	text-align: left;		/*テキストの表示位置*/
	max-width: 760px;		/*最大幅*/
	min-width: 760px;		/*最小幅*/
	margin: 0 auto 0;		/*余白*/
	background: #ffffff;	/*背景色*/
	color: #333333			/*文字色*/
}

#wrapper p {
  line-height: 1.5em;
  margin-bottom: 0.5em;
}

#wrapper .topic-path {
  line-height: 1em;
  margin-bottom:0.5em;
}

#container {
  width: 100%;
  padding-top: 2em;

}

#contents {
   padding: 0 50px 2em;
 }

/*------------------------
　　　ヘッダー
-------------------------*/
/*
#header1 {
  background-repeat:no-repeat;
  background-position: 30px 20px;
  height:120px;
  text-align: right; 
  color: #000000;
  padding: 0px 30px 8px 0;
}
*/
/*トップページの「各種申請書」「情報処理教育室時間割」表示用
同ヘッダー名がstyle_index.cssで指定されており、トップページでは
それを使用しているためコメントアウトする*/
#header2 {
  padding: 20px 20px 5px 30px;
  font-size: 110%;
}


/*パンくず表示部*/
#header3 {
  padding: 5px 20px 0px 30px;
  font-size: 100%;
}


/*------------------------
　　　フッターー
-------------------------*/
#footer {
  font-size: 90%;
   color:#808080;  
   clear: both;
   padding: 0.5em 0 1em;
}

#footer p {
	text-align: center;
}


/*------------------------
　　　パンくず表示
-------------------------*/
ol.topic-path {	
    margin: 0;padding: 7px 5px;
    background-color: #ffffff;
    list-style-type: none;
    font-size: 85%;
}

ol.topic-path li {
	padding-left: 5px;
	display: inline;
}

ol.topic-path li.first {
	padding-left: 0px;
}

ol.topic-path li a {
	padding-right: 18px;
	color: #849D2D;
	text-decoration: none;
}

ol.topic-path li a:hover {
	color: #849D2D;
	text-decoration: underline;
}


/*------------------------
　　　左サイドメニュー
-------------------------*/
/*使用してないためコメントアウト(2018.11.30)
.sidetitle {padding: 0.5em 0;
  border-bottom: 1px solid #666666;}

.localnavi {list-style-type: none;
  margin-bottom: 2em;}

.localnavi li {display: inline;}

.localnavi a {
  text-decoration: none;
  display: block;
  width: 170px;
  padding: 0.5em 5px;
  background-color: #eeeeee;
  color: #000000;
  border-bottom: 1px solid #cccccc;
}

.localnavi a:hover {
  text-decoration: none;
  background-color: #999999;
  color: #000000;
  border-bottom: 1px solid #ff0000;
}
*/

/*------------------------
　　文字、リンク
-------------------------*/
/*カラー文字色*/
.red{
	color: #DC1F23;
}

.blue{
  color: #21759b;
}

.green{
  color: #849D2D;
}

/*リンク*/
a:link {						/*基本リンク色*/
	color: #9A4764;
	text-decoration: underline;
	font-weight: bold;
}

a:visited {color: #9A4764;		/*訪問済みリンク色*/
	text-decoration: none;
}

a:hover {						/*マウスオーバーリンク色*/
	color: #9A4764;
 	text-decoration: underline;
}


/*----------------------------
　　子ページ汎用スタイル
----------------------------*/

h1 {   /*本見出し*/
  font-size: 125%;
  background-image:url(/aic/it_support/images/midashi.png);
  background-repeat:no-repeat;
  margin-bottom: 0.5em;
  padding: 12.5px 0 5px 48px;
  color: #eeeeee;
  height:30px;
  background-size:auto 40px;
 } 

h2 {   /*小見出し*/
  font-size: 125%;
  background-image:url(/aic/it_support/images/komidashi.png);
  background-repeat:no-repeat;
  margin-bottom: 0.5em;
  padding: 12.5px 0 5px 48px;
  color: #663300;
  height:30px;
}

/*使用していないためコメントアウト
h3 {
  font-size: 120%;
  margin-bottom: 1.5em;
  padding: 5px 0 5px 5px;
  border-left: 25px solid #8b0000;
  border-bottom: 2px solid #8b0000;
  background:#e9dfe5;
}
*/

h5 {            /* 小見出し（h4はinfo100.htmlで使用済） */
	font-size: 13px;
	color: #849D2D;
	font-weight: bold;
	border-bottom: 3px double #BCAA52;
	padding: 8px 0;
}

ul {
list-style-image: url(/aic/it_support/images/list.png);
padding-left: 50px;
line-height: 180%;

}

/*テーブルデザイン1（黄緑）*/
table.pcroom{
    width: 540px;
    height: 350px;
    border-top:1px solid #666666;
    border-left:1px solid #666666;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;

}
.pcroom th{
    border-right:1px solid #666666;
    border-bottom:1px solid #666666;
    color:#004000;
    background-color:#ccff66;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.pcroom th.ex1{
    border-right:1px solid #666666;
    border-bottom:1px solid #666666;
    color:#004000;
    background-color:#ccff66;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.pcroom td{
    height: 60px;
    text-align: center; 
    font-size: 90%;
    border-right:1px solid #666666;
    border-bottom:1px solid #666666;
    padding:0.3em 1em;
}
.pcroom td.ex2{
    height: 56px;
    text-align: center; 
    font-size: 100%;
    color:#004000;
    background-color:#DAFF97;
    border-right:1px solid #666666;
    border-bottom:1px solid #666666;
    padding:0.3em 1em;
}


/*テーブルデザイン2（黄緑）(\info\info001.htmlで使用）*/
table.info{
    width: 600px;
    border-top:1px solid #666666;
    border-left:1px solid #666666;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    margin-left:auto;margin-right:auto;
}
.info th{
    border-right:1px solid #666666;
    border-bottom:1px solid #666666;
    color:#004000;
    background-color:#ccff66;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.info th.ex1{
    border-right:1px solid #666666;
    border-bottom:1px solid #666666;
    color:#004000;
    background-color:#ccff66;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.info td{
    height: 35px;
    text-align: center; 
    font-size: 90%;
    border-right:1px solid #666666;
    border-bottom:1px solid #666666;
    padding:0.3em 1em;
}
.info td.ex2{
    height: 35px;
    text-align: center; 
    font-size: 100%;
    color:#004000;
    background-color:#DAFF97;
    border-right:1px solid #666666;
    border-bottom:1px solid #666666;
    padding:0.3em 1em;
}


/*テーブルデザイン3(グレー）*/
table.infoint{                  /* infoページ内で使用するテーブルのスタイル指定 */
	width: 100%;				    /* ボックス外側余白を指定 */
	margin-left: 0px;		    /* ページ左からのテーブルの表示位置を指定 */
	margin-right: auto;		    /* 右側の余白を自動に指定 */
	cellpadding: 7px;
	cellspacing: 0px; 
	/*以下テーブルの影描写*/
	box-shadow: #f5f5f5 0px 0px 3px 3px;
	-webkit-box-shadow: #f5f5f5 0px 0px 3px 3px;
	-moz-box-shadow: #f5f5f5 0px 0px 3px 3px;
	/*以上*/
	border-right: 1px solid #C0C0C0;	/* テーブル大枠右側を実線で指定 */
	border-bottom: 1px solid #C0C0C0;	/* テーブル大枠下側を実線で指定 */
	border-spacing: 0px;
}
.infoint th{					/* ◆横見出しのスタイル◆ */
	padding: 6px;				/* 見出しの余白を指定(上下左右) */
	background-color: #666666;	/* 見出しの背景色を指定 */
	color: #FFFFFF;				/* フォントの色を指定 */
	font-weight: bold;			/* フォントの太さを指定 */
	text-align: center;			/* テキストの位置を指定 */
	vertical-align: top;		/* 見出しテキストの位置を指定 */
	border: 1px solid #C0C0C0;	/* 見出しセルの罫線を実線で指定 */
	border-right: 0px;			/* 見出しセルの右側罫線を削除 */
    border-bottom: 0px;			/* 見出しセルの下側罫線を削除 （⇒左と上罫線のみ残る）*/
}

.infoint td{                    /* ◆セルのスタイル◆ */
	padding: 6px;				/* セルの余白を指定(上下左右) */
	background-color: #fff;		/* ボックスの背景色を指定 */
	vertical-align: top;		/* テキストの垂直位置を指定 */
    height: 20px;				/* セルの高さ */
	color: #333333;				/* フォントの色を指定 */
	border: 1px solid #C0C0C0;	/* 各セルの罫線を実線で指定 */
	border-right: 0px;			/* 各セルの右側罫線を削除 */
    border-bottom: 0px;			/* 各セルの下側罫線を削除 （⇒左と上罫線のみ残る）*/
}

.infoint td.ex1{				/* ◆縦見出しのスタイル◆ */
	text-align: left;			/* テキストの位置を指定 */
	background-color: #EFEFEF;	/* 見出しの背景色を指定 */
	font-weight: bold;			/* フォントの太さを指定 */
	border: 1px solid #C0C0C0;	/* 各セルの罫線を実線で指定 */
	border-right: 0px;			/* 各セルの右側罫線を削除 */
    border-bottom: 0px;			/* 各セルの下側罫線を削除 （⇒左と上罫線のみ残る）*/
}

.textwrite{            /* infoページ内のテキスト記述 */
	padding-left: 48px;
	height: 100%;
	width:500px
}

.text-indent{          /* infoページ内のテキスト開始位置（インデントあり） */
	text-indent:1em;
}

.indent-1 {          /* infoページ内のテキスト開始位置（※の使用時） */
padding-left:1em;
text-indent:-1em;
}