@charset "UTF-8";

/*
information{
	file name : /css/individual/items/index.css
	infomation : This CSS file define items styles.;
	site name : VSM Husqvarna Viking;
	copyrihgt : Copyright (C) JUKI Co.,Ltd. All Rights Reserved.;
}
*/


/* 1. title H1 (overwrites >> /css/common/desiginModules/bodySection.css)
-----------------------------------------------	*/
div#bodySection #contentsArea div.title-h1{
	margin: 0px 0px 4px 0px;
}

/* 2. title H2 line(overwrites >> /css/common/desiginModules/bodySection.css)
-----------------------------------------------	*/
div#bodySection #contentsArea div.title-h2-line h2 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 1px;
}

/* 3. itemImageLink
-----------------------------------------------	*/
div#bodySection #contentsArea div.itemImageLink {
	margin-bottom: 15px;
	background-image: url("../../../items/img/index_item_background.gif");
	background-repeat: repeat-y;
	background-position: left top;
}

div#bodySection #contentsArea div.cell2-cell32 div.itemImageLink {
	width: 140px;
}

div#bodySection #contentsArea div.itemImageLink div.whole {
	min-height: 1%;
	padding-bottom: 1px;
	background-image: url("../../../items/img/index_item_footer.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* -- Hack WinIE & MacIE --*/
* html div#bodySection #contentsArea div.itemImageLink div.whole {
	/* Hides from IE5-Mac ¥*/ 
	min-height: 1%;
	/*end  Hides from IE5-Mac */
}
/* -- Hack WinIE & MacIE  end--*/


div#bodySection #contentsArea div.itemImageLink div.whole div.cell_firstChild {
	float: left;
	width: 140px;
}

div#bodySection #contentsArea div.itemImageLink div.whole div.cell {
	float: left;
	width: 155px;
}

div#bodySection #contentsArea div.itemImageLink div.whole div div.container {
	width: 124px;
	margin: 0px 0px 0px auto;
	padding: 9px 8px;
	border-top: 1px solid #DEDEDE;
}

div#bodySection #contentsArea div.itemImageLink div.whole div div.container p em a {
	color: #BE0D10;
}

div#bodySection #contentsArea div.itemImageLink div.whole div div.container p em a:link {
	color: #BE0D10;
}

div#bodySection #contentsArea div.itemImageLink div.whole div div.container p em a:visited {
	color: #BE0D10;
}

div#bodySection #contentsArea div.itemImageLink div.whole div div.container p em a:hover {
	color: #BE0D10;
}

div#bodySection #contentsArea div.itemImageLink div.whole div div.container p img {
	margin-bottom: 3px;
}
.container .small a {
	text-decoration: none;
}


/* 3'. itemImageLink2
-----------------------------------------------	*/
div#bodySection #contentsArea div.itemImageLink2 {
	margin-bottom: 30px;
	background-image: url("../../../items/img/index_item_background2.gif");
	background-repeat: repeat-y;
	background-position: left top;
}
div#bodySection #contentsArea div.itemImageLink1 {
	margin-bottom: 30px;
	background-image: url("../../../items/img/index_item_background1.gif");
	background-repeat: repeat-y;
	background-position: left top;
}

div#bodySection #contentsArea div.cell2-cell32 div.itemImageLink2 {
	width: 140px;
}

div#bodySection #contentsArea div.itemImageLink2 div.whole {
	min-height: 1%;
	padding-bottom: 1px;
	background-image: url("../../../items/img/index_item_footer2.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* -- Hack WinIE & MacIE --*/
* html div#bodySection #contentsArea div.itemImageLink2 div.whole {
	/* Hides from IE5-Mac ¥*/ 
	min-height: 1%;
	/*end  Hides from IE5-Mac */
}
/* -- Hack WinIE & MacIE  end--*/


div#bodySection #contentsArea div.itemImageLink2 div.whole div.cell_firstChild {
	float: left;
	width: 140px;
}

div#bodySection #contentsArea div.itemImageLink2 div.whole div.cell {
	float: left;
	width: 155px;
}

