@charset "utf-8";

/*
******************************************************************************************
* common.css
* site name : DC Hino
* description : 基本共通指定
* since : 2009/06/09
******************************************************************************************
*/
/*
==========================================================================================
* 共通指定
==========================================================================================
*/
	body{
		margin: 0;
		text-align: center;
		line-height:190%;
		letter-spacing:1px;
		font-size:75%;
		font-family:"ＭＳ Ｐゴシック", Osaka, sans-serif, "ヒラギノ角ゴ Pro W3";
		color: #3c3c3c;
		background: url("../image/back.jpg") repeat-x 50% 0;
	}


/*
------------------------------------------------------------------------------
* リンク
------------------------------------------------------------------------------
*/
	a{
		text-decoration: none;
		color: #009ac5;
		outline: none;
	}

	a:link{
		text-decoration: none;
		color: #009ac5;
	}
	
	a:hover{
		text-decoration: underline;
		color: #419f00;
	}

/*
------------------------------------------------------------------------------
* 配置：左寄せ・右寄せ・中央寄せ
------------------------------------------------------------------------------
*/
	.algn_l{
		text-align:left;
	}

	.algn_r{
		text-align:right;
	}

	.algn_c{
		text-align:center;
	}


/*
------------------------------------------------------------------------------
* 回り込み：回り込み解除
------------------------------------------------------------------------------
*/
	.flt_l{
		float:left;
	}

	.flt_r{
		float:right;
	}

	.clr_l{
		clear:left;
	}

	.clr_r{
		clear:right;
	}

	.clr_b{
		clear:both;
	}
	

/*
------------------------------------------------------------------------------
* 画像枠など
------------------------------------------------------------------------------
*/
	img{
		border:0px;
	}

	p{
		margin:0;
	}

	hr{
		display:none;
	}

/*
------------------------------------------------------------------------------
* 見出し
------------------------------------------------------------------------------
*/
	h1 span, h2 span,
	h3 span, h4 span{
		display:none;
	}


/*
------------------------------------------------------------------------------
* ページタイトル
------------------------------------------------------------------------------
*/

	h1{
		margin:0;
		padding:0;
	}

/*
------------------------------------------------------------------------------
* サブタイトル
------------------------------------------------------------------------------
*/

	h2.subttl01{
		margin:15px 0 0 0;
		padding:0;
	}

	h2.subttl02{
		margin:45px 0 0 0;
		padding:0;
	}

/*
------------------------------------------------------------------------------
* テキスト関連
------------------------------------------------------------------------------
*/

	.red_txt{
		color:#f20000;
	}

	p.txt{
		margin:10px 6px 0 6px;
		padding:0;
	}


/*
==========================================================================================
* コンテンツ共通指定
==========================================================================================
*/

/*
------------------------------------------------------------------------------
* ヘッダー
------------------------------------------------------------------------------
*/
	div#header{
		width:915px;
		text-align:left;
		margin:0 auto;
	}

	div#header_space{
		width:915px;
		height:90px;
		text-align:left;
		position:absolute;
		top:0;
		margin:0 auto;
	}

	div#header_top{
		width:500px;
		height:80px;
		margin:0;
		float:left;
	}

/* ロゴ */
	h1.h_top,
	p.h_top{
		height:80px;
		font-size:10px;
		font-weight:normal;
		letter-spacing:-1px;
		color:#4c4c4c;
		line-height:1;
		background:url("../image/logo.gif") no-repeat 0 20px;
		margin:7px 0 0 0;
		padding:0;
	}

	h1.h_top a,
	h1.h_top a:hover,
	p.h_top a,
	p.h_top a:hover{
		display:inline-block;
		height:80px;
		color:#4c4c4c;
		text-decoration:none;
		margin:0;
		padding:3px 0 0 10px;
	}

/* ボタン */
	ul#header_btn{
		float:right;
		margin:35px 0 0 0;
		list-style-type:none;
	}

	ul#header_btn li{
		float:left;
		margin:0 3px 0 0;
		width:167px;
	}

	ul#header_btn li span{
		display:none;
	}

	ul#header_btn li a{
		height:39px;
		display:block;;
	}

/* 資料請求 */
	ul#header_btn li.request{
		background:url("../image/btn_request.gif") no-repeat 0 0;
	}
	ul#header_btn li.request a:hover{
		background:url("../image/btn_request.gif") no-repeat 0 -39px;
	}

