@charset "utf-8";

/* sideNavi
---------------------------*/
body.index #sideNavi li.index a,
body.feature1 #sideNavi li.feature1 a,
body.feature2 #sideNavi li.feature2 a,
body.feature3 #sideNavi li.feature3 a,
body.feature4 #sideNavi li.feature4 a,
body.modelR #sideNavi li.modelR a,
body.modelG #sideNavi li.modelG a {
	background-position:-160px 50%;
}


/*--------------------------------------
	index.html(body.index)
---------------------------------------*/

/* webtailor
---------------------------*/
#webtailor .outline {
	margin-top:10px;
}
#contents #webtailor.content .models li {
	margin-top:0px;
}
#webtailor .models {
	margin-top:10px;
}
#webtailor .models dt {
	float:left;
}

/* leitmotif
---------------------------*/
body.index #leitmotif ol.orderedDescription {
	margin:20px 10px 0;
}
body.index #leitmotif ol.orderedDescription th {
	font-size:14px;
}
body.index #leitmotif ol.orderedDescription th.num {
	background:#fff url(../../common/img/bg_orderedDescription_dt_white.jpg) no-repeat 0 50%;
}
body.index #leitmotif ol.orderedDescription th.title {
	color:#030;
	background:#fff;
}

/* feature
---------------------------*/
body.index #contents .content .feature li {
	margin-top:15px;
}
body.index .feature li a.img {
	border:none;
	display:block;
	float:left;
	width:99px;
}
body.index .feature li dl {
	float:right;
	width:385px;
}
body.index .feature li dt a {
	border:none;
}

/* example
---------------------------*/
#example ul.advantages {
	margin-top:15px;
}

/*--------------------------------------
	feature2.html(body.feature2)
---------------------------------------*/
body.feature1 #feature1 p.note {
	font-size:12px;
}
body.feature1 #feature1 p.asterisk {
	margin:8px 0 0 1em;
	text-align:left;
	text-indent:-1em;
}


/*--------------------------------------
	feature2.html(body.feature2)
---------------------------------------*/

/* optimization
---------------------------*/
body.feature2 #feature2 .optimization ul.normal {
	margin-top:15px;
}

/*--------------------------------------
	feature3.html(body.feature3)
---------------------------------------*/

/* setting
---------------------------*/
body.feature3 #feature3 .setting .fig {
	float:left;
	width:204px;
}
body.feature3 #feature3 .setting .description {
	margin-top:10px;
	float:right;
}


/*--------------------------------------
	feature4.html(body.feature4)
---------------------------------------*/

/* successPoint
---------------------------*/
body.feature4 #feature4 .successPoint .client {
	padding-bottom:36px;
	background:url(../img/bg_feature4_successPoint_client.jpg) no-repeat 50% 100%;
}
body.feature4 #feature4 .successPoint dl {
	margin:0 10px;
	border:1px solid #030;
	width:479px;
}
body.feature4 #feature4 .successPoint dt {
	padding:4px 5px 3px;
	border-bottom:1px solid #030;
	color:#fff;
	background:#387530;
	font-weight:bold;
	text-align:center;
}
body.feature4 #feature4 .successPoint dd {
	padding:0 10px 10px;
}
body.feature4 #feature4 .successPoint .us ol {
	min-height:93px;
	height:auto !important;
	height:93px;
	background:url(../img/bg_feature4_successPoint_us.jpg) no-repeat 100% 50%;
}
body.feature4 #feature4 .successPoint .us li {
	padding-right:180px;
}