/*--------------------------------------------------------------
Copyright WEB MAGIC.
http://www.webamgic.jp/
---------------------------------------------------------------*/
body {
text-align: center;
background-color:#eaeef2;/*�S�̂̔w�i�F-----------------*/
font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
font-size:12px;/*���{�̕����T�C�Y-----------------*/
line-height:170%;
color:#444444;;/*���{�̕����F-----------------*/
margin-top:0px;/*�R���e���c�{�b�N�X���ォ�班�������Ă��܂�-----------------*/
margin-bottom:20px;
margin-left:0;
margin-right:0;
}

h1,h2,h3 {
margin:0px;
padding:0px;
font-weight:normal;
}


/*p�^�O�󔒏���*/
p {
margin:0px;
padding:0px;
}


/*IMG�{�[�_�[���\��*/
img  {
border: none;
vertical-align:top;
}



/*TABLE�{�[�_�[���\��*/
table  {
border:none;
}

td p{
padding:4px 4px 15px 4px;

}


/*IE--BR�o�O����*/
br  {
letter-spacing:normal;
}



/*���X�g�󔒏���*/
ul,ol,li  {
margin:0px;
padding:0px;
list-style:none;
}




/*�R���e���c�S�̂̃{�b�N�X---------------------------------------*/
#container{
width:843px;
margin:0 auto;
padding:0;
border:#999999 solid 1px;
text-align:left;
background-color:#FFFFFF;/*�w�i�F*/
}



/*�w�b�_�[�����̃{�b�N�X---------------------------------------*/
#header{
padding:60px 20px 20px 20px;
width:803px;
height:90px;
margin:0px;
border-bottom:#9d9d9d solid 1px;
background-image:url(images_junior/geogebra-title_junior.png);/*�w�b�_�[�����w�i�摜�w��*/
background-repeat:no-repeat;
}




/*�w�b�_�[�^�C�g������----------------------------------*/
h1{
font-size:28px;/*�����T�C�Y*/
color:#444444;/*�����F*/
line-height:140%;
font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
font-weight:bold ;
margin:0;
padding:0;
}



/*�w�b�_�[�^�C�g����������----------------------------------*/
h2{
font-size:12px; /* �����T�C�Y*/
color:#444444; /* �����F*/
line-height:140%;
font-family:Osaka,Verdana,Arial,Helvetica,sans-serif;
font-weight:normal;
margin:0;
padding:0;
}





/*�w�b�_�[���̃����N�X�y�[�X----------------------------------*/
#navi{
background-color:#EEEEEE;/*�w�i�F*/
padding:8px;
margin:0px;
text-align:right;/*�e�L�X�g�E����*/
border-bottom:#9d9d9d solid 1px;
width:827px;
}





