@charset "utf-8";
/*--------------------------------------
ページ共通
----------------------------------------*/
*{	margin:0; padding:0; }
body{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	_font-size: 80%;/*IE6用フォントサイズ*/
	background-color:#333;
	padding-top:10px;
}
h1, h2, h3, h4, h5, h6, p, address {
	font-size: 12px;
	_font-size: 90%;/*IE6用フォントサイズ*/ 
}
body, h1, h2, h3, h4, h5, h6, p, address, img, li, dl, td, th, em{
	border: none;
	line-height:1.5;
	color: #333;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	font-style:normal;
}
th, td { vertical-align: top; text-align: left;}
img{ border:none;}
strong { font-weight: bold; }
caption { caption-side: bottom;}
hr { display: none;}
a{ outline : 0 ;}

/*-----------------------------------リンク*/
a {	color: #346B9E; text-decoration: underline; }
a:hover { color: #C30D23; text-decoration: none; }

a.maillink { color: #003399; text-decoration: none; }
a:hover.maillink { color: #003399; text-decoration: underline; }
a:visited.maillink { color: #003399; text-decoration: none; }
/*-----------------------------------リスト*/
li { list-style-position: outside; list-style-type: none;}
.list01 li { list-style-position: outside; list-style-type: decimal; margin-left: 25px;}
.list02 li { list-style-position: outside; list-style-type: disc; margin-left: 25px;}
/*-----------------------------------フォント*/
.bold {	font-weight: bold;}
.normal { font-weight: normal; font-size: 12px;}
.must {	color: #FF0000; }
.color01 { color: #FF0000; }
.color02 { color: #313952; }
.color03 { color: #ff6300; }
.color04 { color: #4adec8; }
.color05 { color: #66cc00; }
.color06 { color: #0099ff; }
.color07 { color: #CC0000; }
.color08 { color: #990000; }
.color09 { color: #007BDE; }
.color10 { color: #FFFF00; }
.color11 { color: #C30D23; }
.color12 { color: #FF9900; }
.color13 { color: #8D6F03; }
.color14 { color: #FFFFFF; }

.xlarge {
	font-size: 16px;
	_font-size: 135%;/*IE6用フォントサイズ*/ 
}
.large {
	font-size: 14px;
	_font-size: 110%;/*IE6用フォントサイズ*/ 
}
.small {
	font-size: 11px;
	_font-size: 85%;/*IE6用フォントサイズ*/ 
}
.xsmall {
	font-size: 10px;
	_font-size: 75%;/*IE6用フォントサイズ*/ 
}
.xxsmall {
	font-size: 9px;
	_font-size: 75%;/*IE6用フォントサイズ*/ 
}

/*-----------------------------------テキスト位置等*/
.center { text-align: center;}
.txtRight { text-align: right;}
.fright { float: right; }
.fleft { float: left; }
/*-----------------------------------クリア*/
.clearBoth { clear:both;}

/*clearfix*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*-----------------------------------マージン*/
.marT5 { margin-top: 5px; }
.marT10 { margin-top: 10px; }
.marT20 { margin-top: 20px; }
.marB5 { margin-bottom: 5px; }
.marB10 { margin-bottom: 10px; }
.marB20 { margin-bottom: 20px; }
.marL5 { margin-left: 5px; }
.marL10 { margin-left: 10px; }
.marL20 { margin-left: 20px; }
.marR5 { margin-right: 5px; }
.marR10 { margin-right: 10px; }
.marR20 { margin-right: 20px; }
.marRL10 { margin: 0 10px; }
.padB10 { padding-bottom: 10px; }
.padB20 { padding-bottom: 20px; }
/*-----------------------------------ボーダー*/
.bdrBtm { border-bottom: 1px solid #333; }
.bdrTop { border-top: 1px solid #333; }
/*-----------------------------------外枠*/
#wrapper{
	/*width:943px;*/
	margin:0 auto 0;
	position: relative;
	background-color: #ffffff;	
}

/*--------------------------------------
ヘッダー
----------------------------------------*/
/*base*/
#headerWrap {
	background: #FFF url(../img/back_film.gif) repeat-x top;
	background-color:#FFF;
	border-bottom:1px solid #2C2E2D;
}
#header {
	position: relative;
	width:943px;
	height: 100px;
	margin:0 auto;
	overflow:hidden;
}
#header h1,
#header #headerLogo {
	position: absolute;
	top:26px;
	left:0;	
	width:414px;
	height: 49px;
	display: block;
	text-align:center;
	/*background: url(../img/logo.gif) no-repeat top;
	text-indent: -9999px;*/
}

#header h1 span ,
#header #headerLogo span {
	color:#BD8317;
}
#header h1 a,
#header #headerLogo a{
	display: block;
	width:414px;
	height: 49px;
}
/*コース用ヘッダーロゴ*/
/*#headerLogo {
	
}
*/

/*校名変更*/
a#infoChange {
	position: absolute;
	top: 33px;
	left: 450px;
	width:74px;
	height: 33px;
	text-indent: -9999px;
	background-image:url(../img/info.gif);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
a#infoChange:hover {
	background-position:left bottom;
}
/*募集要項・資料請求・体験入学ボタン*/
#headerNavi {
	position: absolute;
	/*top: 25px;*/
	top:30px;
	right:0;
}
#headerNavi li{
	list-style-type: none;
	float: left;
	margin-left:10px;
	display:inline;
	text-indent: -9999px;
}
#headerNavi li a{
	width: 145px;
	height: 50px;	
	display:block;
	text-decoration: none;
}
#headerNavi li#navBosyu a{ background: url(../img/header_nav2.jpg) no-repeat 0px 0px; }
#headerNavi li#navBosyu a:hover{ background: url(../img/header_nav2.jpg) no-repeat 0px -50px; }
#headerNavi li#navTaiken a{ background: url(../img/header_nav2.jpg) no-repeat -145px 0px;}
#headerNavi li#navTaiken a:hover{ background: url(../img/header_nav2.jpg) no-repeat -145px -50px; }
#headerNavi li#navSiryo a{ background: url(../img/header_nav2.jpg) no-repeat -290px 0px; }
#headerNavi li#navSiryo a:hover{ background: url(../img/header_nav2.jpg) no-repeat -290px -50px; }

/*--------------------------------------
サブナビ
----------------------------------------*/
#subNavBoxWrap {
	background: #E1E1E1 url(../img/header_subnav_back.jpg) repeat-x top;
}
#subNavBox {
	position: relative;
	width:943px;
	margin:0 auto;
}
#subNavBox ul {
	text-align:center;
	padding:1px 0;
	padding-left:100px;
}
#subNavBox li {
	list-style-type: none;
	line-height:1.6;
	font-size: 10px;
	_font-size: 80%;/*IE6用フォントサイズ*/ 
	margin-right: 10px;
	display:inline;
}
#subNavBox li a{
	background:url(../img/subnav_link.gif) no-repeat center left;
	padding-left:12px;
	font-size:10px;
}
#subNavBox ul.btnflag {
	height:13px;
	float:right;
	margin:3px 15px 0 0;
	padding:0;
	display:inline;
}
#subNavBox ul.btnflag li {
	margin:0 0 0 5px;
	padding:0;
}
#subNavBox ul.btnflag a {
	background-image:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#subNavBox ul.btnflag img {
	border: 1px solid #CCC;
}
#subNavBox ul.btnflag img:hover {
	border: 1px solid #666;
}

/*--------------------------------------
グローバルナビ
----------------------------------------*/
#globalNavWrap {
	height: 72px;
	background:url(../img/globalnav_bg.jpg) #000 repeat-x left 2px ;
	border-bottom:1px #333 solid;
}
#globalNav {
	width:943px;
	background-color:#000;
	margin:0 auto;
}
#globalNav li{
	list-style-type: none;
	float: left;
	display:block;
}
#globalNav li a{
	width: 134px;
	height: 72px;
	display:block;
	text-decoration: none;
	text-indent:-9999px;
	background-color:#000;
}
#globalNav li#navInfo a{ 
	width:137px;
	background: url(../img/globalnav_school.jpg) no-repeat 0px 0px;	}