/* 仮入所の申し込み */
	ul#header_btn li.application{
		background:url("../image/btn_application.gif") no-repeat 0 0;
	}
	ul#header_btn li.application a:hover{
		background:url("../image/btn_application.gif") no-repeat 0 -39px;
	}


/*
------------------------------------------------------------------------------
* コンテンツ
------------------------------------------------------------------------------
*/
	div#container{
		width:1000px;
		text-align:left;
		margin:90px auto 0 auto;
/*通常はこの背景を使う↓*/
/*		background:url("../image/bg_sky.jpg") no-repeat 0 1px;*/
		overflow:hidden;
	}

	div#container_btm{
		width:915px;
		text-align:left;
		margin:0 auto 25px auto;
		overflow:hidden;
	}

	*html div#container_btm{
		width:915px;
		text-align:left;
		margin:0 auto 25px 20px;
		overflow:hidden;
	}

/*
------------------------------------------------------------------------------
* メインコンテンツ
------------------------------------------------------------------------------
*/
	div#t_wrapper{
		width:915px;
		margin:1px auto 0 auto;
		padding:0;
		background-color:#fff;
		overflow:hidden;
	}

	*html div#t_wrapper{
		width:915px;
		margin:1px auto 0 54px;
		padding:0;
		background-color:#fff;
		overflow:hidden;
	}

/*
------------------------------------------------------------------------------
* メインコンテンツ 内容
------------------------------------------------------------------------------
*/

/* 提携大学・企業・高齢者ボタン */
	ul#teikei_btn{
		float:left;
		width:190px;
		margin:0;
		padding:0;
		list-style-type:none;
	}

	ul#teikei_btn li{
		margin:0;
		padding:0;
	}

	html>/**/body ul#teikei_btn li{
		margin:0 0 2px 0;
		padding:0;
	}

	ul#teikei_btn li span{
		display:none;
	}

	ul#teikei_btn li a{
		height:59px;
		display:block;
	}

/* 提携大学 */
	ul#teikei_btn li.btn01{
		width:190px;
		height:59px;
		background:url("../image/bnr_university.gif") no-repeat 0 0;
	}
	ul#teikei_btn li.btn01 a:hover{
		background:url("../image/bnr_university.gif") no-repeat 0 -59px;
	}

/* 企業 */
	ul#teikei_btn li.btn02{
		width:190px;
		height:59px;
		background:url("../image/bnr_company.gif") no-repeat 0 0;
	}
	ul#teikei_btn li.btn02 a:hover{
		background:url("../image/bnr_company.gif") no-repeat 0 -59px;
	}

/* 高齢者 */
	ul#teikei_btn li.btn03{
		width:190px;
		height:59px;
		background:url("../image/bnr_senior.gif") no-repeat 0 0;
	}
	ul#teikei_btn li.btn03 a:hover{
		background:url("../image/bnr_senior.gif") no-repeat 0 -59px;
	}

/* 料金・入校資格 */
	ul#teikei_btn li.btn04{
		width:190px;
		height:59px;
		background:url("../image/bnr_price.gif") no-repeat 0 0;
	}
	ul#teikei_btn li.btn04 a:hover{
		background:url("../image/bnr_price.gif") no-repeat 0 -59px;
	}


/* 魅力：切り替え部分写真 */
	div.view{
		float:right;
	}

