@charset "Shift_JIS";

@import "default.css";

html,body,ul,img{
	margin:0;
	padding:0;
	border:0;
}

h1,h2,h3,h4,p,ul,li,div{
	margin:0;
	padding:0;
}

div{
	text-align:left;
}

body {
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	color: #333;
	background-color: #F5F5F5;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}


/*コンテナ（サイト全体のdiv）*/
#container {
	width: 922px;
	padding-top:0px;
}

#header {
	width:910px;
	margin:0 6px;
}

#base922 {
	width:922px;
	background-image: url(../image/base_middle.gif);
	background-repeat: repeat-Y;
	background-position: 0px 0px;
}

#base910 {
	width:910px;
	margin-right: 6px;
	margin-left: 6px;
}

#base870 {
	width:870px;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}


#left-column {
	width:716px;
	/*margin-right: 15px;*/
	margin-left: 10px;
	float: left;
	display:inline;
}

#right-column {
	width:150px;
	margin-right: 10px;
	margin-top: 3px;
	float: right;
	display:inline;
}

#right-column img{
	margin-bottom: 3px;
	margin-right: 3px;
}

#task-news {
	padding:15px;
}

/*トップページバナー部分*/
#banners{
	width:715px;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#banners img{
	margin: 0 0px 3px 3px;
	float: left;
}

#copyright {
	color:#333;
	font-size:12px;
	text-align:right;
	height:40px;
	width:910px;
	margin-left: 6px;
	margin-right: 6px;
	background-image: url(../image/footer_bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#copyright a{
	float:left;
	color:#666;
}

/*ヘッダーナビゲーション部分*/
#header-navi {
	/*height:20px;*/
	background-image: url(../image/header_base1.gif);
	background-repeat: no-repeat;
	text-align:right;
	color:#FFF;
	padding:2px 23px 0 0px;
	font-size:12px;
	margin-top:0px;
}

#header-navi {
	height:20px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../image/header_base1.gif);
	background-repeat: no-repeat;
	text-align:right;
	color:#FFF;
	padding:1px 20px 1px 0;
	font-size:12px;
}

#header-navi ul {
	list-style-type: none;
	margin-right:28px;
}

#header-navi li {
	float: right;
	display: block;
	padding-left: 5px;
}

#header-navi a {
	color:#fff;
	text-decoration:none;
}

#header-navi a:hover {
	color:#99CCFF;
	text-decoration:none;
}
/*end*/


/*ヘッダー中段*/
#header-mid {
	width:910px;
	height:90px;
	background-image: url(../image/header_base2.gif);
	background-repeat: no-repeat;
	margin-bottom:-10px;
}

#logo {
	float: left;
	margin:24px 0px 0 20px;
}

#btns-contact {
	float: right;
	margin-top:64px;
	margin-right:10px;
}

#btns-contact img{
	width: 121px;
	float: right;
	margin-left:3px;
}


/*end*/


/*グローバルナビゲーション部分*/
#header-menu {
	background-image: url(../image/menu_bg.gif);
	background-repeat: repeat-X;
	background-position: 0px 0px;
	height: 25px;
	margin: 0px;
	padding:0 0 3px 20px;
}

#header-menu ul {
	list-style-type:none;
	float: left;
}

#nav-one{ position:relative;}

#search {
	text-align:right;
	flaot:right;
	margin-right:20px;
	background-image: url(../image/menu_bg.gif);
	background-repeat: repeat-X;
	background-position: 0px 0px;
}

/*GN 学校案内*/

#btnoutline {
	height: 22px;
	width: 115px;
	float: left;
	position:relative;
}

#btnoutline a.gn01 {
	background-image: url(../image/menu_01outline.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 22px;
	width: 115px;
	text-indent: -1000em;
}
#btnoutline a.gn01:hover {background-position: 0 -22px;}