#globalNav li#navInfo a:hover{ background: url(../img/globalnav_school.jpg) no-repeat 0px -72px; }

#globalNav li#navCourse a{ 
	width:134px;
	background: url(../img/globalnav_course.jpg) no-repeat 0px 0px;}
#globalNav li#navCourse a:hover{ background: url(../img/globalnav_course.jpg) no-repeat 0px -72px; }

#globalNav li#navInstructor a { 
	width:134px;
	background: url(../img/globalnav_instructor.jpg) no-repeat 0px 0px;}
#globalNav li#navInstructor a:hover{ background: url(../img/globalnav_instructor.jpg) no-repeat 0px -72px; }

#globalNav li#navJob a {
	width:134px;
	background: url(../img/globalnav_job.jpg) no-repeat 0px 0px;}
#globalNav li#navJob a:hover{ background: url(../img/globalnav_job.jpg) no-repeat 0px -72px; }

#globalNav li#navWork a{
	width:134px;
	background: url(../img/globalnav_work.jpg) no-repeat 0px 0px;}
#globalNav li#navWork a:hover{ background: url(../img/globalnav_work.jpg) no-repeat 0px -72px; }

#globalNav li#navAccess a {
	width:134px;
	background: url(../img/globalnav_access.jpg) no-repeat 0px 0px;}
