@charset "UTF-8";

/* common
________________________________ */
/* a */
a {
	color: #0054ee;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

#contentWrapper .fr {
	float: right;
}

#contentWrapper .fl {
	float: left;
}

#contentWrapper em {
	font-weight: bold;
}

/* list */
#contentWrapper ol > li {
	list-style-type: decimal;
	margin-left: 1.5em;
}
.uaIE8andUnder #contentWrapper ol > li {
	margin-left: 2em;
}

/* normalUL */
.normalUL {
	margin: 20px;
}

.normalUL li {
	padding: 0;
	margin-left: 1.5em;
	list-style-type: disc;
}
.uaIE8andUnder .normalUL li {
	margin-left: 2em;
}

/* normalOL */
.normalOL li {
	padding: 0;
	margin-left: 1.0em;
	list-style-type: decimal;
}

/* btn */
.btn {
	line-height: 1;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	-webkit-border-greenLine: 2px;
	   -moz-border-greenLine: 2px;
	        border-greenLine: 2px;
	behavior: url(/lib/js/PIE/PIE.php);
}
.uaModern .btn {
	text-shadow: 1px 1px 0 rgba(0,0,0,0.25);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
	        box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
}
.btn:hover {
	opacity: 0.90;
	-ms-filter: "alpha(opacity=90)";
	    filter: alpha(opacity=90);
}
.uaModern .btn:hover  {
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.25) inset;
	        box-shadow: 1px 1px 1px rgba(0,0,0,0.25) inset;
}

.btn.btnInfo {
	color: #fff;
	background-color: #f8ab37;
	line-height: 30px;
	width: 150px;
}
.btn.btnInfo span {
	margin-right: 0.5em;
}

/* table */
.tableWrapper {
	margin: 20px;
}

.tableWrapper table {
	width: 100%;
}

.tableWrapper th,
.tableWrapper td {
	border: 1px solid #ccc;
	padding: 10px;
}

.tableWrapper tr td:first-child {
	vertical-align: middle;
	background-color: #edffd1;
	width: 150px;
	text-align: center;
}

.tableWrapper td .Bold {
	font-weight: bold;
	color: #888;
}
.tableWrapper td li {
	margin-left: 1.5em;
	list-style-type: disc;
}

.tableBasic table {
	width: 100%;
}

.tableBasic th,
.tableBasic td {
	border: 1px solid #ccc;
	padding: 10px;
}

/* rayoutCollegeMov */
.rayoutCollege tr td:first-child {
	background-color: #FBDFF1;
	text-align: center;
}

td.nyugakupink{
	background-color: #fbe0df !important;
	text-align: center !important;
}

td.gaiyougrey{
	background-color: #f0f0f0 !important;
	text-align: center !important;
}

div.pagelist ul{
	margin-left:10px;
}

div.pagelist ul li{
	margin-bottom:15px;
}

/* pagenation */

div.pagination {
    padding: 20px;
    margin: 20px auto;
    
}
div.pagination span.list a:link {
    display: inline-block;
    padding: 4px 10px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
    text-decoration: none;
}
div.pagination span.prev a:link
,div.pagination span.next a:link {
    display: inline-block;
    padding: 4px 10px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}
div.pagination span.pacurrent{
    display: inline-block;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
    padding: 4px 10px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
}


div.pagination span.list a:hover
,div.pagination span.prev a:hover
,div.pagination span.next a:hover
,div.pagination span.pacurrent {
    color: #ffffff;
    text-shadow: none;
    background: #8e8e8e;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CECECE), to(#8e8e8e));
    background: -moz-linear-gradient(0% 0% 270deg,#CECECE, #8e8e8e);
}

div.pagination ul.pager {
	width:160px;
	margin:0 auto;
}

div.pagination ul.pager li{
	float:left;
	width:60px;
}

div.pagination ul.pager li.previous{
	width:45%;
	float: left;
}

div.pagination ul.pager li.next{
	width:45%;
	float: right;
}

.pager .previous, .pager .next {
    background-color: #878787;
    padding: 4px 0;
    font-size: 100%;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.pager .previous a, .pager .next a {
     color: #fff;
}

#pagenation > span:first-child {
    margin-right: 21px;
}

#pagenation > span:last-child {
    margin-left: 21px;
}
	
#pagenation > span.current_page:first-child {
    margin-right: 0;
}

#pagenation > span.current_page:last-child {
    margin-left: 0;
}



//ヘアメイクレチE��ン

#pagenation {
	text-align: center;
	padding-top: 30px;
}

#pagenation span {
    position: relative;
    top: 0;
    left: 0;
}

#pagenation a.link_page, #pagenation span {
	font-size: 90%;
    text-decoration: none;
    padding: 3px 7px;
    border: 1px solid #878787;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    behavior: url(/lib/js/PIE/PIE.php);
}

#pagenation a.link_page {
    width: 20px;
    color: #878787;
    /* padding: 4px 10px; */
}

#pagenation span {
    background-color: #878787;
    padding: 3px 7px;
}

#pagenation span.current_page {
    width: 20px;
    font-size: 100%;
    color: #fff;
    padding: 3px 7px;
}

#pagenation span a.link_next, #pagenation span a.link_before {
    font-size: 100%;
    color: #fff;
    padding: 2px 2px;
    text-decoration: none;
}




/* convWrap
________________________________ */
#convWrap {
	/*zzzborder: 1px solid #ccc;*/
	/*padding: 20px 10px 70px;*/
	width: 714px;
	height: 180px;
	margin-top: 40px;
	background:url(/lib/img/common/bg_cvarea.png) center no-repeat;
}

#convWrap p {
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
	padding-top: 20px;
}

#convWrap a {
	font-size: 17px;
	line-height: 30px;
	font-weight: bold;
	color: #fff;
	/*background-color: #f66;*/
	display: inline-block;
	/*width: 269px;*/
	text-decoration: none;
	text-align: center;
}

#convWrap .shiryo {
	width: 152px;
	height: 38px;
	margin-top: 8px;
	/*margin-right: 30px;*/
	background: #F20000;
}
#convWrap .raiko  {
	width: 236px;
	height: 54px;
	background: #009245;
}
#convWrap .taiken  {
	width: 236px;
	height: 54px;
	background: #009245;
}

#convWrap a:hover {
	opacity: 0.8;
}


/* typography
________________________________ */
#contentWrapper > h1,
#contentWrapper > .hdr-lv1 {
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 11px;
	padding-top: 11px;
	color: #00A3E9;
	background-color: #D9F0FC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*behavior: url(/lib/js/PIE/PIE.php);*/
	margin: 0;
}

#cateAbout #contentWrapper > h1,
#cateProgram #contentWrapper > h1,
#cateProgram #contentWrapper > .hdr-lv1,
#cateCourse #contentWrapper > h1,
#cateAdmission #contentWrapper > h1,
#cateFlow #contentWrapper > h1,
#cateRaiko #contentWrapper > h1,
#cateCampus #contentWrapper > h1,
#cateCrescend #contentWrapper > h1 {
	color: #00A3E9;
	background-color: #D9F0FC;
}

#contentWrapper > h2 {
	font-size: 20px;
	line-height: 1.2;
	font-weight: bold;
	color: #00A3E9;
	text-align: left;
	margin: 20px;
	padding: 0;
	border-bottom: 1px dotted #00A3E9;
}

#contentWrapper > h3 {
	font-size: 22px;
	line-height: 1.2;
	font-weight: bold;
	margin: 20px;
	padding: 10px 15px 7px;
	color: #fff;
	background-color: #00A3E9;
}

#cateAbout #contentWrapper > h3		{ background-color: #00A3E9; /*text-shadow: -1px -1px 1px rgba(0,0,0,0.2);*/}
#cateProgram #contentWrapper > h3	{ background-color: #00A3E9;}
#cateCourse #contentWrapper > h3	{ background-color: #00A3E9;}
#cateAdmission #contentWrapper > h3	{ background-color: #00A3E9;}
#cateFlow #contentWrapper > h3		{ background-color: #00A3E9;}
#cateRaiko #contentWrapper > h3		{ background-color: #00A3E9;}
#cateCampus #contentWrapper > h3		{ background-color: #00A3E9;}
#cateCrescend #contentWrapper > h3		{ background-color: #00A3E9;}


#contentWrapper > h4 {
	color: #666;
	font-weight: bold;
	margin: 20px 20px 10px;
	padding: 0;
	border-bottom: 1px solid #ccc;
}
#cateAbout #contentWrapper > h4		{ color: #625feb; }
#cateProgram #contentWrapper > h4	{ color: #bf5feb; }
#cateCourse #contentWrapper > h4	{ color: #eb5fb9; }
#cateAdmission #contentWrapper > h4	{ color: #eb625f; }
#cateFlow #contentWrapper > h4		{ color: #ebbf5f; }
#cateRaiko #contentWrapper > h4		{ color: #b9eb5f; }
#cateCampus #contentWrapper > h4		{ color: #b9eb5f; }
#cateCrescend #contentWrapper > h4		{ color: #038fc6; }


#contentWrapper > h5 {
	font-weight: bold;
	margin: 20px 20px 10px;
	padding: 0;
}

#contentWrapper > p {
	margin: 10px 20px;
}


#contentWrapper .help {
	font-size: 11px;
	color: #999;
}

#contentWrapper .subinfo {
	font-size: 11px;
	color: #999;
}

#contentWrapper sup {
	font-size: 0.5em;
	vertical-align: top;
}

/* aroowCopy
________________________________ */
.aroowCopy {
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	color: #005799;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-align: center;
	margin: 20px 0 0 20px;
	padding: 0 15px;
	position: relative;
	background: #edfd3a;
}
.uaModern .aroowCopy  {
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);
	        box-shadow: 0 0 4px rgba(0,0,0,.3);
}
.aroowCopy:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(237, 253, 58, 0);
	border-top-color: #edfd3a;
	border-width: 6px;
	margin-left: -6px;
}

#contentWrapper > .aroowCopy + h2 {
	margin-top: 10px;
}

/* rayout
________________________________ */
/* rayout2col */
.rayout2col {
	margin: 20px;
}
.rayout2col .boxL {
	float: left;
	width: 200px;
	text-align: center;
	padding-right: 2%;
}

.rayout2col .boxL img {
	width: auto;
	height: auto;
}


.rayout2col .boxR {
	margin-left: auto;
}

.rayout2col .boxR div.text + div.text {
	margin-top: 10px;
}

/* rayout3col */
.rayout3col {
	margin: 20px;
}
.rayout3col > div {
	width: 33.33%;
	float: left;
}

/* rayoutCrop */
.rayoutCrop {
	margin: 10px 20px 20px;
	padding: 20px;
}

.rayoutCrop h4 {
	margin: 0 0 10px;
	padding: 0;
	border-bottom: 1px dotted #ccc;
}

