@charset "UTF-8";
/* CSS Document */

/*
================================================================
　default.css
================================================================
*/

body {
	margin: 0;
	padding: 0;
	color: #000000;
	text-align: center;
	background: #FFFFFF; 
	font: 80%/1.4 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', Osaka, sans-serif;
}

/* リンクの設定 */
a:link {
	color: #1D4FB3;
	text-decoration: none;
}
a:visited {
	color: #1D4FB3;
	text-decoration: none;
}
a:hover {
	color: #1D4FB3;
	text-decoration: underline;
}
a:active {
	color: #1D4FB3;
	text-decoration: none;
}

/* FORMの余計な空白削除 */
form {
	margin: 0;
	padding: 0;
}

/* リストの余計な空白削除 */
ul, ol, li {
	margin: 0;
	padding: 0;
}

/* h1～h6 の余計な空白削除 */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

/* P の余計な空白削除 */
p{
	margin: 0;
	padding: 0;
}

/* IMG のボーダーを非表示 */
img {
	border: none;
}

/* TABLE のボーダーを非表示 */
table {
	border: none;
}

/* IEで起こるBRのバグ回避 */
br {
	letter-spacing: normal;
}

/* フォントスタイル ノーマル化 */
address , em{
	font-style: normal;
}


/*
================================================================
　style.css
================================================================
*/

/* テキストの設定 */
.t1 {
	font-size: 10px;
	line-height: 12px;
}
.t2 {
	font-size: 12px;
	line-height: 16px;
}
.t3 {
	font-size: 14px;
	line-height: 19px;
}
.t4 {
	font-size: 16px;
	line-height: 21px;
}
.t1-b {
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
}
.t2-b {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
}
.t3-b {
	font-size: 14px;
	line-height: 19px;
	font-weight: bold;
}
.t4-b {
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: bold;
}
.t4-b-blue {
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: bold;
	color: #003399;
}

/* マージン下 */
.margin-bottom-30{
	margin-bottom: 30px;
}
.margin-bottom-25{
	margin-bottom: 25px;
}
.margin-bottom-20{
	margin-bottom: 20px;
}
.margin-bottom-15{
	margin-bottom: 15px;
}
.margin-bottom-10{
	margin-bottom: 10px;
}
.margin-bottom-5{
	margin-bottom: 5px;
}

/* マージン上 */
.margin-top-30{
	margin-top: 30px;
}
.margin-top-25{
	margin-top: 25px;
}
.margin-top-20{
	margin-top: 20px;
}
.margin-top-15{
	margin-top: 15px;
}
.margin-top-10{
	margin-top: 10px;
}
.margin-top-5{
	margin-top: 5px;
}

/* マージン左 */
.margin-left-25{
	margin-left: 25px;
}
.margin-left-60{
	margin-left: 60px;
}
.margin-left-75{
	margin-left: 75px;
}

/* フロート右 */
.floatright {
	float: right;
}

/* フロート解除 */
.floatclear {
	clear: both;
}


/*
================================================================
　base.css
================================================================
*/

/*　ページ全体の囲み　トップページ
-------------------------------------*/
#top-wrapper {
	background: url(../img_base/back_wrap.jpg) repeat-y;
	margin: 0px auto 20px;
	padding: 0px;
	width: 770px;
	text-align: left;
}


/*　ページ全体の囲み　サブページ
-------------------------------------*/
#wrapper {
	/* background: url(../img_base/back_wrap_sub.jpg) repeat-y; */
	margin: 0px auto 20px;
	padding: 0px;
	width: 770px;
	text-align: left;
}


/*　ヘッダー　トップページ用
-------------------------------------*/
#top-header {
	margin: 0px;
	padding: 0px;
	height: 90px;
	width: 770px;
	background: url(../img_base/back_hd_top.jpg) no-repeat;
	position: relative;
}
#top-header h1 {
	position: absolute;
	left: 104px;
	top: 34px;
	margin: 0px;
	width: 354px;
}
#top-header h3 {
	position: absolute;
	left: 104px;
	top: 14px;
	margin: 0px;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	line-height: 12px;
	width: 654px;
}
#top-header .sitemap {
	position: absolute;
	left: 569px;
	top: 64px;
}
#top-header .english {
	position: absolute;
	left: 659px;
	top: 64px;
}


