@charset "utf-8";

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

	Title:add.css
	Last-updated: 2010/04/13
	Auther:colletomo
	Outline:調整
====================
*/


/* ----------------------------------------------------
 調整CSS
----------------------------------------------------*/

/*罫線*/
.line-section{
	margin-bottom:15px;
	padding-bottom:15px;
	background:url(../imgs/shared/dotline.gif) repeat-x bottom left;
}


.AO-section{
	margin-bottom:30px;
	padding-bottom:30px;
	background:url(../imgs/shared/dotline.gif) repeat-x bottom left;
}

.mb5{
	margin-bottom:5px;
}



/*見出しマージン*/
.sec-headline{
	margin-bottom:16px;
}

.block-headline{
	margin-bottom:8px;
}

.leadTxt{
	font-size:1.1em;
}


/*リンク*/
p.linkTxt a{
	background:url(../imgs/shared/link_icn.gif) no-repeat left center;
	padding:2px 0 2px 18px;
}

p.linkTxt a:hover{
	background:url(../imgs/shared/link_icn_on.gif) no-repeat left center;
}



/*画像回り込み*/
p.lead { 
  min-height: 40px;
  text-align:left;
}



p.lead img { 
  float:left;
  clear:left;
  margin: 0 1.5em 0.8em 0;
  padding: 0;
}




/* ----------------------------------------------------
 各カテゴリインデックスページ
----------------------------------------------------*/

#IndexrelArea{
	background:url(../imgs/shared/dot_length.gif) repeat-y top center;
}

#IndexrelArea h3 {
	margin-bottom:3px;
}

#IndexrelArea h3 a{
	background:url(../imgs/shared/icn_arrow_circle.gif) no-repeat left center;
	display:block;
	padding:4px 0 4px 25px;
}

#IndexrelArea .wrapper{
	background:url(../imgs/shared/dot_side.gif) repeat-x bottom left;
	margin-bottom:15px;
}

#IndexrelArea .wrapperLast{
	margin-bottom:0;
	background:none;
}

#IndexrelArea .wrapper .col-Left,
#IndexrelArea .wrapperLast .col-Left{
	width:350px;
	float:left;
}

#IndexrelArea .wrapper .col-Right,
#IndexrelArea .wrapperLast .col-Right{
	width:350px;
	float:right;
}

#IndexrelArea .wrapper .inner-R,
#IndexrelArea .wrapperLast .inner-R{
	padding:0 0 15px 20px;
}

#IndexrelArea .wrapper .inner-L,
#IndexrelArea .wrapperLast .inner-L{
	padding:0 20px 15px 0;
}

#IndexrelArea .wrapper .thumb,
#IndexrelArea .wrapperLast .thumb{
	float:left;
	width:123px;
}

#IndexrelArea .wrapper .thumb a,
#IndexrelArea .wrapperLast .thumb a{
	background:url(../imgs/shared/thumb_bg.gif);
	display:block;
	padding:3px;
}

#IndexrelArea .wrapper .thumb a:hover,
#IndexrelArea .wrapperLast .thumb a:hover{
	background:url(../imgs/shared/thumb_over.gif);
}

#IndexrelArea .wrapper .exp,
#IndexrelArea .wrapperLast .exp{
	float:right;
	width:192px;
}



/* ----------------------------------------------------
 留学生インタビュー
----------------------------------------------------*/

.abroadSt{
	margin-bottom:6px;
}

.abroadSt .photo{
	float:left;
	width:200px;
}

.abroadSt .exp{
	float:right;
	padding-top:15px;
	width:500px;
}

.abroadSt h3{
	margin-bottom:10px;	
}

.abroadSt .nameabroad{
	background:#FF3;
	color:#000;
	font-weight:bold;
}



/* ----------------------------------------------------
 オープンキャンパス
----------------------------------------------------*/

body#oc{
	background:#FFF53C;
	border:none;
	padding:0;
}




/* ----------------------------------------------------
 入学希望の方へ
----------------------------------------------------*/
body#applicant .Odd-section{
	background:url(../imgs/applicant/dotline01.gif) no-repeat bottom center;
	padding-bottom:60px;
	margin-bottom:20px;
}

body#applicant .Even-section{
	background:url(../imgs/applicant/dotline02.gif) no-repeat bottom center;
	padding-bottom:70px;
	margin-bottom:20px;
}

body#applicant #mainArea h3{
	margin-bottom:10px;
}

body#applicant p.lead{
	margin-bottom:15px;
}


/*各セクション*/
#APP-sec01 h4{
	margin-bottom:6px;
	text-align:center;
}

#APP-sec01 .block{
	margin-bottom:10px;
}

#APP-sec01 .mt5{
	margin-top:5px;
}

#APP-sec01 .mt10{
	margin-top:10px;
}

#APP-sec01 .photo{
	float:left;
	width:300px;
}

#APP-sec01 .exp{
	float:right;
	width:385px;
}

#APP-sec01 .left-col{
	float:left;
	width:344px;
}

#APP-sec01 .right-col{
	float:right;
	width:344px;
}