/* rayout */
.rayout {
	position: relative;
	margin: 20px;
}

.campustaikenbanner{
	position: relative;
	margin: 20px auto;
}

*+html .rayout div {
	font-weight: normal; /* IE7 */
}

*+html .rayout2col div {
	font-weight: normal; /* IE7 */
}

*+html .rayout ol {
	font-weight: normal; /* IE7 */
}

*+html .rayout p {
	font-weight: normal; /* IE7 */
}

*+html .rayout ul li {
	font-weight: normal; /* IE7 */
}




.uaModern .rayout {
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.rayout h4 {
	margin: 20px 0 10px;
	padding: 0;
}
.rayout h4:first-child,
.rayout .fr + h4,
.rayout .fl + h4 {
	margin-top: 0;
}

.rayout div.text {
	margin: 10px 0;
}

.rayout .img {
	margin: 10px 0;
	text-align: center;
}

.rayout hr {
	height: 0;
	border: 1px dotted #625feb;
	border-width: 0 0 1px 0;
	margin: 20px 0;
}

/* rayoutPaper */
.rayoutPaper {
	background-image: url(/lib/img/common/bg_paper.png);
	padding: 20px;
}

.uaModern .rayoutPaper  {
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.15);
	        box-shadow: 0 0 4px rgba(0,0,0,.15);
}

/* yellowLine */
.yellowLine {
	border: 3px double #ffad56;
	background: #fff;
	padding: 20px;
}

.uaModern .yellowLine  {
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	behavior: url(/lib/js/PIE/PIE.php);
}

/* greenLine */
.greenLine {
	background: #f5faee;
	border: 1px solid #b2f837;
	padding: 20px;
}

.uaModern .greenLine  {
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	behavior: url(/lib/js/PIE/PIE.php);
}

/* rayoutNotice */
.rayoutNotice {
	margin: 10px 20px 20px;
	padding: 20px 20px 20px 65px;
	background: #feeed7 url(/lib/img/common/icon_notice.gif) no-repeat 15px 20px;
	border: 1px solid #f8ab37;
}
.uaModern .rayoutNotice {
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
	        box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
}

/* rayoutMessage */
.rayoutMessage {
	margin: 10px 20px 20px;
	padding: 0;
	background: #f5faee;
	border: 1px solid #b2f837;
}
.uaModern .rayoutMessage {
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
	        box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
}

.rayoutMessage > em {
	font-weight: bold;
	display: block;
	margin: 20px 0 10px 20px;
}

.rayoutMessage > div.text {
	margin: 10px 0 20px 20px;
}

.rayoutMessage > img {
	float: right;
	margin: 5px 5px 5px 20px;
}

/* rayoutAboutKTC */
.rayoutAboutKTC div {
	display: inline-block;
	vertical-align: top;
}
.rayoutAboutKTC .div1 {
	width: 400px;
}
.rayoutAboutKTC .div2 {
	width: 200px;
}
.rayoutAboutKTC .div2 em {
	display: inline-block;
	width: 4em;
}

.rayoutIdeals {
	margin: 0 20px;
}

.rayoutIdeals li {
	color: #f13d68;
	font-weight: bold;
}

.rayoutAboutMogi h5 {
}

.rayoutAboutMogi .profile.text {
	padding: 10px;
	margin: 30px 0 0 249px;
	font-size: 11px;
	background-color: #d9d3a8;
}

.rayoutAboutOozora .about01 {
	width: 400px;
	float: left;
}

.rayoutAboutOozora .school {
	font-weight: bold;
	color: #005799;
}

.rayoutAboutOozora .about02 {
	width: 200px;
	float: left;
}

.rayoutOBMessage h4 {
	margin-top: 0;
}

.rayoutOBMessage div.clearfix  {
	display: inline-block;
	float: right;
	margin-left: 20px;
	text-align: center;
}

.rayoutOBMessage div h5 {
	margin-top: 10px;
}

.rayoutOBMessage div h5 span {
	margin-left: 1em;
	color: #666;
	font-weight: normal;
}

/* rayoutMyteacher */
.rayoutMyteacher {
	margin: 20px;
	padding-left: 345px;
	min-height: 519px;
}

.rayoutMyteacher h5 {
	background-color: #f5e5fc;
	height: 117px;
	padding: 10px 0 0 137px;
	position: relative;
}

.rayoutMyteacher h5 img {
	position: absolute;
	top: 0;
	left: 0;
}

.rayoutMyteacher div.text {
	margin: 10px 0 20px;
}

.rayoutMyteacher div.Note {
	position: relative;
	float: left;
	margin-left: 0px !important;
	width: 312px;
	overflow: hidden;
}

.rayoutMyteacher div.Note img {
	position: absolute;
	z-index: 10;
	max-width: none;
	width: 100%;
}


.rayoutMyteacher div.Note .text {
	position: relative;
	z-index: 40;
	margin-left: 0px !important;
	margin: 0px;
	padding-top: 12%;
	padding-bottom: 14%;
}

.rayoutMyteacher div.Note .text div {
	padding: 0 20px;
}

/* rayoutNyugakuFlow */
.rayoutNyugakuFlow  {
	margin-bottom: 20px;
	padding: 0 20px;
}

.rayoutNyugakuFlow .ttl p {
	display: inline;
}

.rayoutNyugakuFlow .ttl {
	background: url(/lib/img/nyugaku/flow_title_bg.png);
	padding: 6px 7px 6px 7px;
	-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
		border-radius: 5px;
	behavior: url(/lib/js/PIE/PIE.php);
}

.rayoutNyugakuFlow .ttl img {
	margin-right: 10px;
}

.rayoutNyugakuFlow div.text {
	padding-left: 53px;
	background: url(../img/nyugaku/flow_bg_arrow_02.gif) left bottom no-repeat;
	min-height: 100px;
	padding-top: 10px;
}

.rayoutNyugakuFlow div.text img {
	float: left;
	margin: 0 30px 10px 0 ;
}

.rayoutNyugaku .rayoutNyugakuFlow:last-child div.text {
	background: none;
}



/* rayoutDreamcraft */
.rayoutDreamcraft {
	margin: 20px;
	padding-right: 347px;
	min-height: 519px;
}

.rayoutDreamcraft h5 {
	background-color: #f5e5fc;
	height: 117px;
	padding: 10px 10px 0 137px;
	position: relative;
}

.rayoutDreamcraft h5 img {
	position: absolute;
	top: 0;
	left: 0;
}

.rayoutDreamcraft h5 em {
}

.rayoutDreamcraft div.text {
	margin: 10px 0 20px;
}

/* rayoutSchooling */
.rayoutSchooling5 {
	margin: 0 20px;
	text-align: center;
	background-color: #f4f9ff;
	padding: 20px 100px;
}

.rayoutSchooling5 li {
	color: #005799;
	font-weight: bold;
	display: inline-block;
	text-align: center;
	width: 30%;
}

.rayoutSchoolingMeg {
	margin: 20px;
}

.rayoutSchoolingMeg > div {
	width: 320px;
}

/* rayoutPaper */
.rayoutSchoolingMeg.rayoutPaper div {
	width: 303px;
}

/* yellowLine */
.rayoutSchoolingMeg.yellowLine div {
	width: 303px;
}

/* greenLine */
.rayoutSchoolingMeg.greenLine div {
	width: 303px;
}

.rayoutSchoolingMeg div h5 {
	background-color: #f5e5fc;
	height: 117px;
	padding: 10px 10px 0 137px;
	position: relative;
}

.rayoutSchoolingMeg div h5 img {
	position: absolute;
	top: 0;
	left: 0;
}

.rayoutSchoolingMeg div h5 em {
}

.rayoutSchoolingMeg div div.text {
	margin-top: 10px;
}
#contentWrapper .rayoutSchoolingMeg > div.fl{
	margin-bottom: 20px;
}

#contentWrapper .rayoutSchoolingMeg > div.fl:nth-child(even) {
	float: right;
}

/* rayoutFAQ */
.rayoutFAQ {
	margin: 20px;
}

.rayoutFAQ div.text {
	color: #ffad56;
	font-weight: bold;
	margin-top: 10px;
	cursor: pointer;
}

.rayoutFAQ div.text span {
	font-size: 1.3em;
	margin-right: 10px;
}

.rayoutFAQ .rayoutCrop {
	display: none;
	margin: 10px 0 20px;
}


.rayoutFAQ li p.yellow {
	color: #ffad56;
	font-weight: bold;
	margin-top: 10px;
	cursor: pointer;
}

.rayoutFAQ li p.yellow .faq {
	font-size: 1.3em;
	margin-right: 10px;
}

/* rayoutShingaku */
.rayoutShingaku div.text {
	font-size: 11px;
}

.rayoutShingaku ul {
	width: 100%;
	margin-bottom: 20px;
}

.rayoutShingaku li {
	float: left;
	margin-top: 5px;
	line-height: 13px;
}

.rayoutShingaku li:before {
	content: "・";
	color: #ffad56;
	font-size: 0.7em;
	line-height: 13px;
	display: inline;
	margin-right: 0.5em;
}

.rayoutShingaku .col2 li {
	width: 50%;
}
.uaIE8andUnder .rayoutShingaku .col2 li {
	width: 49%;
}

.rayoutShingaku ul li {
	width: 33%;
}

.rayoutShingaku ul {
	*zoom: 1;
}

.rayoutShingaku ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

/* rayoutCourse */
.rayoutCourse {
	background-position: 20px 40px;
	background-repeat: no-repeat;
}

.rayoutCourse.div1 { background-image: url(/lib/img/course/course_bg_01.png); }
.rayoutCourse.div2 { background-image: url(/lib/img/course/course_bg_02.png); }
.rayoutCourse.div3 { background-image: url(/lib/img/course/course_bg_03.png); }

.rayoutCourse div.text {
	margin-left: 200px;
}

.rayoutCourseAbout {
	margin: 0 15px;
}

*+html .rayoutCourseAbout {
	margin: 0 19px;/* IE7 */
}

.rayoutCourseAbout table{
	width: auto;
	border: 0;
	border-collapse: separate;
	border-spacing: 6px;
	margin: 0;
}

.rayoutCourseAbout table {
	border: none;
}

.rayoutCourseAbout tr td:first-child {
	background: #ef7fc7;
	color: #fff;
	width: 140px;
	line-height: 1.7;
	text-align: center;
}

.rayoutCourseAbout tr td:nth-child(2) {
	padding-left: 1em;
}

.rayoutPaper.rayoutCourseAbout dd {
	width: 465px;
}

.yellowLine.rayoutCourseAbout dd {
	width: 465px;
}

.greenLine.rayoutCourseAbout dd {
	width: 465px;
}

.rayoutCourseAbout dd span {
	font-size: 11px;
	color: #999;
	margin-left: 1em;
}

