@charset "UTF-8";
/* CSS Document */
/* すべての要素に適用　初期化　＃＃＃＃＃＃＃＃＃＃ */
*{
	margin:0;
	padding:0;
}
ol,ul{
	list-style:none;
}

/* =========================
文字
========================= */

/* 基本サイズ10px */
html{
	font-size:62.5%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ　ゴシック", "MS PGothic", sans-serif;
}

/* サイズ14px 段落、表、リスト */
p,td.p,th.p,li{
	font-size:1.4em;
}

/* パンくずナビ　＃＃＃＃＃＃＃＃＃＃ */
#navi{
	margin:5px 0 1em 0;
	
	padding:2px;
}
#navi ol li{
	display:inline;
	line-height:1.1;
	list-style-type:none;
	font-size:1em;
}
#navi ol li a{
	padding-right:10px;
	background:url(img/navi_glue.gif) no-repeat right center;
	text-decoration:none;
}




/* フッターメニュー */
#footermenu ul li{
	display:inline;
	margin:5px 3px 0px 7px;
	list-style:none;
	font-size:1.2em;
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+
見出し
+-+-+-+-+-+-+-+-+-+-+-+-+ */

/* 各ページのh1 20px*/
#main h2.r{
	font-size:2em;
	font-weight:normal;
	padding:3px 0 5px 1.5em;
	background-image: url(img/m_h1.gif);
	background-repeat: no-repeat;
	background-position: left;
	line-height:1.8em;
	margin:1em 0;
}

/* 各ページのh2 16px*/
#main h2{
	font-size:1.4em;
	margin:1em 0;
	
}
/* 各ページのh3　14px */
#main h3.base{
	font-size:1.4em;
	font-weight:normal;
	padding:0 0 0 1em;
	margin:1em 0;
	color:#000;
	line-height:1.8em;
	background-image: url(img/m_h3.gif);
	background-repeat: no-repeat;
	background-position: left;
	border:#999 solid 1px;
}

/* 各ページのh3　14px */
#main h3.base2{
	font-size:1.4em;
	font-weight:normal;
	padding:0 1em 0.2em;
	margin:1em 0em;
	color:#000;
	background-image: url(img/m_h3_2.gif);
	background-repeat: no-repeat;
	background-position: left;
	
}

/* 各ページのh4　14px　オレンジ系 */
h4.w_o{
	font-size:1.4em;
	line-height:1.6;
	padding:0 0.5em;
	margin:1em 0;
	color:#000;
	background-color:#F5EADC;
	border-width:1px 1px 1px 1em;
	border-color:#FA9932;
	border-style:solid;
	background-image:none;
}


/* 強調 */
#main strong{
	color:#C00;
	font-weight:bold;
}

/* 強調（太字） */
.b strong, p.b, .b{
	font-weight:bold;
	font-style:normal;
}


/* 行間 */
#main p{
	line-height:1.4;
}
p + p{
	margin-top:1em;
}

/* 区切り線 */
hr{
	margin:10px 0;
}

/* ボックス回り込み */
.box_r{
	float:right;
}
.box_l{
	float:left;	
}

/* 左右回り込みクリア */
.clear{
	clear:both;
}

/* 通常リンク */
a:link{
	color:#00F;
}
a:visited{
	color:#00F;
}
a:hover{
	color:#F00;
}
a:active{
	color:#F00;
}

/* 外部リンク */
a.link_tage{
	padding-right:17px;
	background-image:url(img/icon_blnak.gif);
	background-position:center right;
	background-repeat:no-repeat;
}


/* リンク先がPDFファイル */
a.link_pdf{
	padding-right:22px;
	padding-top:2px;
	padding-bottom:2px;
	background-image:url(img/pdficon_small.gif);
	background-position:center right;
	background-repeat:no-repeat;
}

/* ページの先頭へ */
p.goto_top{
	text-align:right;
	font-size:1em;
	padding:1em 0;
}

/* 右よせ文字（一回り小さく） */
p.p_right{
	text-align:right;
	font-size:1em;
}

/* 右よせ文字 */
p.p_right_n{
	text-align:right;
}

/* 中央ぞろえ文字 */
p.p_center{
	text-align:center;
}

/* 小文字 */
.p_small{
	font-size:10px;
}

/* 大文字 */
.p_big{
	font-size:18px;
}


/* 見出し等で使う通常サイズの文字 */
.p_normal{
	font-size:14px;
}

/* 通常リスト表示 */
/* 青 */
.list1_b li{
	line-height:1.5em;
	
	background-image:url(img/base/mark_b_li1.gif);
	
	background-repeat:no-repeat;
	padding-left:1.5em;
}

