@charset "utf-8";

html { font-family		: MS P ゴシック	; }
h1	 { background-color	: navy			;	color : white	;	text-align	: center; }
tr	 { vertical-align	: top			; }

.table	{ display:	table ;		}
.tr		{ display:	table-row ; }


#introduce tr	 { background-color	: #DDF		; }
#introduce td	 { padding			: 0px 6px	; }
#introduce a	 { display			: block		; }

@media (max-width: 889px) {
	html	{ font-size	:  80%	;	line-height	: 1.5	; }
	img		{ max-width : 100%	; }
	h1		{ font-size :  20px	; }
	.tdWdth { width 	:  92px; }

	/*---- Display, Hidden ----*/
	nav			{ display : block ; }
	#news		{ display : block ; }
	#introduce	{ display : none  ; }
	#faith		{ display : none  ; }

	/*---- no link ----*/
	/* #news a 	{ display :	none ; 	} */

	#introduce table { width  : 98%		; }
	#introduce tr	 { height : 30px	;	vertical-align	: middle ; }
}

@media (min-width: 890px) and (max-width: 1499px) {
	html	{ font-size	: 100%	;	line-height	: 1.2	; }
	h1		{ font-size	: 24px  ;	padding-top	:  8px	;	padding-bottom	:  6px	; }
	.tdWdth { width		: 120px ;	}

	/*---- location ------*/
	#introduce	{ widht	: 400px ;	position : absolute	;	top	:  80px	;	left :  10px ; }
	#faith		{ widht	: 400px ;	position : absolute	;	top	: 700px	;	left :  10px ; }
	#news		{ widht	: 500px	;	position : absolute	;	top	:  80px ; 	left : 400px ; }

	/*------ Hidden ------*/
	nav		{ display : none ; }

	#introduce table { width  : 350px	; }
}


@media (min-width: 1500px) {
	html	{ font-size	: 100%	;	line-height	: 1.2	; }
	h1		{ font-size	: 24px  ;	padding-top	:  8px	;	padding-bottom	:  6px	; }
	.tdWdth { width		: 120px ;	}
	.td		{ display	: table-cell; }

	/*---- location ------*/
	#introduce	{ widht	: 400px ;	position : absolute	;	top	:  80px	;	left :  10px ; }
	#faith		{ widht	: 400px ;	position : absolute	;	top	: 700px	;	left :  10px ; }
	#news		{ widht	: 500px	;	position : absolute	;	top	:  80px ; 	left : 400px ; }

	/*------ Hidden ------*/
	nav		{ display : none ; }

	#introduce table { width  : 350px	; }
}