div#bodySection #contentsArea div.whole div div.container {
	width: 124px;
	margin: 0px 0px 0px auto;
	padding: 9px 8px;
	border-top: 1px solid #DEDEDE;
}

div#bodySection #contentsArea div.itemImageLink2 div.whole div div.container p em a {
	color: #BE0D10;
}

div#bodySection #contentsArea div.itemImageLink2 div.whole div div.container p em a:link {
	color: #BE0D10;
}

div#bodySection #contentsArea div.itemImageLink2 div.whole div div.container p em a:visited {
	color: #BE0D10;
}

div#bodySection #contentsArea div.itemImageLink2 div.whole div div.container p em a:hover {
	color: #BE0D10;
}

div#bodySection #contentsArea div.itemImageLink2 div.whole div div.container p img {
	margin-bottom: 3px;
}
.container .small a {
	text-decoration: none;
}

div#bodySection #contentsArea div.item2 {
	width: 295px;
	float: left;
}

div#bodySection #contentsArea div.item3 {
	width: 445px;
	float: left;
	margin-left: 20px;
	display: inline;
}


/* 3'. item 100723 fixed
-----------------------------------------------	*/
div#bodySection #contentsArea div#itemSishuu {
	margin-bottom: 30px;
}
div#bodySection #contentsArea div#itemComputer {
	margin-bottom: 30px;
	width: 295px;
	float: left;
}
div#bodySection #contentsArea div#itemDendou {
	margin-bottom: 30px;
	width: 450px;
	float: right;
}
div.item1Bg {
	background: url("../../../items/img/index_item_background1.gif") repeat-y left top;
}
div.item2Bg {
	background: url("../../../items/img/index_item_background2.gif") repeat-y left top;
}
div.item3Bg {
	background: url("../../../items/img/index_item_background3.gif") repeat-y left top;
}
div.item4Bg {
	background: url("../../../items/img/index_item_background4.gif") repeat-y left top;
}
div.item5Bg {
	background: url("../../../items/img/index_item_background.gif") repeat-y left top;
}
div.item1Bottom {
	background: url("../../../items/img/index_item_footer1.gif") no-repeat left bottom;
}
div.item2Bottom {
	background: url("../../../items/img/index_item_footer2.gif") no-repeat left bottom;
}
div.item3Bottom {
	background: url("../../../items/img/index_item_footer3.gif") no-repeat left bottom;
}
div.item4Bottom {
	background: url("../../../items/img/index_item_footer4.gif") no-repeat left bottom;
}
div.item5Bottom {
	background: url("../../../items/img/index_item_footer.gif") no-repeat left bottom;
}
p.name em {
	padding: 5px 0;
	display: block;
}
div.item01,
div.item02,
div.item03,
div.item04,
div.item05 {
	width: 140px;
	padding: 9px 0;
	float: left;
	display: inline;
	margin-left: 15px;
	border-top: 1px solid #DEDEDE;
}
div.item01 {
	margin-left: 0;
}
div.item01 p,
div.item02 p,
div.item03 p,
div.item04 p,
div.item05 p {
	padding: 0 8px;
}
div.item01 .small a,
div.item02 .small a,
div.item03 .small a,
div.item04 .small a,
div.item05 .small a {
	text-decoration: none;
}
div#bodySection #contentsArea p em a:visited {
	color:#BE0D10;
}

.mb10 {
	margin-bottom: 10px!important;
}
.mb15 {
	margin-bottom: 15px!important;
}
.mb20 {
	margin-bottom: 20px!important;
}
.mb30 {
	margin-bottom: 30px!important;
}
/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html.clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* 4. cell2-cell32 (overwrites >> /css/common/desiginModules/bodySection.css)
-----------------------------------------------	*/
div#bodySection #contentsArea div.cell2-cell32 div.cell1 {
	float: left;
	width: 490px;
}

div#bodySection #contentsArea div.cell2-cell32 div.cell1 div.firstCell {
	float: left;
	width: 230px;
}

div#bodySection #contentsArea div.cell2-cell32 div.cell1 div.secondCell {
	float: right;
	width: 230px;
}

div#bodySection #contentsArea div.cell2-cell32 div.cell2 {
	margin-top: 24px;
}


