﻿@charset "UTF-8";
/*-----------------------------------
DEFAULT CSS
FILE DATA: LAYOUT.CSS
-----------------------------------*/
div#container {
	width:950px;
	height:auto;
	margin:0px auto;
	padding:0px;
}

/*-----------------------------------
HEADER
-----------------------------------*/
div#header {
	width:950px;
	height:95px;
	margin:0px;
	padding:0px;
}

/*-----------------------------------
HEADER_LEFT
-----------------------------------*/
div#header_left {
	width:623px;
	height:100px;
	float:left;
}
div#header_left h1 {
	width:166px;
	height:31px;
	margin:14px 0px 0px 0px;
	padding:0px;
	float:left;
}

/*-----------------------------------
HEADER_LEFT_TEXT
-----------------------------------*/
p#text_one{
	width:500px;
	height:31px;
	margin:14px 0px 0px 5px;
	padding:0px;
	text-indent:-1000em;
	background:url(../images/header_text_one.jpg) no-repeat;
	float:left;
}
p#text_two{
	width:315px;
	height:31px;
	margin:14px 0px 0px 14px;
	padding:0px;
	text-indent:-1000em;
	background:url(../images/header_text_two.jpg) no-repeat;
	float:left;
}

* html body p#text_two{	margin:14px 0px 0px 3px; }

/*-----------------------------------
HEADER_RIGHT
-----------------------------------*/
div#header_right {
	width:300px;
	height:100px;
	margin:0px;
	padding:0px;
	float:right;
}

/*-----------------------------------
HEADER_RIGHT_MENU_ON
-----------------------------------*/
div#header_menu_on {
	width:300px;
	height:27px;
	margin:0px;
	padding:0px;
	background:url(../images/header_menu_bg.jpg) no-repeat;
}
div#header_menu_on p {
	height:13px;
	padding:0 0 0 16px;
	text-indent:-1000em;
	background:url(../images/mark_g.jpg) no-repeat 0 2px;
	float:left;
}
p#header_menu_top {
	width:95px;
	margin:5px 0 0 10px;
	background:url(../images/header_menu_top.jpg) no-repeat;
}
p#header_menu_top a {
	width:95px;
	background:url(../images/header_menu_top.jpg) no-repeat;
	display:block;
}
p#header_menu_sitemap {
	width:131px;
	margin:5px 0 0 20px;
	background:url(../images/header_menu_sitemap.jpg) no-repeat;
}
p#header_menu_sitemap a {
	width:131px;
	background:url(../images/header_menu_sitemap.jpg) no-repeat;
	display:block;
}

* html body p#header_menu_top {	margin:5px 0 0 5px; }

/*-----------------------------------
HEADER_RIGHT_MENU_UNDER
-----------------------------------*/
div#header_menu_under {
	width:300px;
	height:22px;
	margin:10px 0 0 0;
	padding:0px;
}
div#header_menu_under p {
	height:13px;
	padding:0 0 0 16px;
	text-indent:-1000em;
	background:url(../images/mark_b.jpg) no-repeat 0 2px;
	float:left;
}
p#header_menu_home {
	width:43px;
	margin:4px 0 0 39px;
	background:url(../images/header_menu_home.jpg) no-repeat;
}
p#header_menu_home a {
	width:43px;
	background:url(../images/header_menu_home.jpg) no-repeat;
	display:block;
}
p#header_menu_font {
	width:90px;
	margin:4px 0 0 10px;
	background:url(../images/header_menu_font.jpg) no-repeat;
}
p#header_menu_font a {
	width:90px;
	background:url(../images/header_menu_font.jpg) no-repeat;
	display:block;
}

* html body p#header_menu_home { margin:4px 0 0 19px; }

ul#font_size {
	width:81px;
	height:22px;
	margin:0 0 0 5px;
	padding:0px;
	float:left;
}