.rayoutCourse50 {
	margin: 10px 0 20px 20px;
}


.rayout .rayoutCourse50 {
	margin: 10px 0 20px 0;
}

.rayout .rayoutCourse50 div:last-child {
	margin-right: 0;
}

.rayoutCourse50 div {
	width: 327px;
	margin-right: 20px;
	float: left;
}

.rayout .rayoutCourse50 div {
	width: 314px;
	margin-right: 45px;
}

/* rayoutPaper */
.rayoutPaper .rayoutCourse50 div {
	width: 301px;
	margin-right: 33px;
}

/* yellowLine */
.yellowLine .rayoutCourse50 div {
	width: 301px;
	margin-right: 33px;
}

/* greenLine */
.greenLine .rayoutCourse50 div {
	width: 301px;
	margin-right: 33px;
}

.rayoutCourse50 div h5 {
}

.rayoutCourseUL {
	margin: 0 20px 20px 20px;
}

/* rayoutFlow */
.rayoutFlow {
	margin: 0 20px;
	padding: 0 0 10px 50px;
	background: url(/lib/img/flow/flow_bg_arrow_01.gif) no-repeat 3px 28px;
	min-height: 128px;
}
.rayoutFlow.div4 {
	background: url(/lib/img/flow/flow_bg_arrow_02.gif) no-repeat 3px bottom;
	margin-bottom: 10px;
}
.rayoutFlow.div5 {
	min-height: 0;
	background-image: none;
}

.rayoutFlow h5 {
	line-height: 20px;
	vertical-align: top;
	color: #fff;
	padding: 4px 10px;
	margin: 0 0 10px -50px;
	background: url(/lib/img/flow/flow_title_bg.png);
}
.uaIE8andUnder .rayoutFlow h5 {
	position: relative;
	z-index: 1;
}

.rayoutFlow h5 span {
	vertical-align: top;
	font-size: 10px;
	line-height: 1;
	color: #FFAD56;
	border: 2px solid #FFAD56;
	background-color: #fff;
	display: inline-block;
	margin-right: 10px;
	padding: 2px 5px;
}

.rayoutFlow.div5 h5 {
	text-align: center;
	padding: 10px;
}
.rayoutFlow.div5 h5 span {
	font-size: 20px;
	font-weight: bold;
	display: block;
	margin: 0 30px;
	padding: 4px;
}

.rayoutFlow h6 {
	color: #666;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
	margin-top: 10px;
}

.rayoutFlow.div2 div.text img,
.rayoutFlow.div3 div.text img {
	float: left;
	margin-right: 20px;
}

.rayoutFlow.div4 .imgbox {
	text-align: center;
	margin: 10px 0;
}

.rayoutFlow .btnBox .btn {
	width: auto;
	padding-left: 1em;
	padding-right: 1em;
	margin: 10px 5px;
}

.rayoutFlow .rayoutCrop {
	margin: 0;
	padding: 10px;
	width: 174px;
	float: left;
	margin-left: 12px;
	min-height: 210px;
}

.uaIE8andUnder .rayoutFlow .rayoutCrop {
	width: 170px;
}
.rayoutFlow .rayoutCrop:first-child {
	margin-left: 0;
}

.rayoutFlow .rayoutCrop .imgbox {
	margin-bottom: 10px;
	height: 90px;
}



.rayoutFlowLife {
	margin: 20px;
}

.rayoutFlowLife .rayoutCrop {
	float: left;
	width: 216px;
	padding: 0;
	margin: 0 12px 0 0;
	min-height: 210px;
}

* html .rayoutFlowLife .rayoutCrop {
	width: 212px;
}

/* rayoutPaper */
.rayoutFlowLife .rayoutPaper.rayoutCrop {
	width: 197px;;
	padding: 10px;
}

/* yellowLine */
.rayoutFlowLife .yellowLine.rayoutCrop {
	width: 191px;
	padding: 10px;
}

/* greenLine */
.rayoutFlowLife .greenLine.rayoutCrop {
	width: 191px;
	padding: 10px;
}

.uaIE8andUnder .rayoutFlowLife .rayoutCrop {
}


.rayoutFlowLife .rayoutCrop:last-child {
	margin-right: 0;
}

.rayoutFlowLife .rayoutCrop .imgbox {
	text-align: center;
	margin: 10px 0;
}

/* rayoutAttract */
.rayoutAttract {
	margin: 10px;
}
.rayoutAttract .rayoutCrop {
	width: 320px;
	float: left;
	margin: 10px;
	padding: 0;
	min-height: 110px;
}

/* rayoutPaper */
.rayoutAttract .rayoutPaper.rayoutCrop {
	width: 307px;
	padding: 10px;
}

/* yellowLine */
.rayoutAttract .yellowLine.rayoutCrop {
	width: 300px;
	padding: 10px;
}

/* greenLine */
.rayoutAttract .greenLine.rayoutCrop {
	width: 300px;
	padding: 10px;
}


.rayout.rayoutAttract .rayoutCrop {
	width: 320px;
	padding: 0;
}

.rayoutAttract.family .div1 {
	width: auto;
	float: none;
}

.rayoutAttract.familypro .rayoutCrop {
	min-height: 150px;
}

.rayoutAttract .rayoutCrop div.text {
	margin-left: 120px;
}

.rayoutAttract.familypro div.text {
	margin: 0;
}

.rayoutAttract em {
	font-weight: bold;
	color: #666;
}

.rayoutAttract li {
	margin-left: 1.5em;
	list-style-type: disc;
}

/*.rayoutAttract.program .div7 {
	float: left;
	width: auto;
}*/
.rayoutAttract.program div.text {
	margin-left: 120px;
}

/* rayoutAttract01 */
.rayoutAttract01 {
	padding: 20px 0px 20px 20px;
}

.rayoutAttract01 .rayoutCrop {
	width: 320px;
	float: left;
	margin: 10px 20px 10px 0px;
	padding: 0;
	min-height: 123px;
	position: relative;
}

/* rayoutPaper */
.rayoutAttract01 .rayoutPaper.rayoutCrop {
	width: 307px;
	padding: 10px;
	min-height: 110px;
}

/* yellowLine */
.rayoutAttract01 .yellowLine.rayoutCrop {
	width: 300px;
	padding: 10px;
	min-height: 110px;
}

/* greenLine */
.rayoutAttract01 .greenLine.rayoutCrop {
	width: 300px;
	padding: 10px;
	min-height: 110px;
}


.rayout.rayoutAttract01 .rayoutCrop {
	width: 320px;
	padding: 0;
}

.rayoutAttract01.family .div1 {
	width: auto;
	float: none;
}

.rayoutAttract01.familypro .rayoutCrop {
	background-image: none;
	min-height: 150px;
}

.rayoutAttract01 .rayoutCrop div.text {
	margin-left: 129px;
}

/* rayoutPaper */
.rayoutAttract01 .rayoutPaper.rayoutCrop div.text {
	margin-left: 120px;
}

/* yellowLine */
.rayoutAttract01 .yellowLine.rayoutCrop div.text {
	margin-left: 120px;
}

/* greenLine */
.rayoutAttract01 .greenLine.rayoutCrop div.text {
	margin-left: 120px;
}

.rayoutAttract01 .rayoutCrop img {
	position: absolute;
	bottom: 0;
	left: 0;
}

.rayoutAttract01.familypro div.text {
	margin: 0;
}

.rayoutAttract01 em {
	font-weight: bold;
	color: #666;
}

.rayoutAttract01 li {
	margin-left: 1.5em;
	list-style-type: disc;
}

/*.rayoutAttract01.program .div7 {
	float: left;
	width: auto;
}*/
.rayoutAttract01.program div.text {
	margin-left: 129px;
}

/* rayoutPaper */
.rayoutAttract01.program .rayoutPaper.rayoutCrop div.text {
	margin-left: 120px;
}

/* yellowLine */
.rayoutAttract01.program .yellowLine.rayoutCrop div.text {
	margin-left: 120px;
}

/* greenLine */
.rayoutAttract01.program .greenLine.rayoutCrop div.text {
	margin-left: 120px;
}

/* rayoutPPolicy */
.rayoutPPolicy {
	margin: 20px;
}

.rayoutPPolicy .normalUL {
	padding: 0;
	margin: 0 0 10px;
}

/* rayoutSitemap */
.rayoutSitemap {
	margin: 0 20px 10px;
}

.rayoutSitemap ul {
	margin: 0;
}

/* rayoutAc */
.rayoutAcTopics dt {
	line-height: 20px;
}

.rayoutAcTopics dd {
	margin: -20px 0 0 90px;
}

.rayoutAcInquiry {
	position: relative;
}

.rayoutAcInquiry div {
	text-align: right;
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 300px;
}

.rayoutAcInquiry div div.text {
	text-align: left;
	font-size: 11px;
}

.rayoutAcInquiry div .btnInfo {
	width: auto;
	padding: 5px 20px;
}

/* rayoutFlow */
div.flow_list {
	position: relative;
	text-align: left;
	padding-left: 40px;
	}

div.flow_list div.text{
	float: left;
	line-height: 140%;
	}

div.flow_list div.flow_txt1{
	position: absolute;
	top: 148px;
	width: 176px;
	padding: 0 15px 0 15px;
	}

div.flow_list div.flow_txt2{
	position: absolute;
	top: 148px;
	left: 245px;
	width: 176px;
	padding: 0 15px 0 15px;
	}

div.flow_list div.flow_txt3{
	position: absolute;
	top: 148px;
	left: 452px;
	width: 176px;
	padding: 0 15px 0 15px;
	}

/* rayoutNyugaku */
div.nyugaku_list {
	position: relative;
	text-align: left;
	padding-top: 20px;
	padding-left: 20px;
	}

div.nyugaku_list div.nyugaku_txt1{
	position: absolute;
	top: 65px;
	left: 50px;
	width: 600px;
	padding: 0 15px 0 15px;
	}

div.nyugaku_list div.nyugaku_txt2{
	position: absolute;
	top: 65px;
	left: 50px;
	width: 600px;
	padding: 0 15px 0 15px;
	}

div.nyugaku_list div.nyugaku_txt3{
	position: absolute;
	top: 65px;
	left: 50px;
	width: 600px;
	padding: 0 15px 0 15px;
	}

div.nyugaku_list div.nyugaku_txt3 li img{
	float: left;
	}

div.nyugaku_list div.nyugaku_txt4{
	clear: both;
	position: absolute;
	top: 65px;
	left: 165px;
	width: 485px;
	padding: 0 15px 0 15px;
	}

div.nyugaku_list div.nyugaku_txt5{
	position: absolute;
	top: 65px;
	left: 165px;
	width: 485px;
	padding: 0 15px 0 15px;
	}

div.nyugaku_list div.nyugaku_txt6{
	position: absolute;
	top: 65px;
	left: 165px;
	width: 485px;
	padding: 0 15px 0 15px;
	}


