@charset "shift_jis";

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

	HTML Elements

===================================================================================================
*/
body {
	text-align: center;
	margin: 0;
	color: #000000;
	font-family:inherit;
	background: #f5f5f5 url(src/bg-shim.gif) repeat-y center;
}

form, input, select { margin: 0; }
div, td, th, caption {
	font-size: small;
	margin: 0;
}
table { border-collapse:collapse; }
fieldset { border: 0; display:block; }
legend { border: 0; margin: 0; padding: 0; position:relative; left:-5px; display:block; }
samp { display:none; }
a { /*\*/ overflow:hidden; /**/ background-position: left top; background-repeat: no-repeat; text-decoration:underline; color: #009; }
/*a:visited { color: #009; }
a:active, a:hover, a:visited:hover { color: #009; }*/
body a, body a:visited, body a:hover, body a:active { background-color: transparent; }
em { font-style: normal; font-weight: bold; }
img {
	border: 0;
	margin: 0px;
	padding: 0px;
}
a:hover { text-decoration: underline; color: #FF9900; }
h1, h2, h3, h4, h5 { margin: 0; }
h1.title, h2.title, h3.title, h4.title, h5.title { font-size: 1px; text-indent: -9999px; margin:0; }
h1, h2 { font-size: medium; }
h3, h4 { font-size: medium; }
h5 { font-size: small; }
ul { margin: 10px 0 10px 30px; padding: 0; }
body iframe { border:0; text-align:left; }
address { font-style:normal; }
textarea { font-size:small; }

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

	Global Classes

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

.clearboth { clear:both; }
.caption { font-size: x-small; }
.inline { display: inline; }
.block { display: block; }
input.cb { display: inline; margin: 0 0 0 0; padding:0; border-width:1px; }
input.input-text.default { color:#999; }
.nowrap { white-space: nowrap; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.dummy { height: 1px; overflow: hidden; clear: both; width: 100%; }
.dummy hr { visibility: hidden; }
.dummy.dotted { background: url(src/border-dotted.gif?rev=20080110) repeat-x top; }
.dummy.ccc { background: #ccc; color: #333; }
.floatright { float: right; }
.floatleft { float: left; }
.alignright { text-align:right; }
.aligncenter { text-align:center; }
.alignleft { text-align:left; }
ul.plain { list-style: none; padding: 0; margin: 0; }
ul.plain li { display:block; float: left; padding: 0; margin: 0; }
div#content-body ul.plain { margin: 0 auto; }
ul.nopoint { list-style: none; margin: 0; padding: 0; }
ul.nopoint li { margin: 0 0 10px 0; padding: 0; }
ul.inline { margin: 0; padding: 0; list-style:none; }
ul.inline li { display: inline; margin: 0; padding: 0; }
ul.inline li a { display: inline; }

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

	Global Layout

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

div#wrapper {
	width: 800px;
	padding: 0 10px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	top: 0;
	left: 0;
	text-indent: 0px;
}
body.subwin div#wrapper { width: 590px; margin: 0 auto; text-align: left; position: relative; top: 0; left: 0; }
div#header, div#content-body, div#footer { margin: 0; }
/*\*/ div#content-body { clear: both; } /**/
div#right-column {
	width:210px;
	float:left;
}
div#main-column {
	width:580px;
	float:right;
}
div#main-column.subwin { width: 590px; }




#new-info {
	padding: 0;
	margin: 25px 0 10px 0;
	}

#new-info li {
	line-height: 1.5em;
	padding: 0 0 3px 0;
	vertical-align: top;
}
#new-info ul {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin: 0px 10px 10px 10px;
	padding: 0px;
}
#new-info h1{
	padding: 0;
	margin: 0 0 10px 0;
	background-image:url(../images/newinfo/banner-newinfo.gif);
	background-repeat: no-repeat;
}
#new-h1 a{
width:210px; height:31px;
display:block;
background-image:url(../images/newinfo/banner-newinfo.gif);
background-repeat:no-repeat;
}

