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

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

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

#content #main div.section.category div.section.thermoskin {
	float: none;
	width: 535px;
	padding-bottom: 20px;
}

#content #main div.section.category div.section.thermoskin h2,
#content #main div.section.category div.section.thermoskin h3,
#content #main div.section.category div.section.thermoskin p {
	width: 255px;
}

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

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

#content #main div.section.category div.section.thermoskin h3,
#content #main div.section.category div.section.products h3 {
	padding: 10px 0 7px;
}

#content #main div.section.category div.section.thermoskin ul {
	float: right;
	width: 255px;
	font-size: 83%;
}

#content #main div.section.category div.section.bandage {
	float: none;
	width: 535px;
	padding-bottom: 20px;
}

#content #main div.section.category div.section.bandage h2,
#content #main div.section.category div.section.bandage h3,
#content #main div.section.category div.section.bandage p {
	width: 255px;
}

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


/* --------------------------------------------------
#mueller > #content > #sub */

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

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

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


/* --------------------------------------------------
 #mueller.products > #content > #main */
 
 #main dl {
	padding: 0 15px 1.8em 30px;
}

#main div.section.product-list div.section h2 {
	margin-bottom: 6px;
	background-color: #0064c9;
	text-align: center;
}

#main div.section.product-list div.section h2.cold {
	margin-bottom: 6px;
	background-color: #009eeb;
	text-align: center;
}

.thermoskin #main div.section.product-list div.section h2 {
	background-color: #e6001d;
}

#main div.section.product-list div.section.one-col p.image {
	float: left;
	width: 255px;
	padding-right: 15px;
}

#main div.section.product-list div.section.one-col p.image.ex {
	float: right;
	padding-right: 0; 
}

#main div.section.product-list div.section h3 {
	color: #06c;
}

#main div.section.product-list div.section.one-col h3 {
	clear: both;
}

.thermoskin #main div.section.product-list div.section h3 {
	color: #c03;
}

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

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

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

#main div.section.product-list div.section table.spec col.bg-alternate,
#main div.section.product-list div.section table.spec tr.bg-alternate,
#main div.section.product-list div.section table.spec td.bg-alternate  {
	background-color: #c1dbf5;
}

#main div.section.product-list div.section.cold table.spec col.bg-alternate  {
	background-color: #bbe3f9;
}

.thermoskin #main div.section.product-list div.section table.spec tr.bg-alternate,
.thermoskin #main div.section.product-list div.section table.spec td.bg-alternate  {
	background-color: #fcd4c4;
}

#main div.section.product-list div.section.three-col.joint {
	width: 352px;
}

#main div.section.product-list div.section.three-col.joint {
	width: 352px;
}

#main div.section.product-list div.section.three-col.joint p.joint {
	float: left;
	width: 168px;
	*padding-bottom: 0;
}

#main div.section.product-list div.section.three-col.joint p.joint.turn {
	float: right;
}

#main div.section.product-list div.section.three-col.joint h3 {
	clear: both;
}


/* --------------------------------------------------
bandage */

.bandage {
	position: relative;
}

.bandage .item-picture {
	position: absolute;
	top: 127px;
	left: 422px;
}

.bandage .img-list {
	margin: -19px 0 0 30px;
}

.bandage .img-list li {
	width: 134px;
	float: left;
}

h2.h-campaign img {
	margin-top: 10px;
}

.bandage-campaign {
	margin-bottom: 20px;
	padding: 10px;
	background: url(../bandage/image/bg-bandage-campaign.gif) left bottom no-repeat;
}

.bandage-campaign-left {
	widthy: 252px;
	float: left;
}

.bandage-campaign-right {
	width: 252px;
	float: right;
}

.bandage-campaign-left li, .bandage-campaign-right li {
	margin-top: 10px;
}

.bold {
	font-weight: bold;
}

.conference-list-1 {
	margin-bottom: 5px;
}

.conference-list-1 li {
	width: 33%;
	margin-top: 0;
	float: left;
	white-space: nowrap;
}

.conference-list-2 li {
	margin-top: 0;
	white-space: nowrap;
}

#guide-section {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #CCCCCC;
}

#guide-section h3 {
	font-weight: bold;
}

#guide-caption {
	margin-top: 3px;
	color: #666666;
	font-size: 85%;
}

.h-lineup {
	margin-bottom: 15px;
}

#main div#lineup h3 {
	margin-bottom: 15px;
}

#main div#lineup h4 {
	*margin-bottom: -5px;
}

#main div#lineup div.section.three-col table.spec th,
#main div#lineup div.section.three-col table.spec td {
	text-align: left;
}


html[xmlns] .img-list:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* Hides from IE-mac \*/

html[xmlns] * html .img-list { height: 1%; }
html[xmlns] .img-list { display: block; }

/* End hide from IE-mac */ 


.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.clearfix { zoom: 1; display: inline-block; }

/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* End hide from IE-mac */ 



/* end */