/*　ヘッダー　サブページ用
-------------------------------------*/
#header {
    position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px;
	height: 75px;
	width: 770px;
	/* background: url(../img_base/back_hd_sub.jpg) no-repeat; */
}

#header h1 {
	position: absolute;
	left: 89px;
	top: 21px;
	margin: 0px;
	width: 286px;
}
#header .sitemap {
	position: absolute;
	left: 569px;
	top: 45px;
	display:none;
}
#header .english {
	position: absolute;
	left: 659px;
	top: 45px;
	display:none;
}


/*　グローバルナビ部分（トップ、サブ共通）
サブのみバック下に10pxのばす
-------------------------------------*/
#gnavi {
    margin: 0px;
	padding: 0px;
	height: 53px;
	width: 770px;
	background: url(../img_base/back_gnavi.jpg) no-repeat;
}
#gnavi-sub {
    margin: 0px;
	padding: 0px;
	height: 63px;
	width: 770px;
	display:none;
	/* background: url(../img_base/back_gnavi_sub.jpg) no-repeat; */
}
#gnv-inner {
	width: 764px;
	height: 38px;
	margin: 0px 0px 16px 6px;
	padding: 0px;
}

#gnv-inner li {
	float: left;
	list-style: none;
}


/*　コンテンツ部分
-------------------------------------*/

#contents {
	width: 758px;
	margin-right: 6px;
	margin-left: 6px;
	position: relative;
}

/* display: inlineでマージンのバグ回避 */
#main {
	width: 530px;
	/* float: left; */
	display: inline;
	margin-right: 34px;
	margin-left: 35px;
}

/* display: none; で非表示 */
#side-navi {
	float: left;
	width: 159px;
	display: none;
}


/* フロートの親ボックスが子ボックスを囲まないバグ
　　空のdivにclear: bothで回避*/
#contents #clearfix-box {
	clear: both;
}


/*　main 幅広タイプ　h16、全国高専リンク 用
--------------------------------------------*/

#wrapper-wide {
	background: url(../img_base/back_wrap.jpg) repeat-y;
	margin: 0px auto 20px;
	padding: 0px;
	width: 770px;
	text-align: left;
}
#main-wide {
	width: 688px;
	margin: 0px 34px 30px 35px;
}



/*　サイドナビ　ボタン（タイトル）
-------------------------------------*/
#side-navi em {
	display: block;
	margin: 10px 0px 5px 10px;
	width: 149px;
	height: 16px;
	background: url(../img_base/snv_mark1.gif) no-repeat;
}
#side-navi em a {
    font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	padding-left: 16px;	
}
#side-navi p {
	display: block;
	margin: 0px 0px 5px 26px;
	width: 133px;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	color: #333333;
}


/*　サイドナビ　各ページへのリスト
-------------------------------------*/
#side-navi ul {
	display: block;
	margin: 0px 0px 10px 10px;
	width: 149px;
	font-size: 12px;
	line-height: 18px;
	color: #113880;
}
#side-navi #nomargin ul {
	display: block;
	margin: 0px 0px 5px 10px;
	width: 149px;
	font-size: 12px;
	line-height: 18px;
	color: #113880;
}

#side-navi li {
	list-style: none;
	width: 119px;
	padding-left: 16px;
	background: url(../img_base/snv_mark2.gif) no-repeat;
}

/*　サイドナビ　ブロック
-------------------------------------*/
#snv-1 {
	width: 159px;
	border-top: 1px solid #BBBBBB;
}
#snv-2 {
	width: 159px;
	border-top: 1px solid #BBBBBB;
}
#snv-3 {
	width: 159px;
	border-top: 1px solid #BBBBBB;
}
#snv-4 {
	width: 159px;
	border-top: 1px solid #BBBBBB;
}
#snv-5 {
	width: 159px;
	border-top: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
}


