@charset "utf-8";

#header{
	border-bottom:#000 solid 8px;
}

/* CONTENTS // */
.contents{
	width:900px;
	padding:20px 30px;
}
#brandinfo{
	border-top:3px solid #666;
	background-color:#fff;
}
#rucksack{
	border-top:3px solid #ffb500;
}
/*
#messenger{
	border-top:3px solid #ffb500;
	background-image:url( ../images/vibram/vibram_bg.gif) ;
}
*/
/* // CONTENTS */

#pnkz{
	clear:both;
	width:900px;
	margin-bottom:16px;
	font-size:0.8em;
	color:#ffb500;
}
#pnkz a{ text-decoration:underline; color:#ffb500; }
#pnkz a:hover{ text-decoration:none; }



.contents table{
	float:right;
	font-size:0.75em;
	border-collapse:collapse;
}
.contents #itemright table{ width:440px; }

.contents td,
.contents th{
	padding:4px 6px 2px 6px;
	font-weight:normal;
	letter-spacing:0.1em;
	line-height:150%;
}
.contents th{
	white-space:nowrap;
	vertical-align:top;
	text-align:center;
}

.contents td ul{
	background-color:transparent;
	margin:0 0 0 1.5em;
	padding-top:4px;
}


/* Brand Information */
#brandinfo .logo{ float:left; }
#blogoinfo .logo{ width:200px; }
#ylogoinfo .logo{ width:220px; margin-top:10px; }
#brandinfo p{
	float:left;
	font-size:0.9em;
	text-align :justify ;
	line-height:150%;
}

#blogoinfo p{
	width:580px;
	padding:0 20px;
	margin-bottom:10px;
}
#blogoinfo div{
	float:right;
	width:60px;
	text-align:left;
}
#blogoinfo div img{
	margin-bottom:4px;
}

#ylogoinfo{
	width:900px;
	clear:both;
	display:block;
	border-top:4px dotted #000;
	padding-top:10px;
}
#ylogoinfo p{
	margin-top:5px;
	width:680px;
	padding-bottom:16px;
}

/* Vibram Item List */
#itemlist{
	width:900px;
	clear:both;
	float:left;
	color:#fff;
	background-color:#000;
	list-style-type:none;
}
#itemlist li{
	float:left;
	margin-top:30px;
}
#itemlist ul{
	margin-top:8px;
	padding:4px 8px 4px 20px;
	background-color:#181818;
}
#itemlist ul li{
	float:none;
	list-style-type:disc;
	margin-top:2px;
}
#itemlist h3{
	height:28px;
	color:#000;
	background-color:#ffb500;
}
#itemlist img{ font-size:0.8em; color:#000; }

#itemlist .itemimage{
	float:left;
	border:1px solid #333;
}
#itemlist .itemimage a img{ border-width:0; }

#itemlist dl{ float:left;}
#itemlist dt{
	background-color:#ffb500;
	color:#333;
	height:20px;
	padding:0px 8px 0 40px;
	line-height:100%;
}
#itemlist dt span{
	letter-spacing:0.1em;
	font-size:0.8em;
	margin:0;
	padding:0;
}
#itemlist dd{
	float:left;
	padding-top:8px;
	text-align : justify ;
	line-height:150%;
}
#itemlist dd.honmon,
#itemlist dd.sub{
	background-color:#181818;
}
#itemlist div.spec{ margin:0px; }

#itemlist dd.honmon{
	margin-top:8px;
	padding:8px;
}

#itemlist th,
#itemlist td{
	border:1px solid #000;
}
#itemlist th{
	width:3.5em;
	background-color:#202020;
	color:#fff;
}
#itemlist td{
	background-color:#303030;
}

