@charset "Shift_JIS";



.center
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

body
{
	font-size:100%;
	background-image: linear-gradient(#5F9EA0, #C0C0C0);
 background-color: #cccccc;

}

.strong
{
	color:#ff0000;
}

.br_text
{
	display:inline-block;
}

.br_link
{
	display:inline-block;
	text-decoration:underline;
}

.cards
{
	width:50px;
	height:auto;
	 background-color:#CDA66B
}

.chart
{
	width:50px;
	height:auto;
	background-color: #CD6E6B
}

.blog
{
	width:50px;
	height:auto;
	background-color: #CDC96B
}

table
{
	font-size:100%;
}

table #title
{
	background-color:#4E9B87;
	color:#ffffff;
	text-align:center;
	white-space:nowrap;
}

table #name
{
	white-space:nowrap;
}

table #date
{
	white-space:nowrap;
}

table #type
{
	white-space:nowrap;
}

table #footer
{
	color:#000000;
	text-align:right;
}

.table_base
{
	margin-left:auto;
	margin-right:auto;
}

.table_base td
{
	background-color:#ffffff;
}

.table_base #strong
{
	color:#ff0000;
}

.table_base #center
{
	text-align:center;
}


.header
{
	width:100%;
	border-collapse: collapse;
}

.header #menu
{
	padding-top:6px;
	padding-left:6px;
	background-color:#00b9aa;
}

.header #title
{
	font-size:160%;
	color:#ffffff;
}

.button_top
{
	width:160px;
	height:auto;
}


.sub_header
{
	width:100%;
	border-collapse: collapse;
}

.sub_header #top_left
{
	width:172px;
	padding-left:6px;
	background-color:#00b9aa;
}

.sub_header #top_center
{
	padding-left:6px;
	font-size:140%;
	color:#ffffff;
	white-space:nowrap;
}

.sub_header #top_right
{
	padding-right:6px;
	font-size:140%;
	color:#000000;
	text-align:right;
	white-space:nowrap;
}

.sub_header #title
{
	font-size:160%;
	color:#ffffff;
	white-space:pre-wrap;
}

.sub_header #sub_title
{
	padding-left:6px;
	font-size:120%;
	color:#ffffff;
	white-space:pre-wrap;
}


.selector
{
	width:100%;
	text-align:center;
}




.table_counter
{
	margin-left:auto;
	margin-right:auto;
	background-color:#000000;
	color:#ffffff;
	padding-left:6px;
}


.table_update
{
	margin-left:auto;
	margin-right:auto;
}

.table_update td
{
	background-color:#ffffff;
	padding-left:8px;
	padding-right:8px;
}

.table_update #new
{
	color:#ff0000;
	white-space:nowrap;
}

.table_update #next
{
	color:#0000ff;
	white-space:nowrap;
}

.table_update #old
{
	color:#000000;
	white-space:nowrap;
}


.table_menu
{
	margin-left:auto;
	margin-right:auto;
	border-collapse: collapse;
}

.table_menu tr
{
	background-color:#ffffff;
}

.table_menu #sub_title
{
	text-align:center;
}

.table_menu #footer
{
	text-align:right;
}

.table_menu #menu
{
	font-size:120%;
}

.table_menu td
{
	padding-left:8px;
	padding-right:8px;
}


.table_data #title
{
	padding-left:8px;
	padding-right:8px;
	text-align:center;
}

.table_data #name
{
	padding-left:4px;
	padding-right:4px;
	text-align:center;
	white-space:nowrap;
}

.table_data #name_l
{
	padding-left:4px;
	padding-right:4px;
	text-align:left;
	white-space:nowrap;
}

.table_data #sub_name
{
	padding-left:4px;
	padding-right:4px;
	text-align:center;
	white-space:nowrap;
}

.table_data #data
{
	padding-left:4px;
	padding-right:4px;
	background-color:#ffffff;
}

.table_data #data_r
{
	padding-left:4px;
	padding-right:4px;
	text-align:right;
	background-color:#ffffff;
}

.table_data #space_line
{
	height:6px;
}


.table_media #media
{
	vertical-align:top;
	background-color:#ffffff;
}

.table_media #text
{
	vertical-align:top;
}


.table_photo
{
	margin-left:auto;
	margin-right:auto;
}


.exit
{
	width:100%;
	border-collapse: collapse;
}

.exit #center
{
	margin-left:auto;
	margin-right:auto;
	text-align:center
}

.exit #left
{
	width:50%;
	text-align:right;
	padding-right:12px;
}

.exit #right
{
	width:50%;
	text-align:left;
	padding-left:12px;
}

.back_button
{
	width:32px;
	height:auto;
	vertical-align:middle;
}

.exit_button
{
	width:64px;
	height:auto;
}

.next_button
{
	width:32px;
	height:auto;
	vertical-align:middle;
}


.footer
{
	width:100%;
	border-collapse: collapse;
}

.footer td
{
	background-color:#00b9aa;
	padding-right:8px;
	color:#ffffff;
	font-size:85%;
	font-weight:bold;
}

.footer #bar
{
	background-color:#848484;
	height:4px;
}

.footer_logo
{
	width:160px;
	height:auto;
}

@media (max-width:1390px)
{
	.catalog_w
	{
		width:100%;
		height:auto;
		float:none;
	}
}

@media (max-width:710px)
{
	.catalog
	{
		width:100%;
		height:auto;
		float:none;
	}
}

@media (max-width:479px)
{
	body
	{
		font-size:75%;
	}

	
	.photo
	{
		width:auto;
		height:180px;
		float:none;
	}

	.photo_w
	{
		width:100%;
		height:auto;
	}

	.photo2
	{
		width:100%;
		height:auto;
	}

	.photo3
	{
		width:100%;
		height:auto;
	}

	.photo_caption
	{
		width:auto;
		height:180px;
	}

	.movie_w
	{
		width:100%;
		height:100%;
	}

	.youtube
	{
		position:relative;
		width:100%;
		padding-top:56.25%
	}

	.youtube iframe
	{
		position:absolute;
		width:100%;
		height:100%;
	}

	
	.header #menu
	{
		padding-top:4.5px;
		padding-left:4.5px;
	}

	
	.sub_header #top_left
	{
		width:129px;
		padding-top:4.5px;
		padding-left:4.5px;
	}

	.sub_header #top_center
	{
		padding-left:4.5px;
	}

	.sub_header #top_right
	{
		padding-right:4.5px;
	}


	
	.table_update td
	{
		padding-left:6px;
		padding-right:6px;
	}

	
	.table_menu td
	{
		padding-left:6px;
	}

	
	.table_data #name
	{
		padding-left:3px;
		padding-right:3px;
	}

	.table_data #sub_name
	{
		padding-left:3px;
		padding-right:3px;
	}

	.table_data #space_line
	{
		height:4.5px;
	}

	
	.back_button
	{
		width:24px;
		height:auto;
	}

	.exit_button
	{
		width:48px;
		height:auto;
	}

	.next_button
	{
		width:24px;
		height:auto;
	}

	
	.footer td
	{
		padding-right:6px;
	}

	.footer #bar
	{
		height:3px;
	}

	.footer_logo
	{
		width:120px;
		height:auto;
	}
}