@charset "Shift_JIS";

/* 2010.3.24 Renewal */

body, div, form, p, ul, li, img, table, tr, td, h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style: none;
	color: #333333;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	
}

a {
	color: #0066FF;
}

a:hover {
	color: red;
	text-decoration: none;
}

a:active {
	color: red;
	text-decoration: none;
}

body {
	text-align: center;
}

.seo {
	position: absolute;
	left: -999px;
}

h2 {
	background-image: url(../img/content_title.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: small;
	font-weight: bold;
	margin-top: 10px;
	padding-top: 4px;
	width: 578px;
	height: 23px;
	text-indent: 6px;
	clear: both;
}

#wrapper {
}

#container {
	width: 620px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: small;
	position:relative; /*20060703 campaign*/
}


/* header */

#header {
	background-image: url(../img/header_line.gif);
	background-repeat: no-repeat;
	padding-top: 9px;
}

#header-logo {
	width: 472px;
	float:left;
	margin-top: 4px;
	margin-bottom:5px; /*20060703 campaign*/
}
#header-logo p{
	font-size:12px;
}

hr {
	margin: 0;
	padding: 0;
	border: solid 1px #ccc;
}

#logo {
	vertical-align: middle;
}

#header-logo2 {
	width: 143px;
	float:right;
	text-align: right;
	margin-top:4px;
}

#header-title {
	padding-top: 10px;
	padding-top: 5px;
	clear:both;
}


div#campaign2{ /*20060703 campaign*/
	position:absolute;
	width:186px;
	height:17px;
	z-index:1;
	left: 473px;
	top: 26px;
	
}

/* content */

#content {
	width: 578px;
	margin: 20px 20px 0 20px;
}

#content {
	text-indent: 0;
}

p#crumb{
	_margin:10px 0;
	font-size:x-small;

}

#content-button {
	margin-top: 3em;
	text-align: center;
	clear: both;
}

#content-button img {
	clear: both;
}

#content-navigation {
	clear: both;
	text-align: right;
	margin: 1em;
	margin-top: 3em;
}

#content-navigation a {
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	padding-left: 1.3em;
}

/* navigation */

#navigation {
	width: 180px;
	padding-bottom: 9px;
	float: left;
	font-size: 12px;
}

#navigation li.category_active {
	background-image: url(../images/navigation_background_animation.gif);
	background-repeat: no-repeat;
	width: 182px;
	margin-top: 9px;
/*	padding-top: 8px;*/
	font-weight: bold;
	text-indent: 21px;
	border-bottom: 1px solid #CCCCCC;
}

#navigation li.category {
	background-image: url(../images/navigation_background.gif);
	background-repeat: no-repeat;
	width: 182px;
	text-indent: 21px;
	margin-top: 9px;
/*	padding-top: 8px;*/
	font-weight: bold;
}

#navigation a {
	text-decoration: none;
	color: #333333;
	display: block;
	width: 180px;
	height: 21px;
	padding-top: 8px;
}

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

#navigation a:active {
	text-decoration: underline;
	color: red;
}

#navigation ul.details_active {
	margin-top: -1px;
}

#navigation ul.details_active li {
	background-image: url(../images/navigation_active_background.gif);
	margin: 0;
/*	padding-top: 6px;*/
	width: 180px;
	font-weight: normal;
	border-top: 1px dashed #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 0;
	border-left: 1px solid #CCCCCC;
	text-indent: 18px;
}

#navigation ul.details a {
	color: #0066FF;
	text-decoration: underline;
}

#navigation li.banner {
	margin-top: 9px;
}

#navigation p#campaign {
	margin-top:10px;
	/*margin-bottom:60px;*/
	height:80px;
}
#navigation p#campaign a{
	margin:0;padding:0;
}


#navigation p#qr {
	text-align:center;
	margin-top:10px;
}


/* footer */

#footer {
	background-color: #0066FF;
	margin-top: 10px;
	padding: 6px;
	color: #FFFFFF;
	position:relative;
}

#footer-navigation {
	position:absolute;
	width: 380px;
	text-align: right;
	color: #FFFFFF;
	left: 237px;
	_left: 225px;
	top: 46px;
}
#footer-navigation a{
	color:#FFFFFF;
}
#footer-navigation a:hover {
	color: #FF0;
	text-decoration: none;
}
/* index.html */

#content_center {
	width: 392px;
	float: left;
}

#content_right {
	width: 182px;
	float: left;
}

.box {
	width: 184px;
	height: 88px;
	float: left;
	padding-right: 4px;
}

#box_left_top, #box_left_bottom {
	border-right: solid 1px #CCC;
}

#box_left_top, #box_right_top {
	border-bottom: solid 1px #CCC;
}

