@charset "utf-8";
#container { max-width: 480px;min-width:320px;width:100%;}
body#index {background:none;}
body {background:none;}
/*------------------------------------------------------------
  font
-------------------------------------------------------------*/

/*------------------------------------------------------------
  header
-------------------------------------------------------------*/
.sp h1 {
	font-size: 11px;
	font-weight: normal;
	position: absolute;
	text-align: center;
	z-index: 100;
	top:80px;
	right:auto;
	width:100%;
	left:0px;
	padding:0px;
}

#index h1 {
	font-size: 11px;
	font-weight: normal;
	position: absolute;
	text-align: left;
	z-index: 100;
	right:auto;
	width:100%;
	left:0px;
	padding:0px;
	padding-left:3px;
	box-sizing:border-box;
}


div#title {
	float: none;
	position: static;
	top: auto;
	left: auto;
	padding:10px;
}
#hdr { width: 100%; top: 5px; position:relative;height:100px;background:url(img/sp/logo.jpg) no-repeat center;overflow:hidden;background-size:50%;}
#title a img{width:50px;}
#title a {width:100%;overflow:hidden;text-indent:-9999px;display:block;height:150px;}

p#desc {
	margin: 0;
	position: absolute;
	top: -2px;
	left: 0px;
	font-size: 9px;
	padding:0 0.5%;
	width:99%;
}

/*------------------------------------------------------------
 top
-------------------------------------------------------------*/
#index #main #top_main { width: 100%;overflow:hidden;margin-right:0px;}
#index #main #top_main h2{
	float: none;
	margin: 0px auto;
	left: auto;
	top: auto;
	background-position: center;
	background: url(img/illust/top9.jpg) right;
	background-size: cover;
	background-repeat: no-repeat;
	height: inherit;
	margin-top: 10px;
	padding: 0;
	width: 100%;
	padding-top: 45%;
}
#index #main #top_main p{float: none; padding:3%; width: 94%; font-size: 13px;}

#index #main #top_main_link{clear:both;overflow:hidden;padding:5px 5px;	box-sizing:border-box;}
#index #main #top_main_link ul{width:48%;float:left;list-style: none;margin-left:1%;margin-right:1%;}
#index #main #top_main_link ul li{padding:5px 5px 5px 20px;margin-bottom:10px;font-size:14px;font-weight:bold;background:url(img/arrow.png) 7px 10px no-repeat;border:2px solid #ccc;height:3em;border-radius:2px;}

#index #main { background-color: none; border-radius: none; box-shadow: none; }
#index #main .contents{padding:0px}

#index #main .cktitle3{clear:left;margin-bottom:30px;}

#index #main .cktitle3 table{width:100%;}


#index #main .cktitle3 table td img{
	width:300px;
}

#index #main .cktitle3 table td{
	text-align:center;
	display:block;
	padding-bottom:20px;
	width:100%;
}

/*------------------------------------------------------------
  トリッカー
-------------------------------------------------------------*/
.sp .ticker_box{
	height:45px;
	margin: 10px 0 20px 0;
	padding: 0px;
	width: 100%;
	overflow: hidden;
	height:45px;
	background-image:none;
	background-color:#39BEDE;
}

.ticker {
	position: relative;
	overflow: hidden;
	color:#fff;
}

.ticker ul {
	width: 100%;
	position: relative;
}

.ticker ul li {
	width: 100%;
	display: none;
	text-align:center;
	line-height:45px;
}
.ticker ul li a{
	color:#fff;
	font-weight:bold;
	font-size:12px;
}


/*------------------------------------------------------------
  pan
-------------------------------------------------------------*/
.sp #pan { font-size: 11px; line-height: normal; position:absolute;top:117px;left:0px;text-align: left;z-index: 100;width:98%;background-color:#eee;padding:1%;border-bottom:2px solid #fff;}
#top_pan { font-size: 11px; line-height: normal; position:absolute;top:85px;right:0px;text-align: left;}

