@charset "utf-8";

/* file Status
=========================================
	Author:					Tifana.com
	FileName:				solution.css
	LastModified:		2008/11/14
========================================= */

/* safari + Chrome + Opera
----------------------------------------- */
.safari body{
	background:url(/material/img/solution/bg_header.jpg) center top no-repeat;
}

.opera body{
	background:url(/material/img/solution/bg_header.jpg) center top no-repeat;
}

/* noscript
---------------------- */
div#noscriptMainimage{
	width:100%;
	height:246px;
	z-index:1;
	top:0;
	left:0;
	position:absolute;
	background:url(/material/img/solution/bg_header.jpg) top no-repeat;
}

div#noscriptHeader{
	width:765px;
	height:90px;
	text-align:left;
	background:url(/material/img/common/spacer.gif);
	margin:0 0 0 -383px;
	z-index:1;
	position:absolute;
	left:50%;
}

div#noscriptHeader .logo a{
	width:125px;
	height:40px;
	display:block;
	margin:0 0 0 -383px;
	position:absolute;
	top:50px;
	left:50%;
}

div#noscriptHeader #headerNavi{
	height:18px;
	display:block;
	margin:0 0 0 214px;
	position:absolute;
	top:72px;
	left:50%;
}

div#noscriptHeader #headerNavi li{
	float:left;
}

div#noscriptHeader #headerNavi li.headerNavi01{
	width:34px;
	height:18px;
}

div#noscriptHeader #headerNavi li.headerNavi02{
	width:72px;
	height:18px;
}

div#noscriptHeader #headerNavi li.headerNavi03{
	width:61px;
	height:18px;
}

div#noscriptHeader #headerNavi a{
	height:18px;
	display:block;
}

/* main
---------------------- */
#main p{
	width:547px;
	margin:0 0 20px 10px;
	line-height:150%;
}

#main p strong{
	font-weight:normal;
}

#main p.pagetop{
	clear:both;
	width:547px;
	margin:0 0 30px 0;
	text-align:right;
}

#main p.fig{
	width:547px;
	margin:0 0 50px 10px;
}

#main p img.figR{
	float:right;
	margin:0 0 20px 20px;
}
#main p img.figL{
	float:left;
	margin:0 20px 20px 0;
}

#main h1,h2,h3,h4 {
	clear:both;
}

#main h2.subCatch{
	width:547px;
	margin:0 0 20px 10px;
	line-height:150%;
	font-size:100%;
	font-weight:bold;
}

#main h2.subCatch strong{
	font-weight:normal;
}

#main p.local,
#main h3.local{
	margin:30px 0 20px 0;
}

#main h3.service{
	clear:both;
	margin:0 0 15px 0;
	color:#292929;
	font-size:14px;
}
#main h3.loyal{
	clear:both;
	margin:0 0 15px 0;
	color:#27614F;
	font-size:14px;
}

#main h4.narrow{
	letter-spacing:-1.0px;
}

#main h4.service{
	margin:0 0 12px 0;
	color:#292929;
	font-size:12px;
}

/* related
----------------------------------------- */
div#related{
	clear:both;
	margin:30px 0 30px 0;
}

div#related:after{
	clear:both;
	display:block;
	content:"";
	height:1px;
	overflow:hidden;
}

div#related div.title{
	width:557px;
	height:22px;
	margin:0 0 15px 0;
	background:url(/material/img/common/bg_related.gif) no-repeat left top;
	color:#333333;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	text-indent:22px;
}

div#related ul.normal{
	float:none;
}

div#related ul.service{
	float:left;
	width:205px;
}

div#related ul.solution{
	float:right;
	width:330px;
}

div#related ul li{
	margin:0 0 3px 0;
}

/* pointBox
----------------------------------------- */
div.pointBox{
	clear:both;
	width:525px;
	margin:0 0 50px 0;
	padding:15px 15px 0 15px;
	background:#fffedf url(/material/img/common/bg_pointBox.gif) no-repeat left top;
	border:1px solid #b7c0ca;
	border-top:none;
}

div.pointBox dt{
	width:525px;
	margin:0 0 40px 0;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	line-height:120%;
}

div.pointBox dd{
	width:525px;
	margin:0 0 15px 0;
	color:#666666;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}

div.pointBox dd.narrow{
	letter-spacing:-1.0px;
}

div.pointBox dd img{
	float:left;
	margin:0 9px 2px 0;
	vertical-align:middle;
}

div.pointBox dd span{
	font-size:12px;
	font-weight:normal;
}

/* pointBoxS
----------------------------------------- */
div.pointBoxS{
	float:left;
	width:300px;
	margin:0 15px 50px 0;
	padding:15px 15px 12px 15px;
	background:#fffedf url(/material/img/common/bg_pointBox.gif) no-repeat left top;
	border:1px solid #b7c0ca;
	border-top:none;
}

div.pointBoxS dt{
	width:310px;
	margin:-8px 0 40px 0;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	line-height:105%;
}

div.pointBoxS dd{
	width:310px;
	margin:0 0 15px 0;
	color:#666666;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	line-height:1.2em;
}

div.pointBoxS dd.narrow{
	letter-spacing:-1.0px;
}

div.pointBoxS dd img{
	float:left;
	margin:0 9px 2px 0;
	vertical-align:middle;
}

div.pointBoxFig{
	float:left;
	font-size:10px;
	text-align:center;
}

/* srvInfo
----------------------------------------- */
div.srvInfo{
	width:547px;
	margin:0 0 30px 0;
}

div.srvInfo dt{
	width:545px;
	height:23px;
	background:#27614f;
	border:1px solid #a8b3c5;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	line-height:23px;
	text-indent:10px;
}
div.srvInfo dd{
	width:545px;
	padding:10px 0 10px 0;
	border:1px solid #a8b3c5;
	border-top:none;
}
div.srvInfo dd p{
	width:515px !important;
	margin:0 0 15px 15px !important;
}

/* serviceBox
----------------------------------------- */
div.serviceBox{
	width:557px;
	clear:both;
	padding:0 0 30px 0;
}

div.serviceBox .serviceImage{
	width:105px;
	float:left;
}

div.serviceBox dl{
	width:437px;
	padding:0 0 0 15px;
	float:right;
}

div.serviceBox .serviceTitle{
	font-weight:bold;
}

/* securityExample
----------------------------------------- */
div#securityExample{
	width:547px;
	clear:both;
	margin:0 0 30px 10px;
}