#globalNav li#navAccess a:hover{ background: url(../img/globalnav_access.jpg) no-repeat 0px -72px; }

#globalNav li#navInformation a{ 
	width:136px;
	background: url(../img/globalnav_information.jpg) no-repeat 0px 0px;}
#globalNav li#navInformation a:hover{ background: url(../img/globalnav_information.jpg) no-repeat 0px -72px; }

#globalNav li#navEducation a{ 
	width:134px;
	background: url(../img/globalnav_education.jpg) no-repeat 0px 0px;}
#globalNav li#navEducation a:hover{ background: url(../img/globalnav_education.jpg) no-repeat 0px -72px; }

#globalNav li.courseTitle {
	width:127px;
	background-color: #FFF;
	color:#000;
	text-align:left;
	border-bottom:1px solid #656565;
	padding:1px 2px 1px 5px;
	cursor:default;
}

/*--------------------------------------
フッター
----------------------------------------*/
#footerWrap {
	clear:both;
	background:url(../img/back_film.gif) #000 repeat-x bottom;
	padding:3px 0 20px;
	border-top:2px solid #333;
	margin:0;
}
#footer {
	width:943px;
	margin:0 auto;
	color:#FFF;
}
#footerNavi {
	background: url(../img/footer_nav_bg.gif) right;
	padding:10px 0;
}
#footerNavi ul {
	width:943px;
	margin:0 auto;	
}
#footerNavi li {
	float:left;
	height:50px;
	text-indent:-9999px;
}
#footerNavi li a {
	height:50px;
	overflow:hidden;
	display:block;
}
#footerNavi li#fsiryo a { width:314px; background:url(../img/footer_nav_siryo.png) no-repeat top left;}
#footerNavi li#fevent a { width:314px; background:url(../img/footer_nav_event.png) no-repeat top left;}
#footerNavi li#fbosyu a { width:315px; background:url(../img/footer_nav_bosyu.png) no-repeat top left;}

#footerNavi li#fsiryo a:hover { background:url(../img/footer_nav_siryo.png) no-repeat bottom left;}
#footerNavi li#fevent a:hover { background:url(../img/footer_nav_event.png) no-repeat bottom left;}
#footerNavi li#fbosyu a:hover { background:url(../img/footer_nav_bosyu.png) no-repeat bottom left;}

#footer {
	clear:both;
	padding:10px 0 10px;
	width:943px;
	margin:20px auto 0;
	background:url(../img/footer_bg.gif) no-repeat center 10px;
	text-align:center;
}
#footer p {
	color:#CCC;
	text-align:center;
	line-height:1.6;
}
#footer p span {
	font-size:14px;
}
#footer a{
	color:#FF0;
}
#footer a:hover{
	color:#FFF;
}
#footer p.flink {
	margin-top:5px;
}
#footer p.copy {
	clear:both;
	margin:20px 0 0;
}
#footer ul.footerbnr {
	margin-top:10px;
	text-align:center;
}
#footer ul.footerbnr li {
	display:inline;
	margin-left:10px;
}

/*--------------------------------------
SNS
----------------------------------------*/
.snsBox {
	position:fixed;
	width:80px;
	right:0;
	bottom:1px;
	border:1px solid #CCC;
	border-right:none;
	background:url(../img/side_bg.jpg) repeat-y top left #FFF;
	text-align:center;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding:0 0 5px 5px;
}
.snsBox ul {
	margin-bottom:5px;	
}
.snsBox li {
	text-align:center;
	display:block;
	margin-top:5px;
	padding-bottom:5px;
	background:url(../img/side_line.gif) repeat-x bottom left ;
}
/*--------------------------------------
その他
----------------------------------------*/
/*赤囲み文字*/
.iconnew {
	background-color:#FF0000;
	color:#FFFFFF;
	font-size:10px;
	margin:0 5px 0 0;
	padding:1px 4px 1px;
}
.iconhotnews {
	border:#CC0000 1px solid;
	color:#CC0000;
	font-size:10px;
	margin:0 5px 0 0;
	padding:1px 4px 1px;
}
.newIcon {
	margin-right:5px;	
}
img.newWindow {
	display:inline;
}
a img.newWindow {
	border:none;
	text-decoration:none;
}

/*バナー反転*/
a:hover img.overBtn {
    /* IE */
    filter: alpha(opacity=80);
    /* Safari Opera */
    opacity:0.8;
    /* Firefox Netscape */
    -moz-opacity:0.8;
}
/*外部リンクアイコン*/
/*a[target="_blank"] {
background: url(../img/new_window.gif) no-repeat right center;
padding-right: 15px;
}*/

/* これ以降Mac IE 5のみに適用される \*//*/
#subNav02{
	width: 600px;
}
#subNav02 li{
	margin-right: 0;
	width: 100px;
}
/* これ以降Mac IE 5以外にも適用される */