/* 東京栄養食糧専門学校用CSS */

/* 基本エレメント */
a:link, a:visited {
	color: #0099FF;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}
/**/

/* ヘッダー */
#header #logo {
	padding: 32px 0 28px 14px;
}
#header ul.header_right {
	width: 280px;
	padding: 55px 0 0; 
}
/**/

/* グローバルナビゲーション */
#globalnav ul {
	background-color: #008CD7;
}
#globalnav ul li {
}
#globalnav ul li a {
	background-image: url(../img/globalnav.png);
}
li#nav_home a {
	width: 134px;
	background-position: 0 0;
}
li#nav_home a:hover {
	background-position: 0 -48px;
}
li#nav_about a {
	width: 134px;
	background-position: -134px 0;
}
li#nav_about a:hover {
	background-position: -134px -48px;
}
li#nav_intro a {
	width: 134px;
	background-position: -268px 0;
}
li#nav_intro a:hover {
	background-position: -268px -48px;
}
li#nav_guide a {
	width: 134px;
	background-position: -402px 0;
}
li#nav_guide a:hover {
	background-position: -402px -48px;
}
li#nav_campus a {
	width: 134px;
	background-position: -536px 0;
}
li#nav_campus a:hover {
	background-position: -536px -48px;
}
li#nav_job a {
	width: 134px;
	background-position: -670px 0;
}
li#nav_job a:hover {
	background-position: -670px -48px;
}
li#nav_topic a {
	width: 146px;
	background-position: -804px 0;
}
li#nav_topic a:hover {
	background-position: -804px -48px;
}
/**/

/* トピックス */
.b_topic dt {
	background: url(../img/topic_list.png) left center no-repeat;
}
/**/

/* 右コンテンツ */
#sub {
	border-color: #F0FAFF;
}
#pickup {
	background: #F0FAFF;
}
/**/

/* ローカルナビ */
#sub ul.localnav li a {
	background-image: url(../img/l_localnav.gif);
}
#sub ul.localnav li a:hover {
	background-image: url(../img/l_localnav_hover.gif);
}
/**/

/* フッター */
#footer {
	border-top-color: #008CD7;
}
/**/

/*ホテルビジネス専門学校体験入学*/
#bluebox {
        width: 650px;
        border-collapse: separate;
        border-spacing: 1px;
}
#bluebox th {
        font-size: 14px;
        color: #FFF;
        padding: 3px;
        border-top: 1px solid #EEE;
        border-left: 1px solid #CCC;
        border-right: 1px solid navy;
        border-bottom: 1px solid navy;
        background-color: #5fadfa;
}

#bluebox td {
        font-size: 10px;
        color: #333;
        padding: 2px 5PX 2PX 5px;
        border-top: 1px solid #EEE;
        border-left: 1px solid #CCC;
        border-right: 1px solid #666;
        border-bottom: 1px solid #555;
        background-color: #d7eafc;
}

#bluebox td.end{
        text-decoration:line-through;
        color: #800;
}
/**/


/* オープンキャンパス　コース別*/
#oc_course_title{
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
	font-size:14px;
	color:#FFFFFF;
	margin:0;
}

#oc_course_date{
	font-size:14px;
	color:#FFFFFF;
}

#oc_course_read{
	font-size:13px;
	color:#FFFFFF;
	margin:10px 0 0 0;
}

#oc_course_right{
	font-size:12px;
	color:#BEA140;
}

#oc_course_left{
	font-size:12px;
	color:#BEA140;
	padding:0 0 5px 5px;
	margin:0;
}

#oc_course_right_h{
	font-size:11px;
	line-height:110%;
	color:#fff799;
	margin:7px 0 0 0;
	text-align:left
	
}

#oc_course_left_h{
	font-size:11px;
	line-height:110%;
	color:#fff799;
	margin:7px 0 0 0;;
}
/**/

/* 各校案内 */
#departmentNavi {
	padding: 20px 0;
}
#departmentNavi #leftBox {
	float: left;
	width: 454px;
	margin: 0 20px 0 0;
}
#departmentNavi #rightBox {
	float: right;
	width: 454px;
}
#departmentNavi .shoolguide dt {
	line-height: 0;
	font-size: 0;
}
#departmentNavi .shoolguide dd {
	width: 454px;
	background: #fff url(../img/top/shoolguide_bottom.gif) no-repeat left bottom;
	padding: 0 0 5px;
}
#departmentNavi .shoolguide dd ul {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 10px 15px;
}
#departmentNavi .shoolguide dd ul li {
	line-height: 1.8;
	background: url(../img/arrow_gray.gif) left center no-repeat;
	padding: 0 0 0 15px;
}

/**/

/* 動画ニュース */
#movieList h4 {
	font-size: 120%;
	font-weight: bold;
	padding: 3px 15px;
	margin: 15px 0 15px;
}
#movieList h4.color1 {
	border-left: 5px solid #5e97f9;
	border-bottom: 1px solid #5e97f9;
}
#movieList h4.color2 {
	border-left: 5px solid #ffcc99;
	border-bottom: 1px solid #ffcc99;
}
#movieList h4.color3 {
	border-left: 5px solid #f476c8;
	border-bottom: 1px solid #f476c8;
}
#movieList h4.color4 {
	border-left: 5px solid #a9d3fd;
	border-bottom: 1px solid #a9d3fd;
}
#movieList .movieBox {
	float: left;
	width: 200px;
	margin: 0 15px 15px 0;
}
#movieList .movieBox {
	float: left;
	width: 200px;
	margin: 0 15px 15px 0;
}