@charset "utf-8";

/* ------------ topimage ------------ */
#topimage {
	width:951px;
	height:283px;
}
.serch_area {
	width:415px;
	float:right;
}
#serch_field_ti{
	display: block;
	width:415px;
	height:25px;
	background:url(../images/top/ti_serch01.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
}
#serch_field_ti span{
	display: none;
}
#serch_field ul li{
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
}


#serch_field span{
	display: none;
}
#serch_field_01 a,#serch_field_01 a:link,#serch_field_01 a:visited,#serch_field_01 a:active{
	width:103px;
	height:144px;
	margin:0px;
	padding:0px;
	background-image: url(../images/top/bt_serch_web.jpg);
	background-repeat: no-repeat;
}

#serch_field_01 a:hover{
	background-image: url(../images/top/bt_serch_web_o.jpg);
	background-repeat: no-repeat;
}
#serch_field_02 a,#serch_field_02 a:link,#serch_field_02 a:visited,#serch_field_02 a:active{
	width:104px;
	height:144px;
	margin:0px;
	padding:0px;
	background-image: url(../images/top/bt_serch_dtp.jpg);
	background-repeat: no-repeat;
}

#serch_field_02 a:hover{
	background-image: url(../images/top/bt_serch_dtp_o.jpg);
	background-repeat: no-repeat;
}
#serch_field_03 a,#serch_field_03 a:link,#serch_field_03 a:visited,#serch_field_03 a:active{
	width:104px;
	height:144px;
	margin:0px;
	padding:0px;
	background-image: url(../images/top/bt_serch_it.jpg);
	background-repeat: no-repeat;
}

#serch_field_03 a:hover{
	background-image: url(../images/top/bt_serch_it_o.jpg);
	background-repeat: no-repeat;
}
#serch_field_04 a,#serch_field_04 a:link,#serch_field_04 a:visited,#serch_field_04 a:active{
	width:104px;
	height:144px;
	margin:0px;
	padding:0px;
	background-image: url(../images/top/bt_serch_win.jpg);
	background-repeat: no-repeat;
}

#serch_field_04 a:hover{
	background-image: url(../images/top/bt_serch_win_o.jpg);
	background-repeat: no-repeat;
}
#serch_purpose_ti{
	display: block;
	width:415px;
	height:46px;
	background:url(../images/top/ti_serch02.jpg) no-repeat;
	margin: 0px;
}
#serch_purpose_ti span{
	display: none;
}


#serch_purpose ul li{
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
}


#serch_purpose span{
	display: none;
}


/* ------------ index ------------ */
#contents_top {
	width:951px;
	margin-top:10px;
}

/* ------------ left ------------ */
#left {
	width:709px;
	float:left;
}
.left_bana01 {
	width:709px;
	padding:6px 0 10px 0;
}

.left_bana {
	width:709px;
	height:45px;
	padding-bottom:12px;
}
.left_waku {
	background-image: url(../images/common/waku_bg.gif);
	background-repeat: repeat-y;
	width: 709px;
}
#reason_ti{
	display: block;
	width:709px;
	height:30px;
	background:url(../images/top/ti_reason.jpg) no-repeat;
	margin: 0px;
}
#reason_footer{
	width:709px;
	height:9px;
	background:url(../images/common/waku_foot.gif)  left top no-repeat;
	margin: 0px;
	line-height:0;
	font-size:1;
}