/* 5つの魅力 */
	div.dchino_5charm{
		clear:both;
		height:107px;
		margin:0;
		padding:0;
		background:url("../image/bg_5charm.jpg") repeat-x 0 0;
		overflow:hidden;
	}

	div.dchino_5charm img.charm_ttl{
		float:left;
		width:100px;
		margin:0 0 0 2px;
		padding:0;
	}

	div.dchino_5charm ul#thumbs{
		margin:2px 0 0 3px;
		padding:0;
		float:left;
		list-style-type:none;
		overflow:hidden;
	}

	*html div.dchino_5charm ul#thumbs{		/* CSS hack:IE6 */
		margin:0 0 0 1px;
		padding:0;
		float:left;
		list-style-type:none;
	}

	div.dchino_5charm ul#thumbs li{
		float:left;
		width:160px;
		margin:0 2px 0 0;
		padding:0;
	}

	div.dchino_5charm ul#thumbs li.first{
		display:none;
	}

	div.dchino_5charm ul#thumbs li h2{
		margin:0;
		padding:0;
	}

	html:not([lang*=""]) div.dchino_5charm ul#thumbs li h2{		/* CSS hack:Firefox */
		margin:-8px 0 0 0;
		padding:0;
	}

	div.dchino_5charm ul#thumbs li h2 span{
		display:none;
	}

	div.dchino_5charm ul#thumbs li h2.charm01{
		background:url("../image/charm_msg01.gif") no-repeat 0 3px;
		width:146px;
		height:15px;
	}
	div.dchino_5charm ul#thumbs li h2.charm02{
		background:url("../image/charm_msg02.gif") no-repeat 0 3px;
		width:147px;
		height:24px;
	}
	div.dchino_5charm ul#thumbs li h2.charm03{
		background:url("../image/charm_msg03.gif") no-repeat 0 3px;
		width:121px;
		height:24px;
	}
	div.dchino_5charm ul#thumbs li h2.charm04{
		background:url("../image/charm_msg04.gif") no-repeat 0 3px;
		width:109px;
		height:15px;
	}
	div.dchino_5charm ul#thumbs li h2.charm05{
		background:url("../image/charm_msg05.gif") no-repeat 0 3px;
		width:146px;
		height:24px;
	}


/* バナー：イベント・特色・スタッフ・ブログ */
	ul#bnr_4dchino{
		clear:both;
		list-style-type:none;
		margin:0;
		padding:0;
		overflow:hidden;
	}

	ul#bnr_4dchino li{
		float:left;
		width:228px;
		height:84px;
		margin:3px 0 0 0;
		padding:0;
	}

	ul#bnr_4dchino li.event,
	ul#bnr_4dchino li.feature,
	ul#bnr_4dchino li.staff,
	ul#bnr_4dchino li.blog{
		margin:3px 1px 0 0;
	}

	ul#bnr_4dchino li span{
		display:none;
	}

	ul#bnr_4dchino li a{
		height:84px;
		display:block;
	}

/* イベント・キャンペーン */
	ul#bnr_4dchino li.event{
		background:url("../image/btn_event.gif") no-repeat 0 0;
	}
	ul#bnr_4dchino li.event a:hover{
		background:url("../image/btn_event.gif") no-repeat 0 -84px;
	}
/* DC日野の特色 */
	ul#bnr_4dchino li.feature{
		background:url("../image/btn_dc_feature.gif") no-repeat 0 0;
	}
	ul#bnr_4dchino li.feature a:hover{
		background:url("../image/btn_dc_feature.gif") no-repeat 0 -84px;
	}
/* スタッフ紹介 */
	ul#bnr_4dchino li.staff{
		background:url("../image/btn_staff.gif") no-repeat 0 0;
	}
	ul#bnr_4dchino li.staff a:hover{
		background:url("../image/btn_staff.gif") no-repeat 0 -84px;
	}
/* ブログ */
	ul#bnr_4dchino li.blog{
		background:url("../image/btn_blog.gif") no-repeat 0 0;
	}
	ul#bnr_4dchino li.blog a:hover{
		background:url("../image/btn_blog.gif") no-repeat 0 -84px;
	}
/* ブログ2 */
	ul#bnr_4dchino li.blog2{
		background:url("../image/btn_blog2.gif") no-repeat 0 0;
	}
	ul#bnr_4dchino li.blog2 a:hover{
		background:url("../image/btn_blog2.gif") no-repeat 0 -84px;
	}


/*
------------------------------------------------------------------------------
* 右カラム
------------------------------------------------------------------------------
*/
	div#t_right{
		clear:both;
		width:688px;
		float:right;
		margin:10px 0 0 0;
		padding:0;
		overflow:hidden;
	}

/*
------------------------------------------------------------------------------
* 左カラム
------------------------------------------------------------------------------
*/
	div#left{
		width:217px;
		float:left;
		margin:10px 0 0 0;
		padding:0;
	}

/* バナー */
	ul#left_bnr{
		margin:7px 0 0 0;
		padding:0;
		list-style-type:none;
	}
	
	ul#left_bnr li{
		margin:0 0 2px 0;
		padding:0;
	}

	ul#left_bnr li.to_group{
		margin:7px 0 2px 0;
		padding:0;
	}