#new-h1 a:hover{
background-image:url(../images/newinfo/banner-newinfo-over.gif);
background-repeat:no-repeat;
}

div#side-navi {
	width:58px;
	height:169px;
	position: fixed;
	right:0px;/*left:100%;*/
	top: 50px;
	background-image: url(../images/newinfo/banner-newinfo-side3.gif);

}
div#side-navi a{
	width:58px; height:169px;
	display:block;
	background-image:url(../images/newinfo/banner-newinfo-side3.gif);
	background-repeat:no-repeat;
}

div#side-navi a:hover{
	background:url(../images/newinfo/banner-newinfo-side-over.gif);
	background-repeat:no-repeat;
}


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

	Breadcrumbs

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

p#breadcrumbs { margin:0; padding:10px 0; float:left; font-size:85%; }
p#breadcrumbs a { color:#333; text-decoration:underline; }
p#breadcrumbs em { font-weight:normal; }

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

	Footer

===================================================================================================
*/
div#footer ul.adobe { margin: 0; width: 100%; display: none; }
div#footer ul.adobe li { list-style: none; width: 50%; float: left; }
div#footer ul.adobe li a,
div#footer ul.adobe li strong,
div#footer ul.adobe li span { display: block; }
div#footer ul.adobe li a { text-decoration: none; color:#333333; }
div#footer ul.adobe li.adobe-flash strong { background: url(/_asset/images/common/icon-getfp.gif) no-repeat 0 0; font-size: 1px; text-indent: -9999px; width: 160px; height:41px; margin: 0 5px 0 0; float: left; }
div#footer ul.adobe li span { font-size: x-small; float: left; width: 230px; }
div#footer ul.adobe li.adobe-acrobat strong { background: url(/_asset/images/common/icon-getar.gif) no-repeat 0 0; font-size: 1px; text-indent: -9999px; width: 160px; height:41px; margin: 0 5px 0 0; float: left; }
body.toppage div#footer ul.adobe { display: block; }
ul#footer-navi { margin: 0 0 10px 0; padding: 0; float: left; width: 100%; }
ul#footer-navi li { width: 50%; margin: 0; padding: 0; list-style: none; }
ul#footer-navi li.n1 { float: left; }
ul#footer-navi li.n2 { float: right; }
ul#footer-navi li a { font-weight: bold; display: block; }
ul#footer-navi li.n1 a { float: left; background: url(src/triarrow-left-bl.gif) no-repeat 0 4px; padding: 0 0 0 7px; }
ul#footer-navi li.n2 a { float: right; background: url(src/triarrow-top-bl.gif) no-repeat 0 6px; padding: 0 0 0 11px; }
body.toppage ul#footer-navi li.n1,
body.inquiry ul#footer-navi li.n1 { display: none; }

/*add start forWRD*/
ul#smapho-footer-navi{
	display:none;
}

div#footer div.dotted { margin: 10px 0; }
div#footer address { float: left; /*font-size: x-small;*/ margin: 0 0 10px 0; }
div#footer ul.plain { float: right; }
div#footer ul.plain li { margin: 0 5px 0 0; border-right:  #CCCCCC solid 1px; }
div#footer ul.plain li a { display: block; padding: 0 5px 0 0; }
body img#shim { width: 1px; height: 1px; position: absolute; top: -100px; left: -100px; }

body.subwin div#footer p.btn-close { width: 60px; margin: 0 auto; }
body.subwin div#footer p.btn-close a { display: block; background: url(src/icon-close.gif) no-repeat 0 0; padding: 0 0 0 16px; }
body.subwin div#footer div.dotted { background: url(src/border-dotted.gif) repeat-x 0 0; }


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

	Header

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