/*　戻る進むボタン　サブページ用
　　display: none; で非表示
-------------------------------------*/

#backnext-sub {
	clear: both;
	height: 28px;
	width: 770px;
	background: url(../img_base/back_backnext.jpg) no-repeat;
	display: none;
}
#backnext-sub p {
	float: left;
	margin: 7px 0px 0px;
	display: none;
}
#backnext-sub #back img {
	margin: 0px 0px 0px 32px;
	display: none;
}
#backnext-sub #pagetop img {
	margin: 0px 0px 0px 484px;
	display: none;
}


/*　戻る進むボタン　トップページ用
-------------------------------------*/

#backnext {
	clear: both;
	height: 28px;
	width: 770px;
}
#backnext p {
	float: left;
	margin: 7px 0px 0px;
}
#backnext #back img {
	margin: 0px 0px 0px 32px;
}
#backnext #pagetop img {
	margin: 0px 0px 0px 484px;
}


/*　フッター　トップ、サブ共通
-------------------------------------*/
#footer {
	clear: left;
	text-align: center;
	/* background: url(../img_base/back_footer.jpg) no-repeat; */
	height: 53px;
}
#footer h3 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 17px;
	padding-top: 2px;
}
#footer address {
	font-size: 10px;
	line-height: 12px;
	color: #000000;
}


/*
================================================================
　main_list.css
================================================================
*/

/*　リスト（目次）ページ　２段組
#main #list-1 と２重のボックスになりますが
目次だけ違うフォーマットなので全体を #list-1 で囲う
（#list-1 独自の h2、h3、h3、h4、li を設定するため）　
-------------------------------------*/

/* ２段組み全体 */
#list-1 {
	margin-left: 110px;	
}



/* ２段組み左「高専って？」 */
#list-1 #kosen {
	margin: 0px 30px 0px 0px;
	float: left;
	width: 250px;
}

/* ２段組み右「機構の事業」 */
#list-1 #kikou {
	float: left;
	width: 250px;
}

/* リスト（目次）ページ　メインタイトル */
#list-1 h2 {
	font-size: 15px;
	line-height: 27px;
	color: #FFFFFF;
	text-decoration: none;
	/* background: url(../img_base/ttl_1_back.gif) no-repeat; */
	height: 27px;
	width: 530px;
	margin: 0px 0px 30px 0px;
}
#list-1 h2 em {
	padding: 0px 0px 0px 30px;
}

/* ２段組のブロックタイトル */
#list-1 h3 {
	margin: 0px 0px 20px;
}

/* リストの小見出し */
#list-1 h4 {
	text-decoration: none;
	margin: 0px 0px 12px;
	height: 24px;
	border-bottom: 1px solid #DDDDDD;
	line-height: 24px;
	font-size: 14px;
}
#list-1 h4 em {
	padding: 0px 0px 0px 30px;
}
#list-1 #kosen h4 {
	background: url(../img_base/ttl_2.gif) no-repeat;
}
#list-1 #kikou h4 {
	background: url(../img_base/ttl_3.gif) no-repeat;
}


/* リスト部分（それぞれのページへリンク） */
#list-1 ul {
	margin: 0px 0px 20px;
}
#list-1 li {
	list-style: none;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-decoration: none;
	margin: 0px 0px 7px 30px;
	height: 16px;
	line-height: 16px;
	background: url(../img_base/list_top.gif) no-repeat;
}
#list-1 li a {
	padding: 0px 0px 0px 10px;
}


/*　リスト（目次）ページ　１段組
２段組と同様に #list-2 で囲う
（#list-2 独自の h2、h3、h3、h4、li を設定するため）　
☆若干マージンを変えているため『list-2』で別指定
-------------------------------------*/

