@charset "UTF-8";

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

	999px以下のスタイル

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

#container { width:768px;}


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

	header

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

#main ul.eventInfoBtn li {
		width:35%;
		}

#main p.btnW40 {width:40%;}
#main .footerNewsBtn ul li.first {margin-left:119px;}	
#main ul.eventInfoBtn li.first{margin-left:92px;}

header { width:686px;}


/*
	ヘッダーナビ
---------------------------------*/
nav#headerNav {
	position:relative;
	float:right;
	width:90px;
	height:17px;
	margin:39px 89px 0 0;
	border-left:1px solid #cdc2cd;
	z-index:999;
	}
	
nav#headerNav ul {
	border:none;
		}
	
nav#headerNav ul li {
		float:none;
		border:none;
		}
	
	nav#headerNav ul li#menuBtn {
		margin:0;
		padding:0;
		}
			
	nav#headerNav ul li#menuBtn span.btnMenu {
		display:block;
		float:left;
		width:47px;
		height:0;
		margin:0;
		padding-top:30px;
		overflow:hidden;
		background:url(../images/common/btn_menu.png) no-repeat 9px 0;
		background-size:22px 18px;
		}
		
	/*----- アイコン -----*/
	nav#headerNav ul li.btnSitemap { border:none;} 
	
	nav#headerNav ul li.btnAccess a,
	nav#headerNav ul li.btnSitemap a { 
		width:auto;
		height:auto;
		margin:0;
		padding:0;
		background-image:none;
		}


/*
	ポップアップメニュー
---------------------------------*/	
	#headerNavBox {
		position:relative;
		clear:both;
		width:0;
		height:0;
		padding:10px 0;
		margin:30px 0 0 0;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		-webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3); 
		background:#fff;
		z-index:9999;
		}
		
	#headerNavBoxIn {
		margin-top: -50px;
		background: #fff;
		padding-top:10px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;			
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		}
	
	#headerNavBox:before {
		display:none;
		position: relative;
		top: -10px;
		width: 40px;
		height: 40px;
		margin-left: 120px;
		background: #fff;
		-webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3); 
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		content: '';
		}

	
	/*----- ヘッダーメニュー -----*/
	
	nav#headerNav #headerNavBox ul {
		display:none;
		float:none;
		width:100%;
		margin:0 0 10px;
		border:none;
		}
		
		nav#headerNav #headerNavBox ul li {
			display:block;
			margin:0 10px;
			padding:0;
			border-left:none;
			border-bottom:1px solid #cdc2cd;
			font-size:1.1em;
			}
			
		nav#headerNav #headerNavBox ul li:first-child {
			border-top:1px solid #cdc2cd;
			}
			
			nav#headerNav #headerNavBox ul li a {
				display:block;
				position:relative;
				padding:8px 8px;
				z-index:999;
				}
				
			nav#headerNav #headerNavBox ul li a:after {
				display:block;
				position:absolute;
				top:50%;
				right:7px;
				width:11px;
				height:18px;
				margin-top:-9px;
				background:url(../images/common/icon_arrow_purple.png) no-repeat 0 0;
				background-size:11px 18px;
				content:"";
				z-index:9999;
				}
	

/*----- 資料請求ボタン -----*/
		
p#requestBtn {
	position:absolute;
	display:block;
	top:-3px;
	right:-228px;
	}
		
/*----- 閉じるボタン -----*/
p#close {
	display:none;
	width:100%;
	padding:0;
	margin:0 auto;
	}
	
p#close span {
	display:block;
	width:100%;
	height:0;
	margin:0;
	padding-top:18px;
	overflow:hidden;
	background:url(../images/common/btn_close.gif) no-repeat 50% 0;
	background-size:69px 18px;
	z-index:9999;
	}


/*----- ポップアップ表示 -----*/
	
.menuOn {
	margin-left:-120px !important;
	padding-top:30px;
	width:280px !important;
	height:auto !important;
	}
	
.menuOn #headerNavBoxIn,
.menuOn:before,
.menuOn ul,
.menuOn p#close,
.menuOn p#close span
 {display:block !important;}
 
.menuOn p#requestBtn {
	top:-43px;
	right:-68px;
	}

/*----- サイト内検索 -----*/

nav#headerNav ul li#searchBtn {
	position:absolute;
	top:0;
	right:10px;
	border:none;
	}
	
nav#headerNav ul li#searchBtn span {
	position:absolute;
	top:0;
	right:0;
	width:41px;
	height:0;
	padding:17px 0 0 !important;
	margin:0;
	overflow:hidden;
	border:none;
	background:url(../images/common/btn_search.gif) no-repeat 50% 0 !important;
	background-size:17px 17px !important;
	text-align:center;
	}
	
	nav#headerNav ul li#searchBtn span:hover {background-position:50% 0;}
	
