@charset "UTF-8";

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

/* contents
--------------------------------------------------------------------------


--------------------------------------------------------------------------
*/

/* 1. workshop-info
-----------------------------------------------	*/
div#bodySection #contentsArea div.workshop-info {
	width: 718px;
	min-height: 1%;
	padding: 20px;
	margin: 0px auto 30px auto;
	border: 1px solid #CCCCCC;
}

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

div#bodySection #contentsArea div.workshop-info div.cell1 {
	float: left;
	width: 200px;
}

div#bodySection #contentsArea div.workshop-info div.cell2 {
	float: right;
	width: 490px;
}

div#bodySection #contentsArea div.workshop-info div.cell2 div.detail {
	min-height: 1%;
	padding: 10px;
	border: 1px solid #E7E7E7;
	background-color: #F8F8F8;
}

/* -- Hack WinIE & MacIE --*/
* html div#bodySection #contentsArea div.workshop-info div.cell2 div.detail {
	/* Hides from IE5-Mac ¥*/ 
	height: 1%;
	/*end  Hides from IE5-Mac */
}
/* -- Hack WinIE & MacIE  end--*/

div#bodySection #contentsArea div.workshop-info div.cell2 div.detail dl {
	margin: 0;
	padding: 0;
}

div#bodySection #contentsArea div.workshop-info div.cell2 div.detail dl dt {
	float: left;
	width: 88px;
	margin: 0px 0px 7px 0px;
	padding: 0;
	font-size: 70%;
	background-image: url("../../../workshop/img/detail_colon.gif");
	background-repeat: no-repeat;
	background-position: 86px 5px;
}

div#bodySection #contentsArea div.workshop-info div.cell2 div.detail dl.special dt {
	background-position: 79px 5px;
}

div#bodySection #contentsArea div.workshop-info div.cell2 div.detail dl.special {
	border: 2px solid #fff;
	padding: 5px;
	background: #FEEFEF;
	margin: 0 0 10px 0;

}

div#bodySection #contentsArea div.workshop-info div.cell2 div.detail table.tbl {
	border: 1px solid #ccc;
	border-collapse: collapse;
}

div#bodySection #contentsArea div.workshop-info div.cell2 div.detail table.tbl td {
	font-size: 70%;
	padding: 5px;
	border: 1px solid #ccc;
}

div#bodySection #contentsArea div.workshop-info div.cell2 div.detail dl dd {
	float: right;
	width: 365px;
	margin: 0px 0px 7px 0px;
	padding: 0;
}


div#bodySection #contentsArea div.workshop-info div.cell2 div.detail dl dd p.floatl {
	float: left;
	width: 290px;
}

div#bodySection #contentsArea div.workshop-info div.cell2 div.detail dl dd p.floatr {
	float: right;
	width: 64px;
}


/* 2. workshop-info2
-----------------------------------------------	*/
div#bodySection #contentsArea div.workshop-info2 {
	width: 718px;
	min-height: 1%;
	padding: 20px;
	margin: 0px auto 30px auto;
	border: 1px solid #BE0D10;

}

div#bodySection #contentsArea div.blue_border {
	border: 1px solid #1D56AD;

}

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

div#bodySection #contentsArea div.workshop-info2 div.cell1 {
	float: left;
	width: 200px;
}

div#bodySection #contentsArea div.workshop-info2 div.cell2 {
	float: right;
	width: 490px;
}

div#bodySection #contentsArea div.workshop-info2 div.cell2 div.detail {
	min-height: 1%;
	padding: 10px;
	border: 1px solid #E7E7E7;
	background-color: #F8F8F8;
}

/* -- Hack WinIE & MacIE --*/
* html div#bodySection #contentsArea div.workshop-info2 div.cell2 div.detail {
	/* Hides from IE5-Mac ¥*/ 
	height: 1%;
	/*end  Hides from IE5-Mac */
}
/* -- Hack WinIE & MacIE  end--*/

div#bodySection #contentsArea div.workshop-info2 div.cell2 div.detail dl {
	margin: 0;
	padding: 0;
}

div#bodySection #contentsArea div.workshop-info2 div.cell2 div.detail dl dt {
	float: left;
	width: 95px;
	margin: 0px 0px 7px 0px;
	padding: 0;
	font-size: 70%;
	background-image: url("../../../workshop/img/detail_colon.gif");
	background-repeat: no-repeat;
	background-position: 92px 5px;
}

div#bodySection #contentsArea div.workshop-info2 div.cell2 div.detail dl dd {
	float: right;
	width: 358px;
	margin: 0px 0px 7px 0px;
	padding: 0;
}


div#bodySection #contentsArea div.workshop-info2 div.cell2 div.detail dl dd p.floatl {
	float: left;
	width: 290px;
}

div#bodySection #contentsArea div.workshop-info2 div.cell2 div.detail dl dd p.floatr {
	float: right;
	width: 64px;
}

ul.listSmall {
	font-size: 75%;
}
ul.listSmall li {
	line-height: 1.5;
}


/* 5. title H2 borderline2
	-----------------------------------------------	*/
	div#bodySection #contentsArea div.title-h2-borderline2 {
	width: 738px;
	margin: 0 auto;
	padding: 5px 10px;
	border-top: 1px solid #BE0D10;
	border-right: 1px solid #BE0D10;
	border-left: 1px solid #BE0D10;
	background-color: #BE0D10;
	color: #FFFFFF;
	}
	
	div#bodySection #contentsArea div.title-h2-borderline2 h2 {
		margin: 0;
		padding: 0;
		font-weight: bold;
		font-size: 90%;
	}

/* 5'. title H2 borderline3
	-----------------------------------------------	*/
	div#bodySection #contentsArea div.title-h2-borderline3 {
	width: 738px;
	margin: 0 auto;
	padding: 5px 10px;
	border-top: 1px solid #1D56AD;
	border-right: 1px solid #1D56AD;
	border-left: 1px solid #1D56AD;
	background-color: #1D56AD;
	color: #FFFFFF;
	}
	
	div#bodySection #contentsArea div.title-h2-borderline3 h2 {
		margin: 0;
		padding: 0;
		font-weight: bold;
		font-size: 90%;
	}
	
/* 6. margin
	-----------------------------------------------	*/
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }


/* 7. add core-ad
	_______________________________________________ */
div#bodySection #contentsArea div.workshop-info2 div.cell2 div.detail dl dd table {

}

div#bodySection #contentsArea div.workshop-info div.cell2 div.detail dl dd table td {
	font-size: 70%;
}

div#bodySection #contentsArea table.dataTable td {
	padding: 0 5px 0 0;
}

span.red {
	color: red;
}

/* 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 */