/* ----- WIDE ------------------------- */
#itemlist li.itemwide h3{
	float:right;
	width:550px;
}
#itemlist li.itemwide .itemimage{
	width:320px;
	height:240px;
}
#itemlist li.itemwide dl{
	width:550px;
	float:right;
}
#itemlist li.itemwide dt{
	width:502px;
	background:#ffb500 url(../images/vibram/itemtag/vibram_itemtag_large.gif) no-repeat 0 0;
}
#itemlist li.itemwide dd{ width:534px; }
#itemlist li.itemwide dd.honmon div{
	float:left;
	width: 261px;
	min-height:120px;
	font-size:0.8em;
}
#itemlist table.specwide{ width:261px; }
#itemlist li.itemwide dd.sub{ padding:0 8px; }
#itemlist li.itemwide dd.sub div.sub{ border-top:4px dotted #000; margin:0; padding:8px 0 4px 0; }
#itemlist li.itemwide dd.sub ul{ padding:0 0 8px 0; min-height:26px; margin:0; /* margin:8px 0 4px 0; */ }
#itemlist li.itemwide dd.sub ul li{
	list-style-type:none;
	float:left;
}
#itemlist li.itemwide dd.sub li.detailbtn{
	width: 261px;
}
#itemlist li.itemwide dd.sub li.cartbtn{
	float:right;
	width:267px;
}
#itemlist li.itemwide dd.sub li.detailbtn div,
#itemlist li.itemwide dd.sub li.cartbtn div{
	margin:0 auto;
}
/* ----- SMALL ------------------------ */
#itemlist li.itemsmall{
	float:left;
	width:210px;
	margin-right:20px;
}
#itemlist li.itemsmall h3{ width:210px; }
#itemlist li.itemsmall .itemimage{ width:208px; height:156px; }
#itemlist li.itemsmall .itemimage img{ width:208px; height:156px; }
#itemlist li.itemsmall dl{
	width:208px;
	margin:0;
	float:none;
	display:inline;
}
#itemlist li.itemsmall dt{
	width:162px;
	background:#ffb500 url(../images/vibram/itemtag/vibram_itemtag_small.gif) no-repeat 0 0;
}
#itemlist li.itemsmall dd{ width:210px; }
#itemlist li.itemsmall dd.honmon{ min-height:214px; width:194px; line-height:130%; padding-bottom:0; }
#itemlist li.itemsmall dd.honmon div{ font-size:0.8em; }
#itemlist li.itemsmall dd.sub div{
	width:194px;
	padding:8px;
	border-top:4px dotted #000;
	
}
#itemlist li.itemsmall div.spec{ min-height:156px; margin:0px; float:left; }
#itemlist li.itemsmall div.tocart{ min-height:92px; float:left; }

#itemlist li.itemsmall dd table{
	margin:0;padding:0;
	width:196px;
	float:left;
}
#itemlist li.itemsmall dd ul{
	background-color:transparent;
	margin:0;
/*	padding:4px 0 0 0;*/
}

#itemlist .itemsmall ul.tocart{ border-width:0; background-color:transparent; width:194px; padding:0; float:left; }
#itemlist .itemsmall ul.tocart li{ list-style-type:none; width:150px; margin:0 auto 8px auto; padding:0; height:26px; }
#itemlist ul.tocart li a{ width:148px; }

#itemlist .itemsmall ul.colored{ width:194px; }
#itemlist .itemsmall ul.colored li{ width:180px; }
#itemlist .itemsmall ul.colored li img{ float:left; border:1px solid #000; margin-right:4px; }
#itemlist .itemsmall ul.colored li a{ float:right; margin:0; }


/* DETAIL PAGE : MESSENGER / RUCKSACK */
.itemblk{ width:900px; }

/* DETAIL : LEFT */
.itemleft{
	float:left;
	width:400px;
	padding:0;
}
.itemleft div{
	width:400px;
	border:1px solid #333;
}
.itemleft ul{
	float:left;
	margin-top:16px;
	list-style-type:none;
}
.itemleft ul li{ float:left; }

