@charset "utf-8";

#lNavi li#lm01 li a {background-image:url(../images/lnavi_schools01.gif);}

#lNavi li li.slm01 a {background-position:0 0;}
#lNavi li li.slm02 a {background-position:0 -20px;}
#lNavi li li.slm03 a {background-position:0 -40px;}
#lNavi li li.slm04 a {background-position:0 -60px;}
#lNavi li li.slm05 a {background-position:0 -80px;}
#lNavi li li.slm06 a {background-position:0 -100px;}
#lNavi li li.slm07 a {background-position:0 -120px;}
#lNavi li li.slm08 a {background-position:0 -140px;}
#lNavi li li.slm09 a {background-position:0 -160px;}
#lNavi li li.slm10 a {background-position:0 -180px;}
#lNavi li li.slm11 a {background-position:0 -200px;}
#lNavi li li.slm12 a {background-position:0 -220px;}

#lNavi li li.slm01 a:hover {background-position:-180px 0;}
#lNavi li li.slm02 a:hover {background-position:-180px -20px;}
#lNavi li li.slm03 a:hover {background-position:-180px -40px;}
#lNavi li li.slm04 a:hover {background-position:-180px -60px;}
#lNavi li li.slm05 a:hover {background-position:-180px -80px;}
#lNavi li li.slm06 a:hover {background-position:-180px -100px;}
#lNavi li li.slm07 a:hover {background-position:-180px -120px;}
#lNavi li li.slm08 a:hover {background-position:-180px -140px;}
#lNavi li li.slm09 a:hover {background-position:-180px -160px;}
#lNavi li li.slm10 a:hover {background-position:-180px -180px;}
#lNavi li li.slm11 a:hover {background-position:-180px -200px;}
#lNavi li li.slm12 a:hover {background-position:-180px -220px;}

#lNavi li li.slm01 a.ac {background-position:-180px 0;}
#lNavi li li.slm02 a.ac {background-position:-180px -20px;}
#lNavi li li.slm03 a:ac {background-position:-180px -40px;}
#lNavi li li.slm04 a:ac {background-position:-180px -60px;}
#lNavi li li.slm05 a:ac {background-position:-180px -80px;}
#lNavi li li.slm06 a:ac {background-position:-180px -100px;}
#lNavi li li.slm07 a:ac {background-position:-180px -120px;}
#lNavi li li.slm08 a:ac {background-position:-180px -140px;}
#lNavi li li.slm09 a:ac {background-position:-180px -160px;}
#lNavi li li.slm10 a:ac {background-position:-180px -180px;}
#lNavi li li.slm11 a:ac {background-position:-180px -200px;}
#lNavi li li.slm12 a:ac {background-position:-180px -220px;}



/* @group 詳細ページ========================================================== */

#schoolOutline {
	position:relative;
	padding:0 0 10px;
	border-bottom:solid 1px #999;
	z-index:1;
}

#schoolOutline h2 {
	height:20px;
	margin:0 0 10px;
	padding:5px 10px;
	color:#fff;
	background:#f2851e;
	font-size:124%;
	line-height:23px;
	letter-spacing:0.1em;
}

#schoolOutline .addressArea {
	float:left;
	width:375px;
	margin-left:10px;
}

#schoolOutline .address {
	padding:0 0 40px;
}

#schoolOutline .map {
	padding:0 0 25px;
}

#schoolOutline .external,
#schoolOutline .schedule {
	float:right;
	width:300px;
	border:solid 1px #999;
}

#schoolOutline .external {
	margin:37px 0 12px;
	padding:9px 0;
	text-align:center;
}

#schoolOutline .schedule h3 {
	margin:0 0 5px;
	border-bottom:solid 1px #999;
}

#schoolOutline .schedule p {
	padding:5px 5px 10px;
}

#schoolOutline .btnAppli {
	float:right;
	position:relative;
	top:-32px;
	right:7px;
	width:211px;
	height:58px;
	margin-bottom:-50px;
}

* html #schoolOutline .btnAppli {
	top:-34px;
}

#schoolOutline .btnAppli a {
	display:block;
	width:211px;
	height:58px;
}

#introduction h3,
#introduction .text {
	float:left;
	width:685px;
}

#introduction .photo {
	float:right;
	width:280px;
}

#introduction #intro-photo {
	clear:both;
	padding:25px 0 0;
}

#introduction #intro-photo li {
	float:left;
	padding:0 22px;
}

#introduction #intro-photo li img {
	display:block;
}

#introduction #intro-photo li span {
	display:block;
	padding:3px 0 0;
	width:180px;
	font-size:94%;
	line-height:1.3;
}

.sectionNews {
	margin:25px 0;
}

.sectionNews h4 {
	color:#fff;
	background:#f2851e;
	padding:3px;
	font-size:114%;
}

.sectionNews .inner {
	padding:10px;
	background:#f1f2ec;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
}

.sectionNews p {
	padding:0 0 1.5em;
}

.sectionNews p img {
	float:left;
	margin-right:10px;
}

/* @end */

/* @group 検索ページ========================================================== */

#selectBtn {
	position:absolute;
	top:24px;
	right:0;
}

#selectBtn li {
	float:left;
	padding-left:14px;
}

#areaSelect {
	position:relative;
}

.searchCopy {
	padding:0 5px 25px;
}

#tabIndex {
	padding:0 80px;
}

#sTabIndex {
	position:absolute;
	top:-26px;
	left:53px;
	width:756px;
	padding:0 12px;
	background:url(../images/bg_undertab.gif) left top no-repeat;
}