nav#headerNav ul li#searchBtn span:before {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:1px;
	height:17px;
	background:#cdc2cd;
	content:""
	}
	
nav#headerNav ul li#searchBtn span:after {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:1px;
	height:17px;
	background:#cdc2cd;
	content:""
	}
	

#searchBox {
	top:15px;
	right:-5px;
	}
	
	


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

	contents

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

#contents { width:686px;}


/*
	パンくずリスト
---------------------------------*/	
ol.breadcrumbs {
	display:block;
	width:768px;
	height:30px !important;
	margin:0 -41px 20px;
	padding-left:0;
	overflow:hidden;
	background-image:none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f1f1f1), color-stop(0.03, #fff));
	background: -webkit-linear-gradient(top, #fff 3%, #f1f1f1 100%);
	background: -moz-linear-gradient(top, #fff 3%, #f1f1f1 100%);
	background: -o-linear-gradient(top, #fff 3%, #f1f1f1 100%);
	background: -ms-linear-gradient(top, #fff 3%, #f1f1f1 100%);
	background: linear-gradient(to bottom, #fff 3%, #f1f1f1 100%);
	border:solid #cacaca;
	border-width:1px 0 1px;
	}
	
	ol.breadcrumbs li {
		float:none;
		height:30px !important;
		display: inline-block;
		overflow:hidden;
		line-height:1;
		background-position:0 -1px;
	/*	word-break: break-all;
		word-wrap: break-word;
		vertical-align:middle;*/
		}
		
	ol.breadcrumbs li a {
		overflow: hidden;
/*		height:30px;*/
background-position:100% 0;
		}
		
	ol.breadcrumbs li a span,
	ol.breadcrumbs li span {
		display:block;
/*		height:1em;*/
		padding:7px 0;
		overflow:hidden;
		line-height:1.4;
		
	/*	white-space: nowrap;*/
		}
		
	ol.breadcrumbs li.lastTit { height:1em; display:inline;}
	ol.breadcrumbs li.lastTit span { display:inline; line-height:2.5;}
	
		
	/* ホームアイコン */	
	ol.breadcrumbs li.home {
		width:50px;
		background-image:none;
		padding-left:0;
		}
		
		ol.breadcrumbs li.home a {
			display:block;
			overflow:hidden;
			padding-right:10px;
			background:url(../images/common/bg_breadcrumbs.png) no-repeat 100% 0;
			}
			
		ol.breadcrumbs li.home a span {
		width:20px;
		height:0;
		margin:0 0 0 15px;
		overflow:hidden;
		padding:30px 0 0;
	background:url(../images/common/icon_home.png) no-repeat 0 50%;
		}
		
		
/*---------------------
	新着情報スライダー_start
--------------------- */
#main #slideBoxEntryW {
	float:none;
	width:600px;
	margin:0 auto;
	}
	
	
/*---------------------
	新着情報スライダー_end
--------------------- */


/*
	スライダー
	
※別途jquery.boxslider.cssに設定あり

---------------------------------*/

#newsLeftBox {
	float:none;
	width:100%;
	padding-bottom:30px;
	}

#main #newsLeftBox  {margin-bottom:0;}
	
.sliderBoxEntry{
	 float:none !important;
	 width:600px !important;
	 max-width:600px !important;
	 margin:0 auto 60px !important;
	}
	
	#main .sliderBoxEntry ul li{
		width:600px !important;
		height:450px !important;
		padding:0;
		background-image:none;
		background-color:#000;
		}
		
		.sliderBoxEntry li img {
			width:auto;
			height:450px;
			min-height:auto !important;
			min-width:auto !important;
			max-height:450px !important;
			margin:0 auto;
			clip: rect(0px 450px 450px 0px) !important;
			}

/*
	新着情報
---------------------------------*/

#topicsBox {
	float: left;
	}

/*
	ボックスナビ
---------------------------------*/		
nav#menu ul {
		width:702px;
	}

	/*----- メニュー1つ目 -----*/
	
	nav#menu ul li.li-01 {
		top:-234px;
		right:0;
		}
		
	nav.menuTopicsListOn ul li.li-01 {
		position:absolute !important;
		top:-468px !important;
		right:0;
		}
		
	/*----- メニュー2つ目 -----*/
	
	nav#menu ul li.li-02 {
		position:relative;
		top:0;
		left:0;
		}
		
	nav.menuTopicsListOn ul li.li-02 {
		position:absolute !important;
		top:-234px !important;
		right:0 !important;
		left:auto !important;
		}