/* 5. title H2 (categorynavi)
-----------------------------------------------	*/
#contentsArea div.title-h2-categorynavi {
	margin-bottom: 17px;
	padding: 5px 10px 2px 10px;
	background-color: #BE0D10;
}

#contentsArea div.title-h2-categorynavi h2 {
	margin: 0;
	font-size: 90%;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 100%;
}

#contentsArea div.title-h2-categorynavi div.categorynavi {
	width: 213px;/* 216px */
	height: 15px;
	overflow: hidden;
	margin: 0px 0px 0px auto;
	padding-right: 3px;
	background-image: url("../../../items/img_common/categorynavi_dotline.gif");
	background-repeat: no-repeat;
	background-position: right top;
}

/*イレギュラー*/
#contentsArea div.rubynavi div.categorynavi {
	width: 286px;
}

#contentsArea div.title-h2-categorynavi div.categorynavi ul li {
	float: left;
	background-image: url("../../../items/img_common/categorynavi_dotline.gif");
	background-repeat: no-repeat;
	background-position: left top;
}

#contentsArea div.title-h2-categorynavi div.categorynavi ul li h3 {
	padding-left: 3px;
	font-size: 1px;
	display: block;
	line-height: 0;
	height: 1%;
	margin: 0;
}

#contentsArea div.title-h2-categorynavi div.categorynavi ul li em {
	display: block;
	margin-left: 3px;
	font-size: 1px;
	line-height: 100%;
}

#contentsArea div.title-h2-categorynavi div.categorynavi ul li span {
	display: block;
	height: 14px;
	margin-left: 3px;
	background-repeat: no-repeat;
	background-position: left top;
}

#contentsArea div.title-h2-categorynavi div.categorynavi ul li span a {
	display: block;
	height: 14px;
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	text-indent: -9999px;
}

#contentsArea div.title-h2-categorynavi div.categorynavi ul li span a:link {
	text-decoration: none;
}

#contentsArea div.title-h2-categorynavi div.categorynavi ul li span a:visited {
	text-decoration: none;
}

#contentsArea div.title-h2-categorynavi div.categorynavi ul li span a:hover {
	text-decoration: none;
}

#contentsArea div.title-h2-categorynavi div.categorynavi ul li.categorynaviFeature {
	width: 41px;
}

#contentsArea div.title-h2-categorynavi div.categorynavi ul li.categorynaviFeature span {
	width: 36px;
	background-image: url("../../../items/img_common/categorynavi_feature_c.gif");
}

#contentsArea div.title-h2-categorynavi div.categorynavi ul li.categorynaviFeature span a {
	width: 36px;
	background-image: url("../../../items/img_common/categorynavi_feature.gif");
}

#contentsArea div.title-h2-categorynavi div.categorynavi ul li.categorynaviFeature span a:hover {
	background-image: url("../../../items/img_common/categorynavi_feature_c.gif");
}


#contentsArea div.title-h2-categorynavi div.categorynavi ul li.categorynaviStitch {
	width: 59px;
}

#contentsArea div.title-h2-categorynavi div.categorynavi ul li.categorynaviStitch span {
	width: 54px;
	background-image: url("../../../items/img_common/categorynavi_stitch_c.gif");
}

#contentsArea div.title-h2-categorynavi div.categorynavi ul li.categorynaviStitch span a {
	width: 54px;
	background-image: url("../../../items/img_common/categorynavi_stitch.gif");
}

#contentsArea div.title-h2-categorynavi div.categorynavi ul li.categorynaviStitch span a:hover {
	background-image: url("../../../items/img_common/categorynavi_stitch_c.gif");
}


#contentsArea div.title-h2-categorynavi div.categorynavi ul li.categorynaviSpec {
	width: 40px;
}

#contentsArea div.title-h2-categorynavi div.categorynavi ul li.categorynaviSpec span {
	width: 35px;
	background-image: url("../../../items/img_common/categorynavi_spec_c.gif");
}

#contentsArea div.title-h2-categorynavi div.categorynavi ul li.categorynaviSpec span a {
	width: 35px;
	background-image: url("../../../items/img_common/categorynavi_spec.gif");
}

