@charset "UTF-8";



/*�y�[�W�S�̂ɉe��*/
@media (min-width: 768px){
	body{	font-family:'���C���I','Hiragino kaku Gothic Pro',sans-sarif;
		background-color:#000000;
		color:#ffffff;
		margin: 0 auto 0 auto;
		padding:0 0 0 0;
		width: 955px;
		}
}


@media (max-width: 767px){
	body{	font-family:'���C���I','Hiragino kaku Gothic Pro',sans-sarif;
		background-color:#000000;
		color:#ffffff;
		margin:0 0 0 0;
		padding:0 0 0 0;
		}
}

/*�T�C�g��*/

.site h1 {margin: 0;
	 font-size: 15px;
	text-align:center;}

@media (max-width: 767px){
	.site h1 {margin: 0;
		 font-size: 11px;}

}

.site img{border:none;}


/*�i�r�Q�[�V����*/
.box2{align-items: flex-start;
background-color:#000000;
}

.menu ul  	  {margin-top: 77px;
		  padding: 0;
		  list-style: none;
		background-color:#000000;
		border:solid 1px #ffffff;
text-align:center;}


@media (max-width: 767px){
			.menu ul  {margin: 0;
				  padding: 0;
				  list-style: none;}
}				

.menu li a 	{display: block;
	    	padding:10px 10px;
  	    	color: #ffffff;
	    	font-size: 14px;
	    	text-decoration: none;
align-items: flex-end;}

@media (max-width: 767px){
				.menu li a {font-size: 10px;
				    	    text-decoration: none;
					    padding:4px 6px;
					    } 
}

.menu li a:hover {background-color: #555555;}

.menu ul:after {content:"";
		display: block;
		clear: both;}

.menu li {float:left;
	  width: auto;
align-items: flex-end;}



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

.topimg		{max-width: 100%;
		 height: auto;
		margin: 5px 0;
		 vertical-align: bottom;}


/*�X�V����*/
.box4 {margin-top:8px;}

.box4		{border:solid 1px #ffffff;}


@media (min-width: 768px){
		.box4-1	{border-right:solid 1px #ffffff;}
}

.news h2  	{margin: 0;
	 	 font-size: 15px;}

.news ul		{margin-top: 5px;
			padding: 0;
			list-style: none;}

.news li 		{display: block;
			padding: 0;
			color: #ffffff;
			border-bottom: dotted 1px #eeeeee;
			font-size: 13px;}

.news p {margin-top:30px;
	font-size: 13px;}

@media (max-width: 767px){
			.news li {font-size: 10px;}
}

.news time	{color:#888888;
		font-weight: bold;}

.news a:after	{content: "";
		display: block;
		clear: both;}

.news time	 {float: left;
		  width: 40px;}
		

.news .text {float:none;
	�@�@width: auto;
	�@margin-left: 40px;}


/*�R�s�[���C�g*/
.copyright p {padding-top: 5px;
		color: #666666;
		font-size: 14px;}


/*���C�����j���[*/

.box6{border:solid 1px #ffffff;
text-align:center;}

.box6:after {content:"";
	display: block;
	clear: both}

.box6 ul {margin: 0;
		padding: 0;
	list-style: none;}

.box6 h2 {margin:0;
	  padding: 0;
	  font-size:20px;}


@media (max-width: 767px){
			.box6 h2 {font-size: 10px;}
}



.box6-1{float: left;
	width: 25%;}

.box6-2{float: left;
	width: 25%;}

.box6-3{float: left;
	width: 25%;}

.box6-4{float: left;
	width: 25%;}

.box6 a{color:#ffffff;
	text-decoration: none;}

.box6 li:hover {background-color:#555555;}

/*�Љ*/
.box7 {border:solid 1px #ffffff;}

.box7 p{font-size: 14px;
      text-align: center;
	margin-top: 10px;
	padding:0;}

@media (max-width: 767px){
			.box7 p {font-size: 11px;}
				
}


/*#########################768px�ȏ�############################*/
@media (min-width: 768px)
{


	/*box1��box2����ɕ��ׂ�ݒ�*/

	.boxA:after {
		content: "";
		display: block;
		clear: both;}

	.box1 {
		float: left;
		width: auto;}

	.box2 {
		float: right;
		width: auto;}

}


	/*�{�b�N�X�̏㉺*/
	.boxA,.box5{margin-top:10px;}




	/*box4-1��box4-2����ɕ��ׂ�ݒ�*/
@media (min-width: 768px){
	.box4:after    {content:"";
			display: block;
			clear: both;}

	.box4 li{margin-top:8px}

	.box4-1{float:left;
	width:70%;
	height:160%;
	padding-right: 35px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	}


	.box4-2 p {margin:0 0 10px 0;}

	.box4-2 {float: left;
		 width:30%;}

	.box4-2 img{margin-left: 40px;}
}

/*#########################767px�ȉ�############################*/
	/*box4-1��box4-2��c�ɕ��ׂ�ݒ�*/

@media (max-width: 767px){
			.box4:after    {content:"";
					display: block;
					clear: both;}

			.box4 li{margin-top:8px}

			.box4-1{float:left;
			width:auto;
			height:160%;
			padding-right: 35px;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;	}





			.box4-2 p {margin:0 0 10px 0;}

			.box4-2 {float: left;
				 width:auto;}

			.link {text-align: center;}

}




/*-------------------------------index�����܂�----------------------------------*/

/*------------------------------���p�K�񂱂�����--------------------------------*/
.kiyaku ul  	  {margin: 5px 0 0 0;
		  padding: 0;
		  list-style: none;
		background-color:#000000;
		border:solid 1px #ffffff;
		text-align:center;}


.kiyaku li {padding:10px 20px;
	font-size: 20px;}







.kiyaku  li a   	{display:block;
			text-decoration: none;
	  	    	color: #ffffff;  }


.kiyaku li.lang:hover {background-color: #555555;}



@media (max-width: 767px){
				.kiyaku li a{font-size: 13px;
				    	    text-decoration: none;
					    padding:4px 6px;
					    } 
}

.kiyaku  ul:after {content:"";
		display: block;
		clear: both;}

.kiyaku li a:hover {background-color: #555555;}


.kiyaku li {float:left;
	  width: auto;}


.kiyaku img{float:left;}

.kiyaku h2 {margin:30px 0 30px 15px;}



.kiyaku p {margin:20px 20px;}

@media (max-width: 767px){
		.kiyaku p {margin:10px 0;}

}


.kiyaku strong{color:#ffff00;}


.box-term	  {margin:5px 0;
		  padding: 0;
		  list-style: none;
		background-color:#000000;
		border:solid 1px #ffffff;
		text-align:left;}

.box-term p{font-size:14px;}


@media (max-width: 767px){
		.box-term p {font-size:13px;}

}