#content #sTabIndex li {
	float:left;
	padding:0 12px 0 0;
	line-height:32px;
}

#sTabIndex a {
	color:#000;
}

#tabIndex li {
	display:inline;
}

#tabIndex li a {
	float:left;
	overflow:hidden;
	width:140px;
	height:31px;
	margin-right:20px;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#tabIndex li#tab0 a {
	background-image:url(../images/tab_line.gif);
	background-position:0 0;
}

#tabIndex li#tab0 a:hover {background-position:0 -31px;}
#tabIndex li#tab0.open a {background-position:0 -62px;}

#lineSelect #tabIndex li#tab1 a {
	background-image:url(../images/tab_line.gif);
	background-position:-140px 0;
}

#lineSelect #tabIndex li#tab1 a:hover {background-position:-140px -31px;}
#lineSelect #tabIndex li#tab1.open a {background-position:-140px -62px;}

#areaSelect #tabIndex li#tab1 a {
	background-image:url(../images/tab_area.gif);
	background-position:-140px 0;
}

#areaSelect #tabIndex li#tab1 a:hover {background-position:-140px -31px;}
#areaSelect #tabIndex li#tab1.open a {background-position:-140px -62px;}

#tabIndex li#tab2 a {
	background-image:url(../images/tab_area.gif);
	background-position:-280px 0;
}

#tabIndex li#tab2 a:hover {background-position:-280px -31px;}
#tabIndex li#tab2.open a {background-position:-280px -62px;}

#tabIndex li#tab3 a {
	background-image:url(../images/tab_area.gif);
	background-position:-420px 0;
}

#tabIndex li#tab3 a:hover {background-position:-420px -31px;}
#tabIndex li#tab3.open a {background-position:-420px -62px;}


#tabBoxIndex {
	padding:26px;
	border:solid 1px #f2851e;
}

.tabBox {
	display:none;
	padding:33px 53px;
	background:#fff;
}

.tabBox h2 {
	margin:0 0 20px;
	padding:0 80px;
	background:#f2851e;
}

#lineSelect #tab0Box {
	display:block;
	width:884px;
	height:620px;
	padding:0;
}

#lineSelect #tab0Box h2 {
	display:none;
}

#areaSelect #lineSelect #tab0Box h2 {
	display:block;
}

#lineSelect #tab0Box ul {
	position:relative;
	width:884px;
	height:621px;
	background:url(../images/rosen_bg.gif) 0 0 no-repeat;
}

#lineSelect #tab0Box ul li a {
	overflow:hidden;
	position:absolute;
	display:block;
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
}

#lineSelect #tab0Box #lArea01 a {
	top:0;
	left:0;
	width:664px;
	height:201px;
	background-image:url(../images/rosen_btn01.gif);
}

#lineSelect #tab0Box #lArea01 a:hover {
	background-position:-664px 0;
}

#lineSelect #tab0Box #lArea02 a {
	top:290px;
	left:0;
	width:484px;
	height:331px;
	background-image:url(../images/rosen_btn02.gif);
}

#lineSelect #tab0Box #lArea02 a:hover {
	background-position:-484px 0;
}

#lineSelect #tab0Box #lArea03 a {
	top:179px;
	left:0;
	width:419px;
	height:111px;
	background-image:url(../images/rosen_btn03.gif);
}

#lineSelect #tab0Box #lArea03 a:hover {
	background-position:-419px 0;
}

#lineSelect #tab0Box #lArea04 a {
	top:201px;
	left:419px;
	width:245px;
	height:243px;
	background-image:url(../images/rosen_btn04.gif);
}

#lineSelect #tab0Box #lArea04 a:hover {
	background-position:-245px 0;
}

#lineSelect #tab0Box #lArea05 a {
	top:0;
	left:664px;
	width:220px;
	height:620px;
	background-image:url(../images/rosen_btn05.gif);
}

#lineSelect #tab0Box #lArea05 a:hover {
	background-position:-220px 0;
}

#tabBoxIndex {
	overflow:hidden;
}

#tab0Box {
	position:relative;
	z-index:5;
}

#tab1Box {
	position:relative;
	z-index:10;
}

#tab2Box {
	position:relative;
	z-index:15;
}

#tab3Box {
	position:relative;
	z-index:20;
}

.tabBox dl {
	float:left;
	position:relative;
	z-index:6;
	left:80px;
	width:220px;
	margin-right:20px;
}

.sTabBox {
	position:relative;
	z-index:6;
}

.tabBox dt {
	padding:0 0 5px;
}

.tabBox dd a {
	padding:0 0 2px 10px;
	color:#132;
}

#searchStation {
	color:#333;
	background-color:#fff;
}

#searchStation h2 {
	margin:0 0 10px;
	padding:0 0px 10px;
	border-bottom:solid 3px #f2851e;
}

#searchStation li {
	display:inline;
}


/* @end */





/* @group clearfix=================================================================== */
#schoolOutline:after,
.sectionNews .inner:after,
#tabIndex:after,
.tabBox:after,
.sTabBox:after,
#sTabIndex:after {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	content:".";
}

#schoolOutline,
.sectionNews .inner,
#tabIndex,
.tabBox,
.sTabBox,
#sTabIndex {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html #schoolOutline,
* html .sectionNews .inner,
* html #tabIndex,
* html .tabBox,
* html .sTabBox,
* html #sTabIndex {
	height:1%;
}

#schoolOutline,
.sectionNews .inner,
#tabIndex,
.tabBox,
.sTabBox,
#sTabIndex {
	display:block;
}
/* End hide from IE-mac */
/* @end */