@charset “utf-8”;
/* --------------------------
     共通
-------------------------- */

.cm #main h1 {background:#f2b557;}
.cm #main h2 {background:none;}
.cm #main h3 {border-top:1px solid #6f86d2; border-bottom:1px solid #6f86d2; color:#6f86d2; font-weight:bold; line-height:1;}

/* rss */
#main p.rss a {background:url(../../../prospective-students/images/icn_arw_topics.gif) left center no-repeat;}

/* news */
#c_index .news {overflow-y:scroll;}

/* top */
#c_index a:hover img {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}


/* --------------------------
     スマホ用
-------------------------- */
@media only screen and (max-width: 640px) {

/* header */
.cm #header .logo {float:left; width:56%;}
	
/* tab_nav */
.cm #tab_nav .nav {width:90%; margin:0 auto;}
	.cm #tab_nav .nav li a {display:block; padding:0.8em 0 0.8em 8px; border-bottom:1px solid #4d4542; color:#bbb; font-size:110%; font-weight:bold; text-decoration:none;}
	.cm #tab_nav .nav li a:hover {background:#332725; color:#fff;}
	.cm #tab_nav .nav li span {font-size:74%; font-weight:lighter;}
	.cm #tab_nav .nav li.line {padding:0.8em 0 0.8em 8px; border-bottom:1px solid #4d4542; color:#bbb; font-size:110%; font-weight:bold; text-decoration:none;}
		.cm #tab_nav .nav li.line a {display:inline-block; padding:0.2em 2em 0 0; border:none; font-size:80%; font-weight:lighter;}
		.cm #tab_nav .nav li.line a:hover {background:none;}

.cm #tab_nav .nav3 {width:90%; margin:3em auto 0 auto;}
	.cm #tab_nav .nav3 a {display:inline-block; padding:0.5em 1em; border:1px solid #4d4542; color:#bbb; font-size:110%; font-weight:bold; text-decoration:none;}
	.cm #tab_nav .nav3 a:hover {background:#332725; color:#fff;}


/* ------ top ------ */

#c_index {}
	#c_index div.box_ttl {padding:1.3em 1em 0.5em 1em;}
	#c_index div img {margin-bottom:0.5em;}
	#c_index .mainimg img {margin:0;}
	
	#c_index .s1, #c_index .s3 {float:left; width:66.2%;}
	#c_index .s2, #c_index .s4, #c_index .s10 {float:right; width:32.4%;}
		#c_index .s4 img {margin:0; font-size:0; line-height:1; vertical-align:top;}
	#c_index .s5, #c_index .s7, #c_index .s8, #c_index .s11 {float:left; width:32.4%;}
	#c_index .s6, #c_index .s12 {float:right; width:66.2%;}
	#c_index .s9 {float:left; width:32.4%; margin-left:1.4%;}
	#c_index .s3, #c_index .s5, #c_index .s8, #c_index .s11 {clear:both;}
			 
	/* s_news */
	#c_index .s_news {}
		#c_index .s_news p.news_ttl {float:left; margin:0.3em 0; font-size:110%; font-weight:bold; letter-spacing:0.1em;}
			
		/* link */
		#c_index .s_news ul.link {margin-top:0.2em; font-size:90%; line-height:1;}
			#c_index .s_news ul.link li {float:right; margin:0.4em 0 0 2em; padding-left:13px; background:url(../../../prospective-students/images/icn_arw_topics.gif) left center no-repeat;}
			#c_index .s_news ul.link li a {color:#000;}
			#c_index .s_news ul.link li a:hover {text-decoration:underline;}
				#c_index .s_news ul.link li a span {padding-right:24px; background:url(../../../images/icn_rss.gif) right center no-repeat;}
			
		/* news */
		#c_index .s_news ul.news {padding:0 0 0.5em 1em; line-height:1.5;}
			#c_index .s_news ul.news li {padding:0 0.5em 0.8em 1.5em; background:url(../images/bg_topics.gif) no-repeat;}
				#c_index .s_news ul.news li p {margin-top:0.2em; font-size:105%;}
				#c_index .s_news ul.news li a {color:#1d2083; text-decoration:none;}
				#c_index .s_news ul.news li a:hover {text-decoration:underline;}

	/* youtube */
	#c_index .mainimg {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
	#c_index .mainimg iframe, #c_index .mainimg object, #c_index .mainimg embed {position:absolute; top:0; left:0; width:100%; height:100%;}


/* ------ about ------ */

#c_about {}
	#c_about #sec1, #c_about #sec2, #c_about #sec3, #c_about #sec4, #c_about .arw {width:96%; margin:0 auto;}

	/* sec1 */
	#c_about #sec1 {position:relative; background:url(../images/about_01.gif) no-repeat; -moz-background-size:100% auto; background-size:100% auto;}
		#c_about #sec1 li {position:absolute; width:45%;}
		#c_about #sec1 li.m1 {top:27%; left:6%; z-index:3;}
		#c_about #sec1 li.m2 {top:53%; left:30%; z-index:2;}

}