#reason_ti ul li{
	display: block;
	margin: 0px;
	padding: 0px;
}
#reason_ti ul li a{
	display: block;
	margin: 0px;
	padding: 0px;
}
#reason_ti span{
	display: none;
}
#reason_ti01{
	width:477px;
	height:92px;
	padding:13px 130px 0 100px;
	list-style-type:none;
	background-image: url(../images/top/reason_bg01.jpg);
	background-repeat: no-repeat;
}
#reason_ti02{
	width:477px;
	height:92px;
	padding:13px 130px 0 100px;
	list-style-type:none;
	background-image: url(../images/top/reason_bg02.jpg);
	background-repeat: no-repeat;
}
#reason_ti03{
	width:477px;
	height:92px;
	padding:13px 130px 0 100px;
	list-style-type:none;
	background-image: url(../images/top/reason_bg03.jpg);
	background-repeat: no-repeat;
}
#reason_ti04{
	width:477px;
	height:92px;
	padding:13px 130px 0 100px;
	list-style-type:none;
	background-image: url(../images/top/reason_bg04.jpg);
	background-repeat: no-repeat;
}
.reason_txt{
	padding:7px 0 10px 0;
	font-size:12px;
	line-height:18px;
	color:#666666;
}

.txt_right{
	text-align:right;
	display:block;
}

/* ------------ totop ------------ */
#totop {
	width:709px;
	text-align: right;
	padding: 20px 0 ;
}

/* ------------ btarea ------------ */
#btarea {
	width:669px;
	height:65px;
	background-image: url(../images/top/bt_bg.gif);
	background-repeat: no-repeat;
	text-align: center;
	padding:25px 0 5px 40px;
}

#btarea li{
	float:left;
	
}

#btarea li:first-child{
	margin-right:20px;
}

p.txt_con{
	clear:both;
	text-align:center;
	
}