/*���ʂ̃e�L�X�g�����N-----------------*/
a:link    {text-decoration:underline;color:#333399;}  /*�e�L�X�g�����N�̐F*/
a:visited {text-decoration:underline;color:#333399;}  /*�K���ς݂̃����N�̐F*/
a:active  {text-decoration:underline;color:#333399;}   /*�N���b�N���̃����N�̐F*/
a:hover   {text-decoration:underline;color:#333399;}  /*�}�E�X�̏��ɃJ�[�\���������Ƃ��̃����N�̐F*/



/*�y�[�W�̃^�C�g�������݂̂̃e�L�X�g�����N-----------------*/
h1 a:link       {color:#444444;text-decoration:none;}  /*���j���[�E�e�L�X�g�����N�̐F*/
h1 a:visited    {color:#444444;text-decoration:none;}   /*���j���[�E�K���ς݂̃����N�̐F*/
h1 a:active     {color:#444444;text-decoration:none;}   /*���j���[�E�N���b�N���̃����N�̐F*/
h1 a:hover      {color:#444444;text-decoration:none;}   /*���j���[�E�}�E�X�̏��ɃJ�[�\���������Ƃ��̃����N�̐F*/

a.link_button{
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	background: #f7f7f7;
	border-left: solid 6px #3366CC;/*左線*/
	color: #3366CC;/*文字色*/
	font-weight: bold;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
a.link_button:active{
	box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
	transform: translateY(2px);
}



/*�g�b�v���m�点���e�y�[�W�^�C�g������----------------------------------*/
h3 {
	background-color:#F7B46B; /*�w�i�F*/
	padding:6px;
	margin-bottom:12px;
	width:575px;
	font-size:14px; /*�����T�C�Y*/
	font-weight:bold; /*������*/
}



/*�����j���[���̕���----------------------------------*/
.mark{
	font-size:12px; /*�����T�C�Y*/
	color:#9fb4e4; /*�����F*/
}





/*�����j���[-------------------------------------------*/

.menu{
border:#bbbbbb 1px solid; /*�g���̐ݒ�*/
padding-bottom:6px;
margin-bottom:10px;
}

.menu ul{
margin:12px;
}

.menu li{
padding-bottom:10px;
border-bottom:#999999 dotted 1px; /*�����̎w��*/
margin-bottom:10px;
}
/*----------------------------------------------------*/





/*�X�V������-------------------------------------------*/

/*�u�X�V�����v�Ə����ꂽ����*/
h4{
	border-bottom:#EF866B solid 4px;/*�u�X�V�����v�����@�������u�F�v�u���ށv�u�����v*/
	margin-bottom:10px;
	padding:4px 4px 2px 4px;
	font-size:14px;/*�����T�C�Y*/
	font-weight:bold;/*������*/
}


.area{
margin-bottom:20px;
}



/*�u�X�V�����v���e*/
.area li{
padding:0px 2px 8px 2px;
border-bottom:#999999 dotted 1px;/*�����������u�F�v�u�_���w���v�u�����v*/
margin-bottom:8px;
}




/*�g�b�v�y�[�W�E�ɕ��񂾃{�b�N�X----------------------------------*/
.waku {
border:#bbbbbb 1px solid; /*�g���w�荶�����u�F�v�u�����v�u���̎��ށv*/
}



.box{
padding:10px;
}


.box1{
	background-color:#EF866B; /*�{�b�N�X���i���o���w�i�F*/
	padding:6px;
	text-align:center; /*���o���e�L�X�g��������*/
	color: #EEEEEE;
	font-size: 16px;
}


.box2{
	background-color:#F7D76B; /*�{�b�N�X���i�w�i�F*/
	padding:6px;
	text-align:center; /*���o���e�L�X�g��������*/
	color:#111111;
	font-size: 16px;
}


/*�{�b�N�X���Ƀ����N���X�g�������Ƃ�--------------*/
.box li{
margin-bottom:6px;
padding-bottom:4px;
border-bottom:#999999 dotted 1px; /*�����w�荶�����u�F�v�u�_���w���v�u�����v*/

}




/*�e�[�u���w�i�F�w��--------------*/
.cell_waku{
background-color:#bbbbbb;
}

.cell_item{
background-color:#e9f1f3;
}

.cell{
background-color:#ffffff;
}



/*���w�L�ڂ̃{�b�N�X����1--------------*/
.k_box_a{
padding:8px;
background-color:#f3f3f3;
border:#bbbbbb solid 1px;
margin-bottom:10px;
}


/*���w�L�ڂ̃{�b�N�X����2--------------*/
.k_box_b{
padding:8px;
background-color:#ffffff;
border:#bbbbbb solid 1px;
margin-bottom:10px;
}





/*�R�s�[���C�g����----------------------------------*/
#copyright{
margin:0 auto;
width:839px;
font-size:10px;
text-align:right;
padding:2px;
}





.space15{
width:15px;
}


.space20{
margin-bottom:20px;
}



#copyright a:link {color:#444444;}
#copyright a:visited  {color:#444444;}
#copyright a:hover {color:#444444;}
#copyright a:active  {color:#444444;}
