@charset "utf-8";

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

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

.opera body{
	background:url(/material/img/service/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/service/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.pagetop{
	clear:both;
	width:547px;
	margin:0 0 30px 0;
	text-align:right;
}

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

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

#main p.figC{
	width:547px;
	margin:0 0 50px 0;
	text-align:center;
}

#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{
	width:554px;
	margin:30px 0 20px 0;
}

#main h3.service{
	clear:both;
	margin:0 0 15px 0;
	color:#292929;
	font-size:14px;
}
#main p.service{
	clear:both;
	margin:0 0 15px 0;
	color:#292929;
	font-size:14px;
	font-weight:bold;
}

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

#main p.title_bold{
	margin:0 0 12px 10px;
	color:#292929;
	font-size:12px;
	font-weight:bold;
}

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

/* serviceRelated
----------------------------------------- */
div.serviceRelated{
	clear:both;
	margin:30px 0 30px 0;
}

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

div.serviceRelated 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.serviceRelated ul.normal{
	float:none;
}

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

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

div.serviceRelated ul li{
	margin:0 0 3px 0;
}

/* pointBox
----------------------------------------- */
div.pointBox{
	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 span{
	color:#CC0000;
}

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;
}

/* pointBox2
----------------------------------------- */
div.pointBox2{
	width:525px;
	margin:0 0 20px 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.pointBox2 span{
	color:#CC0000;
}

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

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

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

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

/* 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:64px;
	float:left;
}

div.serviceBox div.rightBox{
	float:left;
	width:483px;
	padding:0 0 0 10px;
}

div.serviceBox div.rightBox p.serviceList{
	width:483px!important;
	padding:0!important;
	margin:0!important;
}

div.serviceBox h4{
	width:483px;
	font-size:100%;
}

div.serviceBox h5{
	width:483px;
	font-size:100%;
}

div.serviceBox .serviceTitle{
	width:483px!important;
	font-weight:bold;
	padding:0!important;
	margin:0!important;
}

/* 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%;
}

/* flow
----------------------------------------- */
#flow h2{
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}

#flow div.txt{
	width:493px;
	margin:0 0 0 44px;
	padding:10px;
	border:1px solid #d3d3d3;
}

* html #flow div.txt {
	width:515px;
}

#flow div.txt p{
	width:100%;
	margin:0;
	line-height:130%;
}
#flow div.txt p.mB{
	margin:0 0 20px 0;
}

#flow div.arrow01{
	width:515px;
	height:56px;
	margin:0 0 0 44px;
	background:url(/material/img/service/img_flow_arrow01.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	clear:both;
}
#flow div.arrow02{
	width:559px;
	height:55px;
	margin:0;
	background:url(/material/img/service/img_flow_arrow02.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	clear:both;
}
#flow div.arrow03{
	width:559px;
	height:55px;
	margin:0;
	background:url(/material/img/service/img_flow_arrow03.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	clear:both;
}
#flow div.arrow04{
	width:559px;
	height:55px;
	margin:0;
	background:url(/material/img/service/img_flow_arrow04.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	clear:both;
}

#flow div.flow01{
	width:559px;
	height:298px;
	background:url(/material/img/service/img_flow_bg01.gif) no-repeat left top;
}
#flow div.flow01 h3.ttl01{
	width:515px;
	height:37px;
	margin:0 0 0 44px;
	background:url(/material/img/service/img_flow_ttl01.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
#flow div.flow01 h3.ttl02{
	width:515px;
	height:37px;
	margin:0 0 0 44px;
	background:url(/material/img/service/img_flow_ttl02.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}

#flow div.flow02{
	width:559px;
	height:463px;
	background:url(/material/img/service/img_flow_bg02.gif) no-repeat left top;
}
#flow div.flow02 h3.ttl03{
	width:515px;
	height:37px;
	margin:0 0 0 44px;
	background:url(/material/img/service/img_flow_ttl03.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}

#flow div.flow03{
	width:559px;
	height:530px;
	background:url(/material/img/service/img_flow_bg03.gif) no-repeat left top;
}
#flow div.flow03 h3.ttl04{
	width:515px;
	height:37px;
	margin:0 0 0 44px;
	background:url(/material/img/service/img_flow_ttl04.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
#flow div.flow03 h3.ttl05{
	width:515px;
	height:37px;
	margin:0 0 0 44px;
	background:url(/material/img/service/img_flow_ttl05.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}

#flow div.flow04{
	width:559px;
	height:436px;
	background:url(/material/img/service/img_flow_bg04.gif) no-repeat left top;
}
#flow div.flow04 h3.ttl06{
	width:515px;
	height:37px;
	margin:0 0 0 44px;
	background:url(/material/img/service/img_flow_ttl06.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
#flow div.flow04 h3.ttl07{
	width:515px;
	height:37px;
	margin:0 0 0 44px;
	background:url(/material/img/service/img_flow_ttl07.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}

* html #flow{
	margin:0 0 0 -1px;
}