#btnoutline ul{position: absolute;top:22px;left:0;z-index:1000; display:none;}
*:first-child+html #btnoutline ul{ top:25px;}
* html  #btnoutline ul{ top:25px;}
*:first-child+html #btnoutline ul li{ margin-top:-3px;}
* html  #btnoutline ul li{ margin-top:-3px;}
#btnoutline ul li a{ padding:5px; background-color:#555; text-align:left; border-bottom:1px solid #fff; color:#FFF; font-size:12px; background-image:none; display:block; width:160px; height:20px; line-height:20px; text-decoration:none;}
#btnoutline ul li a:hover{ padding:5px; background-color:#ccc; text-align:left; border-bottom:1px solid #fff; color:#ff0000; font-size:12px; background-image:none}

/*GN コース*/

#btncourse {
	height: 22px;
	width: 115px;
	float: left;
	position:relative;
}

#btncourse a.gn02 {
	background-image: url(../image/menu_02course.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 22px;
	width: 115px;
	text-indent: -1000em;
}
#btncourse a.gn02:hover {background-position: 0 -22px;}

#btncourse ul{position:absolute;top:22px;left:0;z-index:1100; display:none;}
*:first-child+html #btncourse ul{ top:25px;}
* html  #btncourse ul{ top:25px;}
*:first-child+html #btncourse ul li{ margin-top:-3px;}
* html  #btncourse ul li{ margin-top:-3px;}
#btncourse ul li a{ padding:5px; background-color:#555; text-align:left; border-bottom:1px solid #fff; color:#FFF; font-size:12px; background-image:none; display:block; width:160px; height:20px; line-height:20px; text-decoration:none;}
#btncourse ul li a:hover{ padding:5px; background-color:#ccc; text-align:left; border-bottom:1px solid #fff; color:#ff0000; font-size:12px; background-image:none}

#btncourse ul li#btncourse2 a.sub02{background: url(../image/bgAddnavi.gif) top;}


#btncourse2 ul{position:absolute; top:124px; left:170px; z-index:1150; display:none;}
*:first-child+html #btncourse2 ul{ top:124px;}
* html  #btncourse2 ul{ top:127px;}
*:first-child+html #btncourse2 ul li{ margin-top:-3px;}
* html  #btncourse2 ul li{ margin-top:-3px;}
#btncourse2 ul li a{ padding:5px; background-image:none; background-color:#555; text-align:left; border-bottom:1px solid #fff; color:#FFF; font-size:12px; background-image:none; display:block; width:160px; height:20px; line-height:20px; text-decoration:none;}
#btncourse2 ul li a:hover{ padding:5px; background-image:none; background-color:#ccc; text-align:left; border-bottom:1px solid #fff; color:#ff0000; font-size:12px; background-image:none}


/*GN 入学案内*/

#btnexam_info {
	height: 22px;
	width: 115px;
	float: left;
	position:relative;
}

#btnexam_info a.gn03 {
	background-image: url(../image/menu_03exam_info.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 22px;
	width: 115px;
	text-indent: -1000em;
}

#btnexam_info a.gn03:hover {background-position: 0 -22px;}

#btnexam_info ul{position:absolute;top:22px;left:0;z-index:1200; display:none;}
*:first-child+html #btnexam_info ul{ top:25px;}
* html  #btnexam_info ul{ top:25px;}
*:first-child+html #btnexam_info ul li{ margin-top:-3px;}
* html  #btnexam_info ul li{ margin-top:-3px;}
#btnexam_info ul li a{ padding:5px; background-color:#555; text-align:left; border-bottom:1px solid #fff; color:#FFF; font-size:12px; background-image:none; display:block; width:160px; height:20px; line-height:20px; text-decoration:none;}
#btnexam_info ul li a:hover{ padding:5px; background-color:#ccc; text-align:left; border-bottom:1px solid #fff; color:#ff0000; font-size:12px; background-image:none}


/*GN 資格*/

