@charset "utf-8";

/*
===== CONTENTS =====

	Title:default.css
	Last-updated: 2009/06/16
	Auther:colletomo
	Outline:共通レイアウト

====================
*/


/* ------------------------------
 Layout
------------------------------ */
/*レイアウト設計デフォルト

+body:幅100%
+-#container:幅900px;
+--#header:幅900px;
+---#g-Nav:幅900px;
+--#content:幅900px;
+---#MainArea:幅600px
+---#SubArea:幅200px
+--#footer：900px
*/

body {
	text-align: center;
	border-top:3px solid #F61717;
	padding:0;
	margin:0;
	background:#FBFAF9 url(../../imgs/shared/bg_body.gif) no-repeat 50% 100%;
}

div#container {
	margin: 0 auto 0;
	padding:0;
 	text-align: center;
}



/* :header
---------------------------------------------------- */
#header{
	position:relative;
	text-align:left;
	margin:auto;
	height:125px;
	width:950px;
	background:url(../../imgs/shared/bg_header.gif) no-repeat top left;
	z-index:10;
}

/*logo*/
#ci a{
	position:absolute;
	top:51px;
	left:5px;
	text-decoration:none;
	border:none;
	display:block;
	text-indent:-9999px;
	height:40px;
	width:239px;
	background:url(../../imgs/shared/logo.gif) no-repeat top left;
}


#description{
	font-size:10px;
	color:#999999;
	top:95px;
	left:5px;
	position:absolute;
}


/* :プロモーション
---------------------------------------------------- */
#promotion{
	text-align:center;
	margin:0 auto;
}



/* :content
---------------------------------------------------- */
#content{
	text-align:center;
	margin:0 auto 0;
	width:950px;
}

#mainArea{
	text-align:left;
	width:700px;
}

#index #mainArea{
	text-align:left;
	width:720px;
}

#subArea{
	text-align:left;
	width:210px;
}


/* :footer
---------------------------------------------------- */
#footer {
	margin:30px auto 0;
	text-align:center;
	clear:both;
}

#footer .footer-Inner{
	width:950px;
	text-align:left;
	margin:auto;
}

#footer #address{
	background:url(../../imgs/shared/bg_f_address.png) top left;
	padding:10px 0;
	border-top:1px solid #ABABAB;
}

#footer #copyright{
	background:url(../../imgs/shared/bg_f_copy.png) repeat-x top left;
	padding:10px;
}

#footer .footer-Link{
	float:right;
	margin:0;
}

#footer .copyright{
	float:left;
	margin:0;
}

#footer .footer-Link a{
	text-decoration:none;
	color:#333;
}
	
#footer .footer-Link a:hover{
	text-decoration:underline;
	color:#333;
}

/*20120329追加*/
#footer p{
	font-size:10px;
}

#footer .footer-info{
	float:left;
	width:664px;
}


#footer .footer-mobile{
	float:right;
	width:266px;
}


/* :pagetitle
---------------------------------------------------- */
#pagetitle{
	margin-bottom:20px;
}



/* ----------------------------------------------------
 ナビゲーション
----------------------------------------------------*/
/*ナビゲーションバリエーション
	h-Nav:ヘッダーナビゲーション
	g-Nav:グローバルナビゲーション
	f-Nav:フッターナビゲーション
	pageTopページトップ
*/

/* :ヘッダーナビ
---------------------------------------------------- */
#h-Nav{
	position:absolute;
	top:12px;
	left:0;
	height:17px;
	width:249px;
}

#h-Nav li.top,
#h-Nav li.top a {
	height:17px;
}

li#h-01{
	left:0px;
	width:45px;
}

li#h-02{
	left:50px;
	width:89px;
}

li#h-03{
	left:145px;
	width:104px;
}

li#h-01 a:hover{
	background:url(../../imgs/shared/bg_header.gif) no-repeat 0px -137px;
}

li#h-02 a:hover{
	background:url(../../imgs/shared/bg_header.gif) no-repeat -50px -137px;
}

li#h-03 a:hover{
	background:url(../../imgs/shared/bg_header.gif) no-repeat -145px -137px;
}

#h-Nav ul.sub{
	list-style:none;
	display:none;
	width:104px;
}

#h-Nav ul.sub li{
	text-indent:0;
	position:relative;
	line-height:1;
	display:block;
	background:#fff;
}

#h-Nav ul.sub li a{
	position:relative;
	width:100px;
	height:12px;
	display:block;
	text-decoration:none;
	margin-bottom:0;
	padding:2px;
}

#h-Nav ul.sub li a:hover{
	background:#fff;
}