#flow div.flow02Column{
	width:496px;
	height:152px;
	margin:30px 0 0 54px;
	background:url(/material/img/service/img_flow_column01.gif) no-repeat left top;
}

#flow div.flow02Column h4{
	width:496px;
	height:47px;
	background:url(/material/img/service/img_flow_column01_h4.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
#flow div.flow02Column p{
	width:456px;
	margin:0 0 0 18px;
	line-height:1.2em;
}
#flow div.flow02Column p.btn{
	width:456px;
	margin:15px 0 0 18px;
	text-align:right;
}

#flow div.flow03Column{
	width:496px;
	height:157px;
	margin:30px 0 0 54px;
	background:url(/material/img/service/img_flow_column02.gif) no-repeat left top;
}
#flow div.flow03Column h4{
	width:496px;
	height:47px;
	background:url(/material/img/service/img_flow_column02_h4.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
#flow div.flow03Column p{
	width:456px;
	margin:0 0 0 18px;
	line-height:1.2em;
}
#flow div.flow03Column p.btn{
	width:456px;
	margin:15px 0 0 18px;
	text-align:right;
}

/* priceList
----------------------------------------- */
table.priceList {width:425px; margin:0 0 40px 10px; border-collapse:collapse; border:1px solid #bbd5db;}
table.priceList td {padding:8px 4px; border:1px solid #bbd5db; background:#ffffff; line-height:1.2em;}
table.priceList td.price {width:120px; text-align:right; padding-right:10px;}

/* snsList
----------------------------------------- */
table.snsList {margin:0 0 40px 10px; border-collapse:collapse; border:1px solid #bbd5db;}
table.snsList td {padding:8px 4px; border:1px solid #bbd5db; background:#ffffff; line-height:1.2em;}
table.snsList td.item {width:120px; padding:8px 4px; border:1px solid #bbd5db; background:#ffffff; line-height:1.2em;}

#main h4.snsList {
	font-weight:bold;
	color:#292929;
	font-size:100%;
	margin:0 0 5px 10px;
}

/* btn
----------------------------------------- */

p.btnPersona{
	clear:both;
	width:547px;
	margin:0 0 30px 0;
}
p.btnPersona a{
	display:block;
	float:right;
	width:291px;
	height:24px;
	margin:0 0 20px 0;
	background:url(/material/img/service/btn_persona.gif) no-repeat left top;
	color:#626262;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	line-height:24px;
}

p.btnPersona:after{
	clear:both;
	display:block;
	content:"";
	height:1px;
	overflow:hidden;
}

p.btnIa{
	clear:both;
	width:547px;
	margin:0 0 30px 0;
}
p.btnIa a{
	display:block;
	float:right;
	width:291px;
	height:24px;
	margin:0 0 20px 0;
	background:url(/material/img/service/btn_ia.gif) no-repeat left top;
	color:#626262;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	line-height:24px;
	letter-spacing:-1.0px;
}

p.btnIa:after{
	clear:both;
	display:block;
	content:"";
	height:1px;
	overflow:hidden;
}

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


/* 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 dt.large {
letter-spacing:-1px;
}
#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:-5px 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;
}

/* introduce 20090307
----------------------------------------- */
#introduce 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 #introduce dl{
padding:0 0 10px 0;
}
*:first-child+html #introduce dl{
padding:0 0 10px 0;
}
#introduce dt{
	width:551px;
	height:22px;
	padding:0 0 14px 0;
	background:url(/material/img/common/introduce_ttl.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
* html #introduce dt{
	margin:0 0 14px 0;
}
#introduce dd{
	float:left;
	width:108px;
	margin:0 0 10px 0;
	font-size:92%;
	text-align:center;
	line-height:1.2em;
}
#introduce dd.ld{
	margin:0 0 0 6px;
}
* html #introduce dd{
	width:107px;
}
* html #introduce dd.ld{
	margin:0 0 0 3px;
}
#introduce dd img{
	border:1px solid #8b8b8b;
}
#introduce dl:after{
	clear:both;
	display:block;
	content:"";
	height:1px;
	overflow:hidden;
}

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