ul#font_size li {
	width:22px;
	height:22px;
	margin:0 0 0 5px;
	padding:0px;
	float:left;
}

* html body ul#font_size { margin:0 0 0 5px; }
* html body ul#font_size li { margin:0 0 0 3px; }

/*-----------------------------------
HEADER_RIGHT_SERCH
-----------------------------------*/
#serch {
	width:240px;
	height:20px;
	margin:10px 0 0 0;
	padding:0px;
	float:right;
}
#serch p {
	width:90px;
	height:16px;
	margin:3px 10px 0 5px;
	padding:0px;
	float:left;
}
#search_text {
	width:109px;
	height:18px;
	margin:0px;
	padding:0px;
	border:1px solid #CFCFCF;
	vertical-align:bottom;
}
#submit_bt {
	margin:0px;
	padding:0px;
	vertical-align:bottom;
}

* html body #serch { margin:5px 0 0 0; }
* html body #serch p { margin:3px 5px 0 0; }
* html body #submit_bt { margin:0 0 1px 0; }
*:first-child+html #submit_bt {	margin:0 0 1px 0; }

/*-----------------------------------
MENU
-----------------------------------*/
div#menu {
	width:950px;
	height:60px;
	margin:0px;
	padding:0px;
}
li.mainmenu {
	float:left;
}
li.mainmenu a {
	display:block;
}

#mmenu1 {
	width:190px;
	height:60px;
	text-indent:-1000em;
	background:url(../images/menu_highschool_bt.jpg) no-repeat;
}
#mmenu2 {
	width:190px;
	height:60px;
	text-indent:-1000em;
	background:url(../images/menu_graduate_bt.jpg) no-repeat;
}
#mmenu3 {
	width:190px;
	height:60px;
	text-indent:-1000em;
	background:url(../images/menu_course_bt.jpg) no-repeat;
}
#mmenu4 {
	width:190px;
	height:60px;
	text-indent:-1000em;
	background:url(../images/menu_internet_bt.jpg) no-repeat;
}
#mmenu5 {
	width:190px;
	height:60px;
	text-indent:-1000em;
	background:url(../images/menu_guidance_bt.jpg) no-repeat;
}

*:first-child+html div#menu { margin:5px 0 0 0; }

/*-----------------------------------
CONTENTS
-----------------------------------*/
div#contents {
	width:950px;
	height:auto;
}

/*-----------------------------------
PAGETOP
-----------------------------------*/
#pagetop {
	width:950px;
	height:20px;
	margin:10px 0px;
}
#pagetop a {
	width:86px;
	height:20px;
	background:url(../images/pagetop.jpg) no-repeat;
	float:right;
	text-indent:-1000em;
}

/*-----------------------------------
FOOTER
-----------------------------------*/
#footer {
	width:950px;
	height:52px;
	color:#FFF;
	background:url(../images/footer_bg.jpg) repeat-x;
}
#flink {
	width:950px;
	height:20px;
	font-size:0.6em;
}
#flink ul {
	width:auto;
	margin:0px;
	padding:0 0 0 5px;
	float:left;
}
#flink ul li {
	margin:0px;
	padding:5px 0 0 0;
	float:left;
}
#flink ul li a {
	color:#FFF;
	text-decoration:none;
}
#flink ul li a:hover {
	color:#0CF;
}
#flink address {
	width:280px;
	height:13px;
	margin:2px 5px 0 0;
	padding:0px;
	text-indent:-1000em;
	background:url(../images/copy.jpg) no-repeat;
	float:right;
}

/*-----------------------------------
パンくず
-----------------------------------*/
#pan {
	width:auto;
	height:15px;
	font-size:70%;
	letter-spacing:0.1em;
	margin:5px 0 3px 0;
}
#pan ul li {
	padding:0 5px 0 0;
	float:left;
}
#pan ul li a {
	color:#0071BC;
	text-decoration:none;
}
#pan ul li a:hover {
	text-decoration:underline;
}