.itemleft .gallery{
	width:390px;
	padding:5px;
}
.itemleft .gallery li{
	padding:5px;
	width:120px;
	height:120px;
	vertical-align:bottom;
}
.itemleft .gallery li img{
	float:left;
	width:118px;
	height:118px;
}
.itemleft #vibramnavi{
	width:380px;
	height:75px;
	margin:16px 0 0 0;
	padding:0 10px;
	list-style-type:none;
}
.itemleft #vibramnavi li{ margin:10px 0; padding:0 10px; width:168px; height:55px; vertical-align:bottom; }
.itemleft #vibramnavi li a{
	float:left;
	width:168px;
	height:0;
	overflow:hidden;
	padding:53px 0 0 0;
	border:1px solid #ffb500;
}
.itemleft li#vibramnavi0 a{ background:#000 url(../images/vibram/vibramnavi0.gif) no-repeat 0 0; }
.itemleft li#vibramnavi1 a{ background:#000 url(../images/vibram/vibramnavi1.gif) no-repeat 0 0; }
.itemleft li#vibramnavi2 a{ background:#000 url(../images/vibram/vibramnavi2.gif) no-repeat 0 0; }
.itemleft #vibramnavi li a:hover{ background-position:0 -53px; border:1px solid #c90; }

/* DETAIL : RIGHT */
.itemright{
	float:right;
	width:440px;
	padding:20px;
}
.itemright p{
	font-size:0.8em;
	line-height:150%;
	text-align:justify;
	margin-bottom:1em;
}
.itemright table{
	width:440px;
	margin-bottom:16px;
}
.itemright .tocart{
	margin:8px auto;
}

/* MESSENGER */
#messenger{ padding-top:8px; }

#messenger #pnkz,
#messenger #pnkz a{ color:#ffb500; }

#messenger #vibramnavi{
	background-color:#000;
	border:1px solid  #181818;
}
#messenger .itemleft div{
	border:1px solid #333;
}
#messenger .itemleft .gallery{
	background-color:#000;
	border:1px solid #333;
}
#messenger .itemleft .gallery li img{
	border:1px solid #181818;
}

#messenger .itemright{
	background-color:#000;
	color:#fff;
	border:1px solid #181818;
}
#messenger th,
#messenger td{
	border:1px solid #000;
}
#messenger th{
	width:4em;
	background-color:#202020;
	color:#fff;
}
#messenger td{
	background-color:#303030;
}

/* RUCKSACK */
#rucksack{ padding-top:8px; }
#rucksack #pnkz,
#rucksack #pnkz a{ color:#000; }

#rucksack #vibramnavi{
	border:0 solid #ffb500;
}

#rucksack .itemleft div{
	width:400px;
	border-width:0;
}
#rucksack .itemleft div img{
	border:1px solid #ccc;
}
#rucksack .itemleft .gallery{
	border:1px solid #ccc;
}
#rucksack .itemleft .gallery li img{
	border:1px solid #ccc;
}
#rucksack .itemleft #vibramnavi li{ margin:10px auto; float:none;}



#rucksack .itemright{
	border:0px solid #ffb500;
	padding-top:0 /* 1em; */
}
#rucksack .itemright h4{
	width:440px;
	height:72px;
	overflow:hidden;
	background:url(../images/vibram/vibram09_rucksack_catch.jpg) no-repeat 0 0;
	margin-bottom:1em;
}
#rucksack .itemright h4 span{
	display:block;
	float:left;
	padding-top:72px;
}


#rucksack .itemright p strong{
	color:#c00;
}
#rucksack th,
#rucksack td{
	border:1px solid #fff;
}

#rucksack th{
	width:4em;
	background-color:#181818;
	color:#fff;
}
#rucksack td{
	background-color:#e8e8e8;
}

/* ▲ -------------------------- */
.contents div.pgtop,
.contents div.pgtopbk{
	clear:both;
	width:900px;
	color:#333;
	text-align:right;
	font-size:0.8em;
	padding-top:24px;
}
.contents div.pgtop a,
.contents div.pgtopbk a{
	color:#333;
	text-decoration:none;
}
.contents div.pgtop a:hover,
.contents div.pgtopbk a:hover{
	text-decoration: underline;
}

.contents div.pgtopbk a{
	color:#fff;
}