@charset "utf-8";

#faculty #right_navi .icon_fashion{
background:url(../../img/right_navi_icon_01.png) no-repeat right;}
#faculty #right_navi .icon_hairmake{
background:url(../../img/right_navi_icon_02.png) no-repeat right;}
#faculty #right_navi .icon_wedding{
background:url(../../img/right_navi_icon_03.png) no-repeat right;}
#faculty #right_navi .icon_design{
background:url(../../img/right_navi_icon_04.png) no-repeat right;}
#faculty #right_navi .icon_film{
background:url(../../img/right_navi_icon_05.png) no-repeat right;}


/*学部毎のページタイトルの色指定*/
#faculty.fashion .h1_title{
/*background:url("../../img/hm_mark2015.png") no-repeat scroll right center #e61f70;*/
background:url("../../img/hm_mark2015.png") no-repeat scroll right center #f6c322;
color:#ffffff;
padding:26px 0;}

#faculty.hairmake .h1_title{
background:#ff73a2;
color:#ffffff;}

#faculty.wedding .h1_title{
background:#f76500;
color:#ffffff;}

#faculty.design .h1_title{
background:#004986;
color:#ffffff;}

#faculty.film .h1_title{
background:#ff73a2;
color:#ffffff;}

#faculty .h1_title{
position:relative;
z-index:30;
text-align:left;}


/*学部毎のページタイトル　バーの色指定*/
#faculty.fashion .h1_border{
/*border-color:#f391b9;}*/
border-color:#fbe293;}


#faculty.fashion .mainimage_wrap{
position:relative;
text-align:center;
width:100%;
height:325px;
border:1px solid #ffffff;}

#faculty.fashion .mainimage_wrap img{
position:absolute;
left:50%;
margin-left:-797px;
}

#faculty #feature{
margin-top:20px;
}

#faculty #feature{
border-bottom:1px dotted #cecece;
padding:10px 0;
margin-bottom:30px;
cursor:pointer;}


#faculty #feature .layout{
border-top:1px dotted #cecece;
padding:10px 0;
background:url(../../img/feature_bg_arrow.png) no-repeat right top;}

#faculty #feature .layout.active{
background:url(../../img/feature_bg_arrow_on.png) no-repeat right top;}

#faculty #feature .headling{
display:table;
width:100%;
vertical-align:middle;}

#faculty #feature .headling img{
float:left;
margin-right:20px;
display:table-cell;}

#faculty #feature .catch{
display:table-cell;
vertical-align:middle;
margin-bottom:10px;
width:524px;
font-size:18px;}

#faculty #feature .catch span.color{
font-family:Arial, Helvetica, sans-serif;
font-size:30px;}
#faculty #feature .catch span{
display:block;}

/*学部東京・大阪アイコン*/
.faculty_areaicon{
	margin-bottom:10px;
}

/*学部ごとのキャッチ色*/
#faculty.fashion #feature .catch span.color{
color:#e61f70;}
#faculty.hairmake #feature .catch span.color{
color:#ff73a2;}
#faculty.wedding #feature .catch span.color{
color:#f76500;}
#faculty.design #feature .catch span.color{
color:#004986;}
#faculty.film #feature .catch span.color{
color:#ff73a2;}


#faculty #feature .detail{
font-size:107%;
line-height:1.5em;}

#faculty #feature .detail{
margin-top:20px;}

#faculty #feature .detail a.btn_basic{
	margin-top:15px;
	margin-bottom:5px;
}
/*汎用アンカーリンク*/
ul.anchor_links{
padding-bottom:1px;
}

ul.anchor_links li{
float:left;
display:block;

margin:0 1px 1px 0;
}

ul.anchor_links li a{
background:#000000 url(../../../common/img/icon_arrow_anchor.png) 10px center no-repeat;
display:block;
padding:8px 15px 8px 25px;
text-align:center;
color:#FFFFFF;
}

ul.anchor_links li a:hover{
background:#ffffff url(../../../common/img/icon_arrow_anchor_on.png) 10px center no-repeat;
border:1px solid #000000;
display:block;
padding:7px 14px 7px 24px;
text-align:center;
color:#000000;
}

#anchor_wrap{
	z-index:9999 !important;
	margin-bottom:20px;
}

#faculty h2{
    margin-top: 0;
    padding-top: 0;
}
/*
#faculty h2{
    background-position: left 69px;
    margin-top: -65px;
    padding-top: 65px;
}
*/

#faculty .course_year{
width:765px;}

#faculty .course_layout{
width:240px;
margin-right:15px;
margin-bottom:20px;
float:left;}

#faculty .course_layout h3{
background-repeat:repeat-y;
margin-top:0px;
font-size:17px;}


#faculty .course_layout h3 a{
background:url(../../../common/img/arrow01.png) no-repeat left 8px;
padding-left:10px;
display:block;
}

#faculty .course_layout h3 a:hover{
text-decoration:underline;}

#faculty .course_layout img{
line-height:0;
margin-bottom:10px;}

#faculty .course_layout p.text01{
font-weight:bold;
margin-bottom:10px;
}

#faculty .course_layout p.text02{
margin-bottom:10px;
}

/*------------------------------course*/

.type_course .mainimage{
margin-bottom:20px;}

.type_course div.job{
margin-bottom:10px}

.type_course div.job img{
float:left;
margin-right:10px;
}
.type_course div.job p{}

.type_course div.license{
margin-bottom:20px;}

.type_course div.license img{
float:left;
margin-right:10px;
}
.type_course div.license p{}


#feature_course{
width:770px;
margin-left:-20px;}

#feature_course h4{
margin:0 0 20px 0
}