/* リスト（目次）ページ　メインタイトル */
#list-2 h2 {
	font-size: 15px;
	line-height: 27px;
	color: #FFFFFF;
	text-decoration: none;
	background: url(../img_base/ttl_1_back.gif) no-repeat;
	height: 27px;
	width: 530px;
	margin: 0px 0px 30px;
}
#list-2 h2 em {
	padding: 0px 0px 0px 30px;
}

/* リストの小見出し */
#list-2 h4 {
	text-decoration: none;
	margin: 0px 0px 14px;
	height: 24px;
	border-bottom: 1px solid #DDDDDD;
	background: url(../img_base/ttl_4.gif) no-repeat;
	line-height: 24px;
	font-size: 14px;
}
#list-2 h4 em {
	padding: 0px 0px 0px 34px;
}

/* リスト部分（それぞれのページへリンク） */
#list-2 ul {
	margin: 0px 0px 25px;
}
#list-2 li {
	list-style: none;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-decoration: none;
	margin: 0px 0px 7px 30px;
	height: 16px;
	line-height: 16px;
	background: url(../img_base/list_top.gif) no-repeat;
}
#list-2 li a {
	padding: 0px 0px 0px 10px;
}


/* gn_list_1.html 『高専はこんな学校』PDFリストのところ
　　左にマージン100px、リストに三角マークがつかないように url(none) */
#list-2 p {
	margin: 0px 0px 20px 35px;
	display: block;
}
#list-2 #type1 ul {
	margin: 0px 0px 0px 100px;
}
#list-2 #type1 li {
	list-style: none;
	background: url(none);
}


/*
================================================================
　main.css
================================================================
*/

/*　#main 全体ルール
============================================================
☆ボックス内のpaddingはemで別に指定
（win IE5 対応　marginとpaddingを同時に指定しないことで回避）
☆各要素のmarginは下に指定
============================================================
*/


/*
================================
　冒頭のタイトル部分
================================
*/

/* 見出し部分
　☆IE5で「リストに戻る」imgの前に隙間ができるので、
　　画像がはみ出てしまう。画像を左右少し短くして、
　　見出し部分全体 m-ttlバックに画像を入れて回避
　☆バック画像を表示させるために、m-ttlの最後のdivでfloatclear */

#m-ttl {
	width: 600px;
	height: 35px;
	margin-left: 80px;	/* background: url(../img_base/ttl_7.gif) no-repeat; */
	border-bottom: 2px solid #BBBBBB;
}
#m-ttl h2 {
	/* background: url(../img_base/ttl_5.gif); */
	float: left;
	height: 27px;
	width: 130px;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
}
#m-ttl h2 em {
	/* padding: 0px 0px 0px 25px; */
}
#m-ttl h3 {
	float: left;
	height: 27px;
	width: 300px;
	/* background: url(../img_base/ttl_6.gif); */
	font-size: 14px;
	line-height: 20px;
	color: #000000;
}
#m-ttl h3 em {
	padding: 0px 0px 0px 5px;
}



/* リストへ戻る部分
   プリントの際はdisplay: none;で消しておく */
#m-ttl img{
	float: left;
	display: none;
}


/* 各記事ページへのリンクリスト */
#m-ttl-list {
	clear: both;
	margin-bottom: 20px;
	margin-top: 10px;
}
#m-ttl-list a {
	font-size: 12px;
	line-height: 16px;
	color: #525252;
}
#m-ttl-list a:hover {
	color: #1D4FB3;
	text-decoration: underline;
}

/*
========================================
　冒頭のタイトル部分　h1、main1 用
　h2のみでh3、リストに戻るがないタイプ
========================================
*/

/* メインタイトル　h2のみのタイプ
　　バック画像は #list-1 h2 と同じ  */
#m-ttl-simple h2 {
	font-size: 15px;
	line-height: 27px;
	color: #000000;
	text-decoration: none;
	/* background: url(../img_base/ttl_1_back.gif) no-repeat; */
	height: 27px;
	width: 600px;
	margin: 0px 0px 30px 80px;
	display: block;
	border-bottom: 2px solid #BBBBBB;
}
#m-ttl-simple h2 em {
	/* padding: 0px 0px 0px 30px; */
}

