/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	160px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	160px; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


/*ここから追加分--------------------------*/


/*作家一覧の全体の横幅*/
.sf-vertical {
	width:	120px;
	background-color:#eee;
	clear:both;/*←フロートのクリア*/
}
.kana,
.abc{
	clear:both;/*←フロートのクリア*/
	}
	
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
/*親リスト項目をフロートレフトで市松組*/
.sf-vertical li{
	width:	120px;/*←140pxで一行。デフォルト用。*/
	float:left;
}

.kana .sf-vertical li{
	width:	15px;/*←かな用120pxを8分割*/
	float:left;
}

.abc .sf-vertical li {
	width:	15px;/*←abc用120pxを8分割*/
	float:left;
}

/*かな用abc用のie6のスターハック。始まり---------*/
/*ie6だけliの横幅が広がるにスターハックを掛けると、
ie6に変化が無いまま、
ie7にも影響して横幅が短くなるので、スターハックは不採用。
暫定措置でie6はそのまま20110119*/
/** html .kana .sf-vertical li{
	width:	12px;
	float:left;}
* html .abc .sf-vertical li{
	width:	20px;
	float:left;}*/
/*かな用abc用のie6のスターハック。終わり---------*/

.kana .sf-menu a,
.abc .sf-menu a{
	border-left: none;
	border-top: none;
/*kanaとabcの親リストはボーダラインを消す。このラインはsf-menuに指定してあったので、再度noneを指定*/
}

.kana .sf-vertical li li,
.abc .sf-vertical li li{
	width:115px;
	width:155px;/*sf-menuの横幅の指定は120pxなので、120からpadding-leftの4pxとborder-leftの1pxを引いて115pxとした。これにより.sf-menu li ul{border-top:#ffffff solid 15px;}との横幅が一致して、段差が無くなりました。*/
	/*←140pxで一行。kanaとabcの子と孫の幅は140px。*/
	/*border-bottom:solid 1px #FFF;*/
	border-left:solid 1px #FFF;
	/*kanaとabcの子リストはボーダラインを付ける*/
	padding-left:4px;
	}

/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	160px; /* match ul width */
	top:	0;
}
.kana .sf-vertical li:hover ul,
.kana .sf-vertical li.sfHover ul,
.abc .sf-vertical li:hover ul,
.abc .sf-vertical li.sfHover ul {
	left:	0;
/*↑ときの忘れもの用。kanaとabcの、子リストは、親リストの下側で左側の位置が揃う。*/
	top:	1.3em;
	/*↑ときの忘れもの用。親リストの1行分下へ表示。文字本体の1emと上下のパテイング0.2emを合わせて、1行の高さは1.4emです。しかしvistaのメイリオフォントのアルファベットのオーの字が小さく表示されるので、1.3emとした。*/
}
.kana .sf-vertical li:hover ul li:hover ul,
.kana .sf-vertical li.sfHover ul li.sfHover ul,
.abc .sf-vertical li:hover ul li:hover ul,
.abc .sf-vertical li.sfHover ul li.sfHover ul{
	left:	160px;
/*↑ときの忘れもの用。kanaとabcの、孫リストは、子リストの左側の位置が揃う。*/
	top:	0;
	/*↑ときの忘れもの用。子リストtopと同じ位置。*/
}



/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px -3em; } /* ←ときの忘れもの用。親リストのarrowを上に出して消す。*/
.sf-vertical a > .sf-sub-indicator { background-position: 0 -3em; } /* ←ときの忘れもの用。親リストのarrowを上に出して消す。*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -3em; /* ←ときの忘れもの用。親リストのarrowを上に出して消す。*/
}
/* IE 6* を対象とした z-indexのフィックス。IE6 のCSS の z-index プロパティは、隣接する親要素の重なり順序が優先されるバグがあります。いくら子要素の z-index の値を大きくしても、親要素同士の重なり順序が優先されるようです。
対策として親要素にz-index:1;を指定して、子要素にそれより大きい数値を指定。
*/
* html ul.sf-vertical li{z-index:1;}
* html ul.sf-vertical li:hover,
* html ul.sf-vertical li.sfHover{z-index:20;}



/*リスト内の見出し部分の指定。ie6で消失するので、.sf-verticalの中に入れて設置。*/
.sf-vertical li.hd_ourartists,
.sf-vertical li.hd_photographers{
	margin:6px 0 4px 0;
	font-size:120%;
	font-size:100%;/*フォント拡大20110402*/
	font-weight:bold;}
.sf-vertical li.hd_ourartistsli:hover,
.sf-vertical li.hd_ourartistsli.sfHover,
.sf-vertical li.hd_photographers:hover,
.sf-vertical li.hd_photographers.sfHover{
	background-color:#eeeeee;}

/*色付きの文字（茶色）*/
.textcolor_brownred{
	color: #900;
	}
#artistlistContent .border_hr_in-nav{
	width:100px;
	height:13px;
    font-size: 1px;
    line-height: 0px;
	margin:6px 10px 6px 10px;
	padding:0;
	border-bottom:#000 solid 1px;
	clear:both;
	/*水平区切り線。*/
	}
#artistlistContent .border_hr_eee{
	width:100px;
	height:1px;
    font-size: 1px;
    line-height: 0px;
	margin:0 10px;
	padding:0;
	border-top:#eee solid 1px;
	clear:both;
	/*水平区切り線。artistlistの一番下の設置。バグ対策。*/
	}
#artistlistContent{
	margin:0;
	font: 70% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size:92%;/*フォント拡大20110402*/
	/*↑文字サイズの指定。書体の指定*/
	background-color:#eee;
	padding:4px 10px;
	/*artistlist全体の背景色。区切り線の隙間から背景の白が見えるのを防ぎます。ボディ全体に背景色を指定すると、インクルード時に影響が出る対策。*/
	}
	
#artistlistContent h3{
	margin:0;
	color:#000000;
	font-size:120%;
	font-size:100%;/*フォント拡大20110402*/
	border-top:none;
	clear:both;
	}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#artistlistContent .text90{
	font-size:90%;
	/*フォトビューイングは横幅が長いので、
	改行しない様に文字サイズを90％縮小。*/}

#artistlistContent .text80{
	font-size:80%;
}