@charset "UTF-8";

/* 
property reset
*/
@import url("/css/reset.css");

/* 
clear tool
*/
@import url("/css/tool.css");

/* 
linkColor
*/
@import url("/css/linkcolor.css");

/* 
body,wrapper
*/
@import url("/en/css/body.css");

/* 
headSection
*/
@import url("/en/css/headsection.css");

/* 
naviBar
*/
@import url("/en/css/navibar.css");

/* 
bodySection
*/
@import url("/css/bodysection.css");

/* 
footSection
*/
@import url("/en/css/footsection.css");

/* 
topicPath
*/
@import url("/css/leftcontent/topicpath.css");

/* 
indexCommon
*/
@import url("/css/leftcontent/indexcommon.css");

/* 
contentsCommon
*/
@import url("/css/leftcontent/contentscommon.css");

/* 
searchBlock
*/
@import url("/en/css/rightcontent/searchblock.css");

/* 
supportBlock
*/
@import url("/en/css/rightcontent/supportblock.css");

/* 
relationBlock
*/
@import url("/en/css/rightcontent/relationblock.css");

/* 
productIcon
*/
@import url("/en/css/leftcontent/product/producticon.css");

/* 
indexList
*/
@import url("/css/leftcontent/product/indexlist.css");

/* 
summary
*/
@import url("/css/leftcontent/product/summary.css");

/* 
relation_product
*/
@import url("/en/css/leftcontent/product/relation_product.css");

/* 
point
*/
@import url("/css/leftcontent/product/point.css");

/*
common
*/
@import url("/css/leftcontent/product/common.css");
@import url("/en/css/leftcontent/product/common.css");

/*
jiyuwaku
*/
@import url("/css/leftcontent/product/jiyuwaku.css");
@import url("/en/css/leftcontent/product/jiyuwaku.css");

/* ---------- index style lv1 ---------- */

/* Servo Top */

.indexSummary h2 {
	background-image: url(/en/product/servo/images/index/ttl01.gif);
}

/* products */

.indexHeadline h2 {
	background-image: url(/en/product/servo/images/index/ttl01_2.gif);
}

/* ---------- index style lv2 ---------- */

/* Servo Top */

.list h2 {
	background-image: url(/en/product/servo/images/index/ttl02.gif);
}

/* ---------- index style lv3 ---------- */

/* Servo Top */

.productCategory h3.subCategory {
	text-indent: 0;
	background: url(/images/bg_subcategory.gif) repeat-y;
	padding: 2px 0 0 10px;
}

/* indexcommon reset */

.substance h3 {
	width: 559px;
	height: auto;
	text-indent: 0;
	margin-bottom: 10px;
}

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

/* mark (circle and triangle) */

img.marker {
	vertical-align:middle;
}

/* localNavi */

/* for spec (except sgm5) */

.localNavi h5 {
	font-size: 13px;
	margin-bottom: 7px;
}

/* for dimensions, models (sgm5) */

.localNavi .servo_inner {
	border-left:1px solid #D9D9D9;
	border-right:1px solid #D9D9D9;
	padding:0px 12px 5px 17px;
}

.localNavi .servo_inner h4 {
	font-size:78%;
	padding-top:5px;
}

/* dimensions */

#profile .substance dl {
	padding: 15px 0;
}

#profile .substance li {
	font-size: 100%;
}

#profile .substance dl dt {
	font-size: 78%;
	font-weight: bold;
	padding-left: 15px;
	background: url(/product/images/mark02.gif) no-repeat 0 3px;
	line-height: 135%;
}

#profile .substance dl table caption {
	padding-top: 15px;
}

#profile .substance dl dd li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding-right: 2em;
}

#profile .substance .tableCont {
	padding-top: 10px;
}

/* dimensions detail page */

#profile02 .option table {
	margin-bottom: 30px;
}

#profile02 .option table ,
#profile02 .option th ,
#profile02 .option td {
	border: none;
}

#profile02 .option th {
	background-color: #fff;
}

/* feature */

#point .substance dl dd {
	padding-bottom: 20px;
}

/* spec */

#spec .substance h5 {
	width: 100%;
	margin-top: 10px;
	font-size: 78%;
}

#spec .substance .servoSpecCon {
	margin-top: 1em;
	border-bottom: 1px dotted #C4C5C6;
}

#spec .substance .servoSpecCon .thumb img {
	width: 113px;
	height: 113px;
	border: 1px solid #ccc;
}

#spec .substance .servoSpecCon div.right {
	width: 450px;
	font-size: 78%;
}

#spec .substance .servoSpecCon div.right p {
	padding-top: 1em;
	margin-bottom: 0.5em;
}

#spec .localNavi .nav_left {
	float: left;
	width: 23em;

}
#spec .substance .servoSpecCon .right .nav_left {
	float: left;
	width: 22em;
}

#spec .localNavi .nav_left {
	font-size: 78%;
}

#spec .localNavi .nav_left dt ,
#spec .substance .servoSpecCon .right .nav_left dt {
	float: left;
	width: 13em;
	line-height: 200%;
}

#spec .localNavi .nav_left dd ,
#spec .substance .servoSpecCon .right .nav_left dd {
	margin-left: 13em;
	line-height: 200%;
}

#spec .localNavi .nav_right{
	margin-left:1em;
}

#spec .localNavi .nav_right,
#spec .substance .servoSpecCon .right .nav_right {
	float: left;
	width: 14em;
}

#spec .localNavi .nav_right ul li,
#spec .substance .servoSpecCon .right .nav_right ul li {
	margin-top: 0;
	padding-top: 0;
	line-height: 200%;
}

#spec .localNavi .nav_left dd a ,
#spec .substance .servoSpecCon .right .nav_left dd a ,
#spec .substance .servoSpecCon .right .nav_right ul li a {
	background: url(/images/common/arrow_red01.gif) no-repeat left center;
	line-height: 200%;
	white-space: nowrap;
	display: inline;
	padding-left: 10px;
}

/* for sgm2, sgm2h */

#spec .substance .servoSpecCon p span {
	display: block;
	padding-left: 8.4em;
	text-indent: -8.4em;
	
}

/* discontinued */

#discontinued .substance .tableCont {
	padding: 15px 0 10px 0;
}

#discontinued .substance .tableCont table tr.bg-gray th {
	background-color: #ECF8FF;
}

/* peripheral */

.peripheralCon dl dt.indentNote {
	padding-left: 3.1em;
	text-indent: -3.1em;
}

.peripheralCon dl dt.indentNote2 {
	padding-left: 3.1em;
	text-indent: -1em;
}

.peripheralCon dl dt.indentNote3 {
	float: none;
	padding-left: 3.1em;
	text-indent: -1.5em;
}