/* CSS Document */


body{
	margin:0px;
}

.whole-m{
	width:800px; margin:0px auto 0px auto;
}

.cent{width:850px; margin:0px auto 0px auto;}
.joe {width:850px; text-align:left; position:absolute; overflow:visible;}

.middle {width:710px; margin-left:140px; margin-top:60px; position:absolute; overflow:visible;}
.top{width:800px;height:60px;}
.last{width:800px; margin-top:30px;}

.left {width:135px; padding-top:10px; font-size: 12px; line-height:20px;}
.left_middle { width: 130px; font-size: 12px; line-height:20px;}

.font01 {font-size: 12px; line-height:20px;}
.font02 {font-size: 12px; color: #FFFFFF; background-color: #003366;}
.font03 {font-size: 12px; color:#FF9933; }
.font04 {font-size: 12px; color:#6666FF;}
.font05 {font-size: 12px; color: #CC9933;}
.font12 {font-size: 12px;}

td{
	font-size:12px;
}
h1{font-size:15px; margin-bottom:-1px;}
h2{font-size:12px;}

table{ overflow:hidden;}

a {
	text-decoration: none;
}

a:hover {
text-decoration:underline;}

.dot-table {
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #aa1313;
	height: 30px;
	font-size: 12px;
	background-color: #FFFFFF;
	margin-right: 2px;
	margin-left: 2px;
	width: 196px;
	text-align:left;
	line-height: 15px;
	overflow: hidden;
	border-right-width: thin;
	border-right-style: dashed;
	border-right-color: #006699;
}



.whole{
	width:900px;
	border-right-width: 50px;
	border-bottom-color: #aa1313;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-right-color: #aa1313;
	background-color: #FFFFFF;
	border-right-style: solid;
	overflow:visible;
	position:absolute;
	
}
.ta-01 {
	background-image: url(casual/logo/mini/ta-01.jpg);
	background-repeat: no-repeat;
	width: 200px;
}
.serch {
	height: 25px;
	overflow:hidden;
}
.top-table {
	background-image: url(topparts/portal/top27.jpg);
	background-repeat: no-repeat;
	height: 62px;
	width: 930px;
	font-size: 12px;
	margin: 0px 0px 2px;
	padding: 0px;
}
.ta-02 {
	background-image: url(topparts/portal/side-head-01.jpg);
	background-repeat: no-repeat;
	text-align: center;
	width: 200px;
	height: 13px;
	padding-top: 4px;
	font-size: 12px;

	
	
}
.ta-03 {
	background-image: url(topparts/portal/side-head-01.jpg);
	background-repeat: no-repeat;
	text-align: center;
	width: 215px;
	height: 13px;
	padding-top: 4px;
	font-size: 12px;

	
}

.ta-side {
	/*background-image:url(topparts/portal/side-head-13.jpg);*/
	background-color:#003366;
	background-repeat: no-repeat;
	text-align: center;
	width: 150px;
	height: 13px;
	padding:1 0 1 0;
	font-size: 12px;
	color: #FFFFFF;

}
.ta-rank {
	background-image:url(topparts/portal/side-head-rank-4.jpg);
	background-repeat: no-repeat;
	text-align: center;
	width: 270px;
	height: 17px;
	font-size: 12px;

}

.foot-m {
	background-image: url(topparts/portal/copyright-top6.jpg);
	background-repeat: no-repeat;
	height: 15px;
	width: 930px;
	font-size: 12px;
	padding-top: 10px;
	text-align:right;
	color: #FFFFFF;
	margin:2 0 0 0;
}
.ranking {
	background-image: url(topparts/portal/rank.jpg);
	background-repeat: no-repeat;
	width: 200px;
	height: 15px;
	background-position: bottom;
	padding: 2px 0px 10px 0px;
	;
	text-align: right;
}
.levi-vi {
	background-image: url(topparts/portal/levi-vintage.jpg);
	background-repeat: no-repeat;
	text-align: right;
	vertical-align: text-botom;
}
.blue {
	background-color: #003366;
}
.words {
	background-color: #336699;
	text-align: center;
}
.silver {
	background-color: #000000;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	text-align: left;	
}
.black {
	background-color: #000000;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	text-align: left;
}
.white {
	background-color: #FFFFFF;
	width:148px;
	margin:0 0 2px 0;
	line-height: 17px;
	font-size: 12px;
	text-align: left;
	border:solid 1px;
}

.qcode {
	background-image: url(topparts/portal/qr-joe-b.bmp);
	background-repeat: no-repeat;
	background-position: right;
	width: 100%;
	line-height:17px;
	text-align: left;
}
.coco {
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	overflow: hidden;
}
.sales {
	font-size: 12px;
	background-color: #FFFFFF;
	text-align:left;
	margin-right: 2px;
	margin-left: 2px;
	height:100%;
	border-bottom-width: 2px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #993300;
	border-bottom-color: #993300;
	border-top-width: 2px;
	line-height: 16px;
	}

.categori {
	float: left;
	width: 165px;
	margin-right: 5px;
	background-image: url(topparts/portal/catego.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	overflow: hidden;
	text-align:right;
}
.categori2 {
	float: left;
	width: 170px;
	background-image: url(topparts/portal/catego.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	overflow: hidden;
	text-align:right;
}
.ca-brand {
	background-image: url(topparts/portal/cate-v/shorts.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 180px;
	text-align: right;
	vertical-align: middle;
	margin-right: 1px;
	margin-bottom: 1px;	
	}
.ca-denim {
	background-image: url(topparts/portal/cate-t/jeans.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 160px;
	text-align: right;
	vertical-align: middle;
	margin-right: 1px;
	margin-bottom: 1px;	
}
.ca-levi {
    background-image: url(topparts/portal/cate-v/levi-vs2.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 180px;
	text-align: right;
	vertical-align: middle;
	margin-right: 1px;
	margin-bottom: 1px;	
	}
.ca-levi-r {
    background-image: url(topparts/portal/cate-v/levi-r2.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 180px;
	text-align: right;
	vertical-align: middle;
	margin-right: 1px;
	margin-bottom: 1px;	
	}
.ca-belt-bag {
    background-image: url(topparts/portal/cate-v/belt-s2.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 180px;
	text-align: right;
	vertical-align: middle;
	margin-right: 1px;
	margin-bottom: 1px;	
	}
.ca-wdenim {
    background-image: url(topparts/portal/cate-t/ladies.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 160px;
	text-align: right;
	vertical-align: middle;
	margin-right: 1px;
	margin-bottom: 1px;	
	}
.ca-sweat {
	background-image: url(topparts/portal/cate-t/athletic.jpg);
    background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 160px;
	text-align: right;
	vertical-align: middle;
	margin-right: 1px;
	margin-bottom: 1px;	
}
.ca-ska {
	background-image: url(topparts/portal/cate-t/aloha.jpg);
    background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 160px;
	text-align: right;
	vertical-align: middle;
	margin-right: 1px;
	margin-bottom: 1px;	
}
.ca-flight {
	background-image: url(topparts/portal/cate-t/leather.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 160px;
	text-align: right;
	vertical-align: middle;
	margin-right: 1px;
	margin-bottom: 1px;	
}
.ca-work {
	background-image: url(topparts/portal/cate-t/work.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 160px;
	text-align: right;
	vertical-align: middle;
	margin-right: 1px;
	margin-bottom: 1px;	
}

.ca-bag {
	background-image: url(topparts/portal/cate-t/bag.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 160px;
	text-align: right;
	vertical-align: middle;
	margin-right: 1px;
	margin-bottom: 1px;	
}
.ca-sale {
	background-image: url(topparts/portal/cate-t/sale.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 160px;
	text-align: right;
	vertical-align: middle;
	margin-right: 1px;
	margin-bottom: 1px;	
}
.ca-door {
	background-image: url(topparts/portal/cate-t/outer.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 160px;
	text-align: right;
	vertical-align: middle;
	margin-right: 1px;
	margin-bottom: 1px;	
}
.ca-cap {
	background-image: url(topparts/portal/cate-t/cap.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 160px;
	text-align: right;
	vertical-align: middle;
	margin-right: 1px;
	margin-bottom: 1px;	
}
.ca-amecasi {
	background-image: url(topparts/portal/cate-t/amecasi.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 160px;
	text-align: right;
	vertical-align: middle;
	margin-right: 1px;
	margin-bottom: 1px;	
}
.ca-ca {
	background-image: url(topparts/portal/cate/ca-s.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 180px;
	text-align: right;
	vertical-align: middle;
	margin-right: 1px;
	margin-bottom: 1px;	
}
.ca-nit {
	background-image: url(topparts/portal/cate/nit-s.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 180px;
	text-align: right;
	vertical-align: middle;
	margin-right: 1px;
	margin-bottom: 1px;	
}
.ca-tops {
	background-image: url(topparts/portal/cate-t/tops.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 160px;
	text-align: right;
	vertical-align: middle;
	margin-right: 1px;
	margin-bottom: 1px;	
}
.ca-belt{
	background-image: url(topparts/portal/cate-t/belt.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 160px;
	text-align: right;
	vertical-align: middle;
	margin-right: 1px;
	margin-bottom: 1px;	
}
.ca-h-pants {
	background-image: url(topparts/portal/cate/orange/h-pants2-s.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 180px;
	text-align: right;
	vertical-align: middle;
	margin-right: 1px;
	margin-bottom: 1px;	
}
.ca-t-shirts {
	background-image: url(topparts/portal/cate/orange/t-shirts-s.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 180px;
	text-align: right;
	vertical-align: middle;
	margin-right: 1px;
	margin-bottom: 1px;	
}
.ca-acce {
	background-image: url(topparts/portal/cate/orange/acce-s.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 180px;
	text-align: right;
	vertical-align: middle;
	margin-right: 1px;
	margin-bottom: 1px;	
}

.ca-muji {

	background-image: url(topparts/portal/cate/orange/muji-s.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 180px;
	text-align: right;
	vertical-align: middle;
	margin-right: 1px;
	margin-bottom: 1px;
	}
.ca-0 {
	background-image: url(topparts/portal/cate/0-0-s.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 180px;
	text-align: right;
	vertical-align: middle;
	margin-right: 1px;
	margin-bottom: 1px;	
}
.ca-00 {
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 180px;
	text-align: left;
	vertical-align: middle;
	margin-right: 1px;
	margin-bottom: 1px;
}
.ca-off {

	background-image: url(topparts/portal/cate/off-s.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 180px;
	text-align: right;
	vertical-align: middle;
	margin-right: 1px;
	margin-bottom: 1px;
}
.ca-text {
	float: left;
	width: 180px;
	height:60px;
	text-align: left;
	margin-right: 1px;
	margin-bottom: 1px;
}
.ca-text2 {
	width: 180px;
	text-align: left;
	margin-right: 1px;
	margin-bottom: 1px;
	float: left;
}

.ca-160 {
	background-image: url(topparts/portal/cate-v/athletic-6.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 160px;
	text-align: right;
	vertical-align: middle;
	margin-right: 1px;
	margin-bottom: 1px;	
}

.ca-label {
	height: 40px;
	width: 182px;
	float: left;
}

.ca-label2 {
	height: 40px;
	width: 162px;
	float: left;
}

.underbrand {
	font-size: 12px;
	border-top-style: dashed;
	border-top-color: #003366;
	overflow: hidden;
	height: 1px;
	width: 920px;
	border-top-width: 1px;
	padding-left: 5px;
	padding-right: 5px;
}
.r-flow {
	margin-left: 930px;
	margin-top: 300px;
	width:50px;
	overflow: visible;
	position:absolute;
	text-align:right;

}
.white2 {
	background-color: #FFFFFF;
	margin-right: 2px;
	margin-left: 2px;
	line-height: 17px;
}
.white3 {

	background-color: #FFFFFF;
	width:196px;
		margin-right: 2px;
	margin-left: 2px;
	line-height: 17px;
}

#loading {
	position: absolute;	/* ロード中に表示する文字列の絶対位置の設定（必須） */
	top: 200px;		/* 画面の上部からの文字の位置（必須） */
	left: 200px;		/* 画面の左側からの文字の位置（必須） */
	}
.words2 {
	background-image: url(topparts/portal/words.jpg);
	background-repeat: no-repeat;
	height: 15px;
	width: 200px;
}

.dot-table2 {
	height: 30px;
	width: 60px;
	float: left;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #003366;
	margin-top: 2px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #003366;
	margin-left: 1px;
}
.dot-table3 {

	height: 30px;
	width: 40px;
	float: left;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #003366;
	margin-top: 2px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #003366;
	margin-left: 1px;
}


.tt{
	width:308px;
	height:62px;
	float:left;
	border: 1px solid #cccccc;
	background-color:#FFFFFF;
	text-align:left;
}
.ww{width:930px; text-align:left;}

.ww2{
	width:900px;
	color:#000000;
	font-size:12px;
	background-color:#cccccc;
	text-align:right;

}
.bra{background-image:url(topparts/portal/parts/bra.jpg);
background-position:left;
background-repeat:no-repeat;
}

.bra-silver{
    height:18px;
	padding:2 20 0 0;
	background-image: url(topparts/portal/bra-wh2.jpg); 
	background-repeat:no-repeat; 
	text-align:right;
}

.skin-heads{
    background-image: url(img/top55.jpg);
	background-repeat: no-repeat;
	height: 62px;
	width: 800px;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px; 
	}
	
	.silv2{
	background-image:url(topparts/portal/silver16.jpg); 
	background-repeat:no-repeat;
	height:17px;
	padding:2 20 0 10;
	text-align:right;
	}


.brand{
height:60px; 
text-align:right; 
border:solid 1px; 
padding:0 0 0 2px ; 
margin:0 0 2px 0; 
overflow:hidden; 
font-size:12px;
}

.white-category {
	background-color: #FFFFFF;
	width:192px;
	margin:0 0 2px 0;
	padding:0 0 0 5px;
	line-height: 20px;
	font-size: 12px;
	text-align: left;
	border:solid 1px;
}