.type ul {
	background-color: #000000;
	margin-bottom: 10px;
}
ul.type {
	padding: 10px;
	background-color: #000000;
	font-size: small;
	color: #FFFFFF;
}
img.type {
	border-style: none;
	background-color: #000000;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 5px;
}
.typeimg {
	background-color: #000000;
	margin-bottom: 10px;
}
ul.accordion ul {
	display: none;
}
ul.accordion li {
	display: inline;
}

ul.type li ul li {
	background-color: #000000;
	display: block;
	color: #C0C0C0;
	font-size: x-small;
}
.typephoto {
	background-color: #000000;
	padding-top: 5px;
}
ul.type li b , ul.type li h4 {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); 				zoom: 1; /* IE */
	background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
	background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
	background: linear-gradient(top, #fff, #ccc);      /*                 CSS                3 */
	display: inline-block;
	font-weight: normal;
	cursor: pointer;
	border-style: solid;
	color: #003366;
	border-width: 1px;
	border-color: #ccc #999 #999 #ccc;
	-webkit-border-radius: 7px; /* Chrome,Safari */
	-moz-border-radius: 7px;    /* Firefox */
	border-radius: 7px;         /*                 CSS                3 */
	margin: 0.5em;
	padding: 0.2em;
	white-space: nowrap;
}
ul.type li b:hover , ul.type li h4:hover {
	text-decoration: underline;
	color: #FF6600;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

@media screen and (max-width: 800px) {
ul.type li b , ul.type li h4 {
	font-weight: normal;
	cursor: pointer;
	border-style: solid;
	color: #003366;
	border-width: 1px;
	border-color: #ccc #999 #999 #ccc;
	-webkit-border-radius: 7px; /* Chrome,Safari */
	-moz-border-radius: 7px;    /* Firefox */
	border-radius: 7px;         /*                 CSS                3 */
	margin: 0.5em;
	padding: 0.2em;
	line-height: 2em;
	white-space: nowrap;
	text-decoration: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); zoom:1; /* IE */
	background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
	background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
	background: linear-gradient(top, #fff, #ccc);      /*                 CSS                3 */
}

}

@media screen and (max-width: 650px) {

}

@media screen and (max-width: 480px) {
img.type{
	max-width: 90%;
	height: auto;
	width: auto\9; /* ie8 */
}
div.typeimg img{
	width: 30%;
}


}


/* γ‚ΉγƒžγEγƒˆγƒ•γ‚©γƒ³η”¨γ“γ“γΎγ§ */