/*------------------------------------------------------------
  content
-------------------------------------------------------------*/
body#index #container #content { width: 100%;}
#container  #content { width: 100%; padding-top:42px}
#bt-pagetop { position: absolute; bottom: 10px; right: 10px; }
/*------------------------------------------------------------
  page_title
-------------------------------------------------------------*/
.kiso #main{ padding-top:75px;	background:url(img/title/title_kiso.gif) no-repeat left top #FFF;}
.hikaku #main{ padding-top:75px;	background:url(img/title/title_hikaku.gif) no-repeat left top #FFF;}
.kuchikomi #main{ padding-top:75px;	background:url(img/title/title_kuchikomi.gif) no-repeat left top #FFF;}
.point #main{ padding-top:75px;	background:url(img/title/title_point.gif) no-repeat left top #FFF;}
.yobikou #main{ padding-top:75px;	background:url(img/title/title_shousai.gif) no-repeat left top #FFF;}
.shurui #main{ padding-top:75px;	background:url(img/title/title_shurui.gif) no-repeat left top #FFF;}
.daigaku #main{ padding-top:75px;	background:url(img/title/title_yuumei.gif) no-repeat left top #FFF;}
.interview_noda #main{ padding-top:36%;	background:url(img/title/title_interview_noda.jpg) no-repeat left top #FFF;background-size:contain;}
.igakubuyobikou #main{ padding-top:36%;	background:url(img/title/title_igakubuyobikou.jpg) no-repeat left top #FFF;background-size:contain;}
.rank2 #main{ padding-top:36%;	background:url(img/title/title_rank2.jpg) no-repeat left top #FFF;background-size:contain;}
.rank3 #main{ padding-top:36%;	background:url(img/title/title_rank3.jpg) no-repeat left top #FFF;background-size:contain;}

/*------------------------------------------------------------
  main
-------------------------------------------------------------*/
#main { background-color: #FFFFFF; border-radius: 0px; box-shadow: 0 0 3px #CCCCCC; float: none; margin: 0 0px 10px 0; padding-bottom: 10px; width: 100%; }
#main .contents { clear: both; margin: 0; padding: 0px 10px 15px 10px; }
#main .contents2 { clear: both; margin: 0; padding: 0px 12px 0px 12px; }
#index #main #search_region h2 {     
	background: url(./img/index/title_search_region.gif) no-repeat 5px center;
	font-size: 16px;
	color: #454545;
	padding: 6px 0 0 40px;
	widows: 100%;
	height: auto;
	line-height: 29px;
	margin: 0 0 20px 0px;
	border-bottom: 1px solid #39bede;
}
#main h2#titem { background: url(img/bg/h2_i.gif) no-repeat 0 0; width:680px; height:30px; margin:0px; text-indent:-9999px; }
#main h3 { font-size: 14px; font-weight: bold; background: url(img/bg/h3_bg.png) no-repeat 5px center; margin: 25px 10px 20px; padding: 8px 15px 6px 22px; border-bottom: 1px solid #ccc;  clear:both;}
#main p { font-size:14px; line-height:1.6em; margin:0 0 15px 0; }
/* ranking */
.ranking {margin:5px 0 0 0;}


