@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------------------------
common
-----------------------------------------------------------------------*/

.float-left {
float:left;
}
.float-right{
float:right;
}
.clearfix {
clear:both;
}

.px8 {
font-size:8px;
}
.px9 {
font-size:9px;
}
.px10,
.note {
font-size:10px;
}
.px11 {
font-size:11px;
}
.px20 {
font-size:20px;
}

.white {
color:#FFFFFF;
}
.dargkbrown {
color:#40220F;
}


/*-----------------------------------------------------------------------
 header-nav
-----------------------------------------------------------------------*/


#header-nav
	{
		clear: both;
	width:1006px;
	height:52px;
	padding-top:1px;
	background:#231815;
	}
#header-nav ul 
	{
	width::100%;
	margin:0;
	padding:0;
	height:50px;
	}
#header-nav ul li
	{
	float:left;
	width:200px;
	height:38px;
	margin-left:1px;
	padding:0;
	text-align:center;
	}

#header-nav ul li a
	{
	display:block;
	width:200px;
	height:33px;
	line-height:1.0em;
	padding-top:18px;
	color:#fff;
	text-decoration:none;

	}
#header-nav ul li .no-current-menu a  {

color:#222222;
	background-color:#8fc31f;
	
	}
	
#header-nav ul li a:hover,
#header-nav ul li #current-menu  a 
	{
	background-color:#6B8919;
	}
	
	#header-nav ul li #current-menu  a {
	color:#ffffff;
	}
	
	
#header-nav ul li .single-line {
line-height:28px;
}

#header-nav ul li .double-line a
	{
		padding:13px 0 5px 0;
	}
		
#header-nav ul li .double-line-small
	{
	font-size:11px;
	}
	
/*-----------------------------------------------------------------------
container footer
-----------------------------------------------------------------------*/



#container{
	width:1000px;
	padding-top:30px;
	/* [disabled]padding-left:10px; */
	/* [disabled]padding-right:10px; */
	padding-bottom:60px; /*フッターの高さと同じ*/
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}



/*-----------------------------------------------------------------------
description
-----------------------------------------------------------------------*/

#toppage-description {
	/* [disabled]width:98%; */
	margin:0 auto;
}


#description-left{
	word-wrap:break-word;
	width: 650px;
}

#description-left-title{

margin-bottom:10px;
}

#description-right-image {
margin-top:10px;
}


/*-----------------------------------------------------------------------
content
-----------------------------------------------------------------------*/

#contents {
	/* [disabled]width:98%; */
	padding: 10px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.content-box {
margin-top:20px;
}
.content-box-title{
padding:10px;
background:#2EA7E0;
}
.content-box-text {
margin-top:10px;
}


/*-----------------------------------------------------------------------
education
-----------------------------------------------------------------------*/

#education{

width:1006px;
margin:10px auto;
}

#education-menu{

margin-bottom:4px;

padding:20px;

border:1px solid #000;
}

#education-menu-left {
text-align:center;
padding:10px;
background:#956134;
}
#education-menu-left p{
	margin:0;
}
#education-menu-left-2 {

margin-left:20px;

line-height:20px;
}



/*-----------------------------------------------------------------------
education-nav
-----------------------------------------------------------------------*/

#education-nav ul{

margin-left:3px;
}

#education-nav ul li#left{
margin-left:0px;
}

#education-nav ul li{
	float:left;
	width:108px;
	height:26px;
	line-height:18px;
	margin-left:1px;
	text-align:center;
	border:1px solid #000;
	
	}


#education-nav ul li a{
	display:block;
	width:110px;
	height:20px;
	line-height:20px;
	padding:3px 0;
	color:#40220F;
	background:#C6BBB9;
	
	}

#education-nav ul li a:hover,
#education-nav ul li #current-menu a
{
color:#fff;
background:#3E3A39 !important;
text-decoration:none;
}

/*-----------------------------------------------------------------------
education-target
-----------------------------------------------------------------------*/

#education-target {
width:98%;
margin:20px auto 0 auto;

}
#education-target h3{
margin-left:6px;
margin-bottom:20px;

}

#education-target-left {
	width:500px;
}

#education-target-img {
margin-top:38px;
margin-right:40px;
}

