/* CSS Document */

body {
	margin:0px;
	background-color:#FFFFFF;
}

form,fieldset {
	margin:0px; padding:0px; border:none;
}

h1 { 
	font-family: Arial, Helvetica, sans-serif; font-size:25px;
	font-weight:bold; color:#5DB104;
	background:url(../images/arrow02.jpg) no-repeat left top;
	margin:0px; padding:0px 0px 15px 30px;
}
p {
	font-family: Arial, Helvetica, sans-serif; font-size:14px;
	font-weight:normal; color:#000000;
	line-height:20px;
	margin:0px; padding:0px 15px 15px 0px;
}
p a:link,p a:visited {
	font-family: Arial, Helvetica, sans-serif; font-size:13px;
	font-weight:bold; color:#10638D;
	text-decoration:underline;
	margin:0px; padding:0px;
}
p a:hover {
	font-family: Arial, Helvetica, sans-serif; font-size:13px;
	font-weight:bold; color:#10638D;
	text-decoration:none;
	margin:0px; padding:0px;
}
hr {
	display:none;
}
#wrapper {
	width:100%; height:auto; float:left;
	background:url(../images/bg.jpg) repeat-x left top;
	margin:0px; padding:0px;
}

.container {
	width:1002px; height:auto;
	margin:0px auto; padding:0px; 
}
#skip {
	display:none;
}
#header {
	width:1002px; height:114px; float:left; 
	background:url(../images/bg.jpg) repeat-x;
	margin:0px; padding:0px;
}

.logo {
	padding:12px 0px 0px 0px; margin:0px;
}
#menu {
	width:730px; height:36px;
	margin:0px auto; padding:0px;
}
#menu li {
	list-style-type:none; float:left;
	margin:0px; padding:0px;
}
#menu li a {
	float:left;
	font-family: Arial, Helvetica, sans-serif; font-size:12px;
	font-weight:normal; color:#FFFFFF;
	border-right:1px solid #FFFFFF;
	text-align:center; text-decoration:none;
	margin:13px 0px 11px 0px; padding:0px 12px 0px 12px;
}
#menu li a:hover {
	color:#60D810; float:left;
	border-right:1px solid #60D810;
	margin:13px 0px 11px 0px; padding:0px 12px 0px 12px;
}
#menu .active {
	color:#60D810; float:left;
	border-right:1px solid #60D810;
	margin:13px 0px 0px 0px; padding:0px 12px 0px 12px;
}
.productbox {
	width:1002px; height:246px;
	float:left;
	background:url(../images/slantbg.jpg) repeat left top;
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
}
.photo01 {
	float:left;
	margin:0px; padding:0px;
}
.bullet01 {
	list-style-type:none;
	float:left;
	font-family: Arial, Helvetica, sans-serif; font-size:25px;
	font-weight:normal; color:#FFFFFF;
	margin:25px 0px 0px 0px; padding:0px;
}
.bullet01 li {
	background:url(../images/arrow.jpg) no-repeat left top;
	margin:0px; padding:0px 0px 10px 40px;
}

.btn01 {
	width:182px; height:25px; float:left;
	background:url(../images/btn01.jpg) no-repeat left top;
	margin:13px 15px 0px 40px; padding:0px;
}
.btn01 a:link,.btn01 a:visited {
	float:left;
	font-family: Arial, Helvetica, sans-serif; font-size:13px;
	font-weight:bold; color:#000000;
	text-decoration:none;
	margin:0px; padding:3px 0px 0px 15px;
}
.btn01 a:hover {
	float:left;
	font-family: Arial, Helvetica, sans-serif; font-size:13px;
	font-weight:bold; color:#000000;
	text-decoration:underline;
	margin:0px; padding:3px 0px 0px 15px;
}
.btn02 {
	width:82px; height:25px; float:left;
	background:url(../images/btn02.jpg) no-repeat left top;
	margin:13px 0px 0px 0px; padding:0px;
}
.btn02 a:link,.btn02 a:visited {
	float:left;
	font-family: Arial, Helvetica, sans-serif; font-size:13px;
	font-weight:bold; color:#000000;
	text-decoration:none;
	margin:0px; padding:3px 0px 0px 10px;
}
.btn02 a:hover {
	float:left;
	font-family: Arial, Helvetica, sans-serif; font-size:13px;
	font-weight:bold; color:#000000;
	text-decoration:underline;
	margin:0px; padding:3px 0px 0px 10px;
}