h1#page-caption { float:left; font-size:10px; font-weight:normal; margin:0; padding:2px 0; margin:0 -1000px -1000px 0; }
div#header p#site-title {
	margin:1;
	padding:10px 268px 10px 0;
	padding:10px 168px 10px 0;
	float:left;
	width:268px;
	height:59px;
	font-size:1px;
	text-indent:-9999px;
	background:url(src/sitetitle.gif?rev=20080110) no-repeat 0 20px;
}
div#header p#site-title a { display: block; width: 250px; height: 59px; }

div#header ul#header-navi.plain { z-index:900; overflow:visible; float: right; position:relative; top:1px; height:19px; margin:0; padding:0; }
div#header ul#header-navi.plain li { overflow:visible; float:left; border-right:1px solid #ccc; border-left:1px solid #ccc; margin:0; padding:0; }
div#header ul#header-navi.plain li a { overflow:visible; display:block; padding:2px 10px; float:left; margin:0; font-size: x-small; text-decoration:underline; background: none; }
div#header ul#header-navi.plain li.none { border-right: none; }

/*mod 2013.6.28 for RWD*/
div#header ul#header-navi.plain li.school-tel { display:none; }
div#header ul#header-navi.plain li.school-map { display:block; }

div#header p#head-inquiry { margin: 0; float: right; }
div#header p#head-inquiry a,
div#header p#head-inquiry a strong,
div#header p#head-inquiry a span,
div#header p#head-inquiry a em  { display: block; }
div#header p#head-inquiry a { font-size: 1px; text-indent: -9999px; width: 260px; height: 90px; background: url(src/bg-inquiry-number.gif) no-repeat 0 0; }

div#header ul#globalnavi { width: 800px; margin: 0; }
div#header ul#globalnavi li { list-style: none; height: 35px; float: left; }
div#header ul#globalnavi li a { display: block; height: 35px; background-repeat: no-repeat; background-image: url(src/bg-globalnavi.gif); font-size: 1px; text-indent: -9999px; }
div#header ul#globalnavi li.home,div#header ul#globalnavi li.home a { width: 99px; }
div#header ul#globalnavi li.reason,div#header ul#globalnavi li.style,div#header ul#globalnavi li.school,div#header ul#globalnavi li.hischool,div#header ul#globalnavi li.college,div#header ul#globalnavi li.recruit,div#header ul#globalnavi li.reason a,div#header ul#globalnavi li.style a,div#header ul#globalnavi li.school a,div#header ul#globalnavi li.hischool a,div#header ul#globalnavi li.college a,div#header ul#globalnavi li.recruit a { width: 100px; }
div#header ul#globalnavi li.faq,div#header ul#globalnavi li.faq a { width: 101px; }

div#header ul#globalnavi li.home a { background-position: 0 0; }
div#header ul#globalnavi li.home a:hover { background-position: 0 -35px; }
body.home div#header ul#globalnavi li.home a { background-position: 0 -70px; }
div#header ul#globalnavi li.reason a { background-position: -99px 0; }
div#header ul#globalnavi li.reason a:hover { background-position: -99px -35px; }
body.reason div#header ul#globalnavi li.reason a { background-position: -99px -70px; }
div#header ul#globalnavi li.style a { background-position: -199px 0; }
div#header ul#globalnavi li.style a:hover { background-position: -199px -35px; }
body.style div#header ul#globalnavi li.style a { background-position: -199px -70px; }
div#header ul#globalnavi li.school a { background-position: -299px 0; }
div#header ul#globalnavi li.school a:hover { background-position: -299px -35px; }
body.school div#header ul#globalnavi li.school a { background-position: -299px -70px; }
div#header ul#globalnavi li.hischool a { background-position: -399px 0; }
div#header ul#globalnavi li.hischool a:hover { background-position: -399px -35px; }
body.hischool div#header ul#globalnavi li.hischool a { background-position: -399px -70px; }
div#header ul#globalnavi li.college a { background-position: -499px 0; }
div#header ul#globalnavi li.college a:hover { background-position: -499px -35px; }
body.college div#header ul#globalnavi li.college a { background-position: -499px -70px; }
div#header ul#globalnavi li.recruit a { background-position: -599px 0; }
div#header ul#globalnavi li.recruit a:hover { background-position: -599px -35px; }
body.recruit div#header ul#globalnavi li.recruit a { background-position: -599px -70px; }
div#header ul#globalnavi li.faq a { background-position: -699px 0; }
div#header ul#globalnavi li.faq a:hover { background-position: -699px -35px; }
body.faq div#header ul#globalnavi li.faq a { background-position: -699px -70px; }