.list2_b li{
	line-height:1.5em;
	background-image:url(img/base/mark_b_li2.gif);
	background-repeat:no-repeat;
	padding-left:1.3em;
	font-size:1em;
}
/* 緑 */
.list1_g li{
	line-height:1.5em;
	
	background-image:url(img/base/mark_g_li1.gif);
	
	background-repeat:no-repeat;
	padding-left:1.5em;
}

.list2_g li{
	line-height:1.5em;
	background-image:url(img/base/mark_g_li2.gif);
	background-repeat:no-repeat;
	padding-left:1.3em;
	font-size:1em;
}
/* ピンク */
.list1_p li{
	line-height:1.5em;
	
	background-image:url(img/base/mark_p_li1.gif);
	
	background-repeat:no-repeat;
	padding-left:1.5em;
}

.list2_p li{
	line-height:1.5em;
	background-image:url(img/base/mark_p_li2.gif);
	background-repeat:no-repeat;
	padding-left:1.3em;
	font-size:1em;
}

/* 数字付きリスト */
.list1_no li{
	line-height:1.5em;
	list-style:decimal;
	list-style-position:inside;
	margin:0 0 0 1em;
}


/* 定義リスト　疑似表 */
dl.summary{
	width:590px;
	background-image:url(img/dl_bg_summary.gif);
	background-position:left;
	background-repeat:repeat-y;
	border:1px solid #999;
	border-top:0;
	font-size:1.4em;
}
dl.summary dt{
	float:left;
	padding:0.5em 1em;
	background:url(img/white.gif) repeat-x;
	border-top:1px solid #999;
}
dl.summary dd{
	margin:0;
	margin-left:7em;/* dtの幅 */
	padding:0.5em 1em;
	background:url(img/white.gif) repeat-x;
	border-top:1px solid #999;
	border-left:1px solid #999;
}

/* =========================
表
========================= */
/* 学科紹介用 */
table.normal{
	border:solid 1px #036;
}
table.normal th{
	padding:5px;
	background-color:#99C;
	border-top:#fff solid 1px;
	border-left:#fff solid 1px;
	border-right:#036 solid 1px;
	border-bottom:#036 solid 1px;
	font-size:1.2em;
}
table.normal td{
	padding:5px;
	background-color:#FFF;
	font-size:1.2em;
	border-style:solid;
	border-color:#036;
	border-width:0 1px 1px 0;
}




/* 表（中央） */
.table_c{
	margin-left:auto;
	margin-right:auto;
}

/* トピックスなどの写真を入れこむ表 */
.table_photo{
	margin-top:1em;
	margin-bottom:1em;
}

/* トピックス */
#main h2.b{
	color:#009;
	border-style:solid;
	border-width:0 0 0 1em;
	padding-left:0.5em;
}

#main .cap{
	padding:0 1em;
}

/* 学校見学情報 */
/* 終了した日程 */
td.end{
	color:#999;
}



/* トップのみ　＃＃＃＃＃＃＃＃＃ */
#main.index{
	margin-top:1em;
}
/* バナーの一番上 */
#main.index img.bana{
	margin:1em 0 0 0;
}
/* バナーが複数の場合、一番上以外のバナー */
#main.index img.bana2{
	margin:2px 0 0 0;
}


#main.index #course{
	width:600px;
}
#main.index .item{
	width:189px;
	float:left;
	margin:3px 3px 0 0;
	background-image:url(img/item_bg.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding:3px;
	border:#69F solid 1px;

}
#main.index .item h3{
	font-size:1.4em;
	background-color:#DFEAFA;
	border:#69F 1px solid;
	padding:3px 1em 2px;
}

#main.index .item p{
	font-size:1.2em;
}
#main.index .item .photo{
	width:57px;
	height:75px;
}
#main.index .item .job{
	width:128px;
	height:70px;
	background-color:#FFD;
	border:#C93 solid 1px;
	padding-left:2px;
	font-size:0.95em;
}

/*トピックス用*/
#main.index #topi {
width:600px;
height:180px;
background-color:#FFF;
border:1px #cccccc solid;
overflow:auto;
}
#main.index #topi ul ,#main #topi_bn ul{
margin:5px;
padding:0;
}
#main.index #topi ul li , #main #topi_bn ul li{
margin:0 0 0 15px;
padding:0.5em 0 3px 0;
list-style-image:url(../img/mark01.gif);
list-style-position:outside;
border-style:dashed;
border-width:0px 0px 1px 0px;
border-color:#FF6633;
font-size:1.2em;
line-height:1.4;
}


#main.index #topi ul li a , #main #topi_bn ul li a{
	text-decoration:none;
}

/* 仕事紹介用 */
#main.index #job h3{
	font-size:1.2em;
	line-height:1.2em;
	margin:1em 0;
	background-image:url(img/base/mark_p_li1.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:1.5em;
}
#main.index #job h3 a{
	text-decoration:none;
}