/* リストへ戻る部分 */
#m-ttl img{
	float: left;
	display: none;
}

/*
========================================
　冒頭のタイトル部分　h16、全国高専リンク 用
　サイドナビがない全面使用パターンのタイトル
　h2のみで、リストに戻るはあり
========================================
*/

/* メインタイトル　h2のみのタイプ
　　バック画像は #list-1 h2 と同じ  */

#m-ttl-wide {
	width: 688px;
	height: 27px;
	/* background: url(../img_base/ttl_8.gif) no-repeat; */
	margin: 0px 0px 30px;
}
#m-ttl-wide h2 {
	font-size: 15px;
	line-height: 27px;
	color: #000000;
	text-decoration: none;
	height: 27px;
	width: 593px;
	display: block;
	float: left;
}
#m-ttl-wide h2 em {
	padding: 0px 0px 0px 30px;
}
/* リストへ戻る部分 */
#m-ttl-wide img{
	float: left;
	display: none;
}


/*
================================
　見出し　リード
================================
*/

/*　各ページの見出しとリード
-------------------------------------*/
#midashi h4 {
	height: 27px;
	width: 600px;
	font-size: 1.2em;
	line-height: 27px;
	color: #000000;
	border-top: 2px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	margin-left: 80px;
}
#midashi h4 em {
	/* padding: 0px 0px 0px 25px; */
}

/*　情報ページの見出しとリード
-------------------------------------*/
#midashi-3 h4 {
	width: 600px;
	font-size: 1em;
	line-height: 18px;
	color: #000000;
	border-top: 2px solid #BBBBBB;
	margin-left: 80px;
}
#midashi-3 h4 em {
	/* padding: 0px 0px 0px 25px; */
	display: block;
}

/*　リード（バック グレーベタ）部分  */
#read {
	/* background: #EAEAEA; */
	margin: 0px 0px 35px;
	width: 600px;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #003399;
}
/* リードテキスト部分em 
☆複数行になるのでdisplay: block;指定が必要 */
#read em {
	padding: 12px 0px 15px 80px;
	display: block;
}

/*　小見出し
-------------------------------------*/
#main h5 {
	display: block;
	width: 600px;
	font-size: 1.2em;
	line-height: 1.6em;
	color: #444444;
	border-left: 6px solid #FF0000;
	border-bottom: 1px solid #BBBBBB;
	margin: 0px 0px 20px 80px;
	clear: both;
}

#main h5 em {
	padding-bottom: 10px;
	padding-left: 8px;
}

/* ２番目以降の小見出し　上に margin 40px つける
　　h5 class="h5-top40" で h5 に設定 */
#main .h5-top40 {
	display: block;
	margin: 40px 0px 20px 80px;
	width: 600px;
	border-left: 6px solid #FF0000;
	color: #666666;
	border-bottom: 1px solid #BBBBBB;
}

/* 小見出しが２行になった場合　２行目に span class で設定 */
#main .h5-subtext {
	display: block;
	font-size: 90%;
	margin: -5px 0px 3px 8px;
}

/*　main1　理事長メッセージの見出し
-------------------------------------*/
#midashi-2 {
	width: 530px;
	border-bottom: 1px solid #BBBBBB;
	margin: 0px 0px 20px 0px;
}
#midashi-2 h4 {
	font-size: 1.4em;
	color: #FF3300;
	margin: 0px 0px 3px 80px;
}
/* ２行目に span class で設定 */
#midashi-2 .ttl2  {
	font-size: 1.2em;
	color: #000000;
	margin: 0px 0px 8px 80px;
	display: block;
}





/*
================================
　本文　段落
================================
*/
#main p {
	margin: 0px 0px 0px 80px;
	width: 600px;
}


/* p の下を20px空ける場合 */  
#main .p-btm20 {
	margin: 0px 0px 20px 80px;
	width: 600px;
}


/*
================================
　テーブル
================================
*/

#main table {
	margin: 0px 0px 30px 80px;
}