#APP-sec01 .left-col .inner,
#APP-sec01 .right-col .inner{
	padding:7px 7px 0 7px;
	border:2px solid #E6E0D4;
	background:#fff;
}

#APP-sec01  span.attention{
	color:#1A9DFF;
	font-weight:bold
}

a.arrow{
	background:url(../imgs/applicant/link_arrow.gif) no-repeat 0 0.25em;
	padding:0 0 0 14px;
}

a.arrow:hover{
	background:url(../imgs/applicant/link_arrow.gif) no-repeat 1px 0.25em;
}

#APP-sec01 .ocBtn{
	text-align:center;
}

#APP-sec01 .ocBtn a{
	margin:auto;
	width:306px;
	height:46px;
	text-indent:-9999px;
	background:url(../imgs/applicant/oc_btn.jpg) no-repeat top left;
	display:block;
}

#APP-sec01 .ocBtn a:hover{
	background:url(../imgs/applicant/oc_btn.jpg) no-repeat 0 -46px;
}




/*sec02*/
body#applicant #APP-sec02{
	background:url(../imgs/applicant/bgimg_sec02.jpg) no-repeat bottom center;
	height:360px;
	position:relative;
}

#APP-sec02 div#charmNav{
	position:absolute;
	margin:0;
	padding:0;
	background:url(../imgs/applicant/nav_charm.png) no-repeat top left;
	height:122px;
	width:560px;
	left: 74px;
	top: 14px;
}

#APP-sec02 div#charmNav ul{
	list-style:none;
	height:122px;
	width:554px;
}

#charmNav li,
#charmNav li a{
	height:122px;
	width:122px;
}

#charmNav li#ch-01{
	left:0px;
}

#charmNav li#ch-02{
	left:215px;
}

#charmNav li#ch-03{
	left:431px;
}

#charmNav li#ch-01 a:hover{
	background:url(../imgs/applicant/nav_charm.png) no-repeat 0px -122px;
}

#charmNav li#ch-02 a:hover{
	background:url(../imgs/applicant/nav_charm.png) no-repeat -215px -122px;
}

#charmNav li#ch-03 a:hover{
	background:url(../imgs/applicant/nav_charm.png) no-repeat -431px -122px;
}


/*sec03*/
body#applicant #APP-sec03{
	background:url(../imgs/applicant/bgimg_sec03.jpg) no-repeat top center;
	height:378px;
	position:relative;
}


#APP-sec03  li,
#APP-sec03  li a{
	height:46px;
	width:306px;
}

#APP-sec03  li#nav-01{
	left:18px;
	top:322px;
	background:url(../imgs/applicant/joblink_btn.jpg) no-repeat top left;
}

#APP-sec03  li#nav-02{
	left:381px;
	top:322px;
	background:url(../imgs/applicant/debutlink_btn.jpg) no-repeat top left;
}

#APP-sec03 li#nav-01 a:hover{
	background:url(../imgs/applicant/joblink_btn.jpg) no-repeat 0 -46px;
}

#APP-sec03 li#nav-02 a:hover{
	background:url(../imgs/applicant/debutlink_btn.jpg) no-repeat 0 -46px;
}


/*sec04*/
#APP-sec04 li,
#APP-sec04 li a{
	height:70px;
	width:220px;
}

#APP-sec04 li#exp-01{
	left:0px;
	top:0px;
	height:146px;
	width:240px;
}

#APP-sec04 li#exp-01 a{
	height:146px;
	width:240px;
}


#APP-sec04 li#exp-02{
	left:254px;
	top:0px;
}
#APP-sec04 li#exp-03{
	left:480px;
	top:0px;
}

#APP-sec04 li#exp-04{
	left:254px;
	top:76px;
}

#APP-sec04 li#exp-05{
	left:480px;
	top:76px;
}


#APP-sec04 li#exp-01 a:hover{
	background:url(../imgs/applicant/bgimg_sec04.jpg) no-repeat 0 -146px;
}

#APP-sec04 li#exp-02 a:hover{
	background:url(../imgs/applicant/bgimg_sec04.jpg) no-repeat -254px -146px;
}

#APP-sec04 li#exp-03 a:hover{
	background:url(../imgs/applicant/bgimg_sec04.jpg) no-repeat -480px -146px;
}


#APP-sec04 li#exp-04 a:hover{
	background:url(../imgs/applicant/bgimg_sec04.jpg) no-repeat -254px -222px;
}


#APP-sec04 li#exp-05 a:hover{
	background:url(../imgs/applicant/bgimg_sec04.jpg) no-repeat -480px -222px;
}


body#applicant #APP-sec04{
	background:url(../imgs/applicant/bgimg_sec04.jpg) no-repeat top center;
	height:146px;
	position:relative;
}


/*sec05*/
body#applicant #APP-sec05{
	background:url(../imgs/applicant/bgimg_sec05.jpg) no-repeat top right;
	min-height: 250px;
  height: auto !important;
  height: 250px;
}

#APP-sec05 .voice-lead{
	padding-top:50px;
	margin-bottom:30px;
	width:430px;
}

