@charset "utf-8";
/**
 * permanent.css
 */

/* layout
--------------------------------------------------*/
/* contentsHeader */
	#contentsHeader .category {
		text-align: right;
	}
	#contentsHeader .category li {
		display: inline;
		position: relative;
		padding-left: 10px;
	}
	.menu {
		position: relative;
		z-index: 2;
		float: right;
	}
	.menu .exhibits,
	.menu .back {
		float: left;
	}
	.menu .exhibits {
		margin-right: 10px;
	}
	.menu .back a span.icon {
		display: block;
		width: 125px;
		background: url(../../img/arw-02.png) no-repeat left center;
		text-align: center;
		cursor: pointer;
	}
	body.ie6 .menu .back a span.icon {
		background-image: url(../../img/arw-02.gif);
	}
	html.retina .menu .back a span.icon {
		background-image: url(../../img/retina/arw-02.png);
		-webkit-background-size: 5px 9px;
		background-size: 5px 9px;
	}


/* TB
--------------------------------------------------*/
@media only screen and (max-width:1023px) {

/* contentsHeader */
	#contentsHeader .category {
		margin-bottom: -10px;
	}
	#contentsHeader .category li {
		display: inline-block;
		padding-bottom: 10px;
	}

}


/* SP
--------------------------------------------------*/
@media only screen and (max-width:767px) {

/* contentsHeader */
	#contentsHeader .category {
		text-align: left;
	}
	#contentsHeader .category li {
		padding-left: 0;
		padding-right: 10px;
	}
	.menu {
		float: none;
	}
	.menu .back {
		position: absolute;
		top: -70px;
		right: 5px;
	}
	.menu .back a {
		padding: 0;
		width: 30px;
	}
	.menu .back a span.icon {
		overflow: hidden;
		width: 30px;
		background-position: center center;
		text-indent: -9999px;
	}

}