/* rayoutLinks */
div.container ul.links_list{
	list-style: none;
	padding: 20px 0px 30px 20px;
	}

div.container ul.links_list li{
	padding-bottom: 30px;
	}

div.container ul.links_list dl dt{
	float: left;
	width: 150px;
	}

div.container ul.links_list dl dt img{
	padding-right: 20px;
	}

div.container ul.links_list dl dd{
	padding-left: 20px;
	padding-right: 30px;
	margin-left: 150px;
	}


/* sp */
.rayoutOBMessage {
	position: relative;
	min-height: 224px;
}

.rayoutOBMessage div.clearfixno {
	position: absolute;
	top: 20px;
	right: 20px;
	float: none;
	margin: 0;
}

.rayout.rayoutOBMessage div.clearfixno {
	position: absolute;
	top: 0;
	right: 0;
	float: none;
	margin: 0;
}

/* rayoutPaper */
.rayoutPaper.rayoutOBMessage div.clearfixno {
	top: 20px;
	right: 20px;
}

/* yellowLine */
.yellowLine.rayoutOBMessage div.clearfixno {
	top: 20px;
	right: 20px;
}

/* greenLine */
.greenLine.rayoutOBMessage div.clearfixno {
	top: 20px;
	right: 20px;
}


* html .rayoutOBMessage div.clearfixno {
	width: 243px;
}

.rayoutOBMessage h4, .rayoutOBMessage div.text {
/*	margin-right: 263px; */
}
.rayout.rayoutOBMessage h4, 
.rayout.rayoutOBMessage div.text {
/*	margin-right: 275px;*/
}

.rayoutPaper.rayoutOBMessage div.text {
	top: 0;
	right: 0;
	position: static;
	width: auto;
	text-align: left;
}

.rayoutMyteacher {
	padding-left: 0;
}

.rayoutMyteacher img.img {
	float: left;
}

.rayoutMyteacher h5, .rayoutMyteacher div.text {
	margin-left: 345px;
}

.rayoutDreamcraft {
	padding-right: 0;
}

.rayoutDreamcraft img.img {
	float: right;
}

.rayoutDreamcraft h5, .rayoutDreamcraft div.text {
	margin-right: 347px;
}

.rayoutDreamcraft h5 > div.text {
	margin: 0px;
}

/* contents */
.col2-imgR {
	overflow: hidden;
	zoom: 1;
	width: auto;
}

.col2-imgR > div:first-child {
	float: right;
	width: 243px;
	margin: 0 0 0 10px;
}

.col2-imgR h4 {
	margin-top: 0;
}

.col2-imgR h5 {
	margin-top: 10px;
	text-align: center;
}

.col2-imgR div.text {
	margin-top: 0;
}

.col2-imgR > div.text p {
	margin-right: 0;
}

.col2-imgR-ttl .ttl {
	float: left;
	width: 396px;
	margin-bottom: 10px;
}

.col2-imgR-ttl.greenLine .ttl{
	width: 347px;
}

.rayoutPaper.col2-imgR-ttl .ttl {
	width: 356px;
}

.rayoutPaper.col2-imgR-ttl .ttl {
	width: 356px;
}

.col2-imgR-ttl .img {
	float: right;
	width: 259px;
	margin: 0 0 10px 20px;
	text-align: center;
}

.col2-imgR-ttl .img div.text {
	margin-top: 10px;
}

.col2-imgR-img {
	overflow: hidden;
	zoom: 1;
	width: auto;
}

.col2-imgR-img h4 {
	margin-top: 0;
}

.col2-imgR-img .img {
	float: right;
	margin: 0 0 10px 20px;
	text-align: center;
}

.col2-imgR-img .img div.text {
	margin-top: 10px;
	margin-bottom: 0;
}

.col2-imgR-img div.text {
	margin-top: 0;
}

.col2-imgL-img {
	overflow: hidden;
	zoom: 1;
}

.col2-imgL-img .img {
	float: left;
	margin: 0 20px 10px 0;
	text-align: center;
}

.col2-imgL-img .img div.text {
	margin-top: 10px;
	margin-bottom: 0;
}

.col-id1, .col-id2 {
	overflow: hidden;
	zoom: 1;
}

.col-id1 > span {
	float: right;
	margin-bottom: 20px;
}

.col-id1 div.text {
	margin: 0;
}

.col-id1 .colL {
	float: left;
	width: 469px;
}

.col-id1 .colR {
	float: right;
	width: 166px;
}

.col-id2 .colL {
	float: left;
	width: 425px;
}

.col-id2 .colR {
	float: right;
	width: 230px;
	margin-left: 20px;
}

.pos-id1 .pos1 {
	float: left;
	margin-right: 20px;
}

.pos-id1 .pos2 {
	float: right;
}

.pos-id1 div.text {
	margin-bottom: 0;
}

.pos-id2 {
	position: relative;
}

.pos-id2 .pos1 {
	width: 335px;
}

.pos-id2 .pos3 {
	position: absolute;
	top: 20px;
	right: 20px;
}

.pos-id2 .pos4 {
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 322px;
}

.pos-id2 .pos4 div.text {
	margin-bottom: 0;
}

/* campus
________________________________ */
#campusMain {
	margin-bottom: 20px;
}
#campusInfo {
	padding: 25px 28px;
	background-color: #ffffff;
}
#campusInfo .heading {
	position: relative;
	margin-bottom: 14px;
}
#campusInfo h1 {
	position: relative;
	color: #0f64a4;
	font-size: 16px;
	font-weight: bold;
}
#campusInfo h1 span {
	font-size: 36px;
}
#campusInfo .prefecture {
	display: block;
	position: absolute;
	right: 0;
	bottom: 10px;
	background-color: #90d415;
	border-bottom: 2px solid #22ac38;
	color: #FFF;
	width: 136px;
	height: 56px;
	font-size: 24px;
	text-align: center;
	line-height: 56px;
}
#campusInfo .contents .mainimg {
	position: relative;
	width: 550px;
	height: 412px;
	overflow: hidden;
}
#campusInfo .contents .mainimg .bx-wrapper {
	padding: 0;
	border-radius: 0;
	overflow: hidden;
}
#campusInfo .contents .mainimg .bx-pager {
	display: none;
}
#campusInfo .contents .mainimg .bx-prev {
	top: 50%;
	left: 1px;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	background: url(/lib/img/campus/btn-prev2.png) no-repeat;
	background-size: 30px;
	text-indent: -9999px;
}
#campusInfo .contents .mainimg .bx-next {
	top: 50%;
	right: 1px;
	left: auto;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	background: url(/lib/img/campus/btn-next2.png) no-repeat;
	background-size: 30px;
	text-indent: -9999px;
}
#carrousel .disabled {
	background: none;
	width: 0;
	height: 0;
}
#campusInfo .contents .mainimg li {
	position: relative;
	width: 100%;
	height: 412px;
	overflow: hidden;
	vertical-align: middle;
}
#campusInfo .contents .mainimg li b {
	display: table-cell !important;
	height: 412px;
	vertical-align: middle;
}
#campusInfo .contents .mainimg li img {
	vertical-align: middle;
}
#campusInfo .contents .mainimg li span {
	display: block;
	position: absolute;
	bottom: 0;
	padding: 7px;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	z-index: 1000;
}
#campusInfo .contents {
	position: relative;
}
#campusInfo .contents .txt {
	margin-top: 20px;
}
.campusBox {
	clear: both;
	margin-bottom: 40px;
}
.campusBox:last-child {
	margin-bottom: 0;
}
.contents .campusBox {
	border: 1px solid #90d415;
}
.campusBox.col {
	clear: none;
	margin-bottom: 40px;
	width: 333px;
	border: 1px solid #90d415;
}
.campusBox.col .inner {
	margin-top: 0;
	padding: 0;
	border: 0;
}
.campusBox h2 {
	padding: 0 14px;
	height: 50px;
	background-color: #c7e98a;
	color: #05740c;
	font-size: 20px;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
}
.campusBox h3 {
	position: relative;
	padding: 0 14px;
	height: 40px;
	background-color: #c7e98a;
	color: #05740c;
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
}
#campusTaiken .inner > p {
	width: auto;
}
#campusTaiken .inner > dl {
	margin: 0 0 20px 20px;
}
#campusTaiken .inner dt {
	color: #0081ff;
	display: list-item;
	list-style: disc outside;
}
#campusTaiken .inner dd {
    margin-bottom:7px;
}
#campusTaiken .message {
	width: auto;
	padding: 0 15px 15px 15px;
}
#campusAccess {
	position: absolute;
	top: 0;
	right: 0;
	width: 368px;
	height: 410px;
	margin-top: 0;
}
#campusAccess .inner {
	margin-top: 0;
	padding: 15px;
	border: 0;
}
#campusAccess dl {
	overflow: hidden;
	zoom: 1;
}
#campusAccess dt {
	clear: both;
	float: left;
	padding: 5px 0.5em;
	width: 4.5em;
	background-color: #e6e6e6;
	color: #000000;
	font-size: 14px;
	text-align: center;
}
#campusAccess dd {
	margin: 0 0 0.8em 7em;
	padding-top: 0.3em;
	font-size: 14px;
	line-height: 1.5em;
}
#campusAccess .map {
	position: absolute;
	right: 15px;
	bottom: 15px;
	left: 15px;
	width: auto !important;
}

