@charset "UTF-8";

/*Index �p�@Contents-----------------------------------------
**
**	#containertop------�S�̘g
**		#headtop---------���S�E���[�h�E�i�r�E�d�b�ԍ�
**			#title---------���S�i�w�i�j�ƃL�[�R�s�[
**				h1-----------�L�[�R�s�[�̈ꕔ
**				p-------------h1�Ə������킹
**			#navwrap--�i�r�Q�[�V������titleimage
**				#nav----------���C�����j���[
**					li
**						a img.imgover----javascript�g�p
**			p#titlephone---�^�C�g�������⍇���d�b�ԍ�
**		#maintop---------���C���R���e���c�g
**			#left----------����g
**				#tokutyou----�Z�[���X�|�C���g
**					li---------����摜�t�ӏ����
**				#infowrap--���m�点�g�A�㉺�O���[��
**					h2---------���m�点�̃^�C�g��
**					#infomation--�����w��A�X�N���[���o�[�\��
**						table
**							td-----�����A�]��
**				#gyoumu------�Ɩ���e�Љ�
**					h2---------��Ђ̍�������`
**					table------�Ɩ���e
**						td.title-���Ɖ��A�����A1��������
**						td.naiyo-�{��
**						td.link--�����N
**						td.noline-�����Ȃ�
**			#right---------�E��
**				h3-----------�㕔1�s��
**				li-----------���t�ӏ����
**		#foot---------�t�b�^�[�g(base.css�ɂĐݒ�j
**			#count---------�J�E���^�[�T�C�Y
** ----------------------------------------------------------*/


body {
	margin: 0;
	background-image: url(../shareimg/bg.gif);
	text-align: center;
	}

#containertop {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-color: #ffffff;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	text-align: left;
	}

/*Win IE6 ����*/
* html #containertop {
	width: 782px
	}


#headtop {
	margin-left: auto;
	margin-right: auto;
	height: 450px;
	}

/*Win IE6 ����*/
* html #headtop {
	background: #ffffff;
	}

	#headtop #title {
		width: 780px;
		height: 100px;
		background-image: url(../indeximg/title01.jpg);
	}

	#headtop h1 {
		font-size: 14px;
		margin: 0;
		padding: 5px 10px 21px 0;
		text-align: right;
		}

	#headtop #title p {
		margin: 0;
		padding-right: 10px;
		text-align: right;
		font-weight: bold;
		}

	#headtop #navwrap {
		width: 780px;
		margin: 0;
		}

		#navwrap #nav {
			float: left;
			width: 158px;
			height: 300px;
			text-align: center;
			}

		#navwrap #nav ul li {
			margin: 0 auto 3px;
			list-style-type: none;
			width: 150px;
			height: 40px;
			}
		/* ���C�����j���[�̗]���@IE6 */
		* html #navwrap #nav ul li {
			margin: 0 auto -0.1em;
			}


		#navwrap #titleimg {
			float: right;
			width: 620px;
			margin: 0;
			}
	
	#headtop #teltop {
			margin: 0;
			width: 780px;
			height: 50px;
			}
		#headtop #teltop img {
			margin: 0;
			}

#maintop {
	padding-left: 10px;
	padding-right: 10px;
	}

	#maintop #left {
		float: left;
		width: 560px;
		margin-bottom: 1em;
		}
	#maintop #right {
		float: right;
		width: 170px;
		margin-bottom: 1em;
		padding: 5px 5px 0 5px;
		background-color: #ecdee3;
		}


	#maintop #left #tokutyou {
	}
	#maintop #left #tokutyou img {
		float: left;
		margin-right: 2em;
		}
	#maintop #left #tokutyou ul li {
		list-style-image: url(../shareimg/komi_m1.gif);
		margin-bottom: 0.5em;
		}

	/*Win IE6 ����*/
	* html #maintop #left #tokutyou ul li .red {
		color: #cc3333;
		}
	
	#maintop #left #infowrap {
		clear: both;
		margin-top: 20px;
		margin-bottom: 20px;
		height: 160px;
		border-top: 1px solid #999999;
		border-bottom: 1px solid #999999;
		text-align: center;
		}

		#infowrap h2 {
			font-size: 14px;
			margin: 10px 0;
			text-align: left;
			}

			#infowrap #infomation {
				width: 99%;
				height: 100px;
				overflow: auto;
				}

			#infowrap #infomation table {
				width: 98%;
				text-align: left;
				}

			#infowrap #infomation table td {
				font-size: 12px;
				padding: 3px 10px;
				background-color:  #ecdee3;
				}

	#maintop #left #gyoumu {
	}
	
		#gyoumu h2 {
			text-align: center;
			font-size: 16px;
			font-family: serif;
			line-height: 2.5em;
			}
		#gyoumu table {
			text-align: left;
			}
		#gyoumu table th {
			width: 160px;
			height: 120px;
			vertical-align: top;
			padding-left: 0.5em;
			}
		#gyoumu table th#title1 {
			background: url(../indeximg/service01.jpg) no-repeat;
		}
		#gyoumu table th#title2 {
			background: url(../indeximg/service02.jpg) no-repeat;
		}
		#gyoumu table th#title3 {
			background: url(../indeximg/service03.jpg) no-repeat;
		}
		#gyoumu table th#title4 {
			background: url(../indeximg/service04.jpg) no-repeat;
		}
		#gyoumu table td.naiyo {
			width: 460px;
			background-color: #E5E0CF;
			padding-left: 0.5em;
			padding-right: 0.5em;
		}
		#gyoumu table td.link {
			text-align: right;
			padding-right: 0.5em;
			background-color: #F2ECDA;
		}


		#right h3 {
			text-align: center;
			font-size: 14px;
			margin: 1.5em 0.1em 1em;
			padding: 0.2em 0;
			background-color: #ffffff;
			border-top: 1px solid #cccccc;
			border-left: 1px solid #cccccc;
			border-bottom: 1px solid #666666;
			border-right: 1px solid #666666;
			}

		#right p,
		#right a {
			font-size: 12px;
			padding: 0 0.2em;
		}

		#right p.red,
		#right p .red,
		#right ul li .red {
			color: #cc3333;
		}
		#right ul {
			text-align: center;
			margin: 0 auto;
			}
		#right ul li {
			text-align: left;
			font-size: 12px;
			margin-bottom: 0.5em;
			margin-left: 1em;
		}
		/* IE6 */
		* html #right ul li {
			margin-left: -2em;
			}

	#foot #count {
	float: left;
	font-size: 11px;
	margin-top: 5em;
	margin-left: 1em;
	width: 100px;
	height: 1.5em;
	text-align: left;
	overflow: hidden;
	 }