#education-target-title-left {
	margin-right:10px;
	padding:10px;
	color:#FFFFFF;
	background:#3E3A39;
	margin-top: 10px;
}

#education-target-title h3 {

padding:10px;
margin-left:10px;
}




/*-----------------------------------------------------------------------
content-education-box
-----------------------------------------------------------------------*/

.content-education-box {
margin-top:20px;
}



.content-education-box-title {


}

.content-education-box-title h2 {
	padding: 10px;
	background-color:#006934;
}

.content-education-box table {
margin-top:10px;
font-size:14px;
}

.content-education-box table td.left-td {
text-align:center;
vertical-align:top;
background:#EFEFEF;
}

.content-education-box table th {
background:#C9BC9C;
}

.content-education-box table td {
vertical-align:top;
}

.content-education-box table th,
.content-education-box table td {
padding:8px;
border:1px solid #000;
}

.content-education-box-text {

margin-top:20px;
}


/*-----------------------------------------------------------------------
content-education-plan-box
-----------------------------------------------------------------------*/

.content-education-plan-box {

margin-top:20px;
color:#FFFFFF;
background:#006934;
}


.content-education-plan-box-title {

margin-bottom:10px;
padding:10px;

background:#40220F;
}

.content-education-plan-box-text-section {

width:230px;
margin:6px;
}

#content-education-plan-box-text-section-title {
padding:20px;
color:#FFFF00;
}
.content-education-plan-box h3,
.content-education-plan-box h4{
	color:#fff;
}
.content-education-plan-box-text-section p{
padding:6px;
}


.content-education-plan-box-text-section p.caption {
}

#content-education-plan-box-text-section-bottom {

padding:10px;
}


.content-education-plan-box-text-section kokuban{
background-repeat: no-repeat;
padding:0px;
border:0px;
vertical-align:bottom;
}

/*黒板0403SAEKI*/
#kokuban{
	
width::100%;
    height:70px;
    /* position:absolute;*/
    /* bottom:0;*/
vertical-align:bottom;
border:0px;
background-image:url(../img/common/kokuban_01.jpg)
}



.kokuban_text {

width:320px;
margin:6px;
}



/*-----------------------------------------------------------------------
content-education-flow-box
-----------------------------------------------------------------------*/

.content-education-flow-box {
margin-top:20px;
}



.content-education-flow-box-title {

}

.content-education-flow-box-title h2{

padding:10px;
background-color:#006934;

}


.box_back {

line-height:30px;
padding-left:10px;
padding-right:10px;
color:#FFFFFF;
background:#438ad4;
}





/*-----------------------------------------------------------------------
content-education-flow-box-table
-----------------------------------------------------------------------*/

.content-education-flow-box-table {
width: 100%;
margin-top:20px;
}

.content-education-flow-box-table td{
}


.content-education-flow-box-in-table-box-caption {


}

.content-education-flow-box-in-table-box-caption h3 {
	padding: 10px;
	color: #FFFFFF;
	background: #604C3F;
	border: 1px solid #564438;
}

#content-education-flow-box-in-table-box-right {

line-height:20px;
padding-left:50px;
}


#content-education-flow-box-in-table-box-left {
margin-bottom:20px;
padding-left:0px;

}

.content-education-flow-box-in-table-teacher-talk {
margin-top:20px;
padding-left:30px;
line-height:20px;
font-size:14px;
background:url(../shidoukeikaku/suisan/img/common/shidoukeikaku-suisan-talk-icon-teacher.png) top left no-repeat;
}
.content-education-flow-box-in-table-children-talk {
margin-top:10px;
margin-left:30px;
padding-left:30px;
line-height:20px;
font-size:14px;
background:url(../shidoukeikaku/suisan/img/common/shidoukeikaku-suisan-talk-icon-child.png) top left no-repeat;
}

#content-education-flow-box-in-table-box-right {
	width: 82%;
	margin-top: 20px;
	margin-left: 40px;
	padding: 20px;
	border: 1px solid #999;
}


#content-education-flow-box-in-table-allow-up-cell {