/* ------------ courseguide ------------ */
#courseguide_ti{
	display: block;
	width:707px;
	height:30px;
	background:url(../images/top/ti_course.jpg) no-repeat;
	margin-bottom: 10px;
}
#courseguide_ti span{
	display: none;
}
#courseguide_web_ti{
	display: block;
	width:30px;
	height:194px;
	background:url(../images/top/ti_web.gif) no-repeat;
}
#courseguide_web_ti span{
	display: none;
}
#courseguide_dtp_ti{
	display: block;
	width:30px;
	height:194px;
	background:url(../images/top/ti_dtp.gif) no-repeat;
}
#courseguide_dtp_ti span{
	display: none;
}
#courseguide_win_ti{
	display: block;
	width:30px;
	height:194px;
	background:url(../images/top/ti_win.gif) no-repeat;
}
#courseguide_win_ti span{
	display: none;
}
#courseguide_it_ti{
	display: block;
	width:30px;
	height:194px;
	background:url(../images/top/ti_it.gif) no-repeat;
}
#courseguide_it_ti span{
	display: none;
}
.cg_tbl {
	width: 681px;
	margin-bottom:5px;
	margin-left: 14px;
	height: 194px;
}
.cg_td01 {
	width:30px;
	height:194px;
}
.cg_txtbold {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
.cg_td_o01 {
	width:645px;
	height:49px;
	background-image: url(../images/top/courseguide_bg.gif);
	background-repeat: repeat;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #f5f7f9;
	font-size: 12px;
	line-height: 1.5;
	color: #666666;
	padding-left: 6px;
}
.cg_td_o01 a:link {
	color: #ff6d1e;
	text-decoration: underline;
}
.cg_td_o01 a:visited {
	color: #ff6d1e;
	text-decoration: underline;
}
.cg_td_o01 a:hover {
	color: #ff6d1e;
	text-decoration: none;
}
.cg_td_o02 {
	width:434px;
	height:135px;
	background-image: url(../images/top/courseguide_bg.gif);
	background-repeat: repeat;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #f18e3f;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #f5f7f9;
	vertical-align: top;
	font-size: 12px;
	line-height: 1.3;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
.cg_td_o03 {
	width:174px;
	height:135px;
	background-image: url(../images/top/courseguide_bg.gif);
	background-repeat: repeat;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #f18e3f;
	vertical-align: top;
	font-size: 12px;
	line-height: 1.5;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
.cg_td_r01 {
	width:645px;
	height:49px;
	background-image: url(../images/top/courseguide_bg.gif);
	background-repeat: repeat;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #f5f7f9;
	font-size: 12px;
	line-height: 1.5;
	color: #666666;
	padding-left: 6px;
}
.cg_td_r01 a:link {
	color: #e83832;
	text-decoration: underline;
}
.cg_td_r01 a:visited {
	color: #e83832;
	text-decoration: underline;
}
.cg_td_r01 a:hover {
	color: #e83832;
	text-decoration: none;
}
.cg_td_r02 {
	width:434px;
	height:135px;
	background-image: url(../images/top/courseguide_bg.gif);
	background-repeat: repeat;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #e83832;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #f5f7f9;
	vertical-align: top;
	font-size: 12px;
	line-height: 1.3;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
.cg_td_r03 {
	width:174px;
	height:135px;
	background-image: url(../images/top/courseguide_bg.gif);
	background-repeat: repeat;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #e83832;
	vertical-align: top;
	font-size: 12px;
	line-height: 1.5;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
.cg_td_g01 {
	width:645px;
	height:49px;
	background-image: url(../images/top/courseguide_bg.gif);
	background-repeat: repeat;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #f5f7f9;
	font-size: 12px;
	line-height: 1.5;
	color: #666666;
	padding-left: 6px;
}
.cg_td_g01 a:link {
	color: #45b352;
	text-decoration: underline;
}
.cg_td_g01 a:visited {
	color: #45b352;
	text-decoration: underline;
}
.cg_td_g01 a:hover {
	color: #45b352;
	text-decoration: none;
}
.cg_td_g02 {
	width:434px;
	height:135px;
	background-image: url(../images/top/courseguide_bg.gif);
	background-repeat: repeat;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #45b352;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #f5f7f9;
	vertical-align: top;
	font-size: 12px;
	line-height: 1.3;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
.cg_td_g03 {
	width:174px;
	height:135px;
	background-image: url(../images/top/courseguide_bg.gif);
	background-repeat: repeat;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #45b352;
	vertical-align: top;
	font-size: 12px;
	line-height: 1.4;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
.cg_td_b01 {
	width:645px;
	height:49px;
	background-image: url(../images/top/courseguide_bg.gif);
	background-repeat: repeat;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #f5f7f9;
	font-size: 12px;
	line-height: 1.5;
	color: #666666;
	padding-left: 6px;
}
.cg_td_b01 a:link {
	color: #312927;
	text-decoration: underline;
}
.cg_td_b01 a:visited {
	color: #312927;
	text-decoration: underline;
}
.cg_td_b01 a:hover {
	color: #312927;
	text-decoration: none;
}
.cg_td_b02 {
	width:171px;
	height:135px;
	background-image: url(../images/top/courseguide_bg.gif);
	background-repeat: repeat;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #312927;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #f5f7f9;
	vertical-align: top;
	font-size: 12px;
	line-height: 1.5;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
.cg_td_b03 {
	width:207px;
	height:135px;
	background-image: url(../images/top/courseguide_bg.gif);
	background-repeat: repeat;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #312927;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #f5f7f9;
	vertical-align: top;
	font-size: 12px;
	line-height: 1.5;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
.cg_td_b04 {
	width:207px;
	height:135px;
	background-image: url(../images/top/courseguide_bg.gif);
	background-repeat: repeat;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #312927;
	vertical-align: top;
	font-size: 12px;
	line-height: 1.5;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
.list_nintei {
	width: 683px;
	margin-left: 14px;
}
#list_nintei_ti{
	display: block;
	width:167px;
	height:37px;
	background:url(../images/top/list_nintei.gif) no-repeat;
	margin: 0px;
}
#list_nintei_ti span{
	display: none;
}
#list_nintei_bg{
	display: block;
	text-align:center;
	width:683px;
	height:52px;
	background:url(../images/top/nintei.jpg) no-repeat;
	margin: 0px;
	padding:6px 0px 0px 7px;
}
.nintei_paddingleft{
	padding-right:13px;
	padding-top:2px;
}


/*----------------------------------------------
	コースガイド詳細修正20100117栄野川追加
	コースごとのキャッチをリスト化
------------------------------------------------*/
td.cg_td_o01 ul li, .cg_td_r01 ul li, .cg_td_g01 ul li, .cg_td_b01 ul li{
	display:inline;
	margin-right:20px;
}


/*----------------------------------------------
	コースガイド詳細修正20100117栄野川追加
	スキル、職種、資格などアイコンを背景に
------------------------------------------------*/
.icon_web_couseguide{
	background:url(../images/top/arrow_orange.gif) left 3px no-repeat;
	padding-left:15px;
}

.icon_dtp_couseguide{
	background:url(../images/top/arrow_red.gif) left 3px no-repeat;
	padding-left:15px;
}

.icon_office_couseguide{
	background:url(../images/top/arrow_green.gif) left 3px no-repeat;
	padding-left:15px;
}


.icon_it_couseguide{
	background:url(../images/common/arrow_black.gif) left 3px no-repeat;
	padding-left:15px;
}

/* ------------ news ------------ */
#news_ti{
	display: block;
	width:707px;
	height:30px;
	background:url(../images/top/ti_news.jpg) no-repeat;
	margin: 0px;
}
#news_ti span{
	display: none;
}
#news {
	width:640px;
	height:130px;
	background-color:#FFFFFF;
	border: 1px solid #c7c9ca;
	margin-top: 10px;
	margin-left: 13px;
	padding-right: 20px;
	padding-left: 20px;
}
#news ul li{
	display: block;
}
.news_list01 {
	font-size: 12px;
	line-height: 1.5;
	font-weight: bold;
	color: #0d57a2;
	float: left;
	width: 60px;
	padding-top: 15px;
	padding-bottom: 5px;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cacaca;
	list-style-type:none;
}
.news_list02 {
	font-size: 12px;
	line-height: 1.5;
	font-weight: bold;
	color: #0d57a2;
	float: left;
	width: 60px;
	padding-top: 15px;
	padding-bottom: 5px;
	vertical-align: top;
	list-style-type:none;
}
.news_list03 {
	font-size: 12px;
	line-height: 1.5;
	color: #666666;
	float: left;
	width: 580px;
	padding-top: 15px;
	padding-bottom: 5px;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cacaca;
	list-style-type:none;
}
.news_list04 {
	font-size: 12px;
	line-height: 1.5;
	color: #666666;
	float: left;
	width: 600px;
	padding-top: 15px;
	padding-bottom: 5px;
	vertical-align: top;
	list-style-type:none;
}

/* ------------ right ------------ */
#right {
	width:230px;
	float:right;
}
.right_bana {
	margin-bottom:10px;
}





#schoolinfo{
	width:230px;
	background-image: url(../images/top/schoolinfo_bg.gif);
	background-repeat: repeat-y;
	text-align: center;
	font-size:12px;
}
#schoolinfo h2{
	display: block;
	width:230px;
	height:120px;
	background:url(../images/top/ti_schoolinfo.jpg) no-repeat;
}
#schoolinfo h2 span{
	display: none;
}
#schoolinfo ul li{
	list-style-type:none;
}
#schoolinfo ul li span.school_tel{
	font-size: 14px;
	color: #ff0000;
	font-weight: bold;
	padding-left:40px;
	background:url(../images/top/icon_tel.gif) no-repeat;
	width:180px;
	height:14px;
	display:block;
}