/*　テーブル　パターン１（上下のみ実線）
☆上の罫はth、tdに指定、下の罫はtableに指定
-------------------------------------*/
#main .table-1 {
	margin: 0px 0px 30px 80px;
	width: 505px;
	border-bottom: 1px solid #BBBBBB;
}
#main .table-1 th {
	border-top: 1px solid #BBBBBB;
}
#main .table-1 td {
	border-top: 1px solid #BBBBBB;
}

/*　テーブル　パターン2（上下のみ実線）
☆上の罫はth、tdに指定、下の罫はtableに指定
-------------------------------------*/
#main .table-2 {
	margin: 0px 0px 30px 80px;
	width: 500px;
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
}
#main .table-2 th {
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	background: #DFDFDF;
}
#main .table-2 td {
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
}

/*　テーブル　パターン3
　　m2　『ものづくり技術支援事業』のページの表に使用
　　☆.table-2から　widthを500　th、tdのpaddingを3px　に変更
------------------------------------------------------*/
#main .table-3 {
	width: 500px;
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
}
#main .table-3 th {
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	padding: 3px;
	text-align: center;
}
#main .table-3 td {
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	padding: 3px;
}
/*　テーブルのセルのバック色はclass属性を使って細かく指定　*/
.bgcolor1 {
	background: #E8E8E8;
}
.bgcolor2 {
	background: #F2F2F2;
}
.line1 {
	border-bottom: 1px solid #BBBBBB;
}

/*　テーブル　パターン4
　　m0　『ものづくり技術支援センター』のページの表に使用
　　☆.table-2から　widthを412、左のmarginを60px　th、tdのpaddingを3px　に変更
--------------------------------------------------------------------------------*/
#main .table-4 {
	margin: 0px 0px 30px 80px;
	width: 412px;
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
}
#main .table-4 th {
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	background: #DFDFDF;
	padding: 3px;
}
#main .table-4 td {
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	padding: 3px;
}

/*　テーブル　パターン5
　　j2　『情報／GP』のページの表に使用
　　☆.table-2から　下のmarginを10px　th、tdのpaddingを3px　に変更
--------------------------------------------------------------------*/

#main .table-5 {
	margin: 0px 0px 10px 80px;
	width: 505px;
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
}
#main .table-5 th {
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	background: #DFDFDF;
	padding: 3px;
}
#main .table-5 td {
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	padding: 3px;
}



/*　テーブル　パターン6
　　j11　広報誌一覧に使用
--------------------------------------------------------------------*/
#main .table-6 {
	margin: 0px 0px 30px 80px;
	width: 440px;
}


/*
================================
　リスト
================================
すべてに　マージン変更と幅指定
margin-reft　25　→　80
width: 600px;
*/

/*　リスト　タイプ01　■１行　<ul>に設定
-------------------------------------*/
#main .list-01{
	margin: 0px 0px 10px 80px;
	list-style: none;
	line-height: 1.6;
	text-decoration: none;
	width: 600px;
}
#main .list-01 li{
	background: url(../img_base/list-01.gif) no-repeat left center;
	padding-left: 14px;
}

/*　リスト　タイプ02　数字　<li>に設定
-------------------------------------*/
#main .list-02{
	margin: 0px 0px 10px 94px;
	list-style: decimal url(none);
	line-height: 1.6;
	text-decoration: none;
	width: 600px;
}

/*　リスト　タイプ03　■２行以上　<p>に設定
-------------------------------------*/
#main .list-03 {
	background: url(../img_base/list-03.gif) no-repeat left top;
	padding-left: 14px;
	margin-bottom: 20px;
	width: 600px;
}

/*　リスト　タイプ04　h5ページに設定
-------------------------------------*/

/*　リスト　タイプ05　h15ページに設定
　<ul>に設定
-------------------------------------*/
#main .list-05 {
	margin: 0px 0px 20px 80px;
	padding-left: 14px;
	list-style: disc;
	width: 600px;
}

