@charset "utf-8";

/*--------------------------------------------------
  == PRODUCTS Main Style ==
  --------------------------------------------------
  File       : products_style.css
  Date       : yyyy.mm.dd
  Last Update: yyyy.mm.dd
--------------------------------------------------*/

/* cart */
body.windowType01 #formFlowCont img {
	vertical-align: bottom;
}

p {
	margin-bottom: 10px!important;
}

.column2 {
	padding-bottom: 20px;
}

.column2 .cont01 {
	float: left;
	width: 200px;
}

.column2 .cont02 {
	float: right;
	width: 403px;
}

.lineType01 {
	background: url(/products/cart/images/line01.gif) repeat-x left top;
	padding-top: 10px!important;
}

.colorChip {
	margin-right: 5px;
	vertical-align: middle;
}

/* windowType01 */
.ptTitle {
	color: #2B3E69;
	font-size: 14px;
}

body.windowType01 .contType03 .submitAreaPt {
	padding: 10px 0;
	text-align: center;
}

body.windowType01 .contType04 {
	padding: 10px!important;
	margin-bottom: 20px;
}

body.windowType01 .contType03 .submitAreaPt .lineType01 {
	padding-top: 20px!important;
}


/* products */
p#btnCart {
	margin: 10px 0 10px 0;
	text-align: right;
}

div.rowCont01 {
	width: 900px;
	padding-bottom: 20px;
}

div.rowCont01 div.unit01,
div.rowCont01 div.unit02 {
	float: left;
	width: 290px;
	padding-left: 8px;
}

div.rowCont01 div.unit01 div.leftCont {
	float: left;
	width: 123px;
	padding-top: 13px;
	background: url(/products/images/photo_back01.gif) no-repeat top right;
}

div.rowCont01 div.unit02 div.leftCont {
	float: left;
	width: 123px;
	padding-top: 13px;
	background: url(/products/images/photo_back02.gif) no-repeat top right;
}

div.rowCont01 div.unit01 div.rightCont,
div.rowCont01 div.unit02 div.rightCont {
	float: left;
	width: 163px;
}

div.rowCont01 div.unit01 div.rightCont .ttl {
	height: 17px;
	margin-bottom: 10px!important;
	padding: 0 0 0 10px!important;
	background: url(/products/images/ttl_back01.gif) no-repeat top left;
	color: #FFF!important;
	font-size: 12px!important;
}

div.rowCont01 div.unit01 div.rightCont .ttl a {
	text-decoration: none!important;
	color: #FFF!important;
}

div.rowCont01 div.unit02 div.rightCont .ttl {
	height: 17px;
	margin-bottom: 10px!important;
	padding: 0 0 0 10px!important;
	background: url(/products/images/ttl_back02.gif) no-repeat top left;
	color: #FFF;
	font-size: 12px;
}

div.rowCont01 div.unit02 div.rightCont .ttl a {
	text-decoration: none!important;
	color: #FFF!important;
}

div#contents ul.listType01 {
	margin-left: 2em;
	list-style-type: square;
	color: #082754!important;
}

div#contents div.unit01 ul.listType01 a {
	text-decoration: none;
	color: #082754!important;
}

div#contents div.unit01 ul.listType01 a:hover {
	text-decoration: underline;
}

div#contents ul.listType02 {
	margin-left: 2em;
	list-style-type: square;
	color: #672144!important;
}

div#contents ul.listType02 a {
	text-decoration: none;
	color: #672144!important;
}

div#contents ul.listType02 a:hover {
	text-decoration: underline;
}

div#contents ul.listType01 li {
	color: #082754;
}

div#contents ul.listType02 li {
	color: #672144;
}

div.unit01 ul.listType01 li,
div.unit02 ul.listType02 li {
	font-weight: bold;
}

/* list */
div.rowList {
	clear: both;
	width: 890px;
	padding-bottom: 20px;
	padding-left: 10px;
}

div.rowList div.productUnit {
	float: left;
	width: 120px;
	padding-right: 32px;
}

div.rowList div.productUnit.last {
	padding: 0;
}

div.productUnit .productUnitPhoto {
	position: relative;
	margin-bottom: 10px;
}

div.productUnit .productUnitPhoto .new {
	position: absolute;
	top: 0;
	left: 0;
}

div.productUnit.type01 .productUnitText {
	color: #082754;
}

div.productUnit.type01 .productUnitText a {
	color: #082754!important;
}

div.productUnit.type02 .productUnitText {
	color: #672144;
}

div.productUnit.type02 .productUnitText a {
	color: #672144!important;
}

