@charset "utf-8";
/* ----------------------------------------------------
 学科紹介
----------------------------------------------------*/
#course #kvArea {
	margin-bottom:20px;
}
#course #kv {
	margin-bottom:15px;
}
#course #kvArea #comicProInfo {
	padding-top: 10px;
}
#guideBtnArea #copy01 {
	margin-bottom: 15px;
}
#guideBtnArea li {
	margin-bottom: 30px;
	list-style-type: none;
	position: relative;
}
#guideBtnArea li.nightly {
	height: 250px;
}
#guideBtnArea li a, #guideBtnArea li a:link, #guideBtnArea li a:visited {
	background: #D6CBC0 url(../imgs/course/guide/btn_bg_off.gif);
	padding: 5px;
	display: block;
}
#guideBtnArea li a:hover, #guideBtnArea li a:active {
	background: #FF6600 url(../imgs/course/guide/btn_bg_on.gif);
	padding: 5px;
	display: block;
}
#guideBtnArea a.btnNightly, #guideBtnArea a:link.btnNightly, #guideBtnArea a:visited.btnNightly {
	background: url(../imgs/course/guide/btn_nightly.gif) no-repeat top;
	height: 44px;
	width: 177px;
	padding: 0px;
	position: absolute;
	top: 210px;
	background-image: url(../imgs/course/guide/btn_nightly.gif);
}
#guideBtnArea a:hover.btnNightly, #guideBtnArea a:active.btnNightly {
	background: url(../imgs/course/guide/btn_nightly.gif) no-repeat bottom;
}
#guideBtnArea .btnNightly span {
	display: none;
}
#moreArea #copy02 {
	margin-bottom: 15px;
}
#moreArea #moreBtn li {
	list-style-type: none;
	height: 127px;
	margin-bottom: 15px;
}
#moreArea #moreBtn li#btnPro {
	float: left;
}
#moreArea #moreBtn li#btnCp {
	float: right;
}


/* ----------------------------------------------------
 3つのポイント
----------------------------------------------------*/

#pointArea .headline {
	margin-bottom:15px;
}
#pointArea .box {
	float:left;
	width:220px;
	margin-right:20px;
	color:#fff;
}
#pointArea .last {
	margin-right:0;
}
#pointArea .inner {
	padding: 10px;
	background: #AAC6E1;
}
#pointArea .innerComic {
	padding:10px;
	background-color: #C3CD5F;
}
#pointArea .innerGraphic {
	padding:10px;
	background-color: #FCC727;
}
#pointArea .innerIllustration {
	padding:10px;
	background-color: #34B371;
}
#pointArea .innerInterior {
	padding:10px;
	background-color: #F1A0B0;
}

/*
#pointArea .innerNightly {
	padding:10px;
	background-color: #7C6855;
}
*/

#pointArea .innerNightly {
	padding:10px;
	background-color: #5E2589;
}
#pointArea .innerNightly p {
	color: #fff;
}
#pointArea .innerShibuya {
	padding:10px;
	background-color: #F0844C;
}
#pointArea .innerComicPro {
	padding:10px;
	background-color: #AACD03;
/*	background-color: #339933; */
}
#pointArea .innerComicIllust {
	padding:10px;
	background-color: #BF2037;
}
#pointArea .innerProfessional {
	padding:10px;
	background-color: #00A9C8;
}
#pointArea .photo {
	margin-bottom:10px;
}
#pointArea .catch {
	margin-bottom:10px;
}
#voiceArea {
url(../imgs/course/index/voice_bg.gif) repeat-y center 0;
}
.bgVd {
	background:#D2F872;
}
.bgComic {
	background-color: #FAD8D5;
}
.bgGraphic {
	background-color: #DFD1E7;
}
.bgIllustration {
	background-color: #FBD39C;
}
.bgInterior {
	background-color: #D9EAC0;
}
.bgNightly {
/* ----	background-color: #CEDBF0;----*/
	background-color: #5E2589;
}
.bgShibuya {
	background-color: #C4E4DE;
}