#teaching {
	border: solid 1px #ccc;
	width: 377px;
	height: 142px;
	margin-bottom: 9px;
}

#content_center #tutorial {
	border: solid 1px #ccc;
	width: 377px;
	height: 198px;
	margin-bottom: 9px;
}

#content_center #primary {
	float: left;
	border-right: solid 1px #ccc;
}

#content_center #middle {
	float: left;
}

#news {
	border: solid 1px #ccc;
	width: 377px;
	margin-bottom: 9px;
}

#news table {
	width: 367px;
	margin: 5px;
	border-collapse: collapse;
	border-spacing: 10px;
	border-bottom: hidden;
}

#news td {
	padding: 4px;
	border-bottom: 1px dashed #ccc;
}

#news .date {
	background-image: url(../images/arrow_news.gif);
	background-repeat: no-repeat;
	vertical-align: top;
	text-indent: 10px;
}

#news .line {
	border-bottom: dashed 1px #ccc;
	margin-bottom: 5px;
}

#narrative {
	border: solid 1px #CCC;
	margin-top: 10px;
}

#narrative-upper {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	border-bottom: dashed 1px #ccc;
}

#narrative-upper img {
	margin-right: 5px;
	margin-bottom: 5px;
}

#narrative-lower {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
}

#narrative-lower img {
	margin-right: 5px;
	margin-bottom: 5px;
}

.grade {
	display: block;
	font-weight: bold;
	margin-top: 7px;
}

.initial {
	font-weight: bold;
	color: #FF9900;
}

.entrance {
	font-size: smaller;
}

#banner_box {
	margin-top: 9px;
}

#banner_box img {
	margin-bottom: 10px;
}

.banner_left {
	margin-right: 10px;
}

p#salir_catch{
	border-top:solid 1px #FFF;
	font-size:80%;
}
p#salir_catch img{
	padding-bottom:3px;
}
#salir{
	margin-top: 3px;
}

/* it_learn_system.html */

#network_multi_system {
	background-image: url(../images/network_multi_system.jpg);
	background-repeat: no-repeat;
	width: 578px;
	height: 224px;
	_height: 214px;
	padding-top: 158px;
	_padding-top: 168px;
}

#network_multi_system p {
	width: 298px;
	margin-left: 250px;
	margin-top: 1em;
	line-height: 1.4em;
}

/* school_list */

#school_list {
	border-collapse: collapse;
	width: 576px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#school_list th {
	border: 1px solid #6ABDF1;
	padding: 3px;
	text-align: center;
	font-weight: bold;
	background-color: #D4EDFF;
}

#school_list td {
	border: 1px solid #6ABDF1;
	padding: 3px;
}

.school {
	background-color: #FFFFEA;
}


/* tutorial_method.html */

#blackboard {
	background-image: url(../images/blackboard.jpg);
	background-repeat: no-repeat;
	width: 410px;
	height: 96px;
	margin-top: 5px;
	padding: 120px 16px 0 145px;
	color: white;
	line-height: 1.4em;
	font-size: 12px;
}

.lesson_flow_box_left {
	width: 232px;
	float: left;
	margin: 1em;
}

.lesson_flow_box_right {
	width: 232px;
	float: right;
	margin: 1em;
}


.lesson_flow_box_left p, .lesson_flow_box_right p {
	margin: 1em;
	line-height: 1.2em;
}



/* characteristic.html */

#characteristic_wish {
	width: 400px;
	border: solid 1px #EAAB7D;
	background-color: #FFF5E1;
	margin-top: 9px;
	margin-right: 14px;
	_margin-right: 7px;
	float: right;
}

#characteristic_wish p {
	margin: 1em;
	line-height: 1.4em;
}
.characteristic_photo {
	margin-top: 10px;
	height: 110px;
	float: left;
}

.characteristic_paragraph {
	width: 445px;
	margin-top: 10px;
	float: left;
	margin-left: 15px;
	margin-bottom: 15px;
	line-height: 1.5em;
}

.characteristic_paragraph p {
	margin-bottom: 1em;
}
.link_detail {
	margin-top: 15px;
	text-align: right;
}

.link_detail a {
	background-image: url(../images/arrow_button.gif);
	background-repeat: no-repeat;
	padding-left: 1.4em;
}

/* faq.html */

.question {
	font-size: small;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF6600;
	margin-top: 18px;
	margin-left: 9px;
	margin-right: 9px;
	padding: 6px;
	padding-left: 9px;
}

.answer {
	background-color: #FFFFCC;
	border: solid 1px #FFE1CE;
	margin-left: 9px;
	margin-right: 9px;
}