div.productUnit .productUnitText a {
	text-decoration: none!important;
}

div.productUnit .productUnitText a:hover {
	text-decoration: underline!important;
}

.resultArea {
	width: 880px;
	height: 60px;
	margin: 10px auto 0 auto;
	color: #082754;
}

.resultAreaLeft {
	float: left;
	width: 500px;
	padding-top: 30px;
}

.resultAreaRight {
	float: right;
	width: 380px;
	text-align: right;
}


.resultArea a {
	font-weight: bold;
}

.resultArea .here {
	font-weight: bold;
}

/* disp */

#dispCont {
	width: 859px;
	padding: 15px 0 0 25px;
}

#dispCont.type01 .leftCont {
	float: left;
	width: 280px;
	padding: 15px 20px 0 0;
	background: url(/products/images/photo_back03.gif) no-repeat top right;
	color: #082754;
}

#dispCont.type02 .leftCont {
	float: left;
	width: 280px;
	padding: 15px 20px 0 0;
	background: url(/products/images/photo_back03b.gif) no-repeat top right;
	color: #082754;
}


#dispCont .rightCont {
	float: right;
	width: 559px;
}

#itemCont {
	width: 559px;
}

#itemName {
	float: left;
	width: 447px;
}

#dispCont.type01 .rightCont #itemName .ttl {
	height: 23px;
	margin-bottom: 10px!important;
	padding: 2px 0 0 10px!important;
	background: url(/products/images/ttl_back03.gif) no-repeat top left;
	color: #FFF;
	font-size: 15px;
}

#dispCont.type02 .rightCont #itemName .ttl {
	height: 23px;
	margin-bottom: 10px!important;
	padding: 2px 0 0 10px!important;
	background: url(/products/images/ttl_back03b.gif) no-repeat top left;
	color: #FFF;
	font-size: 15px;
}

#itemInfo {
	float: right;
	width: 102px;
}

#dispCont #itemCont .style,
#dispCont #itemCont .price,
#dispCont #itemCont .member {
	float: left;
	text-align: center;
	color: #082754;
}

#dispCont #itemCont .price {
	width: 187px;
}

#dispCont #itemCont .style,
#dispCont #itemCont .member {
	width: 130px;
}


table.dataTbl th.color {
	background: url(/products/images/bg_color.jpg) repeat-y top left;
	background-color: #647894;
	font-weight: bold;
	padding: 3px;
}

table.dataTbl th.inventory {
	background: url(/products/images/bg_inventory.jpg) repeat-y top left;
	background-color: #8797AD;
	font-weight: bold;
	padding: 3px;
}

table.dataTbl th.quantity {
	background: url(/products/images/bg_quantity.jpg) repeat-y top left;
	background-color: #A2AEBF;
	font-weight: bold;
	padding: 3px;
}

table.dataTbl th.updata01 {
	background: url(/products/images/bg_updata01.jpg) repeat-y top left;
	background-color: #DDC9CE;
	color: #082754;
	padding: 3px;
}

table.dataTbl th.updata02 {
	background: url(/products/images/bg_updata02.jpg) repeat-y top left;
	background-color: #E5D0D6;
	padding: 3px;
}

#dispRelated .ttl {
	height: 18px;
	margin-bottom: 10px!important;
	padding: 0 0 0 10px!important;
	background: url(/products/images/ttl_back04.gif) no-repeat top left;
	color: #FFF;
	font-size: 13px;
}

#dispRelated .dispRow {
	width: 559px;
}

#dispRelated .dispRow div.productUnit {
	float: left;
	width: 120px;
	padding-left: 10px;
	padding-right: 84px;
}

#dispRelated .dispRow div.productUnit.last {
	float: right;
	padding: 0;
}

#dispCont div.tabCont {
	color: #082754;
}

#dispCont div.tabCont ul.systemPict {
	list-style-type: none;
}

#dispCont div.tabCont ul.systemPict li {
	float: left;
	margin-right: 15px;
}


/* description */
#dispCont div.tabCont {
	width: 558px;
	margin-bottom: 10px;
}

#dispCont div.tabCont p.tab04,
#dispCont div.tabCont h3,
#dispCont div.tabCont h3 a{
	display: block;
	float: left;
	height: 23px;
	margin: 0!important;
	padding: 0!important;
	text-decoration: none;
}

#dispCont div.tabCont h3.tab01 a {
	background: url(/products/images/tab01_on.gif) no-repeat top left;
	text-indent: -9999px;
	width: 115px;
}

#dispCont div.tabCont h3.tab02 a {
	background: url(/products/images/tab02_off.gif) no-repeat top left;
	text-indent: -9999px;
	width: 111px;
}