/* ----------------------------------------------------
 目指せる職業
----------------------------------------------------*/
#jobArea .headline {
	margin-bottom:15px;
}

#jobArea ul {
	margin: 0 0 0 -20px;
	padding: 0;
	list-style-type: none;
}

#jobArea ul li {
	width: 195px;
	margin: 0 0 15px 20px;
	padding: 15px 10px;
	float: left;
	font-weight: bold;
	background: #E6E6E6;
}

#jobArea .vd ul li {
	border-left: 5px solid #0054A7;
}

#jobArea .gd ul li {
	border-left: 5px solid #FCC727;
}

#jobArea .pd ul li {
	border-left: 5px solid #F0844C;
}

#jobArea .id ul li {
	border-left: 5px solid #F1A0B0;
}

#jobArea .il ul li {
	border-left: 5px solid #34B371;
}

#jobArea .ci ul li {
	border-left: 5px solid #BF2037;
}

#jobArea .c ul li {
	border-left: 5px solid #C3CD5F;
}

#jobArea .ng ul li {
	border-left: 5px solid #5E2589;
}

#jobArea .nc ul li {
	border-left: 5px solid #5E2589;
}



/* ----------------------------------------------------
 在校生＆講師の声
----------------------------------------------------*/
.voiceArea .mb20{
	margin-bottom:20px;
	display:block;
}

.voiceArea {
	margin-bottom: 40px;
}

.voiceArea .stVoice {
	width:330px;
	margin-left: 40px;
	float:left;
}

.voiceArea .stVoice.first {
	margin-left: 0;
}

.voiceArea .stVoice .inner {
	position:relative;
	min-height: 190px;
	margin-bottom: 5px;
	padding: 0 0 10px 140px;
	border-bottom: 1px solid #036EB8;
}

.voiceArea .stVoice .photo {
	position:absolute;
	bottom: 0;
	left: 0;
}

.voiceArea .stVoice .content {
	font-size: 12px;
}

.voiceArea .stVoice .content .lead {
	color: #036EB8;
	font-size: 16px;
	font-weight: bold;
}

.voiceArea .stVoice .name {
	font-size: 12px;
}

.voiceArea .stVoice .name span {
	font-size: 14px;
}

.voiceArea .tcVoice .inner {
	position:relative;
	min-height: 190px;
	margin-bottom: 5px;
	padding: 0 0 10px 150px;
	border-bottom: 1px solid #036EB8;
}

.voiceArea .tcVoice .photo {
	position:absolute;
	bottom: 0;
	left: 0;
}

.voiceArea .tcVoice .content {
	font-size: 12px;
}

.voiceArea .tcVoice .content .lead {
	color: #036EB8;
	font-size: 16px;
	font-weight: bold;
}

.voiceArea .tcVoice .name {
	font-size: 12px;
}

.voiceArea .tcVoice .name span {
	font-size: 14px;
}

/*グラフィックデザイン科*/
#graphicVoice .voiceArea .stVoice .inner,
#graphicVoice .voiceArea .tcVoice .inner {
	border-bottom: 1px solid #F6AB00;
}

#graphicVoice .voiceArea .stVoice .content .lead,
#graphicVoice .voiceArea .tcVoice .content .lead {
	color: #F6AB00;
}

/*企画デザイン科*/
#shibuyaVoice .voiceArea .stVoice .inner,
#shibuyaVoice .voiceArea .tcVoice .inner {
	border-bottom: 1px solid #EA5520;
}

#shibuyaVoice .voiceArea .stVoice .content .lead,
#shibuyaVoice .voiceArea .tcVoice .content .lead {
	color: #EA5520;
}

/*インテリアデザイン科*/
#interiorVoice .voiceArea .stVoice .inner,
#interiorVoice .voiceArea .tcVoice .inner {
	border-bottom: 1px solid #E73468;
}

