/* OPUS global */
.mgb20
	{ margin-bottom:20px; }
.mgb5
	{ margin-bottom:5px; }
.mgt20
	{ margin-top:20px; }
.mgr10
	{ margin-right:10px; }
.pdb10
	{ padding-bottom:10px; }
.mgbt20
	{ margin-bottom:20px; margin-top:20px; }
.mgr5
	{ margin-right:5px; }
.cb
	{ clear:both; }
div.lnv_op
	{ width:157px; float:left; }
div.lnv_op li
	{ list-style-type:none; background:url('http://www.harudesign.com/img/nv/tri_blue.gif') no-repeat left 5px; border-top:1px dotted #666666; margin:0; padding:0 0 0 15px; font-size:8pt; }
div.lnv_op li.on a, div.lnv_op li.on a:hover, div.lnv_op li.ind0_on a, div.lnv_op li.ind0_on a:hover, div.lnv_op li.ind0_2_on a, div.lnv_op li.ind0_2_on a:hover
	{ color:#AA1E65; }
div.lnv_op li.ind0
	{ background:url('http://www.harudesign.com/img/nv/tri_blue2.gif') no-repeat left 5px; }
div.lnv_op li.ind0_on
	{ background:url('http://www.harudesign.com/img/nv/tri_purple2.gif') no-repeat left 5px; }
div.lnv_op li.ind0_2
	{ background:url('http://www.harudesign.com/img/nv/tri_blue.gif') no-repeat left 5px; }
div.lnv_op li.ind0_2_on
	{ background:url('http://www.harudesign.com/img/nv/tri_purple.gif') no-repeat left 5px; }
div.lnv_op li.ind1
	{ padding-left:30px; background:url('http://www.harudesign.com/img/nv/tri_blue.gif') no-repeat 15px 5px; }
div.lnv_op li.ind1_1
	{ border-top:none; padding-left:30px; background:url('http://www.harudesign.com/img/nv/tri_blue.gif') no-repeat 15px 5px;  }
div.lnv_op li.ind2
	{ padding-left:45px; background:url('http://www.harudesign.com/img/nv/tri_blue.gif') no-repeat 30px 5px; }
div.lnv_op li.ind2_1
	{ border-top:none; padding-left:45px; background:url('http://www.harudesign.com/img/nv/tri_blue.gif') no-repeat 30px 5px; }
div.lnv_op li.ind0_3
	{ border-top:none; background:#407FC8; color:#ffffff; }
div.lnv_op li.ind0_3 a.tt
	{ color:#ffffff; }
div.lnv_op li.on
	{ background-image:url('http://www.harudesign.com/img/nv/tri_purple.gif'); }
div.lnv_op li.last
	{ border-bottom:1px dotted #666666; }
div.lnv_op div.banner
	{ padding:10px; text-align:center; }
div.lnv_op div.blognavi
	{ margin:0 0 10px 0; padding:0; border-bottom:1px dotted #666666; }
div.lnv_op div.blognavi div.search
	{ padding:5px; text-align:right; }
div.lnv_op div.blognavi div.search input.sh
	{ width:140px; }
div.lnv_op div.blogpw
	{ padding:10px; text-align:right; }
div.lnv_op div.blogpw p
	{ padding-top:10px; font-size:8pt; }

div.main_op
	{ width:623px; float:left; padding:20px 0 0 20px; }
div.main_op h1
	{ color:#407FC8; font-size:14pt; line-height:18pt; margin-bottom:20px; }
div.main_op h1.rd
	{ color:#CC0000; margin-bottom:5px; }
div.main_op h1.bord
	{ color:#407FC8; border-left:5px solid #407FC8; font-size:10pt; line-height:12pt; padding:5px 10px; margin-bottom:20px; }
div.main_op p.fb
	{ font-weight:bold; color:#cc0000; }
div.main_op h2.bord
	{ color:#407FC8; border-left:5px solid #407FC8; font-size:10pt; line-height:12pt; padding:5px 10px; margin-bottom:10px; }

div.main_op div.minicontact
	{ width:170px; padding:2px 0 2px 5px; float:right; }
div.main_op div.minicontact div
	{ margin-bottom:2px; }
div.main_op div.minicontact p
	{ padding-left:20px; line-height:12pt; }
div.main_op div.srvhdr
	{ border-right:1px dotted #333333; margin-right:180px; padding-right:5px; padding-bottom:5px; margin-bottom:20px; }
div.main_op div.srvhdr2
	{ margin-right:180px; padding-right:5px; padding-bottom:5px; margin-bottom:20px; }
div.main_op div.srvbox
	{ background:url('../img/img_srvboxbg.gif') no-repeat; width:297px; height:137px; padding:5px; }
div.main_op div.srvbox div.h2
	{ border-bottom:1px solid #417FC8; padding-bottom:5px; margin:0 5px 5px; }
div.main_op div.srvbox h2
	{ font-size:10pt; line-height:12pt; color:#417FC8; border-left:4px solid #417FC8; padding:1px 0 1px 7px; }
div.main_op div.srvbox ul
	{ color:#417FC8; padding-left:25px; list-style-type:square; font-size:10pt; }
div.main_op div.srvbox ul span
	{ color:#333333; }
div.main_op div.srvbox2
	{ margin-left:315px; }
div.main_op div.srvbox3
	{ margin-left:309px; width:307px; }

div.main_op div.boxh2
	{ clear:both; margin-top:20px; background:#407FC8; padding:5px; margin-bottom:10px; }
div.main_op div.boxh2 h2
	{ color:#ffffff; font-size:10pt; line-height:18pt; }
div.main_op div.boxh2 p a, div.main_op div.boxh2 p a:hover
	{ color:#ffffff; font-weight:bold; line-height:18pt; }

div.main_op table.srvdetail
	{ width:100%; border-collapse:collapse; margin-bottom:20px; }
div.main_op table.srvdetail td
	{ border:1px solid #407FC8; padding:5px; }
div.main_op table.srvdetail td.nw
	{ white-space:nowrap; }


/* OPUS top */
div.main_op div.point
	{ margin-top:10px; }
div.main_op div.point p.num
	{ clear:left; background:#ff8a00; color:#ffffff; font-size:14pt; font-weight:bold; padding:3px 8px 3px 8px; float:left; }
div.main_op div.point p.cnt
	{ margin-left:30px; font-weight:bold; }
div.main_op div.point p.cnt img
	{ margin-top:10px; margin-left:5px; }
div.main_op div.point p.cnt a, div.main_op div.point p.cnt a:hover
	{ color:#CC0000; }

div.main_op div.lineup
	{ width:200px; height:200px; background:url('../img/img_service.jpg') no-repeat; float:left; margin-bottom:20px; }
div.main_op div.lineup h3
	{ font-size:12pt; line-height:14pt; height:28px; padding:13px 0 0 10px; }
div.main_op div.lineup h3 a, div.main_op div.lineup h3 a:hover
	{ color:#ffffff; }
div.main_op div.lineup p
	{ text-align:center; padding:20px 0; }
div.main_op div.lineup div
	{ padding-left:20px; }


/* page bottom - trial box */
div.main_op div.trial
	{ clear:both; background:#407FC8; border:5px solid #407FC8; }
div.main_op div.trial p
	{ color:#ffffff; font-weight:bold; }
div.main_op div.trial p span
	{ font-weight:normal; }
div.main_op div.trial p.lbox
	{ padding:20px 10px 0 10px; }
div.main_op div.trial p.link
	{ width:180px; height:62px; background:url('../img/img_trial.jpg') no-repeat; text-align:center; margin-left:420px; padding-top:20px; cursor:pointer; }
div.main_op div.trial p.link a, div.main_op div.trial p.link a:hover
	{ color:#ffffff; }
div.main_op div.trial div
	{ padding:32px 10px 0 10px; }
div.main_op div.trial div img
	{ margin-right:10px; margin-top: }


/* customize */
div.main_op table.custom
	{ margin-bottom:20px; width:100%; }
div.main_op table.custom td
	{ padding:5px 30px; }
div.main_op table.custom tr.tt p
	{ text-align:center; color:#ffffff; }
div.main_op table.custom td.srn
	{ background:#9BBCE3; }
div.main_op table.custom td.men, div.main_op table.custom td.srv
	{ background:#DCDCDC; }
div.main_op table.custom tr.tt td.srn
	{ background:#417FC8; }
div.main_op table.custom tr.tt td.men
	{ background:#FF8A00; }
div.main_op table.custom tr.tt td.srv
	{ background:#CC0000; }


/* move */
div.main_op table.move
	{ margin-bottom:20px; width:100%; }
div.main_op table.move td
	{ padding:5px 30px; background:#DCDCDC; }
div.main_op table.move td.nw
	{ white-space:nowrap; }
div.main_op table.move tr.tt td
	{ background:#417FC8; }
div.main_op table.move tr.tt p
	{ text-align:center; color:#ffffff; font-weight:bold; }

div.main_op div.movenagare
	{ padding-left:20px; height:499px; margin-bottom:20px; }
div.main_op div.movenagare div
	{ float:left; }
div.main_op div.movenagare p
	{ margin-left:150px; height:40px; }
div.main_op div.movenagare p.tt
	{ color:#417FC8; font-weight:bold; height:20px; padding-top:30px; }


/* reason */
div.main_op div.reasonnvt
	{ height:20px; clear:both; padding-bottom:10px; }
div.main_op div.reasonnvb
	{ height:20px; clear:both; padding-top:20px; }
div.main_op div.reason
	{ height:69px; clear:both; }
div.main_op div.reason p.num
	{ float:left; background:#ff8a00; height:66px; width:69px; text-align:center; color:#ffffff; font-size:36pt; line-height:42pt; font-weight:bold; padding-top:3px; }
div.main_op div.reason h1.cnt
	{ color:#333333; font-size:12pt; line-height:18pt; padding-top:10px; margin:0 0 0 80px; }
div.main_op div.reason h1.cnt span
	{ color:#CC0000; }
div.main_op h2.rsn
	{ clear:both; background:#407FC8; color:#ffffff; font-size:10pt; line-height:16pt; padding:10px; margin:20px 0 10px 0; }
div.main_op h2.rsn span
	{ font-size:14pt; }
div.main_op div.imgres1
	{ margin-top:10px; margin-left:40px; }
div.main_op div.imgres2
	{ margin-top:10px; margin-left:40px; }
div.main_op div.imgres3
	{ margin-top:10px; margin-left:100px; }


/* case */
div.main_op div.casebox
	{ margin-bottom:20px; clear:both; }
div.main_op div.cnt
	{ background:#CFDFF1; padding:0 10px; width:602px; }
div.main_op div.cnt p.tt
	{ color:#407FC8; border-left:5px solid #407FC8; font-weight:bold; padding:3px 5px; margin-bottom:10px; }
div.main_op div.cnt div.casebox1
	{ border-left:5px solid #407FC8; padding:3px 5px; float:left; width:200px; clear:right; }
div.main_op div.cnt div.casebox1 h2
	{ color:#407FC8; font-size:10pt; line-height:12pt; }
div.main_op div.cnt div.casebox2
	{ border-left:5px solid #CC0000; padding:3px 5px; margin-left:220px; clear:right; }
div.main_op div.cnt div.casebox2 h2
	{ color:#CC0000; font-size:10pt; line-height:12pt; }
div.main_op div.cnt p.srv
	{ width:320px; height:22px; background:url('../img/img_casebg.gif') no-repeat; color:#ffffff; float:right; padding-top:3px; margin:0; text-align:center; }


/* process */
div.main_op div.process
	{ padding-left:20px; height:498px; margin-bottom:20px; }
div.main_op div.process div
	{ float:left; }
div.main_op div.process p
	{ margin-left:150px; height:60px; }
div.main_op div.process p.tt
	{ color:#417FC8; font-weight:bold; height:20px; padding-top:27px; }
div.main_op div.process p.tt2
	{ color:#417FC8; font-weight:bold; height:20px; padding-top:62px; }


/* compare */
div.main_op table.compare
	{ border-collapse:collapse; width:100%; margin-bottom:20px; }
div.main_op table.compare td
	{ border:1px solid #407FC8; padding:5px; }
div.main_op table.compare td p
	{ text-align:center; }
div.main_op table.compare td.al p
	{ text-align:left; }
div.main_op table.compare td.nw
	{ white-space:nowrap; }
div.main_op table.compare tr.bold p
	{ font-weight:bold; }
div.main_op table.compare tr.tt
	{ background:#CFDFF1; }
div.main_op table.compare tr.tt p
	{ font-weight:bold; }
div.main_op table.compare td.en
	{ background:#FF9A21; }
div.main_op table.compare td.en a
	{ color:#000000; }

/* Blog */

div.main_op div.main_blog div.lnv_op
	{ width:157px; float:right; }

div.main_op div.main_blog
	{ width:466px; float:left; }
div.main_op div.main_blog h1.blog
	{ color:#407FC8; border-left:5px solid #407FC8; font-size:12pt; line-height:14pt; padding:5px 10px; margin-bottom:20px; }
div.main_op div.main_blog h2.blog
	{ color:#407FC8; border-left:5px solid #407FC8; font-size:10pt; line-height:12pt; padding:5px 10px; margin-top:20px; margin-bottom:10px; }
div.main_op div.main_blog h2.blogarchive
	{ color:#407FC8; border-left:5px solid #407FC8; font-size:12pt; line-height:14pt; padding:5px 10px; margin-top:0; margin-bottom:10px; }
div.main_op div.main_blog p.blogarc
	{ font-weight:bold; }
div.main_op div.main_blog p.bloglink
	{ text-align:center; }
div.main_op div.main_blog div.blogbody
	{ padding-left:20px; padding-right:20px; padding-bottom:5px; margin-bottom:20px; }
div.main_op div.main_blog div.blogbody p.more
	{ padding-top:10px; }
div.main_op div.main_blog div.blogbody p.tags
	{ padding-left:10px; padding-top:10px; }
div.main_op div.main_blog div.blogbody p.footer
	{ text-align:right; font-size:8pt; margin-top:10px; border-top:1px solid #cccccc; padding-top:5px; }
div.main_op div.main_blog div.blogbody li
	{ list-style-type:none; background:url('http://www.harudesign.com/img/nv/tri_blue.gif') no-repeat left 5px; margin:0; padding:0 0 0 15px; }
div.main_op div.main_blog div.blogbody label
	{ font-size:10pt; }
div.main_op div.main_blog div.blogsub
	{ padding-left:10px; padding-bottom:20px; }
div.main_op div.main_blog div.blogsub p.tbcon
	{ padding-top:8px; }
div.main_op div.main_blog div.blogsub div.tbcomlist
	{ padding:5px; }
div.main_op div.main_blog div.blogsub div.tbcomlist p.footer
	{ text-align:right; font-size:8pt; margin-top:10px; border-top:1px solid #cccccc; padding-top:5px; }
div.main_op div.main_blog div.blogsub input.trackback
	{ width:300px; color:#999999; border:1px solid #999999; padding:2px; background-color:#ffffff; }
div.main_op div.main_blog div.blogsub input.comment
	{ width:250px; }
div.main_op div.main_blog div.blogsub textarea.comment
	{ font-size:10pt; width:400px; height:200px; }
div.main_op div.main_blog div.blogsub div.coment
	{ padding-top:10px; }