#merit {position:relative;}
#merit .border_bottom { border-bottom:3px solid #dde4e3; border-right:3px solid #dde4e3; width:330px;}
div.logoImg {position:absolute;left:340px; top:70px;}

#merit dl.border_bottom  dt {width:333px !important;}
#merit dl.border_bottom dd {width:300px !important;padding:0; margin:0;margin-left:20px; margin-bottom:10px}
#merit dl.border_bottom dd.alt img {margin-top:6px; vertical-align:middle;} 

div.mainte_merit {margin: 0 0 80px;}
div.mainteImg {position:absolute;left:340px; top:0;}

div.text_wapper{width: 555px;position: relative; }
div.text_wapper p{ width: 340px !important; }
div.text_wapper img{ position: absolute; top: 0; right:0; }

h1.localFlow{
	width:557px;
	height:37px;
	margin:0 0 28px 0;
	background:url(/material/img/common/bg_h1.gif) no-repeat left top;
	color:#333333;
	font-size:16px;
	font-weight:bold;
	line-height:37px;
	text-indent:9px;
}

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

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

div.serviceContact{
	width:400px;
	height:34px;
	clear:both;
	float:right;
	padding:20px 0 0 0;
}

div.serviceContact .titleName{
	float:left;
}

div.serviceContact .contactInfo{
	float:right;
}

div.serviceContact .imgFormcontact{
	width:162px;
	height:23px;
	float:right;
}

div.serviceContact .imgFormcontact a{
	display:block; 
	width:162px;
	height:23px;
	background:url(/material/img/common/img_contactInfo_btn02.gif) no-repeat left top;
}

div.serviceContact .imgFormcontact a:hover{
	visibility:visible;
}

div.serviceContact .imgFormcontact a:hover img{
	visibility:hidden;
}

p.underRelated{
	clear:both;
	padding:10px 0 0 0;
}

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;
}

div.btn_siena{
	width:425px;
	height:50px;
}


/* index cat 20090704
----------------------------------------- */

