﻿<style type="text/css"> 
	<!-- 
	body
	{
		font: 100% Verdana, Arial, Helvetica, sans-serif;
		
		background: #666666;

		/* �����̈قȂ�u���E�U�̏����ݒ�l�ɑΉ����邽�߁Abody �G�������g�̃}�[�W���Ɨ]���� 0 �ɂ��邱�Ƃ�����߂��܂� */
		margin: 0;
		
		padding: 0;
		
		/* ����ɂ��AIE 5* �u���E�U�ł̓R���e�i�����������ɂȂ�܂��B�����āA�e�L�X�g�́A#container �Z���N�^�̏����ݒ�ł��鍶�����ɐݒ肳��܂� */
		text-align: center;
		
		color: #000000;
	}
	
	#wrapper
	{
		width: 100%;
		margin: 0 auto;
		min-height: 100%;
		position: relative;
	}
	
	*html #wrapper
	{
		height: 100%;
	}
	
	#come
	{
		width: 100%;
		position: absolute;
		bottom: 0;
	}
	
	.nabibox-rap
	{
		width:100%;
		margin-top:0px;
	}

	.nabibox
	{
		width:98%;
		padding:1px;
	}
	
	.nabibox ul
	{
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
	}
		
	.nabibox li
	{
		margin-bottom:1px;
		list-style: none;
		list-style-image: none;
	}
		
	.nabibox li a
	{
		display: block;
		padding: 3px;
		width: 100%;
		text-decoration: none;
		border: 1px solid #001111;
		color: #000000;
	}

	html>body .nabibox li a 
	{
		width: auto;
	}

	.nabibox li a:hover
	{
		background: #66CC00;
		border: 1px solid #FFFFFF;
		color: #f00;
	}
	
	#tit
	{
		width: 800px;
		background:url(header_title.jpg);
		background-size: 100% 100%;
	}
	
	/*
	���̃n�C�u���b�h���C�A�E�g�Ɋւ���q���g
	1. �T�C�h�o�[�� em �P�ʂ̃T�C�Y�̓��[�U�[�̏����ݒ�̃t�H���g�T�C�Y�Ɋ�Â��Đݒ肳��邱�Ƃ�
	   �l���ɓ���āA�T�C�h�o�[�ɔw�i�O���t�B�b�N��z�u���Ă��������B
	   �n�C�u���b�h���C�A�E�g�ł̓T�C�h�o�[�̕��̔䗦���ێ�����邽�߁A�n�C�u���b�h���C�A�E�g�́A
	   �K�؂ɍ쐬����΁A�傫���t�H���g�T�C�Y��g�p����K�v������ꍇ�ɕ֗��ł��B
	   ���̐ݒ肪�f�U�C���ɓK���Ȃ��ꍇ�́A����s�N�Z���P�ʂ̕��ɕύX���A����ɉ�����
	   #mainContent div �̃}�[�W����ύX���܂��B
	
	2. ���̃��C�A�E�g�̃T�C�h�o�[�̕��́Abody �G�������g�� 100% �̃t�H���g�T�C�Y�Ɋ�Â��Đݒ肳��邽�߁A
	   body �G�������g�܂��� #container �� font-size: 80% ��g�p����
	   �S�̂̃e�L�X�g�T�C�Y�����������ƁA����ɔ�Ⴕ�ď������Ȃ�܂��B
	   �����␳����ɂ́A�K�v�ɉ����āA�T�C�h�o�[�̕��� #mainContent div �̒[��
	   �}�[�W���̃T�C�Y��傫�����Ă��������B
	
	3. �f�U�C���S�̂ł͂Ȃ� div ���ƂɃt�H���g�T�C�Y���ύX�����ꍇ�� 
	   (#sidebar1 �̃t�H���g�T�C�Y�� 70% �ɐݒ肳��A#mainContent �̃t�H���g�T�C�Y�� 85% �ɐݒ肳���ꍇ)�A
	   ����ɂ��A���ꂼ��� div �̑S�̂̃T�C�Y����Ⴕ�ĕύX����܂��B�K�v�ɉ����āA�ŏI�I�ȃt�H���g�T�C�Y��
	   ��Â��Ē������Ă��������B
	
	4. #container div �́A���� 100% �̂��̃��C�A�E�g�ɂ͕s�v�ł��B
	   #container div �́A�͋[���쐬����ꍇ�⃌�C�A�E�g�̕��𐧌�����ꍇ�Ɏg�p���Ă��������B
	
	5. div �͂��ׂď����ݒ�Ŏg�p�\�ȃX�y�[�X�� 100% �g�p����̂ŁA#container div �̕��� 100% �ɐݒ肷��
	   �K�v�͂���܂���B#container div �́A�R���e�i�S�̂̃T�C�Y�����������ꍇ�Ɂi���Ƃ��Η����ɏ�����
	   �}�[�W����m�ۂ���ꍇ�Ȃǁj�A�T�C�Y�𒲐�����̂Ɏg�p���܂��B
	*/
	
	.thrColHybHdr
	{
		background-image: url(back.gif);
	}
	
	.thrColHybHdr #container { 
		
		width : 800px;
		
		background: #FFFFFF;
		
		/* margin: 0 auto - �����}�[�W���i���ƘA���j�ɂ��A�K�v�ɉ����ăy�[�W�����������ɂȂ�܂� */
		/* ���̐ݒ�� body �G�������g�� text-align: center ���D�悳��܂��B */
		text-align: left;
		
		border: 1px solid #000000;
	}
	
	.thrColHybHdr #container h1 {
		margin: 0;
		/* �}�[�W���̑���ɗ]����g�p���āA�G�������g�� div �̒[�ɐڐG���Ȃ��ʒu�Ɉێ����邱�Ƃ��ł��܂� */
		padding: 5px 5px;
		
		font-size: 20px;
		
		color: #006699;
	}
	
	.thrColHybHdr #container a  {
		color: #006699;
		text-decoration: none;
	}
	
	.thrColHybHdr #header {
		
		/* ���̗]���́A���̉��ɕ\������� div �̃G�������g�̍������ƈ�v���܂��B
		#header �Ńe�L�X�g�̑���ɃC���[�W���g�p�����ꍇ�́A�K�v�ɉ����āA�]����폜���Ă��������B */
		/*padding: 0 0px; */
		width : 800px;
		height : 200px;
		background-repeat:no-repeat;
		background-image: url(header.jpg);

		background-color: #FFFFFF;
	} 
	.thrColHybHdr #header h1 {
		
		/* #header div �̍Ō�̃G�������g�̃}�[�W���� 0 �ɐݒ肷�邱�Ƃɂ��A�}�[�W���̑��E�idiv �Ԃ̌����s���̃X�y�[�X�j
		��������܂��Bdiv �̎��͂ɋ��E�����K�p����Ă���ꍇ�́A���E���ɂ���ă}�[�W���̑��E��������邽�߁A���̑���͕s�v�ł� */
		margin: 0;
		color: #D3D3D3;
		font-size: 24px;
		
		/* �}�[�W���̑���ɗ]����g�p���āA�G�������g�� div �̒[�ɐڐG���Ȃ��ʒu�Ɉێ����邱�Ƃ��ł��܂� */
		padding: 10px 10px;
	}

	/* #column �Ɋւ���q���g�F
	1. ���� div �Ńt�H���g�T�C�Y�l��ݒ肷��ƁA���� div �̑S�̂̕�������ɉ����Ē�������܂��B
	
	2. �P�ʂ� em �ł��邽�߁A�T�C�h�o�[���̂�̂ŗ]����g�p���邱�Ƃ͉����Ă��������B
	   �W���ɏ��������u���E�U�ł́A�]���͕��ɒǉ�����邽�߁A���ۂ̕����s����̕��ɂȂ�܂��B 
	
	3. �u.thrColHybHdr #sidebar1 p�v���[���Ō�����悤�ɁAdiv �̒[�� div �Ɋ܂܂��G�������g��
	   �Ԃ̃X�y�[�X�́A�G�������g�ɍ��}�[�W���ƉE�}�[�W����K�p���邱�Ƃɂ���Đݒ�ł��܂��B
	
	*/
	.thrColHybHdr #columnA {
		
		float: left; 
		
		/* ���̃G�������g�̓t���[�e�B���O�G�������g�ł��邽�߁A�����ݒ肳��Ă���K�v������܂� */
		width: 20%;
		
		/* �w�i�F�́A���̃R���e���c�̒����ɂ킽���ĕ\������܂� */
		color: #000000;
		
		font-size: 12px;
		
		position: relative;
		
		/* ��]���Ɖ��]���ɂ��A���� div ��Ɏ��o�I�ȃX�y�[�X���ݒ肳��܂� */
		/*padding: 15px 0;*/
	}
	.thrColHybHdr #columnB {
		position: relative;
		float: right; 
		
		font-size: 12px;
		
		/* ���̃G�������g�̓t���[�e�B���O�G�������g�ł��邽�߁A�����ݒ肳��Ă���K�v������܂� */
		width: 20%;
		
		/* �w�i�F�́A���̃R���e���c�̒����ɂ킽���ĕ\������܂� */
		background-color: #FFFFFF;
		
		/* ��]���Ɖ��]���ɂ��A���� div ��Ɏ��o�I�ȃX�y�[�X���ݒ肳��܂� */
		/*padding: 15px 0;*/
		
		color: #000000;
	}
	.thrColHybHdr #sidebar1 h3, .thrColHybHdr #sidebar1 p, .thrColHybHdr #sidebar2 p, .thrColHybHdr #sidebar2 h3 {
		margin-left: 10px; /* �T�C�h�o�[�ɔz�u����邷�ׂẴG�������g�ɍ��}�[�W���ƉE�}�[�W�����ݒ肳��Ă���K�v������܂� */
		margin-right: 10px;
	}

	/* #mainContent �Ɋւ���q���g�F
	1. ���� #mainContent div �� #sidebar1 div �Ƃ͈قȂ�t�H���g�T�C�Y��ݒ肷��ƁA#mainContent div �̃}�[�W����
	   #mainContent div �̃t�H���g�T�C�Y�A#sidebar1 div �̕��� #sidebar1 div �̃t�H���g�T�C�Y�Ɋ�Â��Đݒ肳��܂��B
	   �K�v�ɉ����āA������ div �̒l�𒲐����Ă��������B
	
	2. #mainContent �� #sidebar1 �̊Ԃ̃X�y�[�X�́A#mainContent div �̍��}�[�W���ɂ���Đݒ肳��܂��B
	   #sidebar1 div �Ɋ܂܂��R���e���c�̗ʂɊ֌W�Ȃ��A#sidebar1 div �̃X�y�[�X�͈ێ�����܂��B
	   #sidebar1 �̃R���e���c���I��������̃X�y�[�X�� #mainContent div �̃e�L�X�g��}������ɂ́A���̍��}�[�W����폜���܂��B
	
	3. ���̃��C�A�E�g�̓��[�U�[�̃t�H���g�T�C�Y�ƃ��[�U�[���ݒ肷��l�Ɋ�Â��Đݒ肳��邽�߁A
	   �t���[�e�B���O�G�������g�̗����������ɂ́A�C���[�W�܂��̓G�������g�̂����悻��
	   �ő�T�C�Y����肷�邽�߂̃e�X�g��s���K�v������܂��B
	   �������A���[�U�[�̃u���E�U�̃t�H���g�T�C�Y���ʏ�̃T�C�Y��菬�����ꍇ�́A
	   �e�X�g�Ŋm�F�����X�y�[�X����������X�y�[�X�� #mainContent div �Ŏg�p����܂��B
	
	4. ���� Internet Explorer �̏������R�����g�ł́A#mainContent �ɁuhasLayout�v��ݒ肷��̂�
	   �Y�[���v���p�e�B���g�p����܂��B����ɂ��A��������\���̂��邢������ IE �ŗL�̃o�O��������܂��B
	*/
	.thrColHybHdr #mainContent {
		
		/* �E�}�[�W���́Aem �܂��̓s�N�Z���Őݒ�ł��܂��B����ɂ��A�y�[�W�̉E���ɃX�y�[�X���ݒ肳��܂��B */
	 	/* margin: 0 12em 0 12em;*/
	 	
	 	/* ���̗]���ɂ��A�u�{�b�N�X��Ɂv�z���C�g�X�y�[�X���ݒ肳��܂��B */
		padding: 0% 20% 0% 20%;
	}
	
	.thrColHybHdr #mainContent h2
	{
		font-size: 12px;
		color: #66CC00;
	}
	
	.thrColHybHdr #mainContent p
	{

		font-size: 12px;
		color: #000000;
	}
	
	.thrColHybHdr #mainContent a
	{
		font-style normal;
		font-size: 12px;
		color: #ff6600;
	}
	
	.thrColHybHdr #footer {
		
		/* ���̗]���́A���̏�ɕ\������� div �̃G�������g�̍������ƈ�v���܂��B */
		padding: 0 10px;
		
		background:#DDDDDD;
	} 
	.thrColHybHdr #footer p {
		
		/* �t�b�^�[�̍ŏ��̃G�������g�̃}�[�W���� 0 �ɐݒ肷�邱�Ƃɂ��A�}�[�W���̑��E�idiv �Ԃ̃X�y�[�X�j��������܂� */
		margin: 0;
		
		/* ���̃G�������g�̗]���ɂ��A�}�[�W���̑��E�𔭐������邱�ƂȂ��A�}�[�W���̌��ʂƂ܂����������悤�ɁA�X�y�[�X���ݒ肳��܂� */
		padding: 10px 0;
	}

	/* �Ďg�p�ł���e��N���X */
	
	/* ���̃N���X�́A�y�[�W��Ńt���[�e�B���O�G�������g��E���ɔz�u����̂Ɏg�p�ł��܂��B
	   �v���[�e�B���O�G�������g�́A�y�[�W��ł��̉��ɔz�u�����G�������g�̑O��
	   �z�u�����K�v������܂��B*/
	.fltrt {
		float: right;
		margin-left: 8px;
	}
	
	/* ���̃N���X�́A�y�[�W��Ńt���[�e�B���O�G�������g������ɔz�u����̂Ɏg�p�ł��܂� */
	.fltlft {
		float: left;
		margin-right: 8px;
	}
	/* ���̃N���X�́Adiv �܂��̓u���[�N�G�������g�ɓK�p�����K�v������A�܂��A�t���[�e�B���O�G�������g��
	   ���S�Ɋ܂܂�Ă���R���e�i�̖����̒��O�ɂ���Ō�̃G�������g�ł���K�v������܂� */
	.clearfloat {
		clear:both;
	    height:0;
	    font-size: 1px;
	    line-height: 0px;
	}
	--> 
</style>

<!--[if IE]>
	<style type="text/css"> 
		/* ���̏������R�����g�ɂ��ׂẴo�[�W������ IE ��ΏۂƂ��� css �̃t�B�b�N�X��z�u���܂� */
		.thrColHybHdr #sidebar1, .thrColHybHdr #sidebar2 { padding-top: 30px; }
		.thrColHybHdr #mainContent { zoom: 1; padding-top: 15px; }
		/* ��q�̐�p�̃Y�[���v���p�e�B�ɂ��A�������̃o�O�������̂ɕK�v�� hasLayout �� IE �ɑ΂��Đݒ肳��܂� */
	</style>
<![endif]-->