#schoolinfo ul li span.school_name{
	font-size:14px;
	font-weight:bold;
	line-height:23px;
}

#schoolinfo_footer{
	display: block;
	width:230px;
	height:20px;
	background:url(../images/top/schoolinfo_foot.gif) no-repeat;
}
#schoolinfo_footer span{
	display: none;
}
#tokyo a{
	display: block;
	width:179px;
	height:20px;
	background:url(../images/top/school_tokyo.gif) no-repeat;
	background-repeat: no-repeat;
	margin:0px auto;
}
#tokyo span{
	display:none;
	width:179px;
	height:20px;
}
#kanagawa a{
	display: block;
	width:179px;
	height:20px;
	background:url(../images/top/school_kanagawa.gif) no-repeat;
	background-repeat: no-repeat;
	margin:10px auto 0px;
}
#kanagawa span{
	display:none;
	width:179px;
	height:20px;
}
#chiba a{
	display: block;
	width:179px;
	height:20px;
	background:url(../images/top/school_chiba.gif) no-repeat;
	background-repeat: no-repeat;
	margin:10px auto 0px;
}
#chiba span{
	display:none;
	width:179px;
	height:20px;
}
#saitama a{
	display: block;
	width:179px;
	height:20px;
	background:url(../images/top/school_saitama.gif) no-repeat;
	background-repeat: no-repeat;
	margin:10px auto 0px;
}
#saitama span{
	display:none;
	width:179px;
	height:20px;
}
#aichi a{
	display: block;
	width:179px;
	height:20px;
	background:url(../images/top/school_aichi.gif) no-repeat;
	background-repeat: no-repeat;
	margin:10px auto 0px;
}
#aichi span{
	display:none;
	width:179px;
	height:20px;
}
#kyoto a{
	display: block;
	width:179px;
	height:20px;
	background:url(../images/top/school_kyoto.gif) no-repeat;
	background-repeat: no-repeat;
	margin:10px auto 0px;
}
#kyoto span{
	display:none;
	width:179px;
	height:20px;
}
#osaka a{
	display: block;
	width:179px;
	height:20px;
	background:url(../images/top/school_osaka.gif) no-repeat;
	background-repeat: no-repeat;
	margin:10px auto 0px;
}
#osaka span{
	display:none;
	width:179px;
	height:20px;
}
#hyogo a{
	display: block;
	width:179px;
	height:20px;
	background:url(../images/top/school_hyogo.gif) no-repeat;
	background-repeat: no-repeat;
	margin:10px auto 0px;
}
#hyogo span{
	display:none;
	width:179px;
	height:20px;
}
#fukuoka a{
	display: block;
	width:179px;
	height:20px;
	background:url(../images/top/school_fukuoka.gif) no-repeat;
	background-repeat: no-repeat;
	margin:10px auto 0px;
}
#fukuoka span{
	display:none;
	width:179px;
	height:20px;
}
#hokkaido a{
	display: block;
	width:179px;
	height:20px;
	background:url(../images/top/school_hokkaido.gif) no-repeat;
	background-repeat: no-repeat;
	margin:10px auto 0px;
}
#hokkaido span{
	display:none;
	width:179px;
	height:20px;
}
#schoolinfo a:link {
	color: #0f63a9;
	text-decoration: none;
}
#schoolinfo a:visited {
	color: #0f63a9;
	text-decoration: none;
}
#schoolinfo a:hover {
	color: #3399ff;
	text-decoration: underline;
}


#movie_ti{
	margin-top:15px;
	display: block;
	width:230px;
	height:25px;
	background:url(../images/top/ti_movie.gif) no-repeat;
}
#movie_ti span{
	display: none;
}
#reserve_ti{
	margin-top:15px;
	display: block;
	width:230px;
	height:25px;
	background:url(../images/top/ti_reserve.gif) no-repeat;
}
#reserve_ti span{
	display: none;
}
#mobile_ti{
	margin-top:15px;
	display: block;
	width:230px;
	height:25px;
	background:url(../images/top/ti_mobile.gif) no-repeat;
}
#mobile_ti span{
	display: none;
}
.txt_support {
	line-height: 1.5;
	padding-top: 5px;
}
.photo_support {
	float:left;
	margin:0 5px;
}
.txt_mobile {
	line-height: 1.3;
	padding-top: 5px;
	font-size:11px;
}