#btnjob {
	height: 22px;
	width: 115px;
	float: left;
	position:relative;
}

#btnjob a.gn04 {
	background-image: url(../image/menu_04job.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 22px;
	width: 115px;
	text-indent: -1000em;
}

#btnjob a.gn04:hover {
	background-position: 0 -22px;
}

#btnjob ul{position:absolute;top:22px;left:0;z-index:1300; display:none;}
*:first-child+html #btnjob ul{ top:25px;}
* html  #btnjob ul{ top:25px;}
*:first-child+html #btnjob ul li{ margin-top:-3px;}
* html  #btnjob ul li{ margin-top:-3px;}
#btnjob ul li a{ padding:5px; background-color:#555; text-align:left; border-bottom:1px solid #fff; color:#FFF; font-size:12px; background-image:none; display:block; width:160px; height:20px; line-height:20px; text-decoration:none;}
#btnjob ul li a:hover{ padding:5px; background-color:#ccc; text-align:left; border-bottom:1px solid #fff; color:#ff0000; font-size:12px; background-image:none}


/*GN 交流*/

#btnworld {
	height: 22px;
	width: 115px;
	float: left;
	position:relative;
}

#btnworld a.gn05 {
	background-image: url(../image/menu_05world.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 22px;
	width: 115px;
	text-indent: -1000em;
}

#btnworld a.gn05:hover {
	background-position: 0 -22px;
}

#btnworld ul{position:absolute;top:22px;left:0;z-index:1400; display:none;}
*:first-child+html #btnworld ul{ top:25px;}
* html  #btnworld ul{ top:25px;}
*:first-child+html #btnworld ul li{ margin-top:-3px;}
* html  #btnworld ul li{ margin-top:-3px;}
#btnworld ul li a{ padding:5px; background-color:#555; text-align:left; border-bottom:1px solid #fff; color:#FFF; font-size:12px; background-image:none; display:block; width:160px; height:20px; line-height:20px; text-decoration:none;}
#btnworld ul li a:hover{ padding:5px; background-color:#ccc; text-align:left; border-bottom:1px solid #fff; color:#ff0000; font-size:12px; background-image:none}


#btnrecurrent {
	height: 22px;
	width: 115px;
	float: left;
}

#btnrecurrent a {
	background-image: url(../image/menu_06recurrent.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 22px;
	width: 115px;
	text-indent: -1000em;
}

#btnrecurrent a:hover {
	background-position: 0 -22px;
}

/*ナビゲーション部分ここまで*/


#top-flash{
	margin:3px 3px 10px 3px; z-index:10;
}


/*トップページNEWSここから*/

#news {
	background-image: url(../image/news_top.gif);
	background-repeat: no-repeat;
	background-position: top center;
	padding-top:30px;
	margin-bottom:5px;
}

#news-base {
	font-size:14px;
	padding:19px 10px 10px 20px; 
	background-image: url(../image/news_middle.gif);
	background-repeat: repeat-Y;
	background-position: top left;
}

.news-date{
	color:#948951;
	font-weight:bold;
}

.news-headline{
	padding-left:10px;
}

/*トップページNEWSここまで*/


/*各ページ内共通*/
#pankuzu {
	font-size:12px;
	color:#666;
	margin-bottom:20px;
}

.return-top {
	font-size:12px;
	float:right;
	padding-left:12px;
	background-image: url(../image/cursor_up.gif);
	background-repeat: no-repeat;
	background-position: center left;
	margin-top:25px;
	margin-bottom:15px;
}

.return-top br{
	clear:both;
}


/*プルダウン部分*/


/*メッセージ*/
#message {
	border:solid 2px #919191;
	margin:10px 0;
	font-size:14px;
	color:#555;
	padding:5px;
	background-color:#F5F5F5;
}

#message strong{
	color:#EB3A00;
	line-height:24px;
}

#message p{
	margin:0;
	line-height:18px;
}