*html #h-Nav ul.sub li a{
	width:104px;
	height:16px;
}

#h-Nav ul.sub li.last a{
	border:none;
}


/*検索ボックス*/
#searchBox{
	position:absolute;
	top:12px;
	left:256px;
	width:155px;
	height:20px;
}

#searchBox-Inner{
	position:relative;
	height:20px;
	width:155px;
}

#searchBox .searchForm{
	position:absolute;
	top:0;
	left:0;
	width:110px;
	border:1px solid #7E9DB9;
}

#searchBox .searchBtn{
	position:absolute;
	top:0;
	right:0;
}


/*お申込み関係*/
#entry-Nav{
	position:absolute;
	top:0;
	left:425px;
	height:30px;
	width:525px;
	
}

#entry-Nav li,
#entry-Nav li a {
	height:30px;
}

li#entryNav01{
	left:0px;
	width:165px;	
}

li#entryNav02{
	left:169px;
	width:85px;	
}

li#entryNav03{
	left:258px;
	width:147px;	
}

li#entryNav04{
	left:409px;
	width:116px;	
}

li#entryNav01 a:hover{
	background:url(../../imgs/shared/bg_header.gif) no-repeat -425px -125px;
}

li#entryNav02 a:hover{
	background:url(../../imgs/shared/bg_header.gif) no-repeat -594px -125px;
}

li#entryNav03 a:hover{
	background:url(../../imgs/shared/bg_header.gif) no-repeat -683px -125px;
}

li#entryNav04 a:hover{
	background:url(../../imgs/shared/bg_header.gif) no-repeat -834px -125px;
}

/*各コース案内メニュー*/
#course-Nav {
	position: absolute;
	left: 310px;
	top: 85px;
}

#course-Nav ul {
	list-style: none;
}

#course-Nav ul li {
	float: left;
	margin-left: 2px;
}

#course-Nav ul li a {
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
	display: block;
	height: 26px;
	width: 65px;
}

#course-Nav ul li a:hover {
	background-position: bottom;
}

#course-Nav ul li#courseNav01 a {
	background-image: url(../../imgs/shared/icn_course01.gif);
}

#course-Nav ul li#courseNav02 a {
	background-image: url(../../imgs/shared/icn_course02.gif);
}

#course-Nav ul li#courseNav03 a {
	background-image: url(../../imgs/shared/icn_course03.gif);
}

#course-Nav ul li#courseNav04 a {
	background-image: url(../../imgs/shared/icn_course04.gif);
}

#course-Nav ul li#courseNav05 a {
	background-image: url(../../imgs/shared/icn_course05.gif);
}

#course-Nav ul li#courseNav06 a {
	background-image: url(../../imgs/shared/icn_course06.gif);
}

#course-Nav ul li#courseNav07 a {
	background-image: url(../../imgs/shared/icn_course07.gif);
}

#course-Nav ul li#courseNav08 a {
	background-image: url(../../imgs/shared/icn_course08.gif);
}

#course-Nav ul li#courseNav09 a {
	background-image: url(../../imgs/shared/icn_course09.gif);
	width: 100px;
}

/*対象者別メニュー*/
#visit-Nav{
	position:absolute;
	top:50px;
	left:331px;
	height:24px;
	width:619px;
}

#visit-Nav li,
#visit-Nav li a {
	height:24px;
}

li#v-01{
	left:0px;
	width:88px;	
}

li#v-02{
	left:97px;
	width:77px;	
}

li#v-03{
	left:183px;
	width:77px;	
}

li#v-04{
	left:269px;
	width:99px;	
}

li#v-05{
	left:377px;
	width:66px;	
}

li#v-06{
	left:452px;
	width:77px;	
}

li#v-07{
	left:538px;
	width:77px;	
}

li#v-01 a:hover{
	background:url(../../imgs/shared/bg_header.gif) no-repeat -331px -175px;
}

li#v-02 a:hover{
	background:url(../../imgs/shared/bg_header.gif) no-repeat -428px -175px;
}

li#v-03 a:hover{
	background:url(../../imgs/shared/bg_header.gif) no-repeat -514px -175px;
}

li#v-04 a:hover{
	background:url(../../imgs/shared/bg_header.gif) no-repeat -600px -175px;
}

li#v-05 a:hover{
	background:url(../../imgs/shared/bg_header.gif) no-repeat -708px -175px;
}

li#v-06 a:hover{
	background:url(../../imgs/shared/bg_header.gif) no-repeat -783px -175px;
}

li#v-07 a:hover{
	background:url(../../imgs/shared/bg_header.gif) no-repeat -869px -175px;
}