body.subwin div#header { margin: 0 0 15px 0; }
body.subwin div#header div.dummy { border-bottom: #CCCCCC solid 1px; }


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

	_asset/modules/template/modcal.tmpl

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

div#calender { }
div#calender h3 { background: url(src/h3-schedule.gif) no-repeat 0 0; width: 210px; height: 50px; font-size: 1px; text-indent: -9999px; }
div#calender div.modcal { border: #CEF0D5 solid 1px; background: #EAF4EC; padding: 4px; margin: 0 0 10px 0; }
div#calender div.modcal strong.month { display: block; text-align: center; background: url(src/bg-month.gif) no-repeat 0 0; width: 200px; height: 20px; color: #FFFFFF; }
div#calender div.modcal table.days { width: 200px; height: 20px; }
div#calender div.modcal table.days th { background-image: url(src/bg-th-days.gif); text-align: center; background-repeat: no-repeat; height: 20px; width: 21px; text-indent: -9999px; font-size: 1px; }
div#calender div.modcal table.days th.su { background-position: -8px 0; }
div#calender div.modcal table.days th.mo { background-position: -33px 0; }
div#calender div.modcal table.days th.tu { background-position: -60px 0; }
div#calender div.modcal table.days th.we { background-position: -86px 0; }
div#calender div.modcal table.days th.th { background-position: -111px 0; }
div#calender div.modcal table.days th.fr { background-position: -139px 0; }
div#calender div.modcal table.days th.sa { background-position: -164px 0; }
div#calender div.modcal table.day { width: 200px; background: #DAE5DE; padding: 3px; }
div#calender div.modcal table.day td { color: #999; background: #fff; width: 21px; height: 29px; border: #DAE5DE solid 2px; text-align: center; }
div#calender div.modcal table.day td.none { background: #CBD7D1; }
div#calender div.modcal table.day td.su,
div#calender div.modcal table.day td.hol { color: #FF99FF; }
div#calender div.modcal table.day td.sa { color: #66CCFF; }
div#calender div.modcal table.day td.today { color: #FF6633; }


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

	_asset/modules/template/mobile.tmpl

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

div#mobile { margin: 0 0 15px 0; }
div#mobile h3 { background: url(src/h3-mobile.gif) no-repeat 0 0; width: 210px; height: 50px; font-size: 1px; text-indent: -9999px; }
div#mobile img { display: block; float: left; width: 70px; height: 70px; margin: 0 5px 0 0; }
div#mobile p#qr-code { margin: 0; padding: 0 0 0 75px; line-height: 120%; }
div#mobile p#qr-code strong,
div#mobile p#qr-code span,
div#mobile p#qr-code span a { display: block; }
div#mobile p#qr-code strong { font-weight: normal; margin: 3px 0; }
div#mobile p#qr-code span.mailto a { background: url(src/triarrow-right-bl.gif) no-repeat 0 4px; padding: 0 0 0 10px; margin: 3px 0; }



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

	_asset/modules/template/right-ads.tmpl

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

div#right-ads { margin: 0 0 15px 0; }
div#right-ads p { margin: 0 0 10px 0; }
div#right-ads p a.ad-left { float: left; width: 105px; }
div#right-ads p a.ad-right { float: right; width: 103px; }
div#right-ads p.marginnone { margin: 0; }
body.toppage div#right-ads p.top-none { display: none; }


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

	_asset/modules/home/class.tmpl - #right-column

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