/* rankテーブル */
.rank { margin:3px 0 25px 0; width:100%; background-color:#ccc; display:block; border-radius:20px 20px 0 0; }
.rank td { font-size:12px;}
.rank p { padding:5px;}
.cktitle { padding:5px; font-size:14px; font-weight:bold; background-color:#e4fcc9 ; border:solid 5px #e4fcc9; border-radius:20px 20px 0 0; }
.cktitle a { font-size:18px; }
.cktitle a:hover { color: #0066cc; }
.cktitle2 { padding:5px; font-size:14px; font-weight:bold; background-color:#ffe4b2; border:solid 5px #ffe4b2; border-radius:20px 20px 0 0; }
.cktitle2 a { font-size:18px; }
.cktitle2 a:hover { color: #0066cc; }
.cktitle4 { padding:15px 5px 10px 5px ; font-size:14px; font-weight:bold; background-color:; border: ;; }
.cktitle4 a { font-size:18px; }
.cktitle4 a:hover { color: #0066cc; }
.ssi {margin:0 10px 0 0; text-align:right;}

/* rankテーブル */
#index .rank_box{
	float: none;
	position:relative;
	margin:20px auto;
	width: 96%;
}

.rank_box{width:95%;border:3px solid #ccc;margin:0px auto 20px auto;	position:relative;
}
.rank_icon{position:absolute;left:3px;top:0px;width:50px;}
.rank_title{height:auto;line-height:27px;padding-left:70px;display:block;font-weight:bold;font-size:16px;border-bottom:1px solid #ddd;}
.rank_container{padding:15px 15px 5px 15px;overflow:hidden;box-sizing:border-box;}
.rank_img{float:none;padding:0 0px 20px 0;display:block;text-align:center;margin:0px auto;}
.rank_box .ssi{clear:both;overflow:hidden;margin:10px 0px;text-align:center;}
.rank_box .ssi a{width:100%;display:block;float:none;padding-bottom:10px;}
.rank_box .ssi a img{width:60%;}
.rank_status{width:100%;margin-bottom:10px;}
.rank_status_title th{	background-color:#666666;	color:#fff;	text-align:center;}
.rank_status_content td{padding-top:5px;}

/* table */
.table_blue { width:70%; margin: 0 0 20px 0; background-color:#ccc; border-radius: 2px;}
.table_blue th { background-color:#e8edfa; padding:7px; font-size:14px; }
.table_blue td { background-color:#fff; padding:7px; font-size:14px; }
.table_red { width:100%; margin: 0 0 20px 0; background-color:#ccc;border-radius: 2px; border-collapse: collapse;}
.table_red th { background-color:#FFEDF2; padding:7px; font-size:14px;border:1px solid #ddd }
.table_red td { background-color:#fff; padding:7px; font-size:14px; border:1px solid #ddd}
.table_red2 { width:50%; margin: 0 0 20px 0; border:1px solid #bbb; background-color:#fff; border-radius: 2px;border-collapse: collapse;}
.table_red2 th {border:1px solid #bbb;  background-color:#FFEDF2; padding:7px; font-size:14px; }
.table_red2 td {border:1px solid #bbb;  background-color:#fff; padding:7px; font-size:14px; }
.table_green { width:100%; margin: 0 0 20px 0; background-color:#ddd; border-radius: 2px;border-collapse: collapse;}
.table_green th { background-color:#edf4c6; padding:7px; font-size:14px;border:1px solid #ddd;}
.table_green td { background-color:#faffee; padding:7px; font-size:14px;border:1px solid #ddd }
.table_yellow { width:100%; margin: 0 0 20px 0; border:1px solid #bbb; background-color:#fff; border-radius: 2px;border-collapse: collapse;}
.table_yellow th {border:1px solid #bbb; background-color:#feface; padding:7px; font-size:14px; }
.table_yellow td {border:1px solid #bbb; background-color:#fff; padding:7px; font-size:14px; }
.table_glay2 { margin: 0 0 20px 0; border:1px solid #ffb2db; background-color:#ffffff;border-radius: 2px; }
.table_glay2 th { background-color:#dcdcdc; padding:7px; font-size:14px; }
.table_glay2 td { background-color:#ffffff; padding:7px; font-size:14px; }

/*----item----*/
.item { width:100%; margin:3px 0px 20px 0px; }
.item td { padding:10px; vertical-align:top; line-height:1.5em;  border:1px solid #bbb; }
.item th { padding:10px; vertical-align:top; line-height:1.5em; border:1px solid #bbb; background:#FFEDF2; font-weight:bold; text-align:left; }
.comment_area { padding: 10px; color:#222222; font-size:14px; font-weight: 500; line-height:1.6em; }
.comment_area p { margin: 3px 0 10px 0; }
/*----item2----*/
.item2 { width:100%; margin:0px 0px 20px 0px;border:3px solid #ddd;}
.item2 td { padding:3px; vertical-align:top; line-height:1.3em; }
.item2 th { padding:10px; vertical-align:top; line-height:1.3em;background:#fff; font-weight:bold; text-align:left;border-bottom:1px solid #ccc; }
.comment_area2 { padding: 5px; color:#222222; font-size:14px; font-weight: 500; line-height:;border-top:1px solid #ccc;}
.comment_area2 p { margin: 3px 0 0px 0; }
.rank_status_title{background-color:#666666;	color:#fff;	text-align:center;}
/*----item3----*/
.item3 { width:85%; margin:3px 0px 20px 0px; border-collapse: collapse;border:1px solid #ddd;}
.item3 td { padding:7px; vertical-align:top; line-height:1.3em;  border:1px solid #bbb; }
.item3 th { padding:10px; vertical-align:top; line-height:1.3em; border:1px solid #bbb; background:#FFEDF2; font-weight:bold; text-align:left; }
.comment_area3 { padding: 5px; color:#222222; font-size:14px; font-weight: 500; line-height:; }
.comment_area3 p { margin: 3px 0 0px 0; }

/*----口コミ投稿----*/
.item3 { width:95%; margin:3px auto 20px auto; border:solid 3px #ddd; border-radius:3px 3px 0 0;}
.item3 td { padding:7px; vertical-align:top; line-height:1.3em;  border:1px solid #bbb; }
.item3 th { padding:10px; vertical-align:top; line-height:1.3em; border:1px solid #bbb; background:#ffffcc; border-radius:3px 3px 0 0; font-weight:bold; text-align:left; }
.comment_area3 { padding: 5px; color:#222222; font-size:14px; font-weight: 500; line-height:; }
.comment_area3 p { margin: 3px 0 0px 0; }
.box_yellow { border: 3px double #FCB565; margin-bottom: 8px; margin-top: 1.2em; width: 100%; } 
.box_yellow_sub { background-color: #FEE9D1; padding:1px 0 0 8px ; }
.box_yellow_disp { border-top: 1px dashed #FCB565; color: #CC0000; font-size: medium; padding: 8px; }
.box_yellow_exp { border-top: 1px dotted #CCCCCC; color: #000000; font-size: small; margin-top: 5px; padding-top: 5px; }



/*------------------------------------------------------------
   sidebar
-------------------------------------------------------------*/
#sidebar { width: 90%;	float: none;margin:0px auto;clear: both;}
#sidebar #special_link{margin-bottom:10px;background:url(img/side/special_link_bg.gif) repeat-y center;border-radius:4px;border:1px solid #ccc;}
#sidebar #special_link h2{margin:0 0 10px 0;overflow:hidden;text-indent:-9999px;background:url("img/side/special_link_title2.gif") no-repeat center;height:67px;}
#sidebar #special_link a{margin-bottom:10px;display:block;text-align:center;}
#sidebar h3 { margin:0; padding:0;background:url(img/sp/side_h3_bg.jpg) no-repeat center;text-align:center;}
#sidebar h3 img{width:280px;}
#sidebar .side_navi_box{
	border-radius:4px;
	border:1px solid #ccc;
	margin-bottom:10px;
}

div#sidebar ul.navi { width: 100%; margin: 0; background-color: #fff; }
div#sidebar ul.navi li { margin: 0px; padding:0; list-style-type: none; background:url(img/line/dot.gif) repeat-x bottom; }
div#sidebar ul.navi li.noline { background: none; }
div#sidebar ul.navi li a { background:url(img/arrow.png) no-repeat 10px center;  font-size: 14px; text-decoration: none; padding: 5px 0 5px 22px; display: block; }
div#sidebar ul.navi li a:hover { text-decoration:underline; }
div#sidebar ul.sub { margin: 0; padding:0 0 0 010px; }
/*------------------------------------------------------------
  footer
-------------------------------------------------------------*/
#ftr { background:url(img/sp/footer_sp_bg.gif) no-repeat center top; padding: 57px 0 0px 0; width:100%; clear: both; text-align: center;position:relative;}
#ftrnavi { width: 100%; height: 35px; }
#ftrnavi li { font-size:12px; padding-right: 15px; float: left; list-style-type: none; }
#cp { clear:both; margin:20px 0 0 0; font-size:12px; text-align:left;padding-right:80px;background-color:#FFF;}
/*-----------------------------------------------------------
Back to top button
-------------------------------------------------------------*/
#back-top {
	position: fixed;
	bottom: -70px;
	right: -40px;
	z-index: 100;
}
#back-top span {
    width: 104px;
    height: 130px;
    display: block;}
#back-top_under{
	position:absolute;
	bottom: 70px;
	right: 70px;
	display:none;
}
/*--------------------------------------------------------
■class
--------------------------------------------------------*/
.afi { font-weight:bold; font-size:18px; }
.afi2 { font-weight:bold; font-size:18px}
.afi3 { font-weight:bold; font-size:16px; }
.red { color:#D81851; font-weight:bold; }
.red2 { color:#D81851; font-weight:bold; font-size:16px; }
.b { font-weight:bold; font-size:13px; }
.bar { margin: 20px 0 10px 0;}
.b0 { font-weight:bold; }
.adsense .afi2 { font-weight:bold; font-size:16px;background:url(img/icon/pr.gif) no-repeat center;display:block;height:59px;line-height: 61px;padding-left: 67px;}
.adsense { margin:20px 10px 20px 10px; }
.yellow { background:#FEFE8E; font-weight:bold; color:#333; }
.note { background-color: #f4f4f4; padding:13px 8px 0px 8px; border:1px solid #C2C2C2; font-size:14px; margin:10px 7px 20px 7px; clear:both; }
.notep { background-color: #f4f4f4; padding:15px 15px 2px 15px; border:1px solid #C2C2C2; font-size:12px; margin:10px 0px 20px 0px; line-height:150%; }
.note ol { padding:0 15px 15px 25px; }
.note ol li { padding-top:8px; font-size:0.9em; }
.note ul { padding:0 10px 5px 20px; }
.note ul li { font-size:12px; padding-bottom:10px; }
.doubleline {/*二重取り消し線*/background:url(img/line/double.gif) repeat-x center;}

/*--------------------------------------------------------
■common
--------------------------------------------------------*/
#hdr:after, #search:after, #hdr-btbox:after, #bt-fontsize:after, #gnavi:after, /*hdr*/ #content:after, #content_in:after, #main:after, #bg-topics:after, .entry:after, .topics-entry:after, .ichiran-entry:after, #ftr:after, #ftrnavi:after, /*ftr*/ 	/*academics*/ .eng-textbox01:after, .know-textbox01:after, .env-textbox01:after, .gra-textbox01:after, 	/*academics*/ .extbox:after, 	/*campuslife*/ .intro-textbox01:after, 	/*clearfix*/ .clearfix:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
body.blank { background: #fff; margin: 20px; padding: 0; border: 0; text-align: left; }
body.blank a { background: transparent; color: #00f; font-weight: normal; font-style: normal; text-decoration: underline; }
body.blank a:hover, body.blank a:active { text-decoration: none; }
img, 	/*box*/ p, div, 	/*form*/ form, fieldset, textarea, 	/*list*/ ul, ol, dl { border: 0; margin: 0; padding: 0; font-size: 100%; font-weight: normal; font-style: normal; text-decoration: none;color:#555;}
li { margin: 0; padding: 0; list-style-image: none; }
html body a img:hover{opacity:0.8;}

/*----pr----*/
#pr { margin:10px 0 30px 0; }
#pr div { padding:10px; border:1px solid #cacaca; margin:5px 0 0 0; height:80px; _height:100px; background:#fff; }
body #pr p { padding:0; margin:0; font-size:0.9em; }
#pr .leftimg { float:left; margin:0 10px 0 0; }
body .pr .prurl { color:red; }
#pr a { font-size:1.2em; text-decoration:underline; margin-bottom:10px; }
#pr .prurl { color:#7cc563; }
#pr img { border:1px solid #e0e0e0; }
.sllver { color:#666; }
.imgl{
	display:block;
	float:none;
	margin:0px auto;
}
.imgr{
	display:block;
	float:none;
	margin:0px auto;
}
/*----other----*/
p.ranking_link a img{width:300px;}

.yobikou .afi img{
	width:300px;
}

.bar img{
	width:290px;
}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.yobikou .cktitle3 td{display:block;}
.yobikou .cktitle3 td img {margin-bottom:20px;}

.interview_noda img{max-width:100%;}
.noda_img_table td{display:block;text-align:center;}
.noda_img_table td img{width:290px;}

/*--- お問い合わせ ---*/
html #starform                  { width: 100%; }            
html #starform table tr td, html #starform table tr th { border: 1px solid #aaa;display:block;width: 96%;padding:3% 2%;}  



	/*------------- FAQ -------------*/
	#faq_list {
		width:97%;
		margin:0 auto;
	}
	#faq_list ul:first-child {
		padding-top:0;
	}
	#faq_list ul {
		padding-bottom:0;
	padding-top:0px;
	}
	#faq_list ul li {
		width:100%;
		margin-bottom: 10px;
		border-bottom: 1px dashed #dddddd;
		padding-bottom: 10px;
	}
	#faq_list ul{
		border:none;
	}
	#faq_list ul li img{	width:20%;}
#faq_list ul li .tit_sec span{font-size:13px;}
#faq_list ul li p{font-size:10px;margin-bottom:5px;}
	#job_info ul {
		width:97%;
		margin:0 auto;
	}
	#job_info ul li {
		width:98.9%;
		margin-right:auto;
		margin-left:auto;
	}
	#job_info ul li img {
		width:27%;
	}
	#job_info ul li p {
		width: 73%;
	}
	#job_info ul li p span {
		
	}
.bar3 img{
	width:380px;
	float:none;
	display:block;
	text-align:center;
	margin:0px auto;
}

.image-box img{
	width:380px;
	float:none;
	display:block;
	text-align:center;
	margin:0px auto;
}