/* contents */
#cateCampus #contentWrapper {
	padding: 30px;
}
#campusArticle {
	background-color: #ffffff;
	overflow: hidden;
	overflow: visible\9; /* IE10以下 */
}
* html #campusArticle {
	width: 675px;
}
#campusArticle h2 {
	position: relative;

	margin-bottom: 20px;
	padding: 0 14px;
	height: 50px;
	background-color: #90d415;
	border-bottom: 2px solid #22ac38;
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.2);
}
#campusArticle h2:before {
	position: absolute;
	top: 52px;
	left: 50%;
	margin-left: -14px;
	width: 0;
	height: 0;
	border: solid transparent;
	border-top-color: #22ac38;
	border-width: 14px;
	content: "";
}
#campusArticle h2:after {
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -14px;
	width: 0;
	height: 0;
	border: solid transparent;
	border-top-color: #90d415;
	border-width: 14px;
	content: "";
}
#campusGallery #carrousel {
	background: url(/lib/img/campus/bg-gallery.jpg) no-repeat;
	height: 242px;
}
#campusGallery #carrousel ul {
	overflow: hidden;
	zoom: 1;
	font-size: 12px;
}
#campusGallery #carrousel li {
	float: left;
	background: url(/lib/img/campus/bg-slide.jpg) no-repeat;
	width: 200px;
	height: 215px;
}
#campusGallery #carrousel dl {
	padding: 8px;
}
#campusGallery #carrousel dt {
	margin-bottom: 10px;
	overflow: hidden;
	height: 139px;
}
#campusGallery #carrousel dd {
	padding: 0 0 0 2px;
}
#carrousel .bx-wrapper {
	position: relative;
	padding-top: 11px;
}
#carrousel .bx-prev {
	background: url(/lib/img/campus/btn-prev.png) no-repeat;
	width: 33px;
	height: 33px;
	top: 98px;
	left: -38px;
	text-indent: -9999px;
}
#carrousel .bx-next {
	background: url(/lib/img/campus/btn-next.png) no-repeat;
	width: 33px;
	height: 33px;
	top: 98px;
	right: -38px;
	left: auto;
	text-indent: -9999px;
}
#carrousel .disabled {
	background: none;
	width: 0;
	height: 0;
}
#campusTopics {
	float: left;
}
#campusBlog {
	float: right;
}
.campusBox .inner {
	margin-top: -20px;
	padding: 30px 20px;
	border: 1px solid #90d415;
	border-top: 0;
}
.campusBox.col .scroll ul {
	padding: 5px 0 5px 10px;
	height: 233px;
	overflow-y: scroll;
}
.campusBox .scroll li a {
	display: block;
	padding: 10px 30px 10px 5px;
	background-image: url(../img/campus/icon_linkarrow.png);
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 24px;
	color: #666666;
	font-size: 12px;
	text-decoration: none;
}
.campusBox .scroll li a span {
	color: #0054ee;
	font-size: 14px;
	text-decoration: underline;
}
.campusBox .button {
	margin: 0 auto;
	text-align: center;
}
#campusTaiken .button {
	margin-top: 20px;
}
section.more {
	position: relative;
}
section.more p {
	position: absolute;
	top: 10px;
	right: 10px;
}
section.more p a {
	padding: 2px 10px;
	background-color: #22ac38;
	border-radius: 5px;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
}
.tag-red { background-color: #ff6796; }
.tag-blue { background-color: #67afff; }
#campusKengaku .inner {
	position: relative;
}
#campusKengaku p {
	margin-bottom: 10px;
}
#campusKengaku .time {
	font-size: 16px;
}
#campusKengaku .time img {
	margin-top: 5px;
	border: 1px solid #0d3092;
}

#campusKengaku .link a {
	padding-left: 12px;
	background-image: url(../img/campus/icon_bluearrow.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 8px;
}
#campusKengaku #schedule {
	margin: 30px 10px;
}
#campusKengaku #schedule .select {
	margin-bottom: 10px;
	padding: 2px 7px;
	background-color: #e5f4fe;
	border: 2px solid #2a8acb;
	color: #2a8acb;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
#campusKengaku .note {
	clear: both;
	font-size: 11px;
	color: #333333;
}
#campusKengaku h3 {
	margin: 30px 0 10px 0;
	font-size: 18px;
}
#campusTaiken p {
	margin-bottom: 1em;
}
#campusTaiken h3 {
	margin: 30px 0 10px 0;
	font-size: 18px;
}
#campusVoice .img {
	width: 220px;
	text-align: center;
}
#campusVoice .txt {
	width: 400px;
}
#campusVoice div.contents {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 30px;
}
#campusVoice div.contents:last-child {
	margin-bottom: 0;
}
#campusVoice .left .img { float: left; }
#campusVoice .left .txt { float: right; }
#campusVoice .right .img { float: right; }
#campusVoice .right .txt { float: left; }
#campusVoice h3 {
	background-color: #ddf2b8;
	color: #0f64a4;
	height: 40px;
	margin-bottom: 10px;
	padding: 0 14px;
	font-size: 18px;
	line-height: 40px;
}
#campusVoice .txt p {
	padding: 0 10px;
}

/* map
________________________________ */

.none #cateCampus #mapOnly {
	 display: none; 
}
#cateCampus.none #searchResult ul { display: none; }

#cateCampus.none #featureContents{
	 display: none;
}


#cateCampus.none #mapOnly img {
	border: #c3c3c3 1px solid;
}


#cateCampus.none #mapFeature img {
	border: none;
}

 #cateCampus.none #mapFeature {
	border: #c3c3c3 1px solid;
	background: #c0e5f7;
}

#cateCampus #mapFeature .mapInner {
	 width: 396px;
	 position: relative;
	 z-index: 10;
}

#cateCampus.none #mapFeature .mapInner {
	 margin: 0 auto;
}

#cateCampus #mapFeature:after {
	content: "　";
	display: block;
	background: url(/lib/img/map/img_bg_map_09.png) no-repeat;
	position: absolute;
	width: 396px;
	height: 414px;
	left: 0;
	top: 0;
	z-index: 1;
	margin: 0 auto;
}

#cateCampus .list-1 #mapFeature:after { background: url(/lib/img/map/img_bg_map_01.png) no-repeat; }
#cateCampus .list-2 #mapFeature:after { background: url(/lib/img/map/img_bg_map_02.png) no-repeat; }
#cateCampus .list-3 #mapFeature:after { background: url(/lib/img/map/img_bg_map_03.png) no-repeat; }
#cateCampus .list-4 #mapFeature:after { background: url(/lib/img/map/img_bg_map_04.png) no-repeat; }
#cateCampus .list-5 #mapFeature:after { background: url(/lib/img/map/img_bg_map_05.png) no-repeat; }
#cateCampus .list-6 #mapFeature:after { background: url(/lib/img/map/img_bg_map_06.png) no-repeat; }
#cateCampus .list-7 #mapFeature:after { background: url(/lib/img/map/img_bg_map_07.png) no-repeat; }

#cateCampus.none #mapFeature:after {
	top: 0;
	left: 119px;
	z-index: 1;
}

#cateCampus.none #mapFeature .mapInner img {
	 width: 100%;
	 height: auto;
}


#campusSearch {
	background: url(/lib/img/map/bg-heading.gif);
	padding: 8px 0;
}

#campusSearch h2 {
	background: url(/lib/img/map/ico-heading.png) no-repeat left top;
	color: #FFF;
	height: 40px;
	margin-left: 20px;
	padding-left: 35px;
	line-height: 40px;
	font-size: 20px;
	font-weight: bold;
}

#campusSearch #mapContents .btn-all img {
	margin: 7px 7px 0 0;
	float: right;
}

#campusSearch .bg {
	background-color: #FFF;
	margin: 0 8px;
}

#campusSearch .inner {
	overflow: hidden;
	zoom: 1;
	padding: 11px 12px 11px 11px;
}

#mapContents {
	float: left;
	width: 398px;
}

#mapContents div {
	text-align: center;
}

#featureContents {
	float: right;
	width: 222px;
}

#cateCampus.none #mapContents {
	float: none;
	width: auto;
}

#campusSearch h3 {
	background-color: #e7fbc4;
	color: #90d415;
	height: 40px;
	margin-bottom: 6px;
	padding-left: 10px;
	font-size: 18px;
	line-height: 40px;
}

#featureContents li {
	overflow: hidden;
	zoom: 1;
	margin: 15px 0;
}

#chkform ul li#all {
    margin-left: 0px;
    font-size: 130%;
    color: #145494;
    font-weight: bold;
}

#chkform ul li#all input {
    margin-right: 14px;
}

#featureContents label {
	cursor: pointer;
}

#featureContents input {
	float: left;
	margin-top: 10px;
}

#featureContents dl {
	margin-left: 30px;
}

* html #featureContents dl {
	margin-left: 20px;
}

#featureContents dt {
	color: #145494;
	font-size: 12px;
}

#featureContents dt span {
	display: block;
	float: left;
	width: 31px;
	margin-right: 4px;
}

#featureContents dd {
	margin-left: 35px;
	font-size: 11px;
}

#searchResult {
	margin-top: 15px;
}

#searchResult h3 {
	margin-bottom: 10px;
	padding: 0 10px;
	font-size: 16px;
}

#searchResult ol {
	overflow: hidden;
	zoom: 1;
	width: 687px;
	margin-right: -12px;
}

#searchResult li.area {
	position: relative;
	float: left;
	list-style: none;
	border-style: solid;
	border-width: 1px;
	width: 215px;
	margin: 0 12px 12px 0;
	padding: 7px 0 9px;
}

#cateCampus #contentWrapper ol li {
	margin-left: 0;
}

li.area01 { border-color: #4b61cc; }
li.area02 { border-color: #cc52ad; }
li.area03 { border-color: #; }
li.area04 { border-color: #cc9b14; }
li.area05 { border-color: #; }

#searchResult .prefecture {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 78px;
	height: 24px;
	font-size: 16px;
	text-align: center;
	line-height: 24px;
}

* html #searchResult .prefecture {
	right: -1px;
}

#searchResult p {
	padding: 0 6px;
	font-size: 10px;
}

#searchResult p span {
	display: block;
	padding-top: 10px;
	font-size: 16px;
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -hp-pre-wrap;
	word-wrap: break-word;
	width: 11em;
}

li.area01 .prefecture { background-color: #a0a7ce; color: #4b61cc; }
li.area02 .prefecture { background-color: #e5bbda; color: #cc52ad; }
li.area03 .prefecture { background-color: #F1C6AB; color: #f26c18; }
li.area04 .prefecture { background-color: #eddd9e; color: #cc9b14; }
li.area05 .prefecture { background-color: #E8F8BD; color: #7CAC04; }
li.area06 .prefecture { background-color: #C4E7CE; color: #29cc4f; }
li.area07 .prefecture { background-color: #F6A4A6; color: #e73b40; }

#searchResult ul {
	overflow: hidden;
	zoom: 1;
	padding: 5px 5px 0;
}

#searchResult ul li {
	overflow: hidden;
	float: left;
	width: 26px;
	height: 26px;
	margin-right: 2px;
	text-indent: 100%;
	white-space: nowrap;
}

li.feature01 { background: url(/lib/img/map/ico-sprite.png) 0 0; }
li.feature02 { background: url(/lib/img/map/ico-sprite.png) 104px 0; }
li.feature03 { background: url(/lib/img/map/ico-sprite.png) 78px 0; }
li.feature04 { background: url(/lib/img/map/ico-sprite.png) 52px 0; }
li.feature05 { background: url(/lib/img/map/ico-sprite.png) 26px 0; }

li.feature01.off { background: url(/lib/img/map/ico-sprite.png) 0 26px; }
li.feature02.off { background: url(/lib/img/map/ico-sprite.png) 104px 26px; }
li.feature03.off { background: url(/lib/img/map/ico-sprite.png) 78px 26px; }
li.feature04.off { background: url(/lib/img/map/ico-sprite.png) 52px 26px; }
li.feature05.off { background: url(/lib/img/map/ico-sprite.png) 26px 26px; }

#searchResult .more {
	position: absolute;
	right: 8px;
	bottom: 9px;
}

/* キャンパスマッチEリンク調整 */
#mapFeature {
	position: relative;
}
#mapFeature a {
	position: absolute;
	display: block;
	-webkit-border-radius: 7px;
	   -moz-border-radius: 7px;
	        border-radius: 7px;
	behavior: url(/lib/js/PIE/PIE.php);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
}

#mapFeature a:hover {
	background-color: rgba(255,255,255,0.3);
	border: 1px solid rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);
	        box-shadow: 0 0 4px rgba(0,0,0,.3);
}

#mapFeature .a1 { top: 145px; left: 264px; width: 87px; height: 23px; }
#mapFeature .a2 { top: 247px; left: 289px; width: 88px; height: 23px; }
#mapFeature .a3 { top: 200px; left: 165px; width:  77px; height: 23px; }
#mapFeature .a4 { top: 258px; left: 184px; width:  47px; height: 23px; }
#mapFeature .a5 { top: 277px; left: 98px; width:  76px; height: 23px; }
#mapFeature .a6 { top: 322px; left:  15px; width:  77px; height: 23px; }
#mapFeature .a7 { top: 418px; left: 344px; width:  93px; height: 22px; }
#mapFeature .a8 { top: 363px; left: 121px; width: 141px; height: 25px; }


#mapOnly {
	position: relative;
}
#mapOnly a {
	position: absolute;
	display: block;
	-webkit-border-radius: 7px;
	   -moz-border-radius: 7px;
	        border-radius: 7px;
	behavior: url(/lib/js/PIE/PIE.php);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
}