div#securityExample:after{
	clear:both;
	display:block;
	content:"";
	height:1px;
	overflow:hidden;
}

div#securityExample dl{
	float:left;
	width:243px;
	padding:15px;
}

div#securityExample dd p{
	width:243px;
	margin:0;
}

div#securityExample dd p.list{
	padding:0 0 0 10px;
	line-height:110%;
}

/* solutionBox
----------------------------------------- */
div.solutionBox{
	width:557px;
	clear:both;
	padding:0 0 30px 0;
}

div.solutionBox .solutionImage{
	width:60px;
	float:left;
}

div.solutionBox dl{
	width:482px;
	padding:0 0 0 15px;
	float:right;
}

div.solutionBox .solutionTitle{
	font-weight:bold;
}

/* solutionBox2
----------------------------------------- */
div.solutionBox2{
	width:557px;
	clear:both;
	padding:0 0 30px 0;
}

div.solutionBox2 .solutionImage{
	width:70px;
	float:left;
}

div.solutionBox2 dl{
	width:472px;
	padding:0 0 0 15px;
	float:right;
}

div.solutionBox2 .solutionTitle{
	font-weight:bold;
}


/* merit 20081114
----------------------------------------- */
#merit dl{
	width:557px;
	padding:0 0 20px 0;
	background:url(/material/img/common/merit_bg.gif) repeat-y left top;
}
#merit dt{
	width:557px;
	height:43px;
	margin:0 0 20px 0;
	background:url(/material/img/common/merit_ttl.gif) no-repeat left top;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	line-height:40px;
	text-align:center;
}
#merit dd{
	width:507px;
	padding:0 20px 0 30px;
	margin:0 0 18px 0;
	font-size:120%;
	font-weight:bold;
}
#merit dd img{
	float:left;
	margin:0 9px 2px 0;
	vertical-align:middle;
}
#merit div.bottom{
	width:551px;
	height:0px;
	border-right:3px solid #dde4e3;
	border-bottom:4px solid #dde4e3;
	border-left:3px solid #dde4e3;
}
* html #merit div.bottom{
	width:557px;
	background-color:#FFFEDF;
	border-right:3px solid #dde4e3;
	border-bottom:4px solid #dde4e3;
	border-left:3px solid #dde4e3;
}

/* achievements 20081114
----------------------------------------- */
#achievements dl{
	width:551px;
	margin:0 0 33px 0;
	border-top:none;
	border-right:3px solid #dde4e3;
	border-bottom:4px solid #dde4e3;
	border-left:3px solid #dde4e3;
}
* html #achievements dl{
padding:0 0 10px 0;
}
*:first-child+html #achievements dl{
padding:0 0 10px 0;
}
#achievements dt{
	width:551px;
	height:22px;
	padding:0 0 14px 0;
	background:url(/material/img/common/achievements_ttl.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
* html #achievements dt{
	margin:0 0 14px 0;
}
#achievements dd{
	float:left;
	width:108px;
	margin:0 0 10px 0;
	font-size:92%;
	text-align:center;
	line-height:1.2em;
}
#achievements dd.ld{
	margin:0 0 0 6px;
}
* html #achievements dd{
	width:107px;
}
* html #achievements dd.ld{
	margin:0 0 0 3px;
}
#achievements dd img{
	border:1px solid #8b8b8b;
}
#achievements dl:after{
	clear:both;
	display:block;
	content:"";
	height:1px;
	overflow:hidden;
}

dd.solutionText strong{
	font-weight:normal;
}

h4.local{
	width:554px;
	height:31px;
	margin:0 0 28px 0;
	padding:3px 0 0 3px;
	background:url(/material/img/common/bg_h3.gif) no-repeat left top;
	color:#27614f;
	font-size:14px;
	font-weight:bold;
}

* html h4.local{
	width:557px;
	height:34px;
}

#main h4.local{
	margin:30px 0 20px 0;
}

h4.local img{
	margin:0 9px 0 0;
	vertical-align:middle;
}

div#merit h3{
	font-size:14px;
}

/* Oracle Btn
----------------------------------------- */
div#oracle{
	width:547px;
	height:191px;
	margin:0 auto;
	clear:both;
	padding:112px 0 0 0;
	background:url(/material/img/common/bg_oracle.gif) no-repeat;
}

div#oracle p{
	width:325px;
	line-height:180%;
}

div.btnOracle{
	width:188px;
	height:20px;
	margin:0 0 0 10px;
}


#achievements dt.worksLink a{
	display:block;
	margin-left:25px;
	width:80px;
	height:22px;
}