#interiorVoice .voiceArea .stVoice .content .lead,
#interiorVoice .voiceArea .tcVoice .content .lead {
	color: #E73468;
}

/*イラストレーション科*/
#illustrationVoice .voiceArea .stVoice .inner,
#illustrationVoice .voiceArea .tcVoice .inner {
	border-bottom: 1px solid #00A051;
}

#illustrationVoice .voiceArea .stVoice .content .lead,
#illustrationVoice .voiceArea .tcVoice .content .lead {
	color: #00A051;
}

/*コミックイラストレーション科*/
#comicIllustration .voiceArea .stVoice .inner,
#comicIllustration .voiceArea .tcVoice .inner {
	border-bottom: 1px solid #E6002D;
}

#comicIllustration .voiceArea .stVoice .content .lead,
#comicIllustration .voiceArea .tcVoice .content .lead {
	color: #E6002D;
}

/*マンガ科*/
#comicVoice .voiceArea .stVoice .inner,
#comicVoice .voiceArea .tcVoice .inner {
	border-bottom: 1px solid #7FBE26;
}

#comicVoice .voiceArea .stVoice .content .lead,
#comicVoice .voiceArea .tcVoice .content .lead {
	color: #7FBE26;
}

/*夜間部グラフィックデザイン科／夜間部マンガ科*/
#nightlyVoice .voiceArea .stVoice .inner,
#nightlyVoice .voiceArea .tcVoice .inner {
	border-bottom: 1px solid #481C87;
}

#nightlyVoice .voiceArea .stVoice .content .lead,
#nightlyVoice .voiceArea .tcVoice .content .lead {
	color: #481C87;
}

/*マンガ専科*/
#voiceAreaComicPro {
	margin-bottom: 30px;
	background: #FADE70;
}
#voiceAreaComicPro #voicePhoto {
	float: left;
}
#voiceAreaComicPro #fukidashi {
	padding-top: 7px;
	padding-bottom: 7px;
}
#voiceAreaComicPro #voiceName {
	float: right;
	width: 480px;
	margin-right: 15px;
	margin-bottom: 10px;
	font-weight: bold;
}
#voiceAreaComicPro #comment {
	float: right;
	width: 480px;
	margin-right: 15px;
	margin-bottom: 10px;
}

#backupAreaComicPro {
	margin-bottom: 30px;
}

/* ----------------------------------------------------
 マンガ専科
----------------------------------------------------*/
/*募集要綱*/
h4.comic_pro {
	color:#5C7D1A;
	line-height: 1.4em;
	padding:0 0 3px 9px;
	font-weight: bold;
	margin: 0px 0px 3px 0px;
	border-bottom: 1px #ccc dotted;
	background:url(../imgs/course/comic_pro/title_line.gif) repeat-y left top;
}
strong.red {
	color:#cc0000;
}

div.contentsArea {
	margin:0 12px 30px;
}

div.contentsArea_s {
	margin:0 12px 20px;
}

div.contentsArealast {
	margin:0 12px;
}

#cpro_guide {
	margin-top:12px;
	padding-bottom:12px;
}

#cpro_guide h2 {
	margin-bottom:12px;
}

#cpro_guide h3 {
	margin-bottom:6px;
}

#cpro_guide table.capacity {
	line-height:1.4em;
	color:#000;
	border:1px solid #c8c8c8;
}
#cpro_guide table.capacity td {
	background:#0F940C;
	color:#fff;
	padding:5px;
}
#cpro_guide table.expenses {
	line-height:1.4em;
	color:#333;
	margin:0 0 12px 0;
	padding:0;
	border:2px solid #c8c8c8;
	background:#c8c8c8;
}
#cpro_guide table.expenses td {
	background:#fafafa;
	font-size: 12px;
}
#cpro_guide table.expenses .color1 {
	background:#f0f0f0;
	color:#3C6288;
}
#cpro_guide table.expenses .color2 {
	background:#E7EFEC;
	color:#3C6288;
}
#cpro_guide table.expenses .color3 {
	background:#0F940C;
	color:#fff;
}
#cpro_guide table.expenses .red {
	background:#F9EDF3;
	color:#B70B62;
}
#cpro_guide table.expenses .blue {
	background:#F1FAFC;
	color:#066386;
}
#cpro_guide table.expenses .purple {
	background:#EDEDF9;
	color:#231C66;
}
#cpro_guide table.expenses th {
	background:#ebebeb;
	color:#3C6288;
	font-weight: bold;
	padding-left: 5px;
}