div#right-column div#class { margin: 0 0 10px 0; }
div#right-column div#class h3 { background: url(src/h3-rclass.gif) no-repeat 0 0; width: 210px; height: 50px; font-size: 1px; text-indent: -9999px; }
div#right-column div#class ul { margin: 0; width: 210px; }
div#right-column div#class ul li { list-style: none; width: 210px; margin: 0 0 5px 0; }
div#right-column div#class ul li a,
div#right-column div#class ul li a strong,
div#right-column div#class ul li a span,
div#right-column div#class ul li a em,
div#right-column div#class ul li a img { display: block; }
div#right-column div#class ul li a { text-decoration: none; line-height: 145%; }
div#right-column div#class ul li a strong { background: url(src/triarrow-right-or.gif) no-repeat 0 5px; padding: 0 0 0 10px; color: #333333; }
div#right-column div#class ul li a img { border: #CCCCCC solid 1px; padding: 4px; width: 82px; float: left; margin: 0 5px 0 0; }
div#right-column div#class ul li a em { font-weight: normal; color: #333333; }
div#right-column div#class ul li a span { text-decoration: underline; }

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

	static pages

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

div#main-column h2.title { font-size: 1px; text-indent: -9999px; background-position: 0 0; background-repeat: no-repeat; width: 580px; height: 150px; margin: 0 0 10px 0; }
div#main-column div.dotted { margin: 10px 0; }
div#main-column .red { color:#CC0000; }
div#main-column p.btn-collegelist { float: right; }
div#main-column p.btn-collegelist a { display: block; background: url(src/btn-collegelist.gif) no-repeat 0 0; width: 140px; height: 40px; font-size: 1px; text-indent: -9999px; }
div#main-column p.btn-collegelist a:hover { background-position: 0 -40px; }


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

	menu module

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

div#rcolumn-menu { margin: 0 0 15px 0; }
table.reason-menu{display:none;}	/*del forRWD*/
div#rcolumn-menu h2 { background: url(src/bg-ttl-menu.gif) no-repeat 0 0; width: 210px; height: 25px; font-size: 1px; text-indent: -9999px; }
div#rcolumn-menu dl { margin: -1px 0 0 0; width: 188px; padding: 10px; border: #D0D5D9 solid 1px; background: #f5f5f5; line-height: 145%; }
div#rcolumn-menu dl dt { width:178px; line-height: 145%; position: relative; left: -5px; background: url(src/triarrow-down-or.gif) no-repeat 0 7px; font-weight: bold; padding: 0 0 0 10px; }
div#rcolumn-menu dl dd { margin: 0 0 0 10px; }
div#rcolumn-menu dl dd.dir { background: url(src/triarrow-right-or.gif) no-repeat 0 5px; padding: 0 0 0 10px; left: 0px; }
div#rcolumn-menu dl dd a { display: block; background: url(src/triarrow-right-bl.gif) no-repeat 0 5px; padding: 0 0 0 10px; }



/*
===================================================================================================
		
	sitemap.html

===================================================================================================
*/
body.sitemap div#main-column div.module { margin: 0 0 20px 10px; width: 570px; }
body.sitemap div#main-column div.module h3 { background-repeat: no-repeat; background-position: -10px 0; font-size: 1px; text-indent: -9999px; width: 570px; height: 23px; }
body.sitemap div#main-column div.sitemap01 h3 { background-image: url(src/h3-ttl-map.gif); }

body.sitemap div#main-column div.sitemap01 p.read { font-size: 110%; padding: 0 0 0 30px; margin: 5px 0; line-height: 160%; width: 250px; }
body.sitemap div#main-column div.sitemap01 p.read span { color: #197FB2; font-weight: bold;}


/*=================================================================================================
＊＊＊＊＊　start メディアクエリ対応 2013.6.14 ＊＊＊＊＊ */
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}

.white-space-pre{white-space:pre;}
.resp-img{width:100%;height:auto;}

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