@charset "utf-8";


/* ------------ 重複スタイル ------------ */
#gnavi ul{
	width:950px;
	height:31px;
	background:url(../images/common/bg_gnavi.jpg) left top no-repeat;

}
/* ------------ totop ------------ */





/* ------------ topimage ------------ */
#topimage {
	width:686px;
	height:325px;
	padding-bottom:6px;
	float:left;
}
.side_navi{
	float:left;
	white-space:260px;
}
.side_navi ul li{
	padding:0px;
	margin:0px;
	list-style-type:none;
}
/* ------------ index ------------ */
#contents_top {
	width:951px;
	margin-top:10px;
}

/* ------------ left ------------ */

#reason_01 p{
	padding:53px 240px 0px 94px;
	color:#666666;
	line-height:21px;
	font-size:12px;
}
#reason_01 span{
	display:none;
}
#reason_ti01{
	display: block;
	width:950px;
	height:32px;
	background:url(../images/top/ttl_01.jpg) no-repeat;
	margin: 0px;
}
#reason_ti01_01{
	display: block;
	width:950px;
	height:142px;
	background:url(../images/top/contents_01_01.jpg) no-repeat;
	margin: 0px;
}
#reason_ti01_02{
	display: block;
	width:950px;
	height:144px;
	background:url(../images/top/contents_01_02.jpg) no-repeat;
	margin: 0px;
}
#reason_ti01_03{
	display: block;
	width:950px;
	height:147px;
	background:url(../images/top/contents_01_03.jpg) no-repeat;
	margin: 0px;
}
#reason_ti01_04{
	display: block;
	width:950px;
	height:161px;
	background:url(../images/top/contents_01_04.jpg) no-repeat;
	margin: 0px;
}

#reason_02 p{
	padding:0px 13px 10px 13px;
	color:#666666;
	line-height:18px;
	font-size:12px;
}
#reason_02 span{
	display:none;
}
#reason_ti02{
	display: block;
	width:950px;
	height:32px;
	background:url(../images/top/ttl_02.jpg) no-repeat;
	margin: 0px;
}
#flash_area{
	padding:13px 11px 30px 11px;
}
#reason_ti02_02{
	display: block;
	width:950px;
	height:38px;
	background:url(../images/top/ttl_02_02.jpg) no-repeat;
	margin: 0px;
}

#area_02{
	padding:0px 13px;
}
#area_02 p{
	padding:60px 15px 0px 0px;
}
#area_02 ul li{
	float:left;
	list-style:none;
	margin:0px;
}

#area_02 .bg1{
	display:block;
	background:url(../images/top/02_02_1.jpg) no-repeat;
	width:316px;
	height:106px;
}
#area_02 .bg2{
	display:block;
	background:url(../images/top/02_02_2.jpg) no-repeat;
	width:316px;
	height:106px;
}
#area_02 .bg3{
	display:block;
	background:url(../images/top/02_02_3.jpg) no-repeat;
	width:293px;
	height:106px;
}
#area_02 .bg4{
	display:block;
	background:url(../images/top/02_02_4.jpg) no-repeat;
	width:316px;
	height:100px;
}
#area_02 .bg5{
	display:block;
	background:url(../images/top/02_02_5.jpg) no-repeat;
	width:316px;
	height:100px;
}
#area_02 .bg6{
	display:block;
	background:url(../images/top/02_02_6.jpg) no-repeat;
	width:293px;
	height:100px;
}
#area_03{
	padding:0px 13px ;
}
#area_03 p{
	padding:60px 15px 0px 0px;
}
#area_03 ul li{
	float:left;
	list-style:none;
	margin:0px;
}
#area_03 .bg1{
	display:block;
	background:url(../images/top/02_03_html.jpg) no-repeat;
	width:466px;
	height:160px;
}
#area_03 .bg2{
	display:block;
	background:url(../images/top/02_03_action.jpg) no-repeat;
	width:459px;
	height:160px;
}
#area_03 .bg3{
	display:block;
	background:url(../images/top/02_03_php.jpg) no-repeat;
	width:466px;
	height:160px;
}
#area_03 .bg4{
	display:block;
	background:url(../images/top/02_03_ajax.jpg) no-repeat;
	width:459px;
	height:160px;
}

#reason_03{
	padding-bottom:20px;
}
#reason_03 .txt01{
	padding:55px 28px 5px 230px;
	color:#666666;
	line-height:18px;
	font-size:12px;
}
#reason_03 .txt02{
	padding:15px 35px 5px 320px;
	color:#666666;
	line-height:18px;
	font-size:12px;
}
#reason_03 .txt03{
	padding:65px 28px 5px 230px;
	color:#666666;
	line-height:18px;
	font-size:12px;
}
#reason_03 .txt04{
	padding:5px 35px 5px 320px;
	color:#666666;
	line-height:18px;
	font-size:12px;
}
#reason_03 strong{
	display:none;
}
#reason_03 a{
	text-align:right;
}
.txt_right_web{
	text-align:right;
	padding-right:28px;	
}
#reason_ti03{
	display: block;
	width:950px;
	height:31px;
	background:url(../images/top/ttl_03.jpg) no-repeat;
	margin: 0px;
}
#reason_03_01{
	display:block;
	background:url(../images/top/03_01.jpg) no-repeat;
	width:950px;
	height:227px;
}
#reason_03_02{
	display:block;
	background:url(../images/top/03_02.jpg) no-repeat;
	width:950px;
	height:238px;
}
#reason_03_03{
	display:block;
	background:url(../images/top/03_03.jpg) no-repeat;
	width:950px;
	height:262px;
}
#reason_03_box p{
	padding:10px 0px 0px 18px;
}
#reason_03_box strong{
	display:none;
}
.reason_03_btn{
	padding:10px 0px 0px 200px;
}
#area_03_box ul li{
	float:left;
	margin:0px;
}
#reason_03_box01{
	float:left;
	margin-right:11px;
}
#reason_03_box02{
	float:left;
}
#reason_03_box .bg1{
	display:block;
	background:url(../images/top/box_01_ttl.jpg) no-repeat;
	width:470px;
	height:62px;
	
}
#reason_03_box .bg2{
	display:block;
	background:url(../images/top/box_02_ttl.jpg) no-repeat;
	width:470px;
	height:62px;
}
#reason_03_box .bg3{
	display:block;
	background:url(../images/top/box_list03.jpg) no-repeat;
	width:470px;
	height:32px;
}
#reason_03_box .bg_foot{
	display:block;
	background:url(../images/top/box_list02.jpg) no-repeat;
	width:470px;
	height:35px;
}

#reason_ti04{
	display: block;
	width:950px;
	height:31px;
	background:url(../images/top/ttl_04.jpg) no-repeat;
	margin: 0px;
}
#reason_ti04 span{
	display:none;
}
#reason_04{
	display: block;
	width:950px;
	height:271px;
	background:url(../images/top/04_bg.jpg) no-repeat;
	margin: 0px;
}
#reason_04 p{
	padding:10px 25px 0px 25px;
}






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

#btn_go_list{
	text-align:center;
	padding:15px 0px;
}
/* ------------ btarea ------------ */
#btarea {
	width:709px;
	font-size: 12px;
	color: #666666;
	background-image: url(../images/top/bt_bg.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 94px;
	padding-top: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1.4;
}

/* ------------ 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;
}

/* ------------ 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:90px;
	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 strong{
	font-size:14px;
	line-height:23px;
}
#schoolinfo ul li span{
	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_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;
}