/* 東北電子グループ */
#main.index #group{
	margin:1em 0;
}
#main.index #group h2{
	font-size:1.4em;
	text-align:center;
}
#main.index #group th{
	padding:4px;
	font-size:1.4em;
}
#main.index #group p{
	font-size:1.2em;
}
#main.index #group td{
	background-image:url(img/item_bg.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding:5px;
}



/* =========================
コース
========================= */

#main.course h2.main{
	background-image:url(../course/img/course_h2_main.gif);
	background-repeat:no-repeat;
	line-height:27px;
	padding:0 0.5em;
	margin:0.5em 0;
	font-size:2em;
}

#main.course h2.engin{
	background-image:url(../course/img/course_h2_engin.gif);
	background-repeat:no-repeat;
	line-height:27px;
	padding:0 0.5em;
	margin:0.5em 0;
	font-size:2em;
}

#main.course h2.busi{
	background-image:url(../course/img/course_h2_busi.gif);
	background-repeat:no-repeat;
	line-height:27px;
	padding:0 0.5em;
	margin:0.5em 0;
	font-size:2em;
}

#main.course h2.mi{
	background-image:url(../course/img/course_h2.gif);
	background-repeat:no-repeat;
	line-height:49px;
	font-size:1.8em;
	padding-left:50px;
}

/* 資格や職業 */
.course_box_data_l,.course_box_data_r{
	width:285px;
	float:left;
	border-color:#093;
	border-style:solid;
	border-width:0 0 0 3px;
	padding:0.5em 0;
}
.course_box_data_l{
	margin:0 20px 10px 0;
}
.course_box_data_r{
	margin:0 0 10px 0;
}

.course_box_data_l h4,.course_box_data_r h4{
	font-size:1.3em;
	font-weight:bold;
	border-color:#093;
	border-style:solid;
	border-width:0 0 1px 0;
	padding:0 5px 2px;
}
.course_box_data_l p,.course_box_data_r p{
	padding:0 5px;
	font-size:1.2em;
}
p.chu{
	font-size:1.2em;
}


/* =========================
mainの横幅600ピクセル

写真を指定する場合
.photo_normal
上下に余白をとる

ただし、ボックスの上部に余白がいらない場合
.photo_margin_top_0
========================= */
.photo_normal{
	margin:1em 0;
	text-align:center;
}
.photo_normal p{
	font-size:1em;
}


/* 文章 */
.photo120_txt{
	width:470px;
	margin:1em 0;
}
.photo130_txt{
	width:460px;
	margin:1em 0;
}
.photo140_txt{
	width:450px;
	margin:1em 0;
}
.photo150_txt{
	width:440px;
	margin:1em 0;
}
.photo160_txt{
	margin:1em 0;
	width:430px;
}
.photo170_txt{
	width:420px;
	margin:1em 0;
}
.photo180_txt{
	width:410px;
	margin:1em 0;
}
.photo190_txt{
	width:400px;
	margin:1em 0;
}
.photo200_txt{
	width:390px;
	margin:1em 0;
}
.photo210_txt{
	width:380px;
	margin:1em 0;
}
.photo220_txt{
	width:370px;
	margin:1em 0;
}
.photo230_txt{
	width:360px;
	margin:1em 0;
}
.photo240_txt{
	width:350px;
	margin:1em 0;
}
.photo250_txt{
	width:340px;
	margin:1em 0;
}
.photo260_txt{
	width:330px;
	margin:1em 0;
}
.photo270_txt{
	width:320px;
	margin:1em 0;
}
.photo280_txt{
	width:310px;
	margin:1em 0;
}
.photo290_txt{
	width:300px;
	margin:1em 0;
}
.photo300_txt{
	width:290px;
	margin:1em 0;
}
.photo310_txt{
	width:280px;
	margin:1em 0;
}
.photo320_txt{
	width:270px;
	margin:1em 0;
}
.photo330_txt{
	width:260px;
	margin:1em 0;
}
.photo340_txt{
	width:250px;
	margin:1em 0;
}
.photo350_txt{
	width:240px;
	margin:1em 0;
}
.photo360_txt{
	width:230px;
	margin:1em 0;
}
.photo370_txt{
	width:220px;
	margin:1em 0;
}
.photo380_txt{
	width:210px;
	margin:1em 0;
}
.photo390_txt{
	width:200px;
	margin:1em 0;
}

.box_1_2{
	width:290px;

}

/* ボックスの上部に余白が必要ない場合 */
.photo_margin_top_0{
	margin-top:0;
}

.pattern{
	padding:1px;
	border:1px solid #999;
}