@charset "UTF-8";
/* style.css (sofsole) */

/* --------------------------------------------------
.sofsole.index > #content > #main */

#main div.technology div.section {
	position: relative;
	padding-bottom: 5px;
}

#main div.technology div.section h2 {
	padding-left: 7px;
	background-color: #000;
}

#main div.technology div.section p.image {
	position: absolute;
	left: 0;
	top: 26px;
	width: 150px;
}

#main div.technology div.section div.section {
	width: 360px;
	margin-left: 175px;
	padding: 8px 0 5px;
	background: url(../../../common/image/brd-dotted.gif) repeat-x left top;
}

#main div.technology div.section div.section.top {
	width: 345px;
	margin: 0 0 18px 150px;
	padding: 13px 15px 0 25px;
	background-image: none;
	background-color: #f0f0f0;
}

#main div.technology div.section div.section h3 {
	padding-bottom: 5px;
}

#main div.technology div.section div.section p {
	padding-bottom: 1em;
}

#main div.technology div.section div.section p.txt-3-zone {
	float: left;
	width: 275px;
}

#main div.technology div.section div.section p.img-3-zone {
	float: right;
	width: 75px;
}

#main div.technology div.section div.section p.txt-hoko-shogeki {
	float: left;
	width: 212px;
}

#main div.technology div.section div.section p span.three-arch {
	font-weight: bold;
}

#main div.section.category div.section.performance {
	float: left;
}

#main div.section.category div.section.comfort {
	float: right;
}

#content #main div.section.category div.section h2,
#content #main div.section.category div.section h3,
#content #main div.section.category div.section p {
	float: none;
	width: auto;
}

#content #main div.section.category div.section h2 {
	padding: 0 0 7px;
}

#content #main div.section.category div.section h3 {
	padding: 0 0 5px;
	background: none;
}

#content #main div.section.category div.section.shoecare h3 {
	padding: 10px 0 5px;
}


/* --------------------------------------------------
.sofsole.poduct > #content > #main */

#main div.advantage {
	padding-bottom: 20px;
}

#main div.advantage h2 {
	padding-left: 7px;
	background-color: #000;
}

.performance #main div.advantage h3 {
	float: right;
	width: 255px;
	padding: 14px 0 6px;
}

.comfort #main div.advantage h3 {
	float: right;
	width: 255px;
	padding: 15px 0 11px;
}

#main div.advantage p {
	float: right;
	width: 230px;
	padding: 0 0 1em;
	font-size: 83%;
}

.performance #main div.advantage p.image {
	width: 255px;
	padding-bottom: 15px;
}

.comfort #main div.advantage p.image {
	width: 255px;
	padding-bottom: 2px;
}

#main div.advantage p.seen {
	position: relative;
	float: left;
	width: 280px;
	padding-top: 1px;
}

#main div.advantage p.seen img.protrude {
	position:absolute;
}

.performance #main div.advantage p.seen img.protrude {
	left: 280px;
	top: 251px;
}

.comfort #main div.advantage p.seen img.protrude {
	left: 280px;
	top: 245px;
}

.sofsole #main div.section.product-list div.section h2 {
	background-color: #000;
}

.sofsole #main div.section.product-list div.section h3 {
	color: #eb6100;
}

#main div.section.product-list div.section.two-col p.summary {
	padding: 0;
	font-size: 83%;
}

#main div.section.product-list div.section.two-col p.sports {
	padding: 0;
	color: #eb6100;
	font-size: 83%;
	font-weight: bold;
}

.sofsole #main div.section.product-list div.section table.spec {
	background-color: #d3edfb;
}

.sofsole #main div.section.product-list div.section.two-col table.spec th {
	width: 5em;
}

.sofsole #main div.section.product-list div.section.two-col table.spec th.same {
	width: auto;
}

.sofsole #main div.section.product-list div.section table.spec.athlete td {
	padding: 4px 3px;
}


/* --------------------------------------------------
.sofsole > #content > #sub */

#sub dl#lnav dd.sofsole {
	background-color: #fff;
}

#sub dl#lnav dd.sofsole ul {
	width: 152px;
	margin-left: 28px;
}

#sub dl#lnav dd.sofsole ul li {
	width: 152px;
	margin: 0;
	padding-top: 1px;
	background: url(../../../common/image/brd-dotted.gif) repeat-x left top;
}

#sub dl#lnav dd.sofsole ul li a {
	display: block;
	width: 152px;
	height: 29px;
}

#sub dl#lnav dd.sofsole ul li a:hover {
	background-color: #fff;
}

#sub dl#lnav dd.sofsole ul li a:hover img {
	visibility: hidden;
}

#sub dl#lnav dd.sofsole ul li.performance a {
	background: url(../image/lnav-sofsole-performance-on.gif) no-repeat left top;
}

#sub dl#lnav dd.sofsole ul li.comfort a {
	background: url(../image/lnav-sofsole-comfort-on.gif) no-repeat left top;
}


/* end */