.answer li {
	background-color: #FFF7F7;
	border: solid 1px #FF9595;
	list-style-position: inside;
	list-style-type: disc;
	font-weight: normal;
	padding: 12px;
	margin: 1em;
}

.answer p {
	margin: 1em;
	text-indent: 1em;
}

/* narrative.html */

.narrative_title {
	background-image: url(../images/narrative_title.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: small;
	color: #FFFFFF;
	height: 20px;
	padding-top: 5px;
	text-indent: 20px;
	margin-top: 9px;
	margin-left: 9px;
}

.narrative_box:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.narrative_box {
	background-color: #FFFFCC;
	border: solid 1px #FF6701;
	padding: 9px;
	margin-left: 9px;
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .narrative_box { height: 1%; }
.narrative_box { display: block; }
/* End hide from IE-mac */

.narrative_photo {
	float: left;
	padding-right: 3px;
}

.narrative_graph {
	float: right;
	padding-left: 10px;
}


.narrative_content {
	width: 250px;
	margin-left: 118px;
	line-height: 1.4em;
}

.narrative_content p {
	margin-bottom: 1em;
}

/* guidance.html */

#guidance_photo {
	margin: 9px;
	float: left;
}

.attention {
	font-weight: bold;
	color: #FF0000;
	margin-top: 18px;
	margin-right: 9px;
	margin-bottom: 1em;
}

/* guidance.html */

#guidance_primary {
	margin-top: 9px;
	margin-left: 9px;
	margin-bottom: 27px;
	width: 273px;
	height: 430px;
	float: left;
	border: solid 1px #ccc;
}

#guidance_middle {
	margin-top: 9px;
	margin-bottom: 27px;
	width: 273px;
	height: 430px;
	float: left;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
}

#guidance_primary p, #guidance_middle p {
	margin: 1em;
	line-height: 1.2em;
}

#guidance_middle_course {
	margin-top: 19px;
}

/* map.html */
.map_message {
	margin: 1em;
}

#map_image {
	padding: 1em;
	text-align: center;
}

/* policy_teacher.html */

.policy_photo {
	margin: 1em;
	width: 100px;
	height: 100px;
	float: left;
}

.policy_box {
	margin: 1em;
	margin-bottom: 3em;
	line-height: 1.2em;
}

.policy_box p {
	margin-bottom: 1em;
}

#school_teacher {
	font-size: small;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF6600;
	margin-top: 30px;
	margin-left: 9px;
	margin-right: 9px;
	padding: 6px;
	text-indent: 5px;
}

#school_teacher_box {
	background-color: #FFFFCC;
	border: solid 1px #FF6600;
	margin-left: 9px;
	margin-right: 9px;
	padding: 1em;
}

#school_teacher_box_photo {
	width: 100px;
	float: left;
}

#school_teacher_box_photo img {
	margin-bottom: 1em;
}

#school_teacher_box_message {
	margin-left: 100px;
	padding-left: 1em;
}

#school_teacher_box_message p {
	margin-bottom: 1em;
	line-height: 1.4em;
}

#school_teacher_link {
	font-size: smaller;
	text-align: right;
}

#school_teacher_link a {
	background-image: url(../images/arrow_orange.gif);
	background-repeat: no-repeat;
	padding-left: 1em;
}

/* followup.html */

#followup_system {
	background-image: url(../images/followup_system_background.jpg);
	background-repeat: no-repeat;
	width: 577px;
	height: 400px;
	line-height: 1.4em;
}

#followup_system_frame {
	border: solid 1px #FF6701;
	background-color: #FFFFCC;
	width: 287px;
	position: relative;
	top: 180px;
	left: 262px;
	font-size: 12px;
}

#followup_system_frame ul {
	padding-top: 8px;
	padding-left: 10px;
	padding-bottom: 8px;
}

#followup_content {
	background-image: url(../images/followup_allow.gif);
	background-repeat: no-repeat;
	height: 603px;
	margin-top: 12px;
}

.followup_step {
	width: 93px;
	height: 72px;
	text-align: center;
	float: left;
	margin-top: 55px;
}

.followup_step_wide {
	width: 93px;
	height: 21px;
	text-align: center;
	float: left;
	margin-top: 70px;
}

.followup_step_content {
	background-image: url(../images/followup_background.gif);
	background-repeat: no-repeat;
	width: 454px;
	height: 100px;
	padding-left: 25px;
	padding-top: 17px;
	line-height: 1.4em;
	margin-top: 10px;
	float: left;
}

.followup_step_content_wide {
	background-image: url(../images/followup_background_wide.gif);
	background-repeat: no-repeat;
	width: 454px;
	height: 131px;
	padding-left: 25px;
	padding-top: 17px;
	line-height: 1.4em;
	margin-top: 10px;
	float: left;
}