/* relatedBlock */
#RelatedBlock {
	margin-top:12px;
	padding-bottom:12px;
}
#RelatedBlock .linkBox {
	float:left;
	margin-right:20px;
	width:180px;
}
#RelatedBlock .linkBoxLast {
	float:left;
	width:180px;
}
#RelatedBlock .thumbnail {
	padding:0;
	margin:0;
	border:1px solid #BFC2C2;
	_width:180px;
}
#RelatedBlock .thumbnail_t a {
	border:1px solid #BFC2C2;
	background: url(../imgs/course/comic_pro/arrow.gif) no-repeat 7px 9px;
	display:block;
	padding:9px 10px 10px 22px;
	_width:180px;
}
#RelatedBlock .thumbnail_t a:hover {
	border:1px solid #BFC2C2;
	background: #44B8DF url(../imgs/course/comic_pro/arrow_on.gif) no-repeat 7px 9px;
	text-align:left;
	display:block;
	color:#FFF;
	text-decoration:none;
	padding:9px 10px 10px 22px;
}
#RelatedBlock .thumbnail_t a:visited {
	border:1px solid #BFC2C2;
	background: url(../imgs/course/comic_pro/arrow.gif) 7px 9px no-repeat;
	display:block;
	padding:9px 10px 10px 22px;
	text-decoration:none;
}
#RelatedBlock .thumbnail_t a:visited:hover {
	border:1px solid #BFC2C2;
	background: #44B8DF url(../imgs/course/comic_pro/arrow_on.gif) 7px 9px no-repeat;
	text-align:left;
	display:block;
	color:#FFF;
	text-decoration:none;
	padding:9px 10px 10px 22px;
}
#relArea .left {
	width:320px;
	float:left;
}
#relArea .right {
	width:320px;
	float:right;
}
#relArea h3 {
	margin-bottom:10px;
}
#relArea h4 {
	margin-bottom:10px;
}
#relArea .box {
	background:url(../imgs/course/index/rel_bg.gif) repeat-y center 0;
}
#relArea .inner {
	padding:0 15px;
}
#relArea .photo {
	width:85px;
	float:left;
}
#relArea .detail {
	width:225px;
	float:right;
	padding-top:15px;
}
#curriculumArea {
	background: url(../imgs/course/theme/curriculum_bg.gif) repeat-y;
	margin-bottom: 20px;
}
#curriculumArea p {
	line-height: 120%;
	margin-bottom: 5px;
}
#curriculumArea .photoLeft {
	float: left;
	padding-right: 10px;
}
#curriculumArea .photoRight {
	float: right;
	padding-left: 10px;
}
#curriculumArea .content {
	margin-left: 30px;
	margin-right: 23px;
	margin-bottom: 15px;
}
#curriculumArea .border {
	background: url(../imgs/course/theme/curriculum_border.gif) no-repeat center bottom;
	padding-bottom: 15px;
}
#curriculumArea .info {
	font-weight: bold;
}
#curriculumArea #currImg {
	text-align: center;
}
#curriculumArea #currKome {
	padding-left: 35px;
}
#curriculumArea #other dt {
	float: left;
	margin-bottom: 5px;
}
#curriculumArea #other dd {
	padding-left: 100px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#curriculumArea #other dd#line2 {
	height: 35px;
}
#curriculumArea #other dd.border {
	background: url(none);
	margin-bottom: 4px;
	border-bottom: 1px dotted #BBBBBB;
	height: 18px;
}
#workArea {
	margin-bottom: 15px;
}
#workArea #big {
	text-align: right;
	margin-bottom: 10px;
}
#workArea .workImg {
	text-align: center;
	margin-bottom: 20px;
}
#workArea .workImg_l {
	text-align: left;
	margin-bottom: 20px;
	margin-left: 20px;
}
#workArea .workImg_lint {
	text-align: left;
	margin-bottom: 20px;
}
#workArea .workImg_lint2 {
	text-align: left;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: 0px;
}
#workArea .workImg_rint {
	text-align: right;
	position: absolute;
	margin-bottom: 20px;
	margin-left: 570px;
	margin-top: -700px;
	left: 219px;
	top: 803px;
}
#workArea .workImg_rncomi {
	text-align: right;
	position: absolute;
	margin-bottom: 20px;
	margin-left: 270px;
	margin-top: -368px;
}
#workArea .workImg_rAbove {
	text-align: right;
	margin-bottom: 20px;
	position: static;
	margin-top: -370px;
	margin-right: 20px;
}
#workArea .workImg_runder {
	text-align: right;
	margin-bottom: 20px;
	position: static;
	margin-right: 20px;
}
#workArea .shibuPro {
	margin-bottom: 20px;
}
#workArea .shibuPro h3 {
	margin-bottom: 20px;
}
#workArea .shibuPro p {
	clear: both;
	padding-top: 5px;
}
#workArea .shibuPro #photoWrap01 {
	float: left;
	width: 310px;
}
#workArea .shibuPro #photoWrap02 {
	float: left;
	width: 260px;
	margin-left: 15px;
	margin-bottom: 50px;
}
#workArea .shibuPro #photoWrap02-p {
	float: left;
	width: 110px;
	margin-top: 70px;
	margin-left: 5px;
	margin-bottom: 100px;
}
#workArea .shibuPro #photoWrap03 {
	float: left;
	width: 300px;
}
#workArea .shibuPro #photoWrap04 {
	float: right;
	width: 380px;
}
#workArea .shibuPro #photoWrap05 {
	float: left;
	width: 206px;
	margin-top: 10px;
}
#workArea .shibuPro #photoWrap06 {
	float: left;
	width: 179px;
	margin-top: 10px;
	margin-left: 15px;
}
#workArea .shibuPro #photoWrap07 {
	float: right;
	width: 286px;
	position: absolute;
	margin-top: 225px;
	margin-left: 414px;
}
#workArea ul {
	margin-bottom: 20px;
}