#middle {
	width:1002px; height:auto; float:left;
	background:url(../images/bg01.jpg) repeat-x left top; 
	margin:0px; padding:0px;
}
#middle_margin {
	width:1002px; height:auto; float:left;
	background:url(../images/middlebg.jpg) repeat-y left top;
	margin:12px 0px 7px 0px; padding:0px;
}

#middle_margin1 {
	width:1002px; height:auto; float:left;
	margin:12px 0px 7px 0px; padding:0px;
}

#left {
	width:323px; height:auto; float:left;
	margin:0px; padding:0px;
}
#right {
	width:654px; height:auto;
	float:right;
	margin:0px 0px 0px 0px; padding:0px 0px 15px 0px;
}
.box01 {
	width:296px; height:auto;
	background-color:#178DC6;
	margin:0px 0px 3px 0px; padding:11px 12px 10px 15px;
}
.ttl01 {
	font-family: Arial, Helvetica, sans-serif; font-size:22px;
	font-weight:normal; color:#FFFFFF;
	margin:0px; padding:0px 0px 5px 0px;
}
.arrow01 {
	float:right;
	margin:0px; padding:15px 0px 0px 0px;
}

.smalltext {
	font-family: Arial, Helvetica, sans-serif; font-size:12px;
	font-weight:normal; color:#ADD5EF;
	margin:0px; padding:0px 70px 5px 0px;
}

.box02 {
	width:296px; height:auto;
	background-color:#116790;
	margin:0px 0px 3px 0px; padding:11px 12px 10px 15px;
}
.box03 {
	width:296px; height:auto;
	background-color:#1C93B5;
	margin:0px 0px 3px 0px; padding:11px 12px 10px 15px;
}
.lefttext {
	font-family: Arial, Helvetica, sans-serif; font-size:14px;
	font-weight:normal; color:#333333;
	line-height:21px; text-align:justify;
	margin:0px; padding:35px 25px 15px 25px;
}

.textblock {
	width:654px; height:auto;
	margin:10px 0px 0px 0px; padding:0px;
}
.ttl_catalog {
	width:609px; height:26px;
	background:url(../images/curve01.jpg) no-repeat left top;
	font-family: Arial, Helvetica, sans-serif; font-size:25px;
	font-weight:normal; color:#5DB104;
	margin:0px; padding:12px 0px 0px 45px;
}
.ttl_catalog1 {
	width:609px; height:26px;
	font-family: Arial, Helvetica, sans-serif; font-size:25px;
	font-weight:normal; color:#5DB104;
	margin:0px; padding:12px 0px 0px 20px;
}
.contentbg {
	width:641px; height:auto; float:left;
	background:url(../images/shadebg.jpg) repeat-y left top;
	margin:0px; padding:15px 0px 0px 13px;
}
.curve02 {
	width:654px; height:30px; float:left;
	background:url(../images/curve02.jpg) no-repeat left top;
	margin:0px; padding:0px;
}

.bullet_block {
	width:290px; height:auto;
	float:left;
	margin:0px; padding:0px 10px 0px 10px;
}

.bullet_block1 {
	width:auto; height:auto;
	float:left;
	margin:0px; padding:20px 10px 0px 20px;
}

.bullet02 {
	list-style-type:none;
	font-family: Arial, Helvetica, sans-serif; font-size:14px;
	font-weight:normal; color:#000000;
	line-height:19px;
	margin:0px; padding:0px;
}
.bullet02 li {
	background:url(../images/smallarrow.gif) no-repeat left top;
	margin:0px; padding:0px 0px 10px 25px;
}

.bullet03 {
	list-style-type:none;
	font-family: "Lucida Bright" Arial, Helvetica, sans-serif; font-size:14px;
	font-weight:normal; color:#000000;
	margin:0px; padding:0px;
	line-height:20px;
}
.bullet03 li {
	background:url(../images/smallarrow.gif) no-repeat left top;
	margin:0px; padding:0px 0px 10px 25px;
}

.bullet03 li a:link,.bullet03 li a:visited {
	color:#666666;
	text-decoration:underline;
}

.bullet03 li a:hover {
text-decoration:none;
}

