/* -------------------------------------
 topページのスタイルシート
--------------------------------------- */

/* -------------------------------------
 topページのテーブル
--------------------------------------- */
#headerDiv{
	margin:0px;
	position:absolute;
	left:152px;
	top:21px;
	height:45px;
	width:  459px;
	background-color:#000000;
	padding-top:5px;
	padding-left:20px;
	padding-right:20px;
	z-index:10;
}


/* topページのtableは上下左の外枠線を表示しない。 */
table#selectTable{
	width:  652px;
	margin: 0px;
	border-collapse: collapse;
	border-top: hidden;
	border-bottom:   hidden;
	border-left: hidden;
	border-right: 1px solid #000000;
	border-spacing:0;
	empty-cells:show;
}

/* IEだと、tableタグをhiddenにしてもtdタグの枠線が消えなかったため
	以下のtdタグを追加した。 */
td.selectTd{
	border-top: none;
	border-right: 1px solid #000000;
	border-left:  none;
	vertical-align: middle;
	border-bottom:  1px solid #000000;
	padding: 5px;
	text-align: left;
}

td.selectSpTd{
	border-top: none;
	border-right: 1px solid #000000;
	border-left:  none;
	vertical-align: middle;
	border-bottom:  1px solid #000000;
	padding: 20px;
	text-align: left;

}

td.wearSpTd{
	border-top: none;
	border-right: 1px solid #000000;
	border-left:  none;
	vertical-align: middle;
	border-bottom:  1px solid #000000;
	padding: 20px 0px 0px 20px;
	text-align: left;

}

table.wearSpInTable{
	border: none;
	vertical-align: middle;
	border-spacing:0;
	margin: 0px;
	border-collapse: collapse;
}

td.wearSpInTd{
	border: none;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
}


td.wearDespRow{
	text-align:left;
	border: none;
	padding: 0px;

}


td.verticolTopRow{
	vertical-align: top;
	text-align:center;
	border-right: 1px solid #000000;
	padding: 0px 10px 10px 10px;

}


td.selectTd.headerRow{
	height: 45px;
	background-color:#000000;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
}

td.selectTd.lastRow{
	border-bottom: none;
}


td.selectTd.imgCol{
	text-align: center;	
}

/* ヘッダーのソート用リンクのスタイル定義 */
a.sortLink {
	text-decoration:underline;
	color:#ffffff;
}

/* リンクにマウスをのせたときのスタイル定義 */
a.sortLink:hover {
	color:#000000;
}

a.imgLink:hover {
	background-color:#ffffff;
	
}


/* 条件ソートリストのスタイル定義 */
ul#orderNav{
	margin:0px;
	padding:0px;
	width:460px;
}
#orderNav li{
	display:inline;
	list-style-type:none;
	margin-right:6px;
	padding-left:10px;
	border-left:1px solid #ffffff;
	width:160px;

}
#orderNav li.firstList{
	border-left:0px;
	padding-left:0px;
}


div#displayStyle{
	position:absolute;
	top:5px;
	right:25px;
	padding:0px;
	text-align:right;
	color:#ffffff;
}




img.selectImg {
	vertical-align: bottom;
}

h1#searchH1{
	font-size:small;
	margin:0px;
}

img#accImg{
	float: left; 
}

img#wearImg{
	float: right; 
}

table#displayTable{
	width: 480px;
	margin: 0px;
	border-collapse:separate;
	border: none;
	border-spacing:20px;
	empty-cells:show;
}

td.displayTd{
	width: 120px;
	border: 1px solid #000000;
	vertical-align: middle;
	border:  1px solid #000000; 
	padding: 5px;
	text-align:center;
}


div#popmenu{
	border:  1px solid #000000;
}

div.submenu01{
	padding:0px 5px;	
	border-bottom:  1px solid #000000;
	background-color:#ffffff;
	width:100px;
}

div.submenu02{
	padding:0px 5px;
	background-color:#d1ccff;
	border-bottom:  1px solid #000000;
	cursor: pointer;
	width:100px;

}