#contentsArea div.title-h2-categorynavi div.categorynavi ul li.categorynaviSpec span a:hover {
	background-image: url("../../../items/img_common/categorynavi_spec_c.gif");
}

#contentsArea div.title-h2-categorynavi div.categorynavi ul li.categorynaviCatalog {
	width: 73px;
}

#contentsArea div.title-h2-categorynavi div.categorynavi ul li.categorynaviCatalog span {
	width: 70px;
	background-image: url("../../../items/img_common/categorynavi_catalog_c.gif");
}

#contentsArea div.title-h2-categorynavi div.categorynavi ul li.categorynaviCatalog span a {
	width: 70px;
	background-image: url("../../../items/img_common/categorynavi_catalog.gif");
}

#contentsArea div.title-h2-categorynavi div.categorynavi ul li.categorynaviCatalog span a:hover {
	background-image: url("../../../items/img_common/categorynavi_catalog_c.gif");
}

/*イレギュラー*/
#contentsArea div.title-h2-categorynavi div.categorynavi ul li.categorynaviDownload {
	width: 73px;
}

#contentsArea div.title-h2-categorynavi div.categorynavi ul li.categorynaviDownload span {
	width: 70px;
	background-image: url("../../../items/img_common/categorynavi_download_c.gif");
}

#contentsArea div.title-h2-categorynavi div.categorynavi ul li.categorynaviDownload span a {
	width: 70px;
	background-image: url("../../../items/img_common/categorynavi_download.gif");
}

#contentsArea div.title-h2-categorynavi div.categorynavi ul li.categorynaviDownload span a:hover {
	background-image: url("../../../items/img_common/categorynavi_download_c.gif");
}

#contentsArea div.subContents div.download {
	
}

/* 2. item-keyvisual
-----------------------------------------------	*/
#subContents div.item-keyvisual {
	width: 534px;
	height: 254px;
	margin-bottom: 6px;
	padding: 7px;
	background-image: url("../../../items/img_common/keyvisual_background.gif");
	background-repeat: no-repeat;
	background-position: left top;
}

#subContents div.item-keyvisual p {
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 100%;
}


/* 6. item-pointlist
-----------------------------------------------	*/
#subContents div.item-pointlist {
	width: 550px;
	padding-bottom: 30px;
}

#subContents div.item-pointlist ul li {
	float: left;
	width: 185px;
	margin-bottom: 5px;
	text-align: right;
}

#subContents div.item-pointlist ul li.head {
	float: left;
	width: 180px;
}


/* 7. spec table
-----------------------------------------------	*/
#subContents div.cell3 table.specTable {
	width: 550px;
	padding-bottom: 10px;
	border-collapse: collapse;
	border: solid 1px #CCCCCC;
	font-size: 80%;
}

#subContents div.cell3 table.specTable colgroup.finding {
	width: 60%;
}

#subContents div.cell3 table.specTable colgroup.finding col {
	width: 30%;
}

#subContents div.cell3 table.specTable colgroup.name {
	width: 40%;
}

#subContents div.cell3 table.specTable colgroup.name1 {
	width: 20%;
}

#subContents div.cell3 table.specTable colgroup.name2 {
	width: 20%;
}



#subContents div.cell3 table.specTable th {
	padding: 8px 5px;
	border: solid 1px #CCCCCC;
	text-align: left;
	font-weight: normal;
}

#subContents div.cell3 table.specTable thead th {
	padding: 8px 5px;
	border: solid 1px #CCCCCC;
	text-align: center;
	font-weight: bold;
}

#subContents div.cell3 table.specTable thead th.finding {
	background-color: #EEEEEE;
}

#subContents div.cell3 table.specTable thead th.name {
	background-color: #E5F0FF;
	/* add 081030 */
	white-space: nowrap;
}

#subContents div.cell3 table.specTable thead th.name1 {
	background-color: #E5F0FF;
}

#subContents div.cell3 table.specTable thead th.name2 {
	background-color: #FFF4CC;
}

#subContents div.cell3 table.specTable td {
	padding: 8px 5px;
	border: solid 1px #CCCCCC;
	text-align: center;
}