@charset "utf-8";

/*
======== table of content. =================================

File name: info/css/sitemap.css
Summary: サイトマップページ用CSSファイル

============================================================
*/


/*-------------------------------------
カテゴリ画像
---------------------------------------*/
#mainTitle {
	background-image:url(../images/sitemap/img_cat.jpg); 
}

/*-----------------------------------------------------
サイトマップはサイドナビなし #mainLeftが幅100%に
-------------------------------------------------------*/
#content {
	background:none;
}
#content #main {
	background:none;
}
#main #mainLeft {
	width:100%;
	margin:0;
}
#mainLeft .section {
	width:100%;
	margin:0;
}

/*-----------------------------------------------------
サイトマップ　メニューリスト(/css/tree.css を上書き）
-------------------------------------------------------*/
#mainLeft .subindex-list {
	width:100%;
	overflow:hidden;
}
#mainLeft .subindex.whalf {
	float:left;
	width:230px;
	margin:0 20px 0 0;
}
#mainLeft .subindex.whalf.link-blue .title {
	width:201px;
	height:30px;
	padding:8px 5px 0 24px;
	background:#DEDEF8 
		url(../images/sitemap/bg_subindex_link.jpg) 
		no-repeat left top;
	border:none;
}
/* カテゴリタイトル部分がリンクでない場合 */
#mainLeft .subindex.whalf.link-blue .title.non-link {
	width:210px;
	padding:8px 5px 0 12px;
	background-image:url(../images/sitemap/bg_subindex_nonlink.jpg);
}
#mainLeft .subindex.whalf.link-blue .title h2,
#mainLeft .subindex.whalf.link-blue .title h3,
#mainLeft .subindex.whalf.link-blue .title h4 {
	width:201px;
	padding:0;
	background:none;
}

#mainLeft .subindex.whalf.link-blue .title.non-link h2,
#mainLeft .subindex.whalf.link-blue .title.non-link h3,
#mainLeft .subindex.whalf.link-blue .title.non-link h4 {
	color:#FFF;
	font-size:117%;
	/* for IE6 */
	_font-size:107%;
}

#mainLeft .subindex.whalf .content-area {
	width:230px;
	padding:10px 0 0 0;
}
#mainLeft .subindex.whalf .content-area ul {
	width:100%;
	padding:1px 0 0 0;
	background:#FFF 
		url(../../images/common/dotline_glay.gif)
		repeat-x left top;
}
#mainLeft .subindex.whalf .content-area ul li {
	padding:6px 0 6px 0;
	background:#FFF 
		url(../../images/common/dotline_glay.gif)
		repeat-x left bottom;
	font-size:92%;
}
#mainLeft .subindex.whalf .content-area ul li a {
	display:block;
	width:209px;
	padding:0 0 0 21px;
	background:
		url(../../images/common/ico_cursor_blue.gif)
		no-repeat 10px 6px;
}
#mainLeft .subindex.whalf .content-area ul li:hover {
	background-color:#FCF9E4;
}
#mainLeft .subindex.whalf .content-area ul li:hover a {
	color:#990000;
	text-decoration:underline;
	background-image:url(../../images/common/ico_cursor_red.gif);
}
#mainLeft .subindex.whalf .content-area ul li:hover a span.link-blank {
	background-image:url(../../images/common/ico_blank_on.gif);
}


/*-----------------------------------------------------
その他のリンク
-------------------------------------------------------*/
#mainLeft #etc-link {
	width:968px;
	margin:30px 0 0 0;
	padding:5px;
	border:1px solid #C4C7D0;
	background:#E4E5F7;
}
#mainLeft #etc-link dl {
	width:928px;
	padding:20px 20px 10px 20px;
	background:#FFF;
}
#mainLeft #etc-link dl dt {
	font-weight:bold;
	font-size:117%;
	color:#333399;
}
#mainLeft #etc-link dl dd {
	margin:10px 0 0 0;
}
#mainLeft #etc-link dl dd ul {
	width:100%;
	margin:0 0 9px 0;
	padding:0 0 6px 0;
	background:
		url(../../images/common/dotline_glay.gif) 
		repeat-x left bottom;
	overflow:hidden;
}
#mainLeft #etc-link dl dd ul li {
	float:left;
	margin:0 27px 0 0;
	font-size:92%;
}
#mainLeft #etc-link dl dd ul li a {
	padding-left:12px;
	text-indent:0;
	background: transparent 
		url(../../images/common/ico_cursor_blue.gif) 
		no-repeat left 4px;
}
#mainLeft #etc-link dl dd ul li a:hover {
	background-image:url(../../images/common/ico_cursor_red.gif);
}