/*　リスト　タイプ06　k2ページに設定
　<ul>に設定
-------------------------------------*/
#main .list-06 {
	margin: 10px 10px 10px 30px;
	list-style: disc;
	width: 570px;
}


/*
================================
　各ページの設定
================================
*/

/*　h5ページ　リストと写真のブロック
-------------------------------------*/

/* h5ページ　リストと写真キャプションのブロック
　　clearfixが必要になるので下のmarginは設定しない
　　リスト部分は .list-04 を設定 */
#main #block-01 {
	width: 460px;
	margin: 0px 0px 0px 80px;
}

/*　h5ページ　リスト　タイプ04　上下にライン　幅110*/
#main .list-04{
	list-style: none;
	width: 110px;
	border-bottom: 1px solid #BBBBBB;
	margin: 0px 40px 0px 0px;
	float: left;
}
#main .list-04 li{
	font-size: 12px;
	line-height: 24px;
	text-decoration: none;
	display: block;
	height: 24px;
	padding-left: 14px;
	border-top: 1px solid #BBBBBB;
	width: 110px;	
}

/* h5ページ　リストと写真キャプションのブロック
　 写真とキャプション */
#main #block-01-photo {
	float: left;
	width: 270px;
	margin: 0px 0px 30px;
}

/* dl にmargin 0px 設定　上にスペースがでないように */
#block-01-photo dl {
	margin: 0px;
}

#block-01-photo dl dt img {
	margin: 0px 10px 5px 0px;
	float: left;
}
#block-01-photo dl dt {
	clear: both;
}

/*　h5ページ　専門科目　枠囲み部分
-------------------------------------*/
#block-02 {
	margin: 0px 0px 30px 80px;
	background: url(../img_base/waku_1.jpg) no-repeat;
	width: 505px;
	font-size: 12px;
	line-height: 20px;
	color: #003399;
	height: 155px;
}
#block-02-1{
	position: relative;
	left: 75px;
	top: 32px;
	width: 340px;
}

#block-02-1 a {
	color: #003399;
	text-decoration: none;
}
#block-02-1 a:hover {
	color: #003399;
	text-decoration: underline;
}

/*　h6ページ　専攻科　写真、位置づけ
-------------------------------------*/
#block-03 {
	margin: 0px 0px 30px 80px;
	width: 405px;
}
#block-03-1 {
	margin: 0px 49px 30px 0px;
	width: 178px;
	float: left;
}
#block-03-2 {
	margin: 0px 0px 30px;
	width: 178px;
	float: left;
}
#block-03-3 {
	margin: 0px;
	clear: left;
}
#block-03 img{
	margin: 0px 0px 5px;
}

#block-03-3 p#title{
	margin: 0px 0px 8px;
	font-size: 120%;
	font-weight: bold;
}

/*　h7ページ　学生生活　写真、キャプション
-------------------------------------*/
#block-04 {
	margin: 0px 0px 25px 80px;
	width: 351px;
}
#block-04-1 {
	margin: 0px 10px 15px 0px;
	width: 177px;
	float: left;
}
#block-04-2 {
	margin: 0px 0px 15px;
	width: 164px;
	float: left;
}
#block-04-3 {
	margin: 0px 10px 15px 0px;
	width: 177px;
	float: left;
}
#block-04-4 {
	margin: 0px 0px 15px;
	width: 164px;
	float: left;
}
#block-04 img{
	margin: 0px 0px 5px;
}

/*　h7ページ　寮生活　写真、キャプション
-------------------------------------*/
#block-05 {
	margin: 0px 0px 25px 80px;
	width: 476px;
}
#block-05-1 {
	margin: 0px 8px 0px 0px;
	width: 166px;
	float: left;
}
#block-05-2 {
	margin: 0px 8px 0px 0px;
	width: 146px;
	float: left;
}
#block-05-3 {
	margin: 0px;
	width: 148px;
	float: left;
}
#block-05 img{
	margin: 0px 0px 5px;
}

