@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. メインコンテンツ

******************************************************************************* */


/* ==

　01. メインコンテンツ

=============================================================================== */
#main {
	float: none;
	width: auto;
}
.opSitemapH {
	background-color: #666;
}
#categoryHead.opSitemapH .baseIn h1,
#categoryHead.opSitemapH .baseIn p {
	background-image: url(/column/images/rn01/ico_sitemap01.gif);
}
.sitemapArea {
	width: 934px;
	margin-bottom: 30px;
	padding: 13px 8px 13px;
	background-color: #f2f2f2;
}
.sitemapArea .blockWrap {
	width: 100%;
	margin: 0;
	background: #e8e8e8 url(/column/images/rn01/column_bg01.gif) left top repeat-y;
}
.sitemapArea .blockBg {
	padding: 1px 7px;
	background: url(/column/images/rn01/column_bg02.gif) right top repeat-y;	
}
.sitemapArea .blockIn {
	padding: 14px 9px 1px;
	border: 1px solid #dfdfdf;
	background-color: #fff;
}
.sitemapArea .fnStAcc {
	padding-top: 0;
}
.sitemapArea .fnStTrigger {
	line-height: 1.7;
	margin: 0;
	padding: 13px 5px 11px;
	background-image: url(/column/images/rn01/ico_acc01.gif);
	background-position: right 14px;
	background-repeat: no-repeat;
	color: #333;
	font-weight: bold;
	cursor: pointer;
}
.sitemapArea .fnStTrigger.uiOpen {
	background-position: right -63px;
}
.sitemapArea .fnStTarget {
	display: none;
	padding-top: 12px;
	border-top: 1px solid #d6d6d6;
}
.sitemapArea .uiOpen {
	display: block;
}
.sitemapArea li,
.sitemapArea .categoryTop {
	line-height: 1.4;
	margin: 0 15px 0 0;
	padding: 0 0 14px 21px;
	background: url(/column/images/rn01/ico_arw01.gif) 7px 0.45em no-repeat;
}
.sitemapArea li {
	float: left;
	width: 260px;
}
.sitemapArea .subCategory {
	line-height: 1.1;
	margin: 0 0 10px;
	padding: 10px;
	background-color: #eee;
	color: #333;
}


/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1020px) {
	.sitemapArea {
		width: auto;
	}
	.sitemapArea .blockIn {
		padding-top: 0;
	}
	.sitemapArea .fnStTarget {
		padding-top: 0;
	}
	.sitemapArea .fnStTrigger,
	.sitemapArea .fnStTrigger.uiOpen {
		background-position: right 12px;
	}
	.sitemapArea .fnStTrigger.uiOpenMob {
		background-position: right -65px;
	}
	.sitemapArea .fnStTarget,
	.sitemapArea .uiOpen {
		display: none;
	}
	.sitemapArea .uiOpenMob {
		display: block;
	}
	.sitemapArea .subCategory {
		margin: 0;
	}
	.sitemapArea li {
		float: none;
		width: auto;
		height: auto !important;
	}
	.sitemapArea li,
	.sitemapArea .categoryTop {
		margin: 0;
		padding: 0;
		background: url(/column/images/rn01/ico_arw01.gif) 7px 1.3em no-repeat;
	}
	.sitemapArea li a,
	.sitemapArea .categoryTop a {
		display: block;
		padding: 11px 0 11px 21px;
	}
}
@media only screen and (max-width: 600px) {

	.sitemapArea {
		padding-right: 3px;
		padding-left: 3px;
	}	
	.sitemapArea .fnStTrigger,
	.sitemapArea .fnStTrigger.uiOpen {
		background-position: right 14px;
	}
	.sitemapArea .fnStTrigger.uiOpenMob {
		background-position: right -63px;
	}
}