background:url(../shidoukeikaku/suisan/img/common/shidoukeikaku-suisan-allow-middle.png) repeat-y center;
}
#content-education-flow-box-in-table-allow-middle-cell {
background:url(../shidoukeikaku/suisan/img/common/shidoukeikaku-suisan-allow-middle.png) repeat-y center;
}
#content-education-flow-box-in-table-allow-bottom-cell {
background:url(../shidoukeikaku/suisan/img/common/shidoukeikaku-suisan-allow.png) repeat-y bottom center;
}
#content-education-flow-box-in-table-allow-end-cell {
height:60px;
max-height:60px important!;
background:url(../shidoukeikaku/suisan/img/common/shidoukeikaku-suisan-allow-end.png) no-repeat bottom center;
}




/*-----------------------------------------------------------------------
content-education-data-box
-----------------------------------------------------------------------*/

.content-education-data-box {
margin-top:20px;
}



.content-education-data-box-title {
}

.content-education-data-box-title h2 {

padding:10px;
background-color:#006934;
}

.content-education-box-text {

margin-top:20px;
}


.content-education-data-box-section-line-1 {
margin-top:20px;
margin-left:5px;
}

.content-education-data-box-section-line-2 {
	padding: 15px;
	margin: 0px;
}


.content-education-data-box-section-line-1 img{
	/* [disabled]width:235px; */
	/* [disabled]height:140px; */
}

.content-education-data-box-section-line-1 figcaption,
.content-education-data-box-section-line-2 figcaption {
margin-top:10px;
}







/*-----------------------------------------------------------------------
content-education-bnr-box
-----------------------------------------------------------------------*/

#content-education-bnr-box {
margin-top:20px;
padding-top:50px;
height:100px;
text-align:left;
}

#content-education-bnr-box img{
width:283px;
height:50px;
margin-left:150px;
}
yellow {
	color: #FF0;
}
yellow {
	color: #FC0;
}
.yellow {
	color: #FC0;
	font-weight: bold;
}








/*-----------------------------------------------------------------------
追加CSS *add-style*
-----------------------------------------------------------------------*/
.y-border{
	border:2px solid #ff0;
	height:300px;
	position:relative;
	padding-top:20px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 10px;
}

.yaji1{
	text-align:center;
	margin-top:-40px;
}
.midashi-title{
	position:absolute;
	top:-1px;
	right:141px;
	background-color:#fff;
	color:red;
	border:1px solid #00f;
	margin-top:-15px;
	padding:5px 5px 5px 12px;
	font-weight:bold;
	text-align:left;
	width:150px;
}

.midashi-title2{
	position:absolute;
	top:292px;
	right:485px;
}

table.data {
	border-collapse: collapse;
	width: 100%;
}

table.data { border: 1px solid #666; }

table.data th,
table.data td {
	border: 1px solid #003;
	padding: 5px;
}
table.data th {
	background-color: #6CC;
	color: #003;
}

.myButton {
	-moz-box-shadow:inset 0px 0px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 0px 0px 0px #54a3f7;
	box-shadow:inset 0px 0px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:2px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:10px 48px;
	text-decoration:none;
	text-shadow:0px 0px 0px #154682;
}

.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}

.myButton:active {
	position:relative;
	top:1px;
}


/*東京の島々*/

.full_content {
        width:100%;
        height:auto;
        position:relative;
        margin:10px auto;
        clear:both;
}
.menu{
        width:auto;
        height:25px;
        background:#9C9;
        float:left;
        list-style:none;
        padding:10px 20px 5px;
        margin-right:2px;
        text-align:center;
        display:block;
        cursor: pointer;
        color:#FFF;
}
.menu:first-child {
        margin-left:0;
}
.active, .hover {
        background:#6CC;
        font-weight:bold;
}
.content {
	width: 100%;
	height: auto;
	overflow: auto;
	border-top: #6CC 5px solid;
	background: #FFF;
	top: 41px;
	padding: 0px;
	position: absolute;
	left: 3px;
}

.green01,
.green01 a {
	background: #CFC !important;
	color:  #063;
}

.yelow01 {
	background: #FFC !important;
	color:  #663;
}

.orange01 {
	background: #FC9 !important;
	color:  #630;
}

td span.att {
	padding: 10px 50px;
	background: #FFC;
	color: #C90;
	border: 1px solid #FC0;
	display: block;
	margin: 0px 10px;
}