/*　h8ページ　イベント　解説、写真
　　class指定で４つのブロック共通
-------------------------------------*/
.block-06 {
	margin: 0px 0px 25px 0px;
	width: 600px;
}
.block-06 .block-06-text {
	width: 600px;
	padding: 0px 25px 0px 0px;
	float: left;
	clear: both;
}
.block-06 .block-06-img {
	padding: 0px;
	/* float: right; */
	margin-left: 80px;
}

/*　h9ページ　授業料免除　表組
-------------------------------------*/
#block-07 {
	margin: 0px 0px 10px 80px;
	width: 505px;
	font-size: 12px;
	line-height: 15px;
	color: #999999;
}
#block-07 a {
	color: #525252;
}
#block-07 a:hover {
	color: #1D4FB3;
	text-decoration: underline;
}
.block-07-1 {
	margin: 0px 8px 10px 0px;
	padding: 0px;
	width: 120px;
	float: left;
}
.block-07-2 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 120px;
	float: left;
}
#block-07 h6 {
	width: 120px;
	display: block;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	background: #006666;
	font-size: 12px;
	line-height: 20px;
}
#block-07 li {
	width: 118px;
	display: block;
	text-align: center;
	list-style: none;
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	padding-top: 3px;
	padding-bottom: 3px;
}

/*　h1ページ　理事長ご挨拶　写真と肩書き
------------------------------------------*/

#block-08 {
	width: 600px;
	margin: 0px 0px 0px 80px;
}

/*　m2ページ　開かれた高専　ものづくり技術支援事業
　　技術者育成
------------------------------------------*/
#block-09 {
	margin-bottom: 20px;
	margin-left: 80px;
	width: 470px;
	border: 1px solid #BBBBBB;
	margin-top: 15px;
}
#block-09 table {
	margin: 10px 10px 30px 20px;
}

/*　block-10でtableのまわりの囲み罫（太）を指定
　　table 内の指定は、#main .table-3 で　*/
#block-10 {
	width: 500px;
	border: 1px solid #BBBBBB;
	margin: 0px 0px 30px 80px;
}

/*　k2ページ　開かれた高専　教育支援　キャリア教育
　　囲み罫（classでそれぞれに指定）
　　リストの指定は.list-06（classで<ul>に設定）
------------------------------------------*/
.block-11 {
	width: 580px;
	/* border: 1px solid #BBBBBB; */
	margin: 0px 0px 30px 80px;
}

/*　block-12でテキストのまわりのmarginを指定　*/
.block-12 {
    width: 560px;
	margin: 10px;
}

/*　j9ページ　情報　KOALA
　　imgにテキスト回り込み
------------------------------------------*/
#block-13 img {
	float: left;
	margin-right: 15px;
}


/*
================================
　サイトマップ
================================
*/

#m-ttl-sitemap {
	width: 688px;
	height: 27px;
	background: url(../img_base/ttl_8.gif) no-repeat;
}

#m-ttl-sitemap h2 {
	font-size: 15px;
	line-height: 27px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}
#m-ttl-sitemap h2 em {
	padding: 0px 0px 0px 30px;
}


#sitemap {
	width: 618px;
	top: 10px;
	margin: 0px 0px 0px 35px;
}

#sitemap h3 {
	font-size: 13px;
	width: 618px;
	border-bottom: 1px solid #BBBBBB;
	margin: 30px 0px 5px;
	color: #666666;	
	padding-bottom: 5px;
}
#sitemap h4 {
	font-size: 12px;
	width: 518px;
	border-bottom: 1px solid #BBBBBB;
	margin: 15px 0px 5px 100px;
	padding-bottom: 5px;
	color: #666666;
}
 
#sitemap h3 em {
	width: 368px;
	position: absolute;
	left: 320px;
	font-size: 80%;
	font-weight: normal;
	padding-bottom: 5px;
}

#sitemap table {
	margin: 10px 0px 20px 100px;
}

#sitemap th {
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1.1em;
	color: #333333;
}

#sitemap td {
	padding-top: 2px;
	padding-bottom: 2px;
	color: #333333;

}