@charset "utf-8";
/* CSS Document */
body { behavior: url(css/csshover3.htc); }

/*Natural selector
-----------------------------------------------------------------*/

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-style: normal;
	line-height: 200%;
	letter-spacing: 0.02em;
	color: #666666;
	text-align: left;
	background-color: #FFFFFF;
}

p#siteid {
	height: 51px;
	left: 6px;
	overflow: hidden;
	position: absolute;
	top: 32px;
}

p#subtitle {
	left: 196px;
	position: absolute;
	top: 48px;
}

h1#headline {
	color: #666666;
	font-size: 0.8em;
	height: 25px;
	left: 0;
	letter-spacing: 0.05em;
	overflow: hidden;
	position: absolute;
	text-align: left;
	top: 10px;
	width: 700px;
	z-index: 1;
}

img.in {
	display: inline;
}



/*fixed selector  wrapper,header,container,mainarea,mainbox,
sidebox,footer
-----------------------------------------------------------------*/

#container {
	background: url(../img/bg/site.jpg) repeat-x left top;
}

#header {
	margin: 0;
	padding: 0;
	background: none repeat scroll 0;
}

div#headerbox {
	height: 95px;
	margin: 0 auto;
	position: relative;
	width: 970px;
}

div#headerbox p#siteid {
	left: 0;
	position: absolute;
	top: 32px;
}

div#headerbox p#phone {
	position: absolute;
	right: 263px;
	top: 40px;
}

div#headerbox p#phone-cap {
	position: absolute;
	right: 261px;
	top: 17px;
}

div#headerbox p#phone-col {
	height: 30px;
	overflow: hidden;
	position: absolute;
	right: 253px;
	top: 65px;
}

div#mainImage {
	margin: 0 auto 21px;
	width: 970px;
}


#wrapper {
	margin: 0 auto;
	padding: 11px 0 0 0;
	width: 970px;
}

div#mainArea:after {
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

div#mainArea {
	width: 970px;
	margin: 0 auto 34px;
	padding: 0;
	background: url(../img/bg/side_middle.jpg) repeat-y 2px top;
}

div#mainbox {
	float: left;
	margin-bottom: 20px;
	width: 710px;
}

#footer {
	padding: 33px 0 0;
	text-align: center;
}

div#footerbox {
	background: transparent url(../img/bg/footer.jpg) no-repeat scroll center bottom;
	border-bottom: 5px solid #FF7B02;
	min-height: 75px;
}

/* IE6以前のみ適用 */
* html div#footerbox {
	height: 75px;
} 


#footer address {
	letter-spacing: 0.095em;
	padding: 11px 0 0;
}

#footer ul {
	margin: 0 auto;
	padding: 35px 0 13px;
	/*width: 690px;*/
	width: auto;
	_zoom: 1;
}

#footer ul#koukou_mt {
	margin: 0 auto;
	padding: 0px 0 13px;
	/*width: 690px;*/
	width: auto;
	_zoom: 1;
}

#footer ul li {
	border-left: 1px solid #999999;
	/*float: left;*/
	display: inline;
	padding: 0 18px;
	_zoom: 1;
}

#footer ul li.end {
	border-right: 1px #999999 solid;
}

#footer ul li a:link,#footer ul li a:visited {
	color: #666666;
	text-decoration: none;
}

#footer ul li a:hover,#footer ul li a:active {
	color: #003366;
	text-decoration: underline;
}



/*LayoutTools selector
-----------------------------------------------------------------*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/* Mac版IEのみに適用 \*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.floatbox:after {
	content: " ";
	clear: both;
	height: 1px;
	display: block;
	visibility: hidden;
	overflow: hidden;
}

/*\*/* html #section02 .floatbox {
	height: 1em;
	overflow: visible;
}/**/

.floatL {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

.floatR {
	display: block;
	float: right;
	margin: 0;
	padding: 0;
}

ul.floatbox li {
	float: left;
}

.clear {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.end {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.none {
	display: none;
}

.img {
	text-align: center;
}

.img img {
	display: inline;
}

/*StyleTools selector
-----------------------------------------------------------------*/

span.red {
	color: #ff0000;
	font-weight: 700;
}

span.orange {
	color: #ED6D20;
	font-weight: 700;
}


/*link
-----------------------------------------------------------------*/

a:link {
	color: #ff7b02;
	text-decoration: underline;
}

a:visited {
	color: #ff7b02;
	text-decoration: underline;
}

a:hover {
	color: #0099FF;
	text-decoration: underline;
}

a:active {
	color: #0099FF;
	text-decoration: underline;
}




/* globalNavi
-----------------------------------------------------------------*/

div#globalNavi {
}

ul#gnavi {
	width: 970px;
	height: 40px;
	margin: 0 auto;
}

ul#gnavi li {
	float: left;
}

/* headerNavi
-----------------------------------------------------------------*/

#headerNavi01 {
	position: absolute;
	right: 0;
	top: 9px;
}

#headerNavi02 {
	position: absolute;
	right: 0;
	top: 49px;
}


/* sidebox localNavi,bannerbox,snavi
-----------------------------------------------------------------*/
div#sidebox ul li {
	zoom: 1;
	display: inline;
}

div#sidebox {
	display: inline;
	float: left;
	width: 260px;
}

div#sidebox p {
	margin: 0;
}

div#school-search {
	background-color: #FFFFFF;
	border: 1px solid #F8B62C;
	margin-bottom: 10px;
}

div#school-search ul {
	padding: 10px 10px 0;
}

div#school-search ul li {
	display: block;
	margin-bottom: 10px;
}

div#school-search ul li dl {
	line-height: 1.5;
}

div#school-search ul li dl dt {
	margin-bottom: 4px;
}

div#school-search ul li dl dd {
	letter-spacing: 0;
}

div#school-search ul li dl dd a:link,div#school-search ul li dl dd a:visited {
	color: #666666;
	text-decoration: none;
}

div#school-search ul li dl dd a:hover,div#school-search ul li dl dd a:active {
	color: #003399;
	text-decoration: underline;
}

ul#banners {
}

ul#banners li img {
	margin-bottom: 12px;
}

div#contactbox {
	background: transparent url(../../guide/common/img/bg/note.jpg) no-repeat scroll left top;
	margin: 0 auto 36px;
	padding: 22px 0 10px 20px;
	width: 780px;
}

div#contactbox div {
	float: left;
	width: 388px;
}

div#contactbox div img {
	margin: 0 auto 12px;
}

dl#phones {
	width: 400px;
	margin: 0 auto;
}

dl#phones dt {
	margin-bottom: 14px;
}

dl#phones dd img {
	margin: 0 auto 7px;
	width: 287px;
}

dl#phones dd {
	text-align: center;
}


/* contentnavi topicPath
-----------------------------------------------------------------*/

p#topicPath {
	line-height: 100%;
	margin: 0 auto;
	padding: 7px 0;
	width: 970px;
}

p#topicPath a:link,p#topicPath a:visited {
	color: #666666;
	text-decoration: none;
}

p#topicPath a:hover,p#topicPath a:active {
	color: #003366;
	text-decoration: underline;
}




/* toTop
-----------------------------------------------------------------*/

p.toTop {

}

p.toTop span a {
	background: transparent url(../img/icon/arrow02.jpg) no-repeat scroll left 7px;
	float: right;
	padding: 5px 27px 0 20px;
	text-align: right;
}

p.toTop span a:link,p.toTop span a:visited {
	color: #666666;
	text-decoration: none;
}

p.toTop span a:hover,p.toTop span a:active {
	color: #003366;
	text-decoration: underline;
}