div.cat01 {
	float:left;
	margin:0 0 22px 0;
}
div.cat01 h4 a {
	display:block;
	width:134px;
	height:103px;
	background:url(/material/img/service/img_index01.jpg) no-repeat left top;
	border-left:1px solid #dcdcdc;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
div.cat01 div {
	width:134px;
	height:25px;
	background:#f0f0f0;
	border-left:1px solid #ffffff;
	text-align:center;
	line-height:25px;
}
div.cat01 div a {
	color:#0378ff;
}

div.cat02 {
	float:left;
	margin:0 0 22px 0;
}
div.cat02 h4 a {
	display:block;
	width:134px;
	height:103px;
	background:url(/material/img/service/img_index02.jpg) no-repeat left top;
	border-left:1px solid #dcdcdc;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
div.cat02 div {
	width:134px;
	height:25px;
	background:#f0f0f0;
	border-left:1px solid #ffffff;
	text-align:center;
	line-height:25px;
}
div.cat02 div a {
	color:#0378ff;
}

div.cat03 {
	float:left;
	margin:0 0 22px 0;
}
div.cat03 h4 a {
	display:block;
	width:134px;
	height:103px;
	background:url(/material/img/service/img_index03.jpg) no-repeat left top;
	border-left:1px solid #dcdcdc;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
div.cat03 div {
	width:134px;
	height:25px;
	background:#f0f0f0;
	border-left:1px solid #ffffff;
	text-align:center;
	line-height:25px;
}
div.cat03 div a {
	color:#0378ff;
}

div.cat04 {
	float:left;
	margin:0 0 22px 0;
}
div.cat04 h4 a {
	display:block;
	width:134px;
	height:104px;
	background:url(/material/img/service/img_index04.jpg) no-repeat left top;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
div.cat04 div {
	width:134px;
	height:25px;
	background:#f0f0f0;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	text-align:center;
	line-height:25px;
}
div.cat04 div a {
	color:#0478ff;
}

div.cat05 {
	float:left;
	margin:0 0 22px 0;
}
div.cat05 h4 a {
	display:block;
	width:134px;
	height:104px;
	background:url(/material/img/service/img_index05.jpg) no-repeat left top;
	border-left:1px solid #dcdcdc;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
div.cat05 div {
	width:134px;
	height:25px;
	background:#f0f0f0;
	border-left:1px solid #ffffff;
	text-align:center;
	line-height:25px;
}
div.cat05 div a {
	color:#0478ff;
}

div.cat06 {
	float:left;
	margin:0 0 22px 0;
}
div.cat06 h4 a {
	display:block;
	width:134px;
	height:104px;
	background:url(/material/img/service/img_index06.jpg) no-repeat left top;
	border-left:1px solid #dcdcdc;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
div.cat06 div {
	width:134px;
	height:25px;
	background:#f0f0f0;
	border-left:1px solid #ffffff;
	text-align:center;
	line-height:25px;
}
div.cat06 div a {
	color:#0478ff;
}

div.cat07 {
	float:left;
	margin:0 0 22px 0;
}
div.cat07 h4 a {
	display:block;
	width:134px;
	height:104px;
	background:url(/material/img/service/img_index07.jpg) no-repeat left top;
	border-left:1px solid #dcdcdc;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
div.cat07 div {
	width:134px;
	height:25px;
	background:#f0f0f0;
	border-left:1px solid #ffffff;
	text-align:center;
	line-height:25px;
}
div.cat07 div a {
	color:#0478ff;
}

div.cat08 {
	float:left;
	margin:0 0 22px 0;
}
div.cat08 h4 a {
	display:block;
	width:134px;
	height:104px;
	background:url(/material/img/service/img_index08.jpg) no-repeat left top;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
div.cat08 div {
	width:134px;
	height:25px;
	background:#f0f0f0;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	text-align:center;
	line-height:25px;
}
div.cat08 div a {
	color:#0478ff;
}

div.cat09 {
	float:left;
	margin:0 0 22px 0;
}
div.cat09 h4 a {
	display:block;
	width:134px;
	height:104px;
	background:url(/material/img/service/img_index09.jpg) no-repeat left top;
	border-left:1px solid #dcdcdc;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
div.cat09 div {
	width:134px;
	height:25px;
	background:#f0f0f0;
	border-left:1px solid #ffffff;
	text-align:center;
	line-height:25px;
}
div.cat09 div a {
	color:#0478ff;
}

div.cat10 {
	float:left;
	margin:0 0 22px 0;
}
div.cat10 h4 a {
	display:block;
	width:134px;
	height:104px;
	background:url(/material/img/service/img_index10.jpg) no-repeat left top;
	border-left:1px solid #dcdcdc;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
div.cat10 div {
	width:134px;
	height:25px;
	background:#f0f0f0;
	border-left:1px solid #ffffff;
	text-align:center;
	line-height:25px;
}
div.cat10 div a {
	color:#0478ff;
	font-size:86%;
	letter-spacing:-1.0px;
}

div.cat11 {
	float:left;
	margin:0 0 22px 0;
}
div.cat11 h4 a {
	display:block;
	width:134px;
	height:104px;
	background:url(/material/img/service/img_index11.jpg) no-repeat left top;
	border-left:1px solid #dcdcdc;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
div.cat11 div {
	width:134px;
	height:25px;
	background:#f0f0f0;
	border-left:1px solid #ffffff;
	text-align:center;
	line-height:25px;
}
div.cat11 div a {
	color:#0478ff;
	font-size:90%;
}

div.cat12 {
	float:left;
	margin:0 0 22px 0;
}
div.cat12 h4 a {
	display:block;
	width:134px;
	height:104px;
	background:url(/material/img/service/img_index12.jpg) no-repeat left top;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
div.cat12 div {
	width:134px;
	height:25px;
	background:#f0f0f0;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	text-align:center;
	line-height:25px;
}
div.cat12 div a {
	color:#0478ff;
}

div.cat13 {
	float:left;
	margin:0 0 22px 0;
}
div.cat13 h4 a {
	display:block;
	width:134px;
	height:104px;
	background:url(/material/img/service/img_index13.jpg) no-repeat left top;
	border-left:1px solid #dcdcdc;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
div.cat13 div {
	width:134px;
	height:25px;
	background:#f0f0f0;
	border-left:1px solid #ffffff;
	text-align:center;
	line-height:25px;
}
div.cat13 div a {
	color:#0478ff;
}

div.cat14 {
	float:left;
	margin:0 0 22px 0;
}
div.cat14 h4 a {
	display:block;
	width:134px;
	height:104px;
	background:url(/material/img/service/img_index14.jpg) no-repeat left top;
	border-left:1px solid #dcdcdc;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
div.cat14 div {
	width:134px;
	height:25px;
	background:#f0f0f0;
	border-left:1px solid #ffffff;
	text-align:center;
	line-height:25px;
}
div.cat14 div a {
	color:#0478ff;
}

div.cat15 {
	float:left;
	margin:0 0 22px 0;
}
div.cat15 h4 a {
	display:block;
	width:134px;
	height:104px;
	background:url(/material/img/service/img_index15.jpg) no-repeat left top;
	border-left:1px solid #dcdcdc;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
div.cat15 div {
	width:134px;
	height:25px;
	background:#f0f0f0;
	border-left:1px solid #ffffff;
	text-align:center;
	line-height:25px;
}
div.cat15 div a {
	color:#0478ff;
}

div.cat16 {
	float:left;
	margin:0 0 22px 0;
}
div.cat16 h4 a {
	display:block;
	width:134px;
	height:104px;
	background:url(/material/img/service/img_index16.jpg) no-repeat left top;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
div.cat16 div {
	width:134px;
	height:25px;
	background:#f0f0f0;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	text-align:center;
	line-height:25px;
}
div.cat16 div a {
	color:#0478ff;
}

div.cat17 {
	float:left;
	margin:0 0 22px 0;
}
div.cat17 h4 a {
	display:block;
	width:134px;
	height:104px;
	background:url(/material/img/service/img_index17.jpg) no-repeat left top;
	border-left:1px solid #dcdcdc;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
div.cat17 div {
	width:134px;
	height:25px;
	background:#f0f0f0;
	border-left:1px solid #ffffff;
	text-align:center;
	line-height:25px;
}
div.cat17 div a {
	color:#0478ff;
}

div.cat18 {
	float:left;
	margin:0 0 22px 0;
}
div.cat18 h4 a {
	display:block;
	width:134px;
	height:104px;
	background:url(/material/img/service/img_index18.jpg) no-repeat left top;
	border-left:1px solid #dcdcdc;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
div.cat18 div {
	width:134px;
	height:25px;
	background:#f0f0f0;
	border-left:1px solid #ffffff;
	text-align:center;
	line-height:25px;
}
div.cat18 div a {
	color:#0478ff;
}

div.cat19 {
	float:left;
	margin:0 0 22px 0;
}
div.cat19 h4 a {
	display:block;
	width:134px;
	height:104px;
	background:url(/material/img/service/img_index19.jpg) no-repeat left top;
	border-left:1px solid #dcdcdc;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
div.cat19 div {
	width:134px;
	height:25px;
	background:#f0f0f0;
	border-left:1px solid #ffffff;
	text-align:center;
	line-height:25px;
}
div.cat19 div a {
	color:#0478ff;
}

div.cat20 {
	float:left;
	margin:0 0 22px 0;
}
div.cat20 h4 a {
	display:block;
	width:134px;
	height:104px;
	background:url(/material/img/service/img_index20.jpg) no-repeat left top;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
div.cat20 div {
	width:134px;
	height:25px;
	background:#f0f0f0;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	text-align:center;
	line-height:25px;
}
div.cat20 div a {
	color:#0478ff;
}

div.cat21 {
	float:left;
	margin:0 0 22px 0;
}
div.cat21 h4 a {
	display:block;
	width:134px;
	height:104px;
	background:url(/material/img/service/img_index21.jpg) no-repeat left top;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
div.cat21 div {
	width:134px;
	height:25px;
	background:#f0f0f0;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	text-align:center;
	line-height:25px;
}
div.cat21 div a {
	color:#0478ff;
}

/* meritOracle
----------------------------------------- */
#meritOracle{
	margin:0 0 30px 0;
}

#meritOracle dl{
	width:557px;
	height:200px;
	padding:0 0 20px 0;
	background:url(/material/img/common/merit_oracle_bg.gif) no-repeat;
}
#meritOracle 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;
}
#meritOracle dd{
	width:507px;
	padding:0 20px 0 30px;
	margin:0 0 18px 0;
	font-size:120%;
	font-weight:bold;
}
#meritOracle dd img{
	float:left;
	margin:0 9px 2px 0;
	vertical-align:middle;
}
#meritOracle div.bottom{
	width:551px;
	height:0px;
	border-right:3px solid #dde4e3;
	border-bottom:4px solid #dde4e3;
	border-left:3px solid #dde4e3;
}
* html #meritOracle div.bottom{
	width:557px;
	background-color:#FFFEDF;
	border-right:3px solid #dde4e3;
	border-bottom:4px solid #dde4e3;
	border-left:3px solid #dde4e3;
}

h6{
	font-size:110%;
}

div#function{
	width:537px;
	padding:0 0 0 20px;
}

div#function p{
	width:517px;
}

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

h3.serviceTop{
	font-size:12px;
	font-weight:normal;
	padding:0 0 0 10px;
}


/* SEO
----------------------------------------- */

p.seoTitle {
	width:557px;
	height:37px;
	margin:0 0 28px 0;
	background:url(/material/img/common/bg_h1.gif) no-repeat left top;
	color:#333333;
	font-size:16px;
	font-weight:bold;
	line-height:37px !important;
	text-indent:9px;
}

#merit p {
	width:507px;
	padding:0;
	margin:0;
	font-size:14px;
	font-weight:bold;
}

#merit h2.seo{
	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;
}

h3.seo {
	width:557px;
	margin:0 0 28px 0;
	color:#27614f;
	font-size:16px;
	font-weight:bold;
	line-height:130%;
}
h4.seo,
h5.seo {
	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.seo,
* html h5.seo {
	width:557px;
	height:34px;
}

#main h4.seo,
#main h5.seo {
	margin:30px 0 20px 0;
}

h4.seo img,
h5.seo img {
	margin:0 9px 0 0;
	vertical-align:middle;
}


/* ec 091021Ãô+L
----------------------------------------- */
#main div.CatchBox{
width:547px;
margin:0 0 20px 10px;
clear:both;
}
#main div.CatchBox h2{
font-weight:normal;
font-size:12px;
float:left;
margin:0;
}
#main div.CatchBox p{
margin:0;
}

#merit dl h3.catch{
	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;
}

h3.text{
width:547px;
font-weight:normal;
font-size:12px;
margin:0 0 0 10px;
}


/* serviceMenu 20100110
----------------------------------------- */
div#serviceMenu {
margin-top:15px;
}

#serviceMenu dl {
	width:557px;
/*	padding:0 0 5px 0;
	background:url(/material/img/common/serviceMenu_bg.gif) no-repeat left bottom;*/
}
#serviceMenu 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;*/
}
#serviceMenu dd {
	width:557px;
/*	padding:0 20px 0 0;
	margin:0;
	font-size:120%;
	font-weight:normal;*/
}
#serviceMenu dd p.ttl {
	width:auto !important;
	height:29px;
	margin:0 0 5px 0 !important;
	padding-left:20px;
	line-height:29px;
	font-size:114%;
	font-weight:bold;
	color:#000000;
	background:url(../img/service/servicemenu_ttl.jpg) no-repeat left top;
}
#serviceMenu dd p {
	width:auto !important;
}
#serviceMenu dd p.more {
	margin:0 0 20px 0 !important;
	padding:0 !important;
	clear:both;
}
#serviceMenu dd p.txt {
	margin:0 0 20px 15px !important;
	padding:0 !important;
}
#serviceMenu dd ul {
	margin:0 0 7px 15px;
}
#serviceMenu dd ul:after {
	clear:both;
	display:block;
	content:"";
	height:1px;
	overflow:hidden;
}
#serviceMenu dd ul li {
	float:left;
	width:150px;
	margin:0 0 3px 0;
}