#footer {
	width:100%; height:auto; float:left;
	background:url(../images/footerbg.jpg) repeat-x left top;
	background-color:#FFFFFF;
	margin:0px; padding:0px 0px 15px 0px;
}
.footer_margin {
	width:1002px; height:auto; float:left; 
	background:url(../images/footerbg.jpg) repeat-x left top;
	background-color:#FFFFFF;
	margin:0px; padding:0px;
}

.block01 {
	width:720px; height:auto;
	float:left;
	border-right:1px solid #FFFFFF;
	margin:22px 0px 0px 0px; padding:0px 10px 0px 0px;
}
.block02 {
	width:250px; height:auto;
	float:right;
	margin:22px 0px 0px 0px; padding:0px 0px 0px 10px;
}
.strip {
	width:285px; height:47px;
	background:url(../images/strip.jpg) no-repeat left top;
	margin:0px 0px 5px 0px; padding:0px;
}
.strip02 {
	width:250px; height:50px;
	background:url(../images/strip02.jpg) no-repeat left top;
	margin:50px 0px 10px 0px; padding:0px;
}
.icon01 {
	width:17px; height:18px; float:left;
	background:url(../images/icon1.jpg) no-repeat left top;
	margin:18px 10px 0px 10px; padding:0px;
}
.icon02 {
	width:17px; height:15px; float:left;
	background:url(../images/icon2.jpg) no-repeat left top;
	margin:18px 10px 0px 10px; padding:0px;
}
.icon03 {
	width:17px; height:17px; float:left;
	background:url(../images/icon3.jpg) no-repeat left top;
	margin:18px 10px 0px 10px; padding:0px;
}
.block_ttl {
	float:left;
	font-family: Arial, Helvetica, sans-serif; font-size:16px;
	font-weight:bold; color:#333333;
	margin:17px 10px 0px 0px; padding:0px;
}
.block_ttl01 {
	float:left;
	font-family: Arial, Helvetica, sans-serif; font-size:16px;
	font-weight:bold; color:#10638D;
	margin:17px 10px 0px 0px; padding:0px;
}
.block_ttl01 a:link,.block_ttl01 a:visited {
	float:left;
	font-family: Arial, Helvetica, sans-serif; font-size:16px;
	font-weight:bold; color:#10638D;
	text-decoration:underline;
	margin:0px; padding:0px;
}
.block_ttl01 a:hover {
	float:left;
	font-family: Arial, Helvetica, sans-serif; font-size:16px;
	font-weight:bold; color:#10638D;
	text-decoration:none;
	margin:0px; padding:0px;
}

.clientblock {
	width:720px; height:auto;
	border-bottom:1px dotted #CCCCCC;
	margin:0px 0px 10px 0px; padding:0px;
}

.clientblock p {
	font-family:  Arial, Helvetica, sans-serif; font-size:13px;
	font-weight:normal; color:#333333;
	margin:0px 0px 0px 20px; padding:0px 5px 7px 0px;
}
.more:link,.more:visited {
	font-family: Arial, Helvetica, sans-serif; font-size:12px;
	font-weight:bold; color:#116790;
	text-decoration:none;
	margin:0px; padding:0px;
}
.more:hover {
	text-decoration:underline;
}
.formdata {
	width:250px;
	margin:0px 0px 0px 20px; padding:0px 0px 10px 0px;
}
.label01 { 
	font-family: Arial, Helvetica, sans-serif; font-size:14px;
	font-weight:normal; color:#666666;
	margin:0px 0px 5px 0px; padding:0px;
}
.field01 {
	font-family: Arial, Helvetica, sans-serif; font-size:12px;
	font-weight:bold; color:#666666;
	border:1px solid #666666; background-color:#E5E5E5;
	margin:0px 0px 10px 0px; padding:1px;
}
.submitbtn {
	float:left;
	font-family: "Lucida Bright" Arial, Helvetica, sans-serif; font-size:12px;
	font-weight:bold; color:#116790; text-align:left;
	background-color:#FFFFFF;
	margin:5px 0px 0px 0px; padding:0px;
	border:none;
	cursor:pointer;
}

.detailblock {
	width:550px; height:auto;
	margin:20px auto; padding:0px;
}

.block_margin {
	width:520px; float:left;
	margin:0px 0px 10px 0px; padding:0px;
	border-bottom:1px dotted #999999;
}

