/* CSS Document */

/* ����{�̐ݒ�----------------------------------------------------------------------------------- */
body{
	margin:0px ;
	padding:0px ;
	text-align:center;
	font-family:"�l�r �o�S�V�b�N,OSAKA,sans-serif" ;
	background-color:#D28f5E; 
	}

/* �^�O�ݒ� */
img{
	border:0 ;
}
p{
	margin:5px ; padding:5px ;
}
table{
	clear:both ;
}


/* ��̃����N���� */
a:link{
	text-decoration:none ; color:#6495ED ;
}
a:active{
	text-decoration:none ; color:#95302B ;
}
a:visited{
	text-decoration:none ; color:#4E6BB1 ;
}	
a:hover{
	text-decoration:none ; color:#F37C5F ;
}


/* ���w�b�_�[ --------------------------------------------------------------------------------- */

#header{
	width:980px ;
	margin:0;
	clear:both ;
}

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



/* ���i�r (�y�[�W�㑤�̃��j���[�\���̃��[���I�[�o�[�ݒ�ł��j------------------------------------------------------------------------------------- */
	

#globalnavi{
  margin: 0;
  padding: 0;
  width: ***;
}

#globalnavi ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#globalnavi li{
  float: left;
  width: 245px;
  margin: 0;
  padding: 0;
}


#globalnavi a{
  text-align: center;
  display:block;
  padding: 0.5em 0;
  width:100%;
  background : url(navi.jpg) 0px 50% / auto auto no-repeat scroll padding-box border-box transparent;
  font-size : 110%;
  color:#000;
  font-weight :bold
;
}

#globalnavi a:hover{
  background : url(navi.jpg) -245px 50% / auto auto no-repeat scroll padding-box border-box transparent;  
  font-size : 110%;   
  color: #fff;  
  font-weight :bold ;
}



/* ���R���e���c�\���̈�̐ݒ� ----------------------------------------------------------------- */

#contents{
	width:980px ; 
	margin:0 auto;
	padding: 0 ;
	background-color:#fff;
	text-align:left;
	font-size : 80%;
	clear:both ;
    border:1px solid #999 ;
    line-height: 150%;
}


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







/*�@���{�b�N�X�@*/

#left{
	width:245px ; 	/*���{�b�N�X�̕�*/
	margin:0 auto; 
	padding:0;
	text-align:center;
	background-color:#000000;
	float:left ;
}

/*�@�E�{�b�N�X�@*/

#right{
	width:655px ; 	/*�E�{�b�N�X�̕�*/
	margin : 10px; 
	padding:5px;
	text-align:center;
    font-size : 100%;
	float:right ;
}


#right h2{
	width:600px;
	margin:0 ;
	padding:8px 10px ;	/*�e�L�X�g�̊Ԋu*/
	font-size:140% ;		/*�t�H���g�T�C�Y*/
	color:#f66 ;		/*�t�H���g�F*/
	text-align:left;
	border-left:7px solid #fcc ;		/*���{�[�_�[�̐ݒ�*/
}


#right h3{
	margin:0 0 20px 0 ;
	padding:8px 10px ;	/*�e�L�X�g�̊Ԋu*/
	font-size:140% ;		/*�t�H���g�T�C�Y*/
	color:#309 ;		/*�t�H���g�F*/
	text-align:center;
	font-weight : bold ;
}


#right h4{
	margin:0 0 5px 0 ;
	padding:8px 10px ;	/*�e�L�X�g�̊Ԋu*/
	font-size:120% ;		/*�t�H���g�T�C�Y*/
	color : #ff0d74;		/*�t�H���g�F*/
	text-align:center;
	font-weight : bold ;
  background-color : #ffdbff;
}

#rireki{
	width:600px;
	margin:10px ;
	padding:10px ;	/*�e�L�X�g�̊Ԋu*/
	text-align:left;
	border:1px solid #dc143c ;
   	font-size : 100%;
	}
    

#rireki2{
	width:600px;
	margin:10px auto;
	padding:20px;	/*�e�L�X�g�̊Ԋu*/
	text-align:left;
	border:1px solid #dc143c ;
   	font-size : 100%;
	}



/*�@�摜�̗]���@*/
p{
	padding:10px 0 5px 0 ;	/*�e�L�X�g�̃p�f�B���O*/
} 



	
/* ���t�b�^�[ --------------------------------------------------------------------------------- */

#footer{
	width:980px ;
	margin:0px auto;
	padding: 0 ;
	background-color:#000;
	text-align:center;
	color:#fff;
	clear:both ;
}

#footer p{
	line-height:1.4em;
}

/* �������̃����N --------------------------------------------------------------------------------- */
.word{
	margin:10px;
}



/* �����o�����r�W���A�� �w�b�_�[�摜�ƃi�r������‚��܂���--------------------------------------------------------------------------------- */
#contents h1{
	margin:0 ;
	padding:0 ;
}


/* �������F�ς� --------------------------------------------------------------------------------- */

.red{
	color:#c33;
}
.white{
	color:#fff;
}

.center{
	text-align:center;
}

/* ���X�V����X�N���[���ݒ� --------------------------------------------------------------------------------- */

.scr{
   overflow: scroll;   /* �X�N���[���\�� */ 
   width: 600px;
   height: 200px;
   background-color: #fff;
 }



/*  -------------------------------------------------------------------------------------*/

.top{
	text-align:right;
}
	
/*  -------------------------------------------------------------------------------------*/


.pan{
	margin:20px auto 5px auto;
	padding:20px;	/*�e�L�X�g�̊Ԋu*/
	text-align:left;
   	font-size : 90%;
}
	
/*  -------------------------------------------------------------------------------------*/