#mapOnly a:hover {
	background-color: rgba(255,255,255,0.3);
	border: 1px solid rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);
	        box-shadow: 0 0 4px rgba(0,0,0,.3);
}

#mapOnly .a1 {
	top: 204px;
	left: 495px;
	width: 87px;
	height: 23px;
}
#mapOnly .a2 { top: 247px; left: 384px; width: 88px; height: 23px; }
#mapOnly .a3 { top: 200px; left: 260px; width:  77px; height: 23px; }
#mapOnly .a4 { top: 258px; left: 280px; width:  47px; height: 23px; }
#mapOnly .a5 { top: 277px; left: 194px; width:  76px; height: 23px; }
#mapOnly .a6 { top: 322px; left: 111px; width:  77px; height: 23px; }
#mapOnly .a7 { top: 418px; left: 344px; width:  93px; height: 22px; }
#mapOnly .a8 { top: 363px; left: 216px; width: 141px; height: 25px; }


/* blog
________________________________ */

#blogWrapper {
	position: relative;
}

#blogWrapper h2,
#blogWrapper .h2 {
display: block;
	background-color: #e7fbc4;
	color: #75b109;
	border-top: solid 3px #e7fbc4;
	height: 40px;
	margin-bottom: 15px;
	padding: 0 15px;
	font-size: 20px;
	line-height: 40px;
}

#blogWrapper article .h2 {
margin-left: -15px;
margin-right: -15px;
}

#blogWrapper span.blogname {
	position: absolute;
	top: 10px;
	top: 3px;
	right: 15px;
	color: #75b109;
	font-size: 16px;
}

#blogWrapper article span.blogname {
top: 10px;
}

#blogWrapper article {
	padding: 0 15px;
}

#blogTitle {
	position: relative;
	margin-bottom: 15px;
	text-align: right;
}

* html #blogTitle {
	width: 645px;
}

h1 #blogTitle {
margin-bottom: 0;
}

#blogTitle h1,
#blogTitle .h1 {
display: block;
	font-size: 20px;
	line-height: 1.2;
	font-weight: bold;
	color: #005799;
	text-align: left;
	padding: 0;
	border-bottom: 1px dotted #005799;
}

.entrytime {
display: block;
margin-bottom: 15px;
text-align: right;
}

.social_share li {
    display:inline-block;
    margin-right:5px;
    vertical-align:top;
}


#blogContents p {
	margin-bottom: 1.5em;
}

#blogWrapper .button {
	overflow: hidden;
	zoom: 1;
	width: 515px;
	margin: 40px auto 0;
}

* html #blogWrapper .button {
	width: 545px;
}

#blogWrapper .button p {
	float: left;
	width: 227px;
	margin: 0 15px;
}

#blogWrapper .pagination {
	padding: 30px;
	text-align: center;
}

#pagenation {
	text-align: center;
}

.blogLayout {
	clear: both;
}

.blogLayout img {
	margin-bottom: 10px;
}

.blogLayout .imgL, .blogLayout .imgR {
	width: 316px;
	text-align: center;
}

.blogLayout .imgC {
	width: 100%;
	text-align: center;
}

.blogLayout .imgR {
	float: right;
	margin-left: 15px;
}

.blogLayout .imgL {
	float: left;
	margin-right: 15px;
}

.blogLayout .imgC {
	margin: 0 auto;
}

.blogLayout.imgLR .imgR, .blogLayout.imgLR .imgL {

	margin: 0;
}

.blogLayout.imgLR div {
	overflow: hidden;
	zoom: 1;
}

/* crescendo
________________________________ */

#slide .contents .mainimg {
    width: 100%;
    margin: 0 auto 30px;
}
#slide .contents .mainimg .bx-wrapper {
    position: relative;
    padding: 0;
    height: 145px;
}
#slide .contents .mainimg .bx-pager {
	display: none;
}
#slide .contents .mainimg .bx-prev {
	top: 50%;
	left: 1px;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	background: url(/lib/img/campus/btn-prev2.png) no-repeat;
	background-size: 30px;
	text-indent: -9999px;
}
#slide .contents .mainimg .bx-next {
	top: 50%;
	right: 1px;
	left: auto;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	background: url(/lib/img/campus/btn-next2.png) no-repeat;
	background-size: 30px;
	text-indent: -9999px;
}
#slide .contents .mainimg li {
	position: relative;
	width: 100%;
	height: 145px;
	overflow: hidden;
	vertical-align: middle;
}
#slide .contents .mainimg li b {
	display: table-cell !important;
	height: 145px;
	vertical-align: middle;
}
#slide .contents .mainimg li img {
	vertical-align: middle;
}
#slide .contents .mainimg li span {
	display: block;
	position: absolute;
	bottom: 0;
	padding: 7px;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	z-index: 1000;
}

#schoolLifeQ {
    max-width: 550px;
    margin: 0 auto;
    padding: 30px 20px;
    box-sizing: border-box;
}

#schoolLifeQ .question p {
    text-align: center;
    font-size: 22px;
    margin-bottom: 30px;
    background: #FEF6CD;
    box-shadow: 0px 0px 0px 5px #FEF6CD;
    border: dashed 1px #FF9D2E;
    padding: 0.2em 0.5em;
}

#schoolLifeQ .question p:after{
    position: absolute;
    content: '';
    left: 77px;
    top: 25px;
    border-width: 0 0 15px 15px;
    border-style: solid;
    border-color: #fff #fff #C46901;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

#schoolLifeQ ul {
    padding: 20px;
    margin: 0 auto;
    box-sizing: border-box;
    background: -webkit-repeating-linear-gradient(-45deg, #e9f4ff, #e9f4ff 3px,#fff 3px, #fff 7px);
    background: repeating-linear-gradient(-45deg, #e9f4ff , #e9f4ff 3px,#fff 3px, #fff 7px);
}

#schoolLifeQ ul li {
    margin-bottom: 10px;
}

#schoolLifeQ ul li:last-child {
    margin-bottom: 0;
}

#schoolLifeQ ul li span {
    display: inline-block;
    width: 350px;
    font-size: 14px;
    font-weight: bold;
}

#schoolLifeQ button {
    background: #5c90d2;
    width: 160px;
    display: block;
    margin: 20px auto 30px;
    text-align: center;
    padding: 15px 10px;
    font-size: 18px;
    box-shadow: none;
    color: #fff;
    border: none;
    box-sizing: border-box;
    border-radius: 5px;
    cursor: pointer;
}

#schoolLifeQ .info {
    position: absolute;
    top: 180px;
    left: 0px;
}

#schoolLifeQ .info img{
    height:200px;
}

#schoolLifeQ .result {
    padding: 20px;
    border: 3px solid #f1f1f1;
    box-sizing: border-box;
    margin: 0 auto;
    display: none;
}

#schoolLifeQ .ttl {
    text-align: center;
    font-size: 18px;
    margin-bottom: 15px;
}

#schoolLifeQ .ttl strong {
    font-size: 24px;
}

.voice {
    border: 6px solid #dbeafa;
    padding: 30px 30px;
    margin: 0 0 54px;
}

.voice .tt {
    font-size: 22px;
    line-height: 38.39px;
    letter-spacing: 1.32px;
    color: #231815;
    font-weight: bold;
    text-align: center;
    margin: 0 0 29px;
}

.voice .tt span {
    border-bottom: 1px solid;
    display: inline-block;
    color: #425dad;
}

.voice .txt {
    font-size: 15px;
    letter-spacing: 0.6px;
    color: #323232;
    line-height: 1.7;
    margin: 0 0 30px;
}

.voice .list_comment .title_list-comment {
    font-size: 17px;
    line-height: 27px;
    letter-spacing: 1.36px;
    color: #323232;
    text-align: center;
    font-weight: bold;
    background-color: #f6e73d;
    padding: 10px 10px 10px 30px;
    margin: 0 0 44px;
    position: relative;
}

.voice .list_comment .title_list-comment::before {
    content: "";
    position: absolute;
    left: 5px;
    top: -10px;
    width: 100px;
    height: 94px;
    background: url(../img/crescendo/icon_comment.png) no-repeat scroll center center;
}

.voice .list_comment ul {
    margin: 0 0 42px;
}

.voice .list_comment ul li {
    display: table;
    width: 100%;
    height: auto;
    margin: 0 0 25px;
}

.voice .list_comment ul li:nth-child(even) {
    direction: rtl;
}

.voice .list_comment ul li:last-child {
    margin: 0;
}

.voice .list_comment ul li span {
    display: table-cell;
    vertical-align: middle;
    width: 120px;
    text-align: start;
}

.voice .list_comment ul li span img {
    width: 90px;
    height: 90px;
}