#workArea ul li {
	float: left;
	list-style: none;
}

/*#proArea .wrap {
	float: left;
	width: 140px;
}*/
#proArea #gd {
	background: url(../imgs/course/professional/course_photo_01.jpg) no-repeat right top;
	min-height:120px;
	height: 120px;
	margin-bottom:10px;
}
#proArea #comic {
	background: url(../imgs/course/professional/course_photo_05.jpg) no-repeat right top;
	min-height: 120px;
	height: 120px;
	margin-bottom: 10px;
}
#proArea #il {
	background: url(../imgs/course/professional/course_photo_03.jpg) no-repeat right top;
	min-height: 120px;
	margin-bottom: 10px;
	height: 140px;
}
#proArea #ci {
	background: url(../imgs/course/professional/course_photo_04.jpg) no-repeat right top;
	min-height: 120px;
	margin-bottom: 10px;
	height: 120px;
}
#proArea #id {
	background: url(../imgs/course/professional/course_photo_06.jpg) no-repeat right top;
	min-height: 120px;
	margin-bottom: 10px;
	height: 120px;
}
#proArea #sp {
	background: url(../imgs/course/professional/course_photo_02.jpg) no-repeat right top;
	min-height: 120px;
	margin-bottom: 10px;
	height: 120px;
}
#proArea .comment {
	margin: 5px;
	height: 75px;
}