/*----- メニュー トップページ -----*/		
nav#menu ul li.about2 {
	position:absolute;
	top:-468px;
	left:auto;
	right:0;
	}		

nav#menu ul li.admissions2 {
	position:absolute;
	top:-234px;
	left:auto;
	right:0;
	}		

		
/*
	新着情報
---------------------------------*/	
		
#main ul.newsList {
	clear:both;
	position:relative;
	width:720px;
	margin-right:-16px;
	}

#main ul.txtOnly {
	width:100%;
	margin-right:0;
	}
	
	#main ul.newsList li {
		float:left;
		width:46.5%;
		margin:0 16px 16px 0;
		padding:0;
		background-image:none;
		}


/*
	ページトップへ
---------------------------------*/	

p.notPC {
width:688px;
margin:0 auto;}

	p.notPC a {
		float:right;
		margin:-80px 0 0;
		display:block;
		width:68px;
		height:67px;
		background:#fff;
		}
		
	p.notPC a img {
		display:block;
		margin:16px auto 0;
		width:38px;
		height:43px;
		}

		p.notPC a:hover img {
		opacity:0.6;
		filter:alpha(opacity=60);
		-ms-filter: "alpha( opacity=60 )";
		background:none!important;
		}




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

	footer

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

#footerIn { width:768px;}




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

	フォーマット

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

h1.pageTitle span.cocSubTit,
#main h1 span.cocSubTit {
	display:block;
	}

/* カリキュラム用 */
	#main table.tableCurriculum td{
		padding:5px 3px;
		}

/*----- 2カラム画像 -----*/
#main img.mt-image-right {
	max-width:46.80851063829787% !important;
	height:auto !important;
	margin:0 0 20px 2.3914893617021276% !important;
	}
	
#main img.mt-image-left {
	max-width:46.80851063829787% !important;
	height:auto !important;
	margin:0 2.3914893617021276% 20px 0 !important;
	}
	

/*----- 引用文（blockquote）&　囲みDIV -----*/
#main .boxStyle01 h2 {
	width:57%;
	font-size:1.5em;
	}
	
#main .boxStyle01 img {
	max-width:39.67% !important;
	height:auto !important;
	margin:0 2.3914893617021276% 0 0 !important;
	}

/* TOPICS帯 */	

	#main .boxStyle01 p.titTopics img {
		max-width:99px !important;
		width:99px !important;
		height:auto;
		}
	



/* 在学生からのメッセージ */
#main .messageBox h4,
#main p.p_nameBorder,
#main p.p_message {
	width:65%;
	}
	
	
	
/*
	イベント演奏会用
---------------------------------*/

#main ul.eventList li {
	width:47.3%;
	margin-right:16px;
	}
	
	#main ul.eventList li a .info {
		width:62%;
		margin:10px 20px 10px 0;
		}
	
#main ul.eventList li img {
	width:25%;
	height:auto;
	margin:10px 0 10px 10px;
	}
	
#main ul.snsBox {
	width:80px;
	}
	
	#main ul.snsBox li {
		position:absolute;
		float:none;
		width:79px !important;
		margin:0 0 10px;
		text-align:center;
		}
		
	#main ul.snsBox li.btnFacebook { top:0; right:0;}
	#main ul.snsBox li.btnTwitter { top:75px; right:0;}
	#main ul.snsBox li.btnGoogle { top:150px; right:0;}
	
#main img.imgRight {
	display:block;
	clear:both;
	float:none;
	margin:0 auto 20px;}
	
#main .eventInfo { width:100%;}

#main p.eventBack {
	float:none;
	}


/*
	モスクワ音楽院特別コース
---------------------------------*/	

#main .moscowStaffBox{margin-right:-28px;}

#main .moscowStaffCnt{width:46%;}

#main .moscowStaffCnt img{width:25%;}

#main .moscowStaffCnt .intro{
	width:70%;
	font-size:86%;
	}

/* 就職　ボックス */

#main div.floatBox01 ul{width:50%}
#main div.floatBox01 p img{max-width:100%!important;}



/*
	アクセスマップ
---------------------------------*/
#main .accessBox #map_canvas {
width: 329px; 
height: 230px;
}


/*
	COC事業
---------------------------------*/

#main p.cocImg03 img.mt-image-left{margin: 0 2.3914893617021276% 30px 0 !important;}




#blogWrap {
	width: 100%;
}

/*add 2307*/
.igBtn {
	width: 24px;
}

.igBtn img {
	width: 100%;
}

#main .igBtn a[target] {
	background: none;
}