.voice .list_comment ul li div {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.voice .list_comment ul li:nth-child(even) div::before {
    left: auto;
    right: -17px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.voice .list_comment ul li div::before {
    content: "";
    position: absolute;
    left: -17px;
    top: 0;
    bottom: 0;
    width: 20px;
    background: url(../img/crescendo/icon_arr.png) no-repeat scroll center center;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.voice .list_comment ul li div p {
    border: 1px dashed #666;
    background-color: #fffdf5;
    padding: 15px 20px;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.56px;
    border-radius: 10px;
}

.voice .list_comment ul li:nth-child(even) div p {
    direction: ltr;
}

.voice .list_comment .txtlast {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    line-height: 28.4px;
    letter-spacing: 2px;
}


/* not_found */
.not_found .li_box {
	width: 680px;
	margin: 20px 0 0 20px;
	padding-top: 10px;
	border-top: 1px solid #ccc;  
}


.not_found .li_box ul {
	width: 604px;
	margin-left: 120px;
}

.not_found .li_box ul li {
	float: left;
	width: 180px;
	line-height: 1.8em;
	margin-left: 15px;
}

#contentWrapper .not_found  h4 {
	color: #666;
	font-weight: bold;
	margin: 0 5px 10px;
	padding: 0;
}

.not_found .li_box h4 {
	width: 108px;
	float: left;
}



/* ie6 */
* html .col2-imgR-img img {
	max-width: none !important;
}

* html .col2-imgR-img .img {
	width: 306px !important;
}

* html .col2-imgR-ttl {
	width: 635px !important;
	height: auto;
}


* html .rayoutAttract {
	padding: 20px 0px 20px 10px !important;
}

* html .rayoutAttract .rayoutCrop  {
	margin: 10px 20px 10px 0px;
}

* html .rayoutAttract .rayoutPaper {
	width: 307px !important;
}
* html .rayoutAttract .div2 {
	margin-right: 0 !important;
}
* html .rayoutAttract .div4 {
	margin-right: 0 !important;
}
* html .rayoutAttract .div6 {
	margin-right: 0 !important;
}
* html .rayoutAttract .div8 {
	margin-right: 0 !important;
}
* html .rayoutAttract .div10 {
	margin-right: 0 !important;
}
* html .rayoutAttract .div12 {
	margin-right: 0 !important;
}
* html .rayoutAttract .div14 {
	margin-right: 0 !important;
}
* html .rayoutAttract .div16 {
	margin-right: 0 !important;
}
* html .rayoutAttract .div18 {
	margin-right: 0 !important;
}
* html .rayoutAttract .div20 {
	margin-right: 0 !important;
}



* html .rayoutAttract01 .rayoutPaper {
	width: 307px !important;
}
* html .rayoutAttract01 .div:nth-child(2n) {
	margin-right: 0 !important;
}

* html .rayoutPaper {
	zoom: 1 !important;
}

/* ie8 */
.linkImg .img {
	width: 152px\9;
}

.pos-id1 .pos1 {
	width: 210px\9;
	margin-bottom: 2em\9;
}

.pos-id1 .pos2 {
	width: 210px\9;
}

/* 2017.10　相談・見学は */
#cateFlow #contentWrapper > h1 {
	padding: 10px 14px;
}
#cateFlow #contentWrapper .mainvisual {
	margin: 14px;
	text-align: center;
}
#cateFlow #contentWrapper .mainvisual .catch {
	padding: 5px 7px;
	background-color: #005799;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
}
#cateFlow #contentWrapper h2 {
	margin: 14px;
	padding-bottom: 5px;
	border-bottom: 2px solid #005799;
	color: #005799;
	line-height: 150%;
}
#cateFlow #contentWrapper h3 {
	margin: 14px;
	padding: 10px 14px;
	color: #ffffff;
	font-size: 24px;
}
#cateFlow #contentWrapper h3 span {
	display: inline-block;
	vertical-align: middle;
}
#cateFlow #contentWrapper h3 span.sml {
	padding-left: 14px;
	font-size: 15px;
	font-weight: normal;
}
#cateFlow #contentWrapper h3 span.pickup {
	margin-right: 14px;
	padding: 5px 14px;
	background-color: #ea5315;
	border-radius: 14px;
	color: #ffffff;
	font-size: 16px;
}
#cateFlow .rayout {
	margin: 14px 14px 28px 14px;
}
#cateFlow .rayout .text {
	margin: 0;
}
#cateFlow .rayout2col {
	margin: 14px 14px 28px 14px;
}
#cateFlow .infofbox {
	margin: 0;
	padding: 21px 21px 28px 21px;
	background-color: #f9f8eb;
}
#cateFlow .rayout2col .boxL,
#cateFlow .infofbox .boxL {
	float: left;
	margin-right: 20px;
	padding-right: 0;
	width: 310px;
}
#cateFlow .rayout2col .boxL .text {
	display: none;
}
#cateFlow .rayout2col .boxR,
#cateFlow .infofbox .boxR {
	padding-left: 330px;
}
#cateFlow .rayout2col h4,
#cateFlow .infofbox h4 {
	margin-bottom: 7px;
	color: #005799;
	font-size: 20px;
	font-weight: bold;
}
#cateFlow .rayout2col h5,
#cateFlow .infofbox h5 {
	display: inline-block;
	position: relative;
	margin: 21px 0 0 18px;
	padding: 5px 14px;
	background-color: #e89461;
	border-radius: 5px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}
#cateFlow .infofbox h5.guard {
	background-color: #e4287f;
}
#cateFlow .infofbox h5:before {
	position: absolute;
	top: 100%;
	left: 21px;
	width: 0;
	height: 0;
	border: solid transparent;
	border-top-color: #e89461;
	border-width: 7px;
	content: "";
}
#cateFlow .infofbox h5.guard:before {
	display: none;
}
#cateFlow .infofbox ul {
	margin-top: -18px;
	padding: 28px 14px 14px 14px;
	background-color: #ffffff;
	border: 4px solid #f7d997;
	border-radius: 10px;
	font-size: 16px;
	line-height: 180%;
}
#cateFlow .infofbox li {
	padding-left: 17px;
}
#cateFlow .infofbox li span {
	display: inline-block;
	margin-left: -17px;
	padding-right: 5px;
	color: #e89461;
	font-size: 12px;
	vertical-align: middle;
}
#cateFlow .infofbox .guardian {
	margin-top: -16px;
	padding: 21px 16px 14px 16px;
	background-color: #ffffff;
	border: 2px solid #e4287f;
	border-radius: 10px;
	font-size: 12px;
	line-height: 180%;
}
#cateFlow .infofbox .guardian .bold {
	color: #e4287f;
	font-size: 14px;
	font-weight: bold;
}
#cateFlow .rayout2col .ttl {
	margin: 28px 0 14px 0;
	padding: 5px 14px;
	background-color: #e89461;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}
#cateFlow .rayout2col .att {
	clear: both;
	margin-top: 28px;
	font-size: 12px;
}
#cateFlow .btnarea {
	margin-top: 21px;
	padding: 28px 0 4px 77px;
	background-image: url(../../img/infof_tour_bg.png);
	background-position: 14px top;
	background-repeat: no-repeat;
	font-size: 12px;
	text-align: center;
}
#cateFlow .infofbox .btnarea {
	padding-left: 56px;
}
#cateFlow .btnarea img {
	margin-bottom: 7px;
}
#cateFlow #convWrap {
	margin: 0;
	padding: 14px 14px 70px 14px;
	width: auto;
	height: auto;
	background-image: url(../img/common/bg_cvarea2.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	border: 1px solid #cccccc;
	border-radius: 10px;
	color: #000000;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}

/* 2017.10　キャンパス */
#cateCampus .anchor {
	margin: 20px 0;
	overflow: hidden;
}
#cateCampus .anchor li {
	float: left;
	padding-right: 8px;
}
#cateCampus .anchor li.last {
	padding-right: 0;
}
#cateCampus .blogbox {
	overflow: hidden;
}
#cateCampus #campusRelated {
	margin-top: -20px;
	width: 683px;
}
#cateCampus #convWrap {
	margin: 40px 0 0 0;
	padding: 0 0 65px;
	width: 683px;
	height: auto;
	background: url(/lib/img/common/bg_cvarea2.png) center bottom no-repeat;
	border: 1px solid #cccccc;
	border-radius: 10px;
}
#cateCampus #convWrap ul {
	overflow: hidden;
	margin-left: 19px;
}
#cateCampus #convWrap .shiryo {
	margin-right: 0px;
}

/* 2017.10　見つけよう★マイキャンパス */
#cateCampus #topicPath {
	margin: -15px -15px 10px -15px;
}
#cateCampus #contentWrapper > h1 {
	margin: 0 -15px;
}
#campusSearch {
	margin: 15px 5px 0 5px;
}
#campusSearch h2 {
	margin: 0 0 0 20px;
	border-bottom: 0;
	text-align: left;
	text-shadow: none;
}
#campusSearch h2:before {
	display: none;
}
#campusSearch h2:after {
	display: none;
}
#searchResult {
	margin: 15px 5px 0 5px;
}
#searchResult h3 {
	padding: 0;
}

/* option>challenge */
#cateCourse .rayout .text .ttl {
	margin: 20px 0;
	padding-bottom: 5px;
	border-bottom: 2px solid #005799;
	color: #005799;
	font-size: 16px;
	font-weight: bold;
}
#cateCourse div.ttl span {
    display: inline-block;
    vertical-align: middle;
}
#cateCourse div span.point {
    margin-right: 14px;
    padding: 5px 12px;
    background-color: #005799;
    border-radius: 15px;
    color: #ffffff;
    font-size: 14px;
}
#cateCourse .optbox h3.c1 {
	background-color: #f79b12;	
}
#cateCourse .optbox h3.c2 {
	background-color: #ec63a2;	
}
#cateCourse .optbox h3.c3 {
	background-color: #5a57e8;	
}
#cateCourse .optbox h3.c4 {
	background-color: #3fa539;	
}
#cateCourse .optbox h3 {
	margin: 20px 0;
	padding: 10px 14px;
	color: #fff;
	font-size: 24px;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.2);
}
#cateCourse .optbox h3 span {
	display: block;
	vertical-align: middle;
	font-weight: bold;
}
#cateCourse .optbox h3 span.sml {
	padding-left: 14px;
	font-size: 15px;
	font-weight: normal;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.2);
}
#cateCourse .optbox .boxL {
	float: left;
	margin-right: 20px;
	padding-right: 0;
	width: 310px;
}
#cateCourse .optbox .boxR {
	padding-left: 330px;
}
#cateCourse .optbox .ttl {
	margin: 12px 0 8px 0;
	padding: 5px 14px;
	font-size: 17px;
	font-weight: bold;
}
#cateCourse .optbox p.c1 {
	background-color: #f9e6ca;
	color: #ec6c1f;
}
#cateCourse .optbox p.c2 {
	background-color: #f7d5e4;
	color: #ef3d8e;
}
#cateCourse .optbox p.c3 {
	background-color: #e3e3f9;
	color: #4442ce;
}
#cateCourse .optbox p.c4 {
	background-color: #e3f7e2;
	color: #268c20;
}

/* 2018.04　あなたへのメッセージ、みらいノート、マイコーチ */
#contents-201804 p {
line-height: 2;
font-size: 14px;
margin-bottom: 1em;
}

#contents-201804 .section {
margin-bottom: 60px;
padding-bottom: 60px;
border-bottom: dotted 1px #ccc;
}