#feature_course .layout{
width:323px;
padding:20px;
display:block;
float:left;
margin:0 0 20px 20px;
border:1px solid #dddddd;}

#feature_course .layout img{
margin-bottom:15px;
}

#feature_course .layout h4{
	background:url(../../../common/img/h4_bg.png)repeat-y;
}


#pickup{
width:770px;
margin-left:-20px;}

#pickup h4{
margin:0 0 20px 0
}

#pickup .layout{
width:363px;
display:block;
float:left;
margin:0 0 20px 20px;
}

#pickup .layout.long{
width:750px;}

#pickup .layout img{
float:left;
margin-right:10px;}

#pickup .ysystem{
font-weight:bold;
margin-top:20px;
margin-bottom:10px;
}

.modalblock_type_three{
width:765px;
margin:0 0 30px -15px;
}

.modalblock_type_three .layout{
width:240px;
margin-left:15px;
float:left;
position:relative;
}

.modalblock_type_three .layout div.image{
position:relative;}

.modalblock_type_three .layout div.image img.thumb{
vertical-align:bottom;}

.modalblock_type_three .layout div.image img.zoom{
position:absolute;
vertical-align:bottom;
right:0;
bottom:0;}

.modalblock_type_three .layout h5{
margin-top:10px;}

.modalblock_type_three .layout .iframe:hover h5{
text-decoration:underline;}


#column_layout_four{
width:765px;
margin-left:-15px;
margin-bottom:20px;
}

#column_layout_four div{
width:176px;
margin-left:15px;
float:left;
}


/*------------------------------------------------------------------------------
* colorbox
*------------------------------------------------------------------------------*/
.colorbox a{
	outline: none;
}
#colorbox, #cboxOverlay, #cboxWrapper{
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
}
#cboxOverlay{
	position:fixed;
	width:100%;
	height:100%;
}
#cboxMiddleLeft, #cboxBottomLeft{
	clear:left;
}
#cboxContent{
	position:relative;
}
#cboxLoadedContent{
	overflow:hidden;
}
#cboxLoadedContent iframe{
	display:block;
	width:100%;
	height:100%;
	border:0;
}
#cboxTitle{
	margin:0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{
	cursor:pointer;
}

#cboxOverlay{
	background:#000000;
}
#colorbox{
	background:#ffffff;
}
#cboxContent{
	padding: 40px 3px 3px;
}
#cboxLoadedContent{}
#cboxLoadingOverlay{}
#cboxClose{
	background: url(../img/colorbox_btn_close.gif) no-repeat 50% 50%;
	background-color:#f2f2f2;
	width:35px;
	height:35px;
	position:absolute;
	top:0;
	right:0;
	border:none;
	text-indent:-9999px;s
}

/*mdx追加。20140522*/
.main_banner0522{
	position:relative;
}
/*
.main_banner0522>div{
	position:absolute;
	right:0;bottom:0;
	border:3px double #e61f70;
	padding:2px 6px;
}
.main_banner0522>div>p{
	font-size:130%;
	color:#e61f70;
	text-align:center;
	line-height:1.1;
}
*/

.main_banner0522>div{
	padding-left: 80px;
}

.main_banner0522>div>div{
	width:294px;
	border:3px double #e61f70;
	padding:6px 3px;
	float: left;
}
.main_banner0522>div>div>p{
	font-size:130%;
	color:#e61f70;
	text-align:center;
	line-height:1.4;
}

.main_banner0522 a {
	display:block;
	width: 308px;
	float: left;
	margin: 0 auto;
	margin-right: 20px;
}

.main_banner0522 a div.banner_01{
	width: 294px;
	border:3px solid #e61f70;
	background-color: #ff73a2;
	padding: 6px 3px;
	position: relative;
}

.main_banner0522 a div.banner_01>p{
	font-size:130%;
	color: #fff;
	text-align:center;
	line-height:1.4;
}

.main_banner0522 a div.banner_01:hover{
	background-color: #e61f70;
}


.main_banner0522>div>div>p span{
	color:#000;
	font-size:80%;
}



.main_banner0522 a p span{
	color:#000;
}

.main_banner0522 a p.date{
	color:#000 !important;
	font-size:80% !important;
	font-weight: bold;
	border-radius:50% ;
	background:#ffff00 ;
	color:#fff ;
	line-height:1.2 !important;
	padding:12px 0px ;
	border: 2px solid #ffc000;
	text-align:center;
	position: absolute;
	top:-9px;
	left:-12px;
	height: 23px;
	width: 47px;
	 transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
}

.main_banner0522>div>div>p span.black{
	color:#000;
	font-size: 100%;
}

.main_banner0522 span.mini_banner{
	border-radius:5px ;
	background:#e61f70 ;
	color:#fff ;
	line-height:1.2 ;
	font-size:11px ;
	padding:3px 12px ;
	text-align:center;
}



.mini_banner{
	margin:-5px 0 0 0 ;
	border-radius:5px ;
	background:#e61f70 ;
	color:#fff ;
	line-height:1.2 ;
	font-size:11px ;
	padding:4px 0 ;
	width:12em;
	text-align:center;
}
@media screen and (max-width:800px){
	.main_banner0522>div{
	padding-left: 0px;
}
		
	.main_banner0522>div>div{
		position:relative !important;
		margin:5px auto 0 !important;
		padding:4px !important;
		float: none !important;
	}
	
	.main_banner0522 a{
		width: 308px;
		float: none !important;
		margin: 5px auto 0 !important;
	}
	
	.main_banner0522 a div{
		position:relative !important;
		padding:4px 4px!important;
	}

}