.followup_photo {
	width: 93px;
	height: 81px;
	float: left;
}

.followup_photo_wide {
	width: 93px;
	height: 81px;
	float: left;
	margin-top: 15px;
}

.followup_paragraph {
	float: left;
	width: 353px;
}

.followup_paragraph h3 {
	margin-bottom: 5px;
}

#followup_message {
	padding-top: 15px;
	margin-left: 120px;
	clear: both;
}

/* sitemap.html */

#sitemap {
	margin: 1em;
	line-height: 1.5em;
}

#sitemap ul {
	padding-left: 2em;
}

#sitemap li {
	background-image: url(../images/navigation_active_background.gif);
	background-repeat: no-repeat;
	text-indent: 1.5em;
	padding-top: 5px;
}


/* inquiry.html, hands-on_entrance.html */

.inquiry {
	border-collapse: collapse;
	width: 550px;
	margin: 1em;
}

.inquiry td {
	border: 1px solid #6ABDF1;
	padding: 3px;
}

.inquiry textarea {
	width: 380px;
}

.inquiry_td {
	font-weight: bold;
	background-color: #D4EDFF;
	width: 120px;
}

.paragrah {
	margin: 1em;
}

.ime_active {
	ime-mode: active;
}

.ime_disabled {
	ime-mode: disabled;
}

.must {
	font-weight: bold;
	color: #FF0000;
}


/* learning_program.html */


.learning_program_step:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.learning_program_step {
	float: left;
	margin-top: 1em;
	margin-bottom: 1em;
	border-bottom: dashed 1px #ccc;
	width: 437px;
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .learning_program_step { height: 1%; }
.learning_program_step { display: block; }
/* End hide from IE-mac */


.learning_program_step_content {
	float: left;
	width: 312px;
}

.learning_program_step p {
	margin: 0.6em;
	line-height: 1.4em;
}

.learning_program_step_photo {
	width: 125px;
	height: 135px;
	float: left;
}

#learning_program_step5 {
	margin-top: 1em;
	margin-bottom: 1em;
}

#learning_program_right_top {
	float: right;
	margin-top: 15px;
	width: 110px;
	height: 417px;
	background-image: url(../images/learning_program_curve.gif);
	background-repeat: no-repeat;
}

.learning_program_right_box {
	width: 115px;
	height: 267px;
	border: solid 1px #FF9999;
	margin-left: 24px;
	margin-top: 80px;
}

#learning_program_bottom {
	clear: both;
}

#learning_program_shockwave {
	text-align: center;
	margin-top: 1em;
	width: 503px;
	background-color: #F1F1F1;
	padding: 20px;
}

#learning_program_shockwave a {
	border: solid 2px #F1F1F1;
	width: 300px;
	height: 225px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#learning_program_shockwave a:hover {
	border: solid 2px red;
	width: 300px;
	height: 225px;
	display: block;
}

#learning_program_shockwave_comment {
	margin-left: auto;
	margin-right: auto;
	width: 350px;
	text-align: left;
}

#learning_program_shockwave_comment p {
	margin-top: 1em;
}

/* link.html */

.link-banner {
	width: 86px;
	float: left;
	padding: 1em;
	border-bottom: dashed 1px #ccc;
	margin-left: 5px;
}

.link-banner-detail {
	width: 400px;
	height: 44px;
	float: left;
	padding: 1em;
	border-bottom: dashed 1px #ccc;
}

.link-banner-detail p {
	text-indent: -1em;
}

.link-banner-title {
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 3px;
	color: #FF6600;
}

.spacer-top {
	padding-top: 3em;
}

.bold-red {
	color: red;
	font-weight: bold;
}

/* school_list_tokyo_detail.html */

.content_area {
	margin: 1em;
	margin-bottom: 2em;
	line-height: 1.3em;
}

.school_detail_image {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
}

.school_detail_image img {
	margin: 1em;
}

.school_table {
	border-collapse: collapse;
	width: 450px;
	margin: 1em;
	_text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.school_table td {
	border: 1px solid #6ABDF1;
	padding: 3px;
	padding-left: 0.7em;
	_text-align: left;
}

.school_table_td {
	font-weight: bold;
	background-color: #D4EDFF;
	width: 120px;
}

#school_name img {
	vertical-align: middle;
}

#school_name p {
	font-size: large;
	font-weight: bold;
}

#school_name td, #school_tel td {
	height: 36px;
}

#school_tel p {
	color: #FF6600;
	font-size: x-large;
	font-weight: bold;
}

p#bosyu{
	padding-top:8px;
}

/*
div#box_scroll{
	overflow:scroll;
	height:150px;
}
div#box_scroll table{
	width:350px;
}
*/