/* :グローバルナビ
---------------------------------------------------- */
#g-Nav{
	height:43px;
	text-align:center;
	background:url(../../imgs/shared/g_nav.gif) no-repeat top left;
	margin:0 auto 20px;
	height:61px;
	width:950px;
	text-align:left;
	z-index:5;
	position:relative;
}

#g-Nav li.top,
#g-Nav li.top a{
	height:49px;
	top:6px;
}

li#g-01.top{
	left:6px;
	width:116px;
}

li#g-02{
	left:128px;
	width:116px;
}

li#g-03{
	left:250px;
	width:152px;
}

li#g-04{
	left:408px;
	width:116px;
}

li#g-05{
	left:530px;
	width:116px;
}

li#g-06{
	left:652px;
	width:152px;
}

li#g-07{
	left:810px;
	width:134px;
}


li#g-01 a:hover,
body#about li#g-01{
	background:url(../../imgs/shared/g_nav.gif) no-repeat -6px -67px;
}

li#g-02 a:hover,
body#course li#g-02{
	background:url(../../imgs/shared/g_nav.gif) no-repeat -128px -67px;
}

li#g-03 a:hover,
body#employment li#g-03{
	background:url(../../imgs/shared/g_nav.gif) no-repeat -250px -67px;
}

li#g-04 a:hover,
body#works li#g-04{
	background:url(../../imgs/shared/g_nav.gif) no-repeat -408px -67px;
}

li#g-05 a:hover,
body#admission li#g-05{
	background:url(../../imgs/shared/g_nav.gif) no-repeat -530px -67px;
}

li#g-06 a:hover,
body#expenses li#g-06{
	background:url(../../imgs/shared/g_nav.gif) no-repeat -652px -67px;
}

li#g-07 a:hover{
	background:url(../../imgs/shared/g_nav.gif) no-repeat -810px -67px;
}

#g-Nav ul.sub{
	position:absolute;
	list-style:none;
	display:none;
	width:auto;
	border:1px solid #FF0202;
	background:#FFF;
	width:195px;
	top:49px;
	left:0;
}

#g-Nav ul.sub li{
	position:relative;
	text-indent:0;
	line-height:1;
	display:block;
	font-size:12px;
}

#g-Nav ul.sub li a{
	position:relative;
	top:0;
	background:#fff;
	width:178px;
	height:1em;
	line-height:1;
	padding:5px 5px 5px 12px;
	color:#121212;
	display:block;
	border-bottom:1px dotted #ccc;
	text-decoration:none;
}

#g-Nav ul.sub li.last a{
	border:none;
}

#g-Nav ul.sub li a:hover{
	background:#FF0202 url(../../imgs/shared/cnav_arrow_on.gif) no-repeat 5px 50%;
	color:#fff;
}

/* :フッターナビ
---------------------------------------------------- */
#f-Nav-Wrap{
	position:relative;
	width:950px;
	margin:auto;
}

#f-Nav{
	margin:auto;
	text-align:left;
	padding:10px;
	margin-bottom:20px;
	background:url(../../imgs/shared/bg_fnav.png) top left;
	border:1px solid #C1B9AC;
	padding:10px;
	width:928px;
	
	font-size:12px;
}

#f-Nav h4{
	margin-bottom:4px;
}

#f-Nav ul{
	list-style:none;
}

#f-Nav ul.First{
	list-style:none;
	margin-bottom:12px;
}

#f-Nav li{
	line-height:0;
}

#f-Nav li a{
	text-decoration:none;
	color:#605142;
	background:url(../../imgs/shared/icn_arrow.gif) no-repeat 0 0.5em;
	padding:3px 0 3px 8px;
	display:block;
	line-height:normal;
}
	
#f-Nav li a:hover{
	color:#605142;
	text-decoration:underline;
	background:url(../../imgs/shared/icn_arrow.gif) no-repeat 1px 0.5em;
}

.footer-column{
	float:left;
	padding-right:10px;
	border-right:1px solid #C2B9AD;
	margin-right:10px;
	display:inline;
}

.footer-columnLast{
	float:left;
	display:inline;
}


/* :コースナビ
---------------------------------------------------- */
#courseNav{
	margin-bottom:20px;
	background:#e7e7e7;
}

/*LNavは要らない子*/
body#index #courseNav,
body.noLNav #courseNav{
	display:none;
}

#courseNav .inner{
	padding:0 5px 5px;
}

#courseNav h3{
	position:relative;
	height:26px;
}

#courseNav h3 img{
	position:absolute;
	left:-10px;
	top:0;
}

#courseNav h3 img.item{
	position:absolute;
	left:-10px;
	top:26px;
}