#dispCont div.tabCont h3.tab03 a {
	background: url(/products/images/tab03_off.gif) no-repeat top left;
	text-indent: -9999px;
	width: 119px;
}

#dispCont div.tabCont p.tab04 {
	background: url(/products/images/tab04_off.gif) no-repeat top left;
	width: 213px;
}

#dispCont div.btnCont {
	clear: both;
	min-height: 120px;
	_height: 120px;
	border: 1px solid #CCC;
	border-top: none;
}

#dispCont div.btnCont div.innerCont {
	padding: 10px!important;
}

/* features */
#dispCont div#features {
	display: none;
}

#dispCont div#features div.tabCont h3.tab01 a {
	background: url(/products/images/tab01_off.gif) no-repeat top left;
	width: 115px;
}

#dispCont div#features div.tabCont h3.tab02 a {
	background: url(/products/images/tab02_on.gif) no-repeat top left;
	width: 111px;
}

#dispCont div#features div.tabCont h3.tab03 a {
	background: url(/products/images/tab03_off.gif) no-repeat top left;
	width: 119px;
}

/* tech specs */
#dispCont div#techspecs {
	display: none;
}

#dispCont div#techspecs div.tabCont h3.tab01 a {
	background: url(/products/images/tab01_off.gif) no-repeat top left;
	width: 115px;
}

#dispCont div#techspecs div.tabCont h3.tab02 a {
	background: url(/products/images/tab02_off.gif) no-repeat top left;
	width: 111px;
}

#dispCont div#techspecs div.tabCont h3.tab03 a {
	background: url(/products/images/tab03_on.gif) no-repeat top left;
	width: 119px;
}

.dispLink {
	padding-left: 20px;
	color: #082754;
	font-weight: bold;
	margin-bottom: 20px;
}

.textCenter {
	text-align: center;
}

/* backpack */

#backpackCont {
	padding-bottom: 20px;
}

#backpackCont .oneCont .ttl {
	height: 18px;
	margin-bottom: 10px!important;
	padding: 0 0 0 10px!important;
	background: url(/products/techinfo/lightfast/images/ttl_back01.gif) no-repeat top left;
	color: #FFF;
	font-size: 13px;
}

#backpackCont .oneCont {
	float: left;
	width: 316px;
	padding: 10px 0 0 20px;
}

#backpackCont .oneCont.last {
	float: right;
	width: 202px;
	padding: 0;
}


#backpackCont .oneBox {
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#backpackCont .floatCont {
	width: 316px;
}

#backpackCont div.items {
	float: left;
}

#backpackCont div.items a {
	font-weight: bold;
}

#backpackCont div.ounces {
	float: right;
}

/* product care */
.dataTbl.productCare td.instruction {
	background-color: #EEEEEE;
}

.dataTbl.productCare td.mean {
	background-color: #F6F3F3;
}











/*== #maker01` ==============================*/
body#maker22.products div.column2 {
	margin-top: 20px;
	width: 490px;
}

body#maker22.products div.column2 div.leftCont {
	margin-right: 10px;
	width: 160px;
	text-align: center;
}

body#maker22.products div.column2 div.rightCont {
	width: 320px;
}


/*== #system01` ==============================*/

body.windowType01.system div#aboutClothing {
/*	margin: 5px 0 15px 0;*/
	width: 490px;
}

body.windowType01.system div#aboutClothing div.leftCont {
	float: left;
	width: 110px;
}

body.windowType01.system div#aboutClothing div.rightCont {
	float: right;
	width: 360px;
	padding: 0 10px;
}


body.windowType01.system div#clothingFunction01 {
	clear: both;
	padding: 10px;
	width: 470px;
	background-color: #EAEFF4;
	border: 1px solid #CCCCCC;
}

body.windowType01 div#clothingFunction01 div.leftCont {
	float: left;
	width: 210px;
}

body.windowType01 div#clothingFunction01 div.rightCont {
	float: left;
	margin-left: 10px;
	width: 250px;
}

body.windowType01 div#clothingFunction02 {
	clear: both;
	padding: 10px;
	width: 470px;
	background-color: #EAEFF4;
	border: 1px solid #CCCCCC;
}

body.windowType01 div#clothingFunction02 div.leftCont {
	float: left;
	width: 120px;
}

body.windowType01 div#clothingFunction02 div.rightCont {
	float: left;
	margin-left: 10px;
	width: 340px;
}

body.windowType01 p.clothingTitle {
	margin-bottom: 5px;
	font-weight: bold;
}