.leftblock {
	width:170px; height:auto; float:left;
	font-family: Arial, Helvetica, sans-serif; font-size:14px;
	font-weight:normal; color:#000000;
	margin:0px 20px 0px 0px; padding:0px 0px 10px 10px;
}
.rightblock {
	width:310px; height:auto; float:right;
	font-family: Arial, Helvetica, sans-serif; font-size:14px;
	font-weight:normal; color:#000000;
	margin:0px; padding:0px 0px 10px 0px;
}

.btn03 {
	float:left;
	margin:20px; padding:0px;
}

.name {
	width:310px; height:auto; float:left;
	font-family: Arial, Helvetica, sans-serif; font-size:14px;
	font-weight:normal; color:#000000;
	margin:0px 20px 0px 0px; padding:0px 0px 10px 10px;
}
.view {
	width:170px; height:auto; float:right;
	font-family: Arial, Helvetica, sans-serif; font-size:14px;
	font-weight:bold; color:#000000;
	margin:0px; padding:0px 0px 10px 0px;
}
.screenshot{
	width:600px; height:450px;
	border:1px solid #999999;
	margin:0px auto 15px auto; padding:3px;
}

.back:link,.back:visited {
	width:150px; float:left;
	font-family:  Arial, Helvetica, sans-serif; font-size:14px; 
	font-weight:bold; color:#5DB104;
	text-decoration:underline;
	margin:0px; padding:10px 0px 20px 0px;
} 

.back:hover {
	text-decoration:none;	
}

.next:link,.next:visited {
	width:150px; float:right;
	font-family: Arial, Helvetica, sans-serif; font-size:14px; 
	font-weight:bold; color:#5DB104;
	text-decoration:underline;
	margin:0px; padding:10px 0px 20px 0px;
} 

.next:hover {
	text-decoration:none;	
}

.sitemap{
	list-style-type:square ; color:#10638D;
	margin:10px 0px 0px 50px; padding:0px; line-height:25px;
	
}

.sitemap li a:link,.sitemap li a:visited{
	font-family: Arial, Helvetica, sans-serif; font-size:14px;
	font-weight:bold; color:#10638D;
	margin:0px; padding:0px;
}

.sitemap li a:hover{
	text-decoration:none;
	margin:0px; padding:0px;
}

.sub_sitemap{
	list-style-type:none; color:#000000;
	margin:0px 0px 0px 25px; padding:0px; line-height:25px;
}

.sub_sitemap li a:link,.sub_sitemap li a:visited{
	font-family: Arial, Helvetica, sans-serif; font-size:14px;
	font-weight:normal; color:#000000;
	margin:0px; padding:0px;
}

.sub_sitemap li a:hover{
	text-decoration:none;
	margin:0px; padding:0px;
}

.bannerlink{
	font-family: Arial, Helvetica, sans-serif; font-size:14px;
	font-weight:bold; color:#000000;
	margin:0px; padding:0px 15px 15px 0px;
}

.instacatlogo{
	width:169px; height:51px; float:left;
	background:url(../images/instacat.gif) no-repeat;
	margin:0px; padding:0px 15px 15px 0px;
}

.instacatlogo a:link,.instacatlogo a:visited, .instacatlogo a:hover{
	width:169px; height:51px; float:left;
	display:block;
	margin:0px 0px 0px 25px; padding:0px;
}

.sub_linktous{
	font-family: Arial, Helvetica, sans-serif; font-size:18px;
	font-weight:bold; color:#5DB104;
	background:url(../images/arrow02.jpg) no-repeat left top;
	margin:0px; padding:5px 0px 15px 30px;
}

.banner01 {
	width:310px; height:65px;
	background:url(../images/banner-01.gif) no-repeat;
	margin:0px; padding:0px 15px 15px 0px; 
}

.banner01 a:link,.banner01 a:visited, .banner01 a:hover{
	width:310px; height:65px; 
	display:block;
}
.blue{
	width:45px; height:43px;
	background:url(../images/blue.gif) no-repeat;
	margin:0px; padding:0px 15px 15px 0px; 
}
.blue a:link,.blue a:hover,.blue a:visited{
	width:45px; height:43px;
	display:block;
}
.formtext {
	font-family: Arial, Helvetica, sans-serif; font-size:14px;
	font-weight:normal; color:#000000;
	vertical-align:text-top;
	margin:0px; padding:0px 0px 0px 10px;
}