#courseNav ul{
	list-style:none;
}

#courseNav dt{
	border-top:2px solid #e7e7e7;
}

#courseNav dt img{
	cursor:pointer;
}

#courseNav dt.first{
	border-top:none;
}

#courseNav dd{
	background:#fff;
	display:none;
}

#courseNav dd.last{
	margin-bottom:0;
}

#courseNav dd li a{
	text-decoration:none;
	padding:5px 5px 5px 25px;
	display:block;
	_height:1%;
	line-height:1;
	background:url(../../imgs/shared/cnav_arrow.gif) no-repeat 15px center;
}

#courseNav dd li a:hover{
	background:#F60000 url(../../imgs/shared/cnav_arrow_on.gif) no-repeat 15px center;
	color:#fff;
}


/*ビジュアルデザイン科*/
#courseNav dd.vd li a{
	background:url(../../imgs/shared/cnav_arrow_vd.gif) no-repeat 15px center;
	color:#5EBDED;
}

#courseNav dd.vd li a:hover{
	background:#5EBDED url(../../imgs/shared/cnav_arrow_on.gif) no-repeat 15px center;
	color:#fff;
}

/*グラフィックデザイン科*/
#courseNav dd.gd li a{
	background:url(../../imgs/shared/cnav_arrow_gd.gif) no-repeat 15px center;
	color:#FAC03D;
}

#courseNav dd.gd li a:hover{
	background:#FAC03D url(../../imgs/shared/cnav_arrow_on.gif) no-repeat 15px center;
	color:#fff;
}

/*マンガ科*/
#courseNav dd.com li a{
	background:url(../../imgs/shared/cnav_arrow_com.gif) no-repeat 15px center;
	color:#C4CD5D;
}

#courseNav dd.com li a:hover{
	background:#C4CD5D url(../../imgs/shared/cnav_arrow_on.gif) no-repeat 15px center;
	color:#fff;
}

/*コミックイラストレーション科*/
#courseNav dd.comicil li a{
	background:url(../../imgs/shared/cnav_arrow_comicil.gif) no-repeat 15px center;
	color:#cb5655;
}

#courseNav dd.comicil li a:hover{
	background:#cb5655 url(../../imgs/shared/cnav_arrow_on.gif) no-repeat 15px center;
	color:#fff;
}


/*イラストレーション科*/
#courseNav dd.ill li a{
	background:url(../../imgs/shared/cnav_arrow_ill.gif) no-repeat 15px center;
	color:#3EB370;
}

#courseNav dd.ill li a:hover{
	background:#3EB370 url(../../imgs/shared/cnav_arrow_on.gif) no-repeat 15px center;
	color:#fff;
}

/*インテリアデザイン科*/
#courseNav dd.int li a{
	background:url(../../imgs/shared/cnav_arrow_int.gif) no-repeat 15px center;
	color:#F19DAE;
}

#courseNav dd.int li a:hover{
	background:#F19DAE url(../../imgs/shared/cnav_arrow_on.gif) no-repeat 15px center;
	color:#fff;
}

/*渋谷プロダクツ科*/
#courseNav dd.sp li a{
	background:url(../../imgs/shared/cnav_arrow_sp.gif) no-repeat 15px center;
	color:#F0844A;
}

#courseNav dd.sp li a:hover{
	background:#F0844A url(../../imgs/shared/cnav_arrow_on.gif) no-repeat 15px center;
	color:#fff;
}

/*夜間*/
#courseNav dd.night-cm li a,
#courseNav dd.night-gd li a{
	background:url(../../imgs/shared/cnav_arrow_night.gif) no-repeat 15px center;
	color:/*#7C6854*/#59249a;
}

#courseNav dd.night-cm li a:hover,
#courseNav dd.night-gd li a:hover{
	background:/*#7C6854*/#59249a url(../../imgs/shared/cnav_arrow_on.gif) no-repeat 15px center;
	color:#fff;
}



/* :pagetop
---------------------------------------------------- */
#pageTop a{
	position:absolute;
	top:25px;
	right:-30px;
	width:30px;
	height:88px;
	background:url(../../imgs/shared/img_pagetop.gif) no-repeat top left;
	text-indent:-9999px;
}

#pageTop-Index a{
	position:absolute;
	top:0px;
	right:-30px;
	width:30px;
	height:88px;
	background:url(../../imgs/shared/img_pagetop.gif) no-repeat top left;
	text-indent:-9999px;
}


#pageTop a:hover,
#pageTop-Index a:hover{
	background:url(../../imgs/shared/img_pagetop.gif) no-repeat 0 -88px;
}