/* ec 20100110
----------------------------------------- */

h2.ec {
	margin:0 0 10px 10px;
	font-size:120%;
	font-weight:bold;
}
h3.ec {
	margin:0 0 10px 10px;
	font-size:120%;
	font-weight:bold;
}

#dtShopping {
	width:547px;
	height:320px;
	background:url(/material/img/service/img_ec05.jpg) no-repeat left top;
}
#dtShopping .txt01 {
	width:250px;
	margin:0 !important;
	padding:75px 0 12px 15px !important;
}
#dtShopping .txt02 {
	width:360px;
	margin:0 !important;
	padding:0 0 12px 15px !important;
}
#dtShopping .detail {
	width:303px;
	margin:0 !important;
	padding:0 0 0 15px !important;
}


/* ec_function 20100110
----------------------------------------- */

table.ecFunctionList {
	width:537px;
	margin:0 0 20px 10px;
	border-collapse:collapse;
	border:1px solid #bbd5db;
}
table.ecFunctionList th {
	width:120px;
	padding:8px;
	background:#f9f9f4;
	border:1px solid #bbd5db;
	line-height:1.3em;
	text-align:center;
	white-space:nowrap;
}
table.ecFunctionList td {
	padding:8px;
	background:#ffffff;
	border:1px solid #bbd5db;
	line-height:1.3em;
	text-align:left;
}
table.ecFunctionList td.nw {
	white-space:nowrap;
}

p.return {
	text-align:right;
}

p.img_center{
	padding:0 0 0 80px;
}