#APP-sec05 #voice-Nav{
	background:url(../imgs/applicant/nav_voice.png) no-repeat top left;
	width:495px;
	height:46px;
	text-align:left;
}

#APP-sec05 li,
#APP-sec05 li a{
	height:40px;
}


#APP-sec05 li#voice-01{
	left:3px;
	width:150px;
}

#APP-sec05 li#voice-02{
	left:163px;
	width:170px;
}

#APP-sec05 li#voice-03{
	left:342px;
	width:150px;
}

#APP-sec05 li#voice-01 a:hover{
	background:url(../imgs/applicant/nav_voice.png) no-repeat -3px -46px;
}

#APP-sec05 li#voice-02 a:hover{
	background:url(../imgs/applicant/nav_voice.png) no-repeat -163px -46px;
}

#APP-sec05 li#voice-03 a:hover{
	background:url(../imgs/applicant/nav_voice.png) no-repeat -342px -46px;
}

/*sec06*/
#APP-sec06 #contact-Nav{
	background:url(../imgs/applicant/nav_contact.gif) no-repeat top left;
	width:700px;
	height:340px;
	text-align:left;
}

#APP-sec06 li,
#APP-sec06 li a{
	height:104px;
	width:334px;
}

#APP-sec06 li#con-01{
	left:0px;
}

#APP-sec06 li#con-02{
	left:366px;
}

#APP-sec06 li#con-03{
	top:118px;
	left:0px;
}

#APP-sec06 li#con-04{
	top:118px;
	left:366px;
}

#APP-sec06 li#con-05{
	top:236px;
	left:0px;
}

#APP-sec06 li#con-06{
	top:236px;
	left:366px;
}

#APP-sec06 li#con-01 a:hover{
	background:url(../imgs/applicant/nav_contact.gif) no-repeat 0px -340px;
}

#APP-sec06 li#con-02 a:hover{
	background:url(../imgs/applicant/nav_contact.gif) no-repeat -366px -340px;
}

#APP-sec06 li#con-03 a:hover{
	background:url(../imgs/applicant/nav_contact.gif) no-repeat 0px -458px;
}

#APP-sec06 li#con-04 a:hover{
	background:url(../imgs/applicant/nav_contact.gif) no-repeat -366px -458px;
}

#APP-sec06 li#con-05 a:hover{
	background:url(../imgs/applicant/nav_contact.gif) no-repeat 0px -576px;
}

#APP-sec06 li#con-06 a:hover{
	background:url(../imgs/applicant/nav_contact.gif) no-repeat -366px -576px;
}


#APP-sec07 .shadowBG{
	background:url(../imgs/applicant/event/shadow.jpg) no-repeat bottom center;
	padding-bottom:30px;
	text-align:center;
}


#APP-sec07 .entry-Event{
	text-align:center;
	margin:0;
}


#APP-sec07 .entry-Event a {
	display:block;
	width:490px;
	height:60px;
	background:url(../imgs/applicant/event/entry_event.jpg) no-repeat top left;
	text-indent:-9999px;
	margin:auto;
	text-align:center;
}

#APP-sec07 .entry-Event a:hover{
	background:url(../imgs/applicant/event/entry_event.jpg) 0 -60px;
}

/*20110419追記*/
#APP-sec08{
	background:url(../imgs/applicant/nichide_bg.gif) repeat-y top left;
	height:360px;
	width:700px;
	position:relative;
}

#APP-sec08 ul{
	list-style:none;
}

#APP-sec08 li#able-01{
	position:absolute;
	top:6px;
	left:6px;
}

#APP-sec08 li#able-02{
	position:absolute;
	top:6px;
	right:6px;
}

#APP-sec08 li#able-03{
	position:absolute;
	bottom:6px;
	left:6px;
}

#APP-sec08 li#able-04{
	position:absolute;
	bottom:6px;
	right:6px;
}






/*学科紹介
---------------------*/
#voiceArea #stVoice .photo-vd {
	position:absolute;
	top:0;
	left:-75px;
}

.nightCoursettl{
/*	background:#7D6855; */
	background:#5E2589;
	color:#fff;
	padding:5px;
	margin-bottom:8px;
	font-weight:bold;
}



/*学園祭
---------------------*/
#about #backNumber .fes02 li {
	text-align: center;
	float: left;
	height: 120px;
	width: 174px;
	margin-bottom: 20px;
	list-style-type: none;
	border-right: 1px dotted #736859;
}

#about #archiveCopy #copy {
	float: left;
	width:450px;
}

#about #archiveCopy #btnBlog {
	float: right;
	width:230px;
}

#about .VoiceArea{
	margin-top:30px;
	padding:20px 10px 10px 10px;
	border:2px solid #51954B;
	position:relative;
}

#about .VoiceArea .icn{
	position:absolute;
	top:-30px;
	left:-15px;
}


/*漫画イラストグランプリ
---------------------*/
#mangaKatsuyaku h4{
	font-size:1.2em;
	margin-bottom:10px;
	padding:5px;
	font-weight:bold;
	background:#E90013;
	color:#fff;
}