#contents-201804 .section.last {
padding-bottom: 0;
border-bottom-style: none;
}

#contents-201804 .item-img {
line-height: normal;
}

#contents-201804 .item-img img {
width: 100%;
height: auto;
margin-top: 13px;
vertical-align: top;
}

#contents-201804 .item-img img:first-child {
margin-top: 0;
}

.rayout.mr-0,
#contents-201804 .mr-0 {
margin-right: 0;
}

#contents-201804 .mb-0,
#contents-201804 .p-mb-0 {
margin-bottom: 0;
}

.rayout.ml-0,
#contents-201804 .ml-0 {
margin-left: 0;
}

#contents-201804 .p-mb-60 {
margin-bottom: 60px;
}

#contents-201804 .hdr-lv2 {
margin-bottom: 60px;
color: #000;
font-size: 20px;
text-align: center;
}

#contents-201804 .hdr-lv2-archive {
margin-bottom: 40px;
color: #00A3E9;
font-size: 19px;
font-weight: bold;
text-align: center;
}

#contents-201804 .hdr-lv3 {
margin-bottom: 20px;
font-size: 18px;
font-weight: bold;
text-align: left;
}

#contents-201804 .hdr-ribbon {
width: 100%;
height: 111px;
line-height: normal;
overflow: hidden;
margin-bottom: 35px;
background: url(../../img/mirainonte_index_02_p.png) no-repeat center top;
white-space: nowrap;
text-indent: 100%;
}

#contents-201804 .pagenavi {
list-style: none;
margin-top: 40px;
text-align: center;
}

#contents-201804 .pagenavi li {
display: inline-block;
margin-right: 36px;
}

#contents-201804 .pagenavi li:last-child {
margin-right: 0;
}

#contents-201804 .pagenavi li a {
box-sizing: border-box;
display: block;
min-width: 80px;
height: 35px;
line-height: 31px;
padding: 0 15px;
border: solid 2px #00A3E9;
color: #00A3E9;
font-size: 14px;
text-decoration: none;
text-align: center
}

#contents-201804 .btn-blue {
width: 350px;
margin-right: auto;
margin-left: auto;
font-size: 12px;
}

#contents-201804 .btn-blue a {
display: block;
height: 60px;
line-height: 60px;
background: #00A3E9;
color: #fff;
text-decoration: none;
font-size: 18px;
text-align: center;
}

#contents-201804 .btn-blue a::before {
content: "";
display: inline-block;
width: 6px;
height: 11px;
margin-right: 10px;
margin-bottom: 4px;
background-image: url(../../common/img/sprite.png);
background-repeat:  no-repeat;
background-position: 0 -90px;
vertical-align: middle;
}

#contents-201804 .btn-blue a:hover {
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}

#contents-201804 .font-mincho {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#contents-201804 .font-blue {
color: #00A3E9;
}

#contents-201804 .font-bold {
font-weight: bold;
}

#contents-201804 .font-small {
font-size: 12px;
}

#contents-201804 .hdr-lv2-archive span.font-small {
font-size: 16px;
}

#contents-201804 .foryou-hdr {
width: 457px;
height: 84px;
line-height: normal;
overflow: hidden;
margin: 60px auto;
background: url(../../img/foryou_hdr.svg) no-repeat left top;
background-size: contain;
white-space: nowrap;
text-indent: 100%;
}

#contents-201804 .foryou-message {
width: 520px;
margin: 0 auto;
line-height: 2;
margin-bottom: 60px;
font-size: 16px;
}

#contents-201804 .foryou-message p {
margin-bottom: 2em;
font-size: 16px;
}

#contents-201804 .foryou-logo {
width: 300px;
height: 45px;
line-height: normal;
overflow: hidden;
margin: 0 auto;
background: url(../../common/img/sprite.png) no-repeat left top;
background-size: 853px auto;
text-indent: 100%;
white-space: nowrap;
}

#contents-201804 .foryou-wanttobe {
width: 100%;
height: 0;
line-height: normal;
overflow: hidden;
margin-bottom: 20px;
padding-top: 157.48%;
background: url(../../img/foryou_img_01_p.png) no-repeat left top;
background-size: contain;
text-indent: 100%;
white-space: nowrap;
}

#contents-201804 .mirainote-whats {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-bottom: 60px;
}

#contents-201804 .mirainote-whats .item-img {
width: 240px;
}

#contents-201804 .mirainote-whats .item-txt {
width: 440px;
}

#contents-201804 .mirainote-howto {
list-style: none;
}

#contents-201804 .mirainote-howto li {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-bottom: 60px;
}

#contents-201804 .mirainote-howto li .item-img,
#contents-201804 .mirainote-howto li .item-txt {
width: 340px;
}

#contents-201804 .mirainote-howto li .item-txt p {
line-height: 2;
margin: 0;
font-size: 13px;
}

#contents-201804 .mirainote-howto li .item-txt .hdr {
height: 36px;
line-height: normal;
margin-bottom: 20px;
border-bottom: solid 2px #00A3E9;
color: #00A3E9;
font-size: 17px;
font-weight: bold;
}

#contents-201804 .mirainote-lead {
margin: 40px 0 !important;
color: #000;
font-size: 20px;
text-align: center;
}

#contents-201804 .anchor-wrapper {
display: table;
width: 100%;
margin-top: 30px;
margin-bottom: 44px;
background: #F8F8F2;
}

#contents-201804 .anchor-wrapper ul {
list-style: none;
display: table-cell;
line-height: 2.8;
padding: 25px 90px;
padding: 25px 60px;
font-size: 14px;
text-align: center;
vertical-align: middle;
text-indent: -.4em;
}

#contents-201804 .anchor-wrapper ul li {
display: inline;
padding-right: 15px;
padding-left: 15px;
border-left: solid 1px #444;
text-indent: 0;

}

#contents-201804 .anchor-wrapper ul li:first-child,
#contents-201804 .anchor-wrapper ul li.first {
margin-left: 0;
border-left-color: transparent;
}

#contents-201804 .anchor-wrapper ul li a {
color: #00A3E9;
text-decoration: none;
white-space: nowrap;
text-indent: 0;
}

#contents-201804 .mirainote-entry {
margin-top: 40px;
margin-bottom: 60px;
}

#contents-201804 .mirainote-entry .mirainote-entry-info {
line-height: 1.1;
margin-bottom: 35px;
padding-top: 18px;
padding-bottom: 18px;
border: solid 1px #00A3E9;
text-align: center;
}

#contents-201804 .mirainote-entry .mirainote-entry-info .item-num {
margin-bottom: 10px;
font-size: 16px;
}

#contents-201804 .mirainote-entry .mirainote-entry-info .item-title {
line-height: 1.1;
margin-bottom: 10px;
padding-right: 18px;
padding-left: 18px;
font-size: 18px;
font-weight: bold;
}

#contents-201804 .mirainote-entry .mirainote-entry-info .item-title a {
color: #00A3E9;
text-decoration: none;
}

#contents-201804 .mirainote-entry .mirainote-entry-info .item-author {
margin-bottom: 0;
}

#contents-201804 .mirainote-entry .mirainote-entry-info .item-cat {
margin-top: 18px;
padding: 18px;
padding-bottom: 0;
border-top: solid 1px #00A3E9;
}

#contents-201804 .mirainote-entry .mirainote-entry-info .item-cat ul {
list-style: none;
}

#contents-201804 .mirainote-entry .mirainote-entry-info .item-cat ul li {
display: inline-block;
margin-right: 16px;
}

#contents-201804 .mirainote-entry .mirainote-entry-info .item-cat ul li:last-child {
margin-right: 0;
}

#contents-201804 .mirainote-entry .mirainote-entry-info .item-cat ul li a {
display: block;
height: 26px;
line-height: 26px;
padding: 0 16px;
border-radius: 13px;
background: #33B5ED;
color: #fff;
font-size: 12px;
text-decoration: none;
}

#contents-201804 .mirainote-entry .mirainote-entry-info .item-cat ul li a:hover {
opacity: 0.8;
}

#contents-201804 .mirainote-entry .mirainote-entry-thumb {
width: 580px;
margin: 0 auto 35px auto;
}

#contents-201804 .mirainote-entry .mirainote-entry-txt {
width: 580px;
margin: 0 auto;
}

#contents-201804 .mycoach-hdr {
height: 135px;
line-height: normal;
overflow: hidden;
margin-top: 38px;
margin-bottom: 40px;
background: url(../../img/mycoach_hdr_p.png) no-repeat left top;
white-space: nowrap;
text-indent: 100%;
}

#contents-201804 .mycoach-lead {
line-height: 1.87;
font-size: 16px;
text-align: center;
}

#contents-201804 .mycoach-entry {
margin-bottom: 60px;
}

#contents-201804 .mycoach-entry .mycoach-entry-info {
margin-bottom: 40px;
}

#contents-201804 .mycoach-entry .mycoach-entry-info::after {
content: "";
clear: both;
display: block;
height: 0px;
visibility: hidden;
}

#contents-201804 .mycoach-entry .item-date {
float: left;
width: 30%;
line-height: 18px;
margin-left: 0;
}

#contents-201804 .mycoach-entry .item-author {
float: right;
display: inline-block;
height: 18px;
line-height: 18px;
margin-right: 0;
padding: 0 8px;
text-align: right;
background: #00A3E9;
color: #fff;
font-size: 12px;
}

#contents-201804 .mycoach-entry-list {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-top: 50px;
margin-bottom: -40px;
}

#contents-201804 .mycoach-entry-list a {
display: block;
color: inherit;
text-decoration: none;
}

#contents-201804 .mycoach-entry-list a:hover {
opacity: 0.8;
}

#contents-201804 .mycoach-entry-list .mycoach-entry {
width: 340px;
margin-bottom: 40px;
}

#contents-201804 .mycoach-entry-list .mycoach-entry .item-title {
width: auto;
margin: 0;
color: #333;
}

#contents-201804 .mycoach-entry-list .mycoach-entry-info {
margin-top: 15px;
margin-bottom: 15px;
}

#contents-201804 article .mycoach-entry .mycoach-entry-thumb {
width: 622px;
margin: 0 auto 30px auto;
}

#contents-201804 article .mycoach-entry .mycoach-entry-txt {
width: 622px;
margin: 0 auto;
}

#contents-201804 article .mycoach-entry .item-title {
position: relative;
line-height: 1.2;
margin-bottom: 16px;
padding-bottom: 10px;
padding-left: 15px;
border-bottom: solid 2px #00A3E9;
color: #333;
font-size: 18px;
}

#contents-201804 article .mycoach-entry .item-title::before {
content: "";
position: absolute;
top: 1px;
left: 0;
display: block;
width: 3px;
height: 20px;
margin-left: 0;
background: #00A3E9;
vertical-align: middle;
}

#contents-201804 .userarea img {
max-width: 100%;
height: auto;
}