/* --------------------------
     PC用
-------------------------- */ 
@media only screen and (min-width: 641px) {
	
/* h_box */
.cm #h_box .logo a {display:block; position:absolute; width:366px; height:65px; background:#ddd url(../images/logo.png) 0 -5px no-repeat; -moz-background-size:100% auto; background-size:100% auto;}

/* nav */
.cm #header .nav {background:#f2b557;}
	.cm #header .nav ul {overflow:hidden; width:992px; height:37px; margin:0 auto; background:url(../images/pc/nav.png) no-repeat;}
		.cm #header .nav ul li {float:left;}
			.cm #header .nav li a {display:block; height:37px;}
			.cm #header .nav li span {display:none;}
			.cm #header .nav li.n1 a {width:198px;}	#header .nav li.n1 a:hover {width:198px; background:url(../images/pc/nav.png) 0 -37px no-repeat;}
			.cm #header .nav li.n2 a {width:198px;}	#header .nav li.n2 a:hover {width:198px; background:url(../images/pc/nav.png) -198px -37px no-repeat;}
			.cm #header .nav li.n3 a {width:199px;}	#header .nav li.n3 a:hover {width:199px; background:url(../images/pc/nav.png) -396px -37px no-repeat;}
			.cm #header .nav li.n4 a {width:198px;}	#header .nav li.n4 a:hover {width:198px; background:url(../images/pc/nav.png) -595px -37px no-repeat;}
			.cm #header .nav li.n5 a {width:199px;}	#header .nav li.n5 a:hover {width:199px; background:url(../images/pc/nav.png) -793px -37px no-repeat;}

/* pagetop */
#pagetop {padding-bottom:30px;}
				
				
/* ------ top ------ */	
				
#c_index {position:relative; width:992px; height:1120px; margin:0 auto;}
	#c_index h1, #c_index div {position:absolute;}
	#c_index div.box_ttl, #c_index div.box_pamp {position:relative;}
		
	#c_index h1 {right:0; height:438px;}
	#c_index .mainimg {}
	#c_index .s1 {top:444px;}
	#c_index .s2 {top:444px; left:332px;}
	#c_index .s3 {top:609px;}
	#c_index .s4 {top:609px; left:332px; font-size:0; line-height:1; vertical-align:top;}
		#c_index .s4 a:hover img {filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
	#c_index .s5 {top:444px; left:498px;}
	#c_index .s6 {top:775px;}
	#c_index .s7 {top:609px; left:498px;}
	#c_index .s8 {top:775px; left:498px;}
	#c_index .s9 {top:775px; left:664px;}
	#c_index .s10 {top:775px; left:830px;}
	#c_index .s11 {top:939px; left:498px;}
	#c_index .s12 {top:939px; left:664px;}
		
	/* s_news */
	#c_index .s_news {top:444px; right:0; width:320px; height:324px;}
		#c_index .s_news p.news_ttl {padding-top:0.2em; font-size:110%; font-weight:bold; letter-spacing:0.1em;}
			
		/* link */
		#c_index .s_news ul.link {margin-top:0.5em; font-size:100%; line-height:1;}
			#c_index .s_news ul.link li {float:right; margin-left:2em; padding-left:13px; background:url(../../../prospective-students/images/icn_arw_topics.gif) left center no-repeat;}
			#c_index .s_news ul.link li a {color:#000;}
			#c_index .s_news ul.link li a:hover {text-decoration:underline;}
				#c_index .s_news ul.link li a span {padding-right:24px; background:url(../../../images/icn_rss.gif) right center no-repeat;}
			
		/* news */
		#c_index .s_news ul.news {margin-top:1em; line-height:1.5;}
			#c_index .s_news ul.news li {padding:0 0 1em 1.5em; background:url(../images/bg_topics.gif) no-repeat; font-size:120%;}
				#c_index .s_news ul.news li p {margin-top:0.2em; font-size:100%;}
				#c_index .s_news ul.news li a {color:#1d2083; text-decoration:underline;}
				#c_index .s_news ul.news li a:hover {text-decoration:none;}
		#c_index .news {height:284px;}


/* ------ about ------ */

#c_about {}

	/* sec1 */
	#c_about #sec1 {position:relative; width:100%; height:938px; background:url(../images/about_01.gif) no-repeat;}
		#c_about #sec1 li {position:absolute;}
		#c_about #sec1 li.m1 {top:259px; left:60px; z-index:3;}
		#c_about #sec1 li.m2 {top:496px; left:295px; z-index:2;}
	
	/* arw */
	#c_about .arw {width:100%; height:96px; background:url(../images/about_arw.png) center no-repeat;}

}