/*
------------------------------------------------------------------------------
* GNAVI
------------------------------------------------------------------------------
*/
	div#gnavi{
		width:217px;
		height:230px;
		background:url("../image/gnavi.gif") no-repeat 0 0;
		margin:0;
		padding:0;
	}

	#gnavi ul{
		width:217px;
		height:264px;
		list-style:none;
		margin:0;
		padding:26px 0 0 0;
	}

	#gnavi ul li{
		height:34px;
		margin:0;
		padding:0;
		display:inline;
	}

	#gnavi01,#gnavi02,
	#gnavi03,#gnavi04,
	#gnavi05,#gnavi06,#gnavi07{
		width:217px;
		height:34px;
	}

	#gnavi ul li span{
		display:none;
	}

	#gnavi ul li a{
		height:34px;
		display:block;
	}

	#gnavi ul li#gnavi01 a:hover{
		background:url("../image/gnavi.gif") no-repeat -217px -26px;
	}
	#gnavi ul li#gnavi02 a:hover{
		background:url("../image/gnavi.gif") no-repeat -217px -60px;
	}
	#gnavi ul li#gnavi03 a:hover{
		background:url("../image/gnavi.gif") no-repeat -217px -94px;
	}
	#gnavi ul li#gnavi04 a:hover{
		background:url("../image/gnavi.gif") no-repeat -217px -128px;
	}
	#gnavi ul li#gnavi05 a:hover{
		background:url("../image/gnavi.gif") no-repeat -217px -162px;
	}
	#gnavi ul li#gnavi06 a:hover{
		background:url("../image/gnavi.gif") no-repeat -217px -196px;
	}
	#gnavi ul li#gnavi07 a:hover{
		background:url("../image/gnavi.gif") no-repeat -217px -230px;
	}


/*
------------------------------------------------------------------------------
* ページトップ
------------------------------------------------------------------------------
*/
	div.page_top{
		clear:both;
		margin:0 auto;
		padding:0;
		text-align:right;
		width:915px;
		line-height:0;
	}
	div.page_top img{
		margin:0;
		padding:0;
	}


/*
------------------------------------------------------------------------------
* フッター
------------------------------------------------------------------------------
*/
	div#footer{
		clear:both;
		border-top:1px solid #b1b1b1;
		margin:0;
		font-size:90%;
		letter-spacing:0;
	}

	*html div#footer{
		clear:both;
		border-top:1px solid #b1b1b1;
		margin:-3px 0 0 0;
		font-size:90%;
		letter-spacing:0;
	}

	*+html div#footer{
		clear:both;
		border-top:1px solid #b1b1b1;
		margin:-2px 0 0 0;
		font-size:90%;
		letter-spacing:0;
	}

	*+html div#footer{
		clear:both;
		border-top:1px solid #b1b1b1;
		margin:-2px 0 0 0;
		font-size:90%;
		letter-spacing:0;
	}

	*+html>/**/body div#footer{
		clear:both;
		border-top:1px solid #b1b1b1;
		margin:0;
		font-size:90%;
		letter-spacing:0;
	}

	div#footer_bg{
		overflow:hidden;
	}

	ul#fnavi{
		width:690px;
		color:#362d13;
		margin:0 auto;
		padding:15px 0 0 0;
		list-style-type:none;
	}

	ul#fnavi2{
		width:690px;
		color:#362d13;
		margin:0 auto;
		padding:0 0 10px 0;
		list-style-type:none;
	}

	ul#fnavi li,
	ul#fnavi2 li{
		display:inline;
	}

	ul#fnavi li a,
	ul#fnavi2 li a{
		text-decoration: none;
		color: #362d13;
		outline: none;
	}

	ul#fnavi li a:link,
	ul#fnavi2 li a:link{
		text-decoration: none;
		color: #362d13;
	}
	
	ul#fnavi li a:hover,
	ul#fnavi2 li a:hover{
		text-decoration: underline;
		color: #419f00;
	}

	div#footer_bg p{
		color:#545454;
		margin:0;
		padding:0;
	}

	div#footer .copyright{
		clear:left;
		font-size:10px;
		letter-spacing:1px;
		color:#fff;
		margin:5 auto;
		padding:2px 0;
		background-color:#000;
	}

	div#footer .copyright a,
	div#footer .copyright a:link{
		color:#fff;
		text-decoration: none;
	}

	div#footer .copyright a:hover{
		color:#fff;
		text-decoration: underline;
	}