* {margin:0; padding:0;}
img{ border:0; margin:0; padding:0;}
div{ margin:0; padding:0;}
body  {	margin: 0; padding: 0; font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',verdana,'Trebuchet MS','ＭＳ Ｐゴシック','MS P Gothic',Osaka,Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; text-align: center; background-image:url(../pic/bg-img.jpg); background-color:#fff; background-repeat:repeat-x;}
.thrColLiqHdr #container { width: 931px; height:auto;   margin: 0 auto; text-align: left; }
.thrColLiqHdr #container-2 { width: 931px; height:auto; margin: 0 auto; text-align: left; }
h1{ color:#363636; font-weight:100; padding:12px 0 0 0;}
h2{ color:#000; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:15px 0 5px 0; }
.h2li{  color:#059; border-bottom: 1px solid #ccc; padding: 5px 0px 5px 0px;}
h2 img{ margin-right:5px;}
h4{ color:#404040; font-size:17px;  font-family:Myriad Pro,Lucida Grande,Helvetica Neu,Helvetica,sans-serif;}
h3{ color:#333; font-size:14px; font-family:Myriad Pro,Lucida Grande,Helvetica Neu,Helvetica,sans-serif; border-left:1px solid #C7C6C6;
border-right:1px solid #C7C6C6;  padding-top:5px; padding-left:12px;   background-image:url(../pic/h4-bg.gif); height:25px;  background-repeat:no-repeat; }
h5{ font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:300;  }
p{ text-align:justify; color:#565656; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.5em; margin-bottom:7px;}
.pu-small-p{ font-size:10px; color:#666; font-family: Arial,Verdana, Helvetica, sans-serif;}
a{ text-align:justify; color:#565656; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.2em; margin-bottom:7px; text-decoration: none; font-weight:300;}
a:hover{ color:#239FFF; text-decoration:underline; }
.about-a{ color:#FFAD2B;}
#link-4{ background-image:url(../pic/link-4-bg.gif); background-repeat:no-repeat; width:931px; height:50px;}

#header{ background-color:#323232; }
#header #logo{ float:left; }
#fa-1 { padding:30px 0 0 150px;}
.logo-word{ font-weight:700; color:#0F8CE9;}
#fa-1 p{ font-size:25px; color:#CCC; font-family:"Times New Roman", Times, serif;}
#nav {float:left; margin:12px 0 0 15px; width:700px;}
#nav li{ float:left; list-style:none; margin:0 1px 0 0; }
#nav li a{ padding:9px 0 0 0; color:#fff; font-size:12px; font-family:Myriad Pro,Lucida Grande,Helvetica Neu,Helvetica,sans-serif; text-decoration:none; display:block; width:80px; height:31px; text-align:center;}
#nav li a:hover{ background-repeat:no-repeat; color:#239FFF; text-decoration: underline; }
#nav .homenav a:hover{ color:#fff;}
#nav .hover-down a{ background-image:url(../pic/hover-down.jpg); background-repeat:no-repeat; color:#1EBDFF;}
<!--top-link css ʼ-->
#top-link { height:20px; }
#top-link-nav { float:right; width:308px; }
#top-link-nav li{ float:left; list-style:none;   margin-left:1px; height:20px; padding:0 0 0 8px;  }
#top-link-nav li a{	font-size:12px; color:#000;}
#top-link-nav li a:hover{ }
<!--top link css -->
<!--top-logo-all css ʼ index--->
#top-logo-all{ clear:both; height:67px;}
#top-logo{ clear:both;  width:568px;}
.logo-left { float:left; }
.logo-right { padding:25px 0 0 100px;}
.logo-right p{ font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; width:404px; font-style: italic;}
<!--top-logo-all css  -->
<!--logos css ʼ index-2--->
#logos-all { }
.logos-left{ width:684px; float:left;}
.logos-left img{ float:left;}
.logos-left p{ font-size:13px; color:#294357; margin:27px 0 0 60px; font-style: italic; }
.logo-h1{ font-size:14px; font-weight:bold; color:#294357; margin:16px 0 0 60px; font-style: italic; font-family:Helvetica, sans-serif;}
.logos-right{ float:right; margin:6px 0 0 0;}
.logos-right a:hover{ color:#000;}
<!--logos css   index-2--->
<!--nav-all css ʼ -->
#nav-all{ clear:left;  height:45px;}
#nav-all li{ list-style:none; float:left;  background-repeat:no-repeat; text-align:center; height:33px; width:96px;  padding:5px 15px 0 0; margin:8px 0 0 0;}
#nav-all #pro2 { color:#fff; background-image:url(../pic/nav-1.gif);}
#nav-all .pro3 { color:#fff; background-image:url(../pic/nav-2.gif); height:33px; width:96px;}
#nav-all li p{ }
#nav-all li a{ font-size:13px; color:#239FFF; text-align:center; font-weight:600;}
#nav-all li a:hover{ color:#C4691C; text-decoration: none;}
<!--nav-all css  -->
<!-- #top-container ʼ-->
#top-container{ background-image:url(../pic/container-bg.jpg); height:404px; width:931px;}
#top-container .d1{ padding:23px 0 0 62px;}
.top-big-show { padding:40px 0 0 16px;}
.top-big-show h4{ padding-bottom:8px;}
.top-big-show .a-c{ margin:30px 0 0 0;}
.top-big-show-2 { padding:23px 0 0 13px;}
.top-big-show-2 .a-c{ margin:5px 0 0 0;}
.top-big-show-2 .a-c a{ color:#fff; font-size:15px; margin:5px 0 0 0; font-style: italic; }
.top-big-show-2 a{ font-size:27px; color:#fff; font-weight:bold; margin:0 0 7px 0;}
.top-big-show-2 a:hover{text-decoration: none;}
.top-big-show-2 p { font-size:15px; color:#99CCCC; line-height:0.9em; margin:0 0 0 3px;}
.top-big-show-2-left{ float:left;}
.top-big-show-2-right{ padding:8px 0 0 0; }
.top-big-show-2-right p{ font-size:11px;}
.a-free { color:#FF9933;}
.a-j{ color:#ffbf37;}
.top-big-show .a-c a{ color:#fff; font-size:15px; margin:30px 0 0 0; font-style: italic; }
.top-big-show a{ font-size:27px; color:#003F53; font-weight:bold; margin:0 0 7px 0;}
.top-big-show-2 .a-a { color:#fff; font-size:11px;  font-style: italic; }
.top-big-show a:hover{text-decoration: none;}
.top-big-show p { font-size:14px; color:#005570; line-height:0.9em; margin:5px 0 5px 3px; font-weight:bold;}
#top-container .top4-all { clear:both; text-align:center; padding :32px 0 0 18px; float:left; width:895px; }
.top4-all a{ color:#085BB9; font-size:14px; font-family:Myriad Pro,Lucida Grande,Helvetica Neu,Helvetica,sans-serif;}
.top1{ background-image:(../images/pdm.jpg); width:220px; height:165px; float:left; margin:0 5px 0 0;}
.top2 { background-image:url(../pic/pfm.jpg); width:220px; height:165px; float:left; margin:0 5px 0 0;}
.top4-all-name { font-size:14px; font-family:Myriad Pro,Lucida Grande,Helvetica Neu,Helvetica,sans-serif; color:#999; margin:139px 0 0 31px;}
#hot-link{ clear:both; height:25px; width:931px; }
#hot-link img{ float:left; margin:0 5px 0 15px;}
#hot-link p{  margin:0 15px 0 2px;}
<!-- #top-container -->
<!-- #center-container -->
#center-container {  width:931px; height:auto; margin:auto 0; }
#center-container-left{ clear:both; margin:8px 0 24px 0; float:left; width:634px; height:860px; background-color:#DBDEE1; border-bottom:1px solid #b1b1b1;} 
#center-container-left-2{ clear:both; margin:8px 0 0 0; float:left; width:702px; height:auto; background-color:#DBDEE1;}
#center-container-left-3{ clear:both; margin:8px 0 0 0; float:left; width:702px; height:auto; }
#center-container-left-3 a{ color:#0066CC;}
#center-container-ab{ clear:both; margin:8px 0 0 0; float:left; width:931px; height:680px; }

#center-container-right{ clear:right; margin:8px 0 0 0; float:right; width:293px; height:860px; background-color:#D8DFE5; background-image:url(../pic/center-container-right-top-.gif); background-repeat:no-repeat; border:1px solid #B1B1B1; border-top:0;}
.services-img{ float:left; margin:0 4px 5px 5px;}
#center-container-right p{ margin: 0 0 5px 18px; font-size:11px;}
#center-container-right h5{ margin: 0 0 5px 18px; }
#center-container-right-2{ clear:right; margin:8px 0 0 0; float:right; width:215px; height:auto; background-color:#D8DFE5; background-image:url(../pic/center-container-right-top-.gif); background-repeat:no-repeat;  border-top:0; border-bottom:1px solid #C7C6C6;}
#center-container-right-3{ clear:right; margin:36px 0 0 0; float:right; width:215px; height:auto; background-color:#D8DFE5; background-image:url(../pic/center-container-right-top-.gif); background-repeat:no-repeat;  border-top:0; border-bottom:1px solid #C7C6C6;}
#center-container-right-3 p{ margin: 0 0 5px 18px; font-size:11px;}
#center-container-right-3 h5{ margin: 0 0 5px 18px; }
#center-container-right-2 p{ margin: 0 0 5px 18px; font-size:11px;}
#center-container-right-2 h5{ margin: 0 0 5px 18px; }
#center-container-left .pu-1{ height:70px; border-bottom:1px solid #B1B1B1; }
.pu-1-a { float:left; width:543px; height:70px; margin-left:12px;}
.pu-1-a a{ color:#1B1B1B; font-size:17px; font-weight:600; margin:0 0 0 15px; }
.pu-1-a p{  padding:0 0 0 75px; font-size:14px; color:#2F2F37;}
.pu-1-b { float:right;}
.pu-1-a img{ float:left;}
#center-container-left .pu-2{ height:70px; border-top:1px solid #FFF; border-bottom:1px solid #B1B1B1;}
#center-container-left .pu-3{ height:70px; border-top:1px solid #FFF; border-bottom:1px solid #B1B1B1;}
#center-container-left .pu-4{ height:70px; border-top:1px solid #FFF; border-bottom:1px solid #B1B1B1;}
#center-container-left .pu-5{ height:70px; border-top:1px solid #FFF; border-bottom:1px solid #B1B1B1;}
#center-container-left .pu-6{ height:70px; border-top:1px solid #FFF; border-bottom:1px solid #B1B1B1;}
#center-container-left .pu-7{ height:70px; border-top:1px solid #FFF; border-bottom:1px solid #B1B1B1; }
#center-container-left .pu-8{ height:70px; border-top:1px solid #FFF; border-top:1px solid #FFF; }
<!-- #center-container -->
#footer { clear:both;  margin-top:72px; background-image:url(../pic/2.jpg); background-repeat:repeat-x; }
#footer-center{ border-top:1px solid #ccc;  margin: 0 auto; text-align: left; width:931px; padding-top:20px;}
#footer-center a{ color:#666; font-size:10px; text-decoration: underline; margin:0 12px 0 0;}
#footer-center a:hover {  color:#239FFF;}
.back-top{ float:right; display:block; margin:0 0 0 0; padding-right:0px; font-size:11px;}
.back-top img { margin:0 5px 0 0 ;}
.list { list-style:none; padding:10px 0 10px 10px; }
.list li { height:22px;  width:200px; }
.list a { color:#595757; font-size:12px; background:url(../pic/nav-icon.jpg) no-repeat left; padding-left:19px; }
.list-link { list-style:none; padding:3px 0 8px 10px; border-left:1px solid #C7C6C6; border-right:1px solid #C7C6C6; }
.list-link li { height:auto;  width:200px; margin-bottom:5px; }
.list-link a { color:#595757; font-size:11px; background:url(../pic/nav-icon-2.gif) no-repeat left; padding-left:19px; line-height:1.3em; }
.list-link a:hover{ color:#3399FF; text-decoration: none;}
.list-link { } 
.list-index { list-style:none; padding:3px 0 10px 10px; }
.list-index li { height:auto;  width:275px; margin-bottom:8px; padding-top:5px; }
.list-index a { color:#1b5dff; font-size:12px; background:url(../pic/nav-icon.jpg) no-repeat left; padding-left:19px; line-height:1.8em; }
.list-index a:hover{ color:#3399FF; text-decoration: none;}
.list-list { padding-left:19px;}
.image {text-align:center; padding-bottom:10px; margin-top:10px;}
.price {color:#FF0000; font-size:12px; font-weight:bold;}
.sitemapul { padding-left:120px; line-height:180%; list-style-type:disc;}
.sitemapul li {list-style-type:disc;}
#send2 {display: block; width: 47px; height: 48px; background:url(../pic/index-go.gif) no-repeat top left; text-indent: -9999px; border: none; cursor: pointer;  }
#send2:hover {background:url(../pic/index-go.gif) no-repeat 0 -96px; }
.title-2-header{ height:188px;}
.title-2-header p{ margin:0 25px 10px 0;}
.title-2-header h2{}
.title-2-header ul{ margin:9px 25px 0 15px;}
.product-info{ border:1px solid #CCCCCC; width:688px; height:172px; margin:20px 0 12px 6px; }
.product-info-left-bar{ float:left; width:272px; height:172px; border-right:1px solid #ccc;}
.product-info-left-bar img{ margin:5px 0 0 15px;}
.product-info-left-bar a{ float:left; margin-left:15px;}
.product-info-right-bar{ float:right; width:415px;   margin:0; padding:0; background-color:#E0E0E0;  }
.product-info-right-bar p{ margin:12px 0 0 0;  width:415px;  height:23px; border-bottom:1px solid #ccc; }
.product-info-right-bar .db-pwrb{ height:52px;}
.pr-us { font-weight:bold; margin-right:20px; padding-left:45px;}
.pr-v {  margin-right:20px; padding-left:46px;}
.product-info-right-bar .db-pwrb a{  margin:19px 12px 0 20px;}
.product-info-right-bar .db-pwrb img { margin-top:8px; margin-left:28px;}
<!--send -->
#contact-form { clear:both; margin:100px 0 0 0;}
div#log_info, div#log_warn, div#log_error { background:#DDDDDD none repeat scroll 0 0; display:block; margin:0 0 10px; padding:0;}
h5 { -x-system-font:none; color:#888888; font-family:Tahoma,Verdana,Sans-serif; font-size:11px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:1.5em;
margin:0 0 0.25em; padding:0.1em 0; }
.sliding-navigation-a{ font-size:13px; font-family:Myriad Pro,Lucida Grande,Helvetica Neu,Helvetica,sans-serif; color:#999; padding:141px 0 0 20px;}
ul.sliding-navigation-a{ list-style: none;  }
ul.sliding-navigation-a li{  font-family:Verdana, Arial, Helvetica, sans-serif; }
ul.sliding-navigation-a li.sliding-element-a a{ display: block; width:auto; height:16px;   color: #000;   text-decoration: none;    background:url(../pic/alllink_left.gif) no-repeat left; padding-left:15px;  }
ul.sliding-navigation-a li.sliding-element-a a:hover { color: #0893FA; background:url(../pic/alllink_left_ahover.gif) no-repeat left; }
.sliding-navigation-b{ font-size:13px; font-family:Myriad Pro,Lucida Grande,Helvetica Neu,Helvetica,sans-serif; color:#999; padding:141px 0 0 20px;}
ul.sliding-navigation-b{ list-style: none;}
ul.sliding-navigation-b li{  font-family:Verdana, Arial, Helvetica, sans-serif; }
ul.sliding-navigation-b li.sliding-element-b a{ display: block; width:auto; height:16px;  color: #000;   text-decoration: none;    background:url(../pic/alllink_left.gif) no-repeat left;  padding-left:15px;}
ul.sliding-navigation-b li.sliding-element-b a:hover { color: #0893FA; background:url(../pic/alllink_left_ahover.gif) no-repeat left;  }
.sliding-navigation-c{ font-size:13px; font-family:Myriad Pro,Lucida Grande,Helvetica Neu,Helvetica,sans-serif; color:#999; padding:141px 0 0 20px;}
ul.sliding-navigation-c{ list-style: none; }
ul.sliding-navigation-c li{  font-family:Verdana, Arial, Helvetica, sans-serif; }
ul.sliding-navigation-c li.sliding-element-c a{ display: block; width:auto; height:16px; color: #000; text-decoration: none;    background:url(../pic/alllink_left.gif) no-repeat left;  padding-left:15px;}
ul.sliding-navigation-c li.sliding-element-c a:hover { color: #0893FA; background:url(../pic/alllink_left_ahover.gif) no-repeat left;  }
.sliding-navigation-d{ font-size:13px; font-family:Myriad Pro,Lucida Grande,Helvetica Neu,Helvetica,sans-serif; color:#999; padding:141px 0 0 5px;}
ul.sliding-navigation-d{ list-style: none;}
ul.sliding-navigation-d li{  font-family:Verdana, Arial, Helvetica, sans-serif; }
ul.sliding-navigation-d li.sliding-element-d a{ display: block; width:auto; height:16px;  color: #000;   text-decoration: none;    background:url(../pic/alllink_left.gif) no-repeat left;  padding-left:10px;}
ul.sliding-navigation-d li.sliding-element-d a:hover { color: #0893FA; background:url(../pic/alllink_left_ahover.gif) no-repeat left;  }
.big-header-purchase { background-color:#DADFE2;
background-image:url(../pic/go-4.jpg);
background-repeat:no-repeat;
height:67px;
width:703px;}
.big-header-purchase h6{ color:#495762;
font-family:Myriad Pro,Lucida Grande,Helvetica Neu,Helvetica,sans-serif;
font-size:18px;
padding:16px 0 0 83px;}
.big-header-purchase p{ color:#495762;
font-size:13px;
padding:0 0 0 83px;}
.big-header-download {background-color:#DADFE2;
background-image:url(../pic/go-3.jpg);
background-repeat:no-repeat;
height:67px;
width:703px; }
.big-header-download h6{  color:#495762;
font-family:Myriad Pro,Lucida Grande,Helvetica Neu,Helvetica,sans-serif;
font-size:18px;
padding:16px 0 0 83px;}
.big-header-download p{  color:#495762;
font-size:13px;
padding:0 0 0 83px;}
.big-header-products { background-image:url(../pic/go-2.jpg); background-repeat:no-repeat; width:703px; height:67px; }
.big-header-products h6{  color:#495762;
font-family:Myriad Pro,Lucida Grande,Helvetica Neu,Helvetica,sans-serif;
font-size:18px;
padding:16px 0 0 83px;}
.big-header-products p{  color:#495762;
font-size:13px;
padding:0 0 0 83px;}
.left-padding{ padding:0 0 0 18px;}
#flash{ text-align:center;}
#next-template-icon{ margin-left:22%; padding:25px 0 0 0 ; }
#nav-next-no { height:46px; float:left;}
.ny-pagenav { border-bottom:1px dashed #ccc; margin-bottom:10px; padding-top:5px;}
.ny-pagenav a{ font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#0066CC; text-decoration: none;}
#nav-next { height:46px; float:left;}
#nav-next li{ float:left; list-style:none; margin-left:40px;}
#nav-next li a{ color:#294C53; font-size:11px; font-weight:700; text-decoration:none; display:block;text-align:center; background-image:url(../pic/next-1.jpg); width:213px; height:46px; }
#nav-next li a p{ padding:12px 0 0 28px; font-size:12px;}
#nav-next li a:hover{ clear:left; background-image:url(../pic/next-1-hover.jpg);}
#nav-next-no li{ float:left; list-style:none; margin-left:40px;}
#nav-next-no li a{ color:#294C53; font-size:11px; font-weight:700; text-decoration:none; display:block;text-align:center; background-image:url(../pic/next-no.jpg); width:213px; height:46px; }
#nav-next-2 { height:46px;}
#nav-next-2 li{ float:left; list-style:none; margin-left:1px;}
#nav-next-2 li a{ color:#294C53; font-size:11px; font-weight:700; text-decoration:none; display:block;text-align:center; background-image:url(../pic/next-2.jpg); width:215px; height:46px; }
#nav-next-2 li a p{ padding:12px 0 0 28px; font-size:12px;}
#nav-next-2 li a:hover{ clear:left; background-image:url(../pic/next-2-hover.jpg);}

 .list-index-h{ float:left; padding:8px 1px 1px 25px; }
 .list-index-h a{ background:transparent url(../pic/alllink_left.gif) no-repeat scroll left center; padding-left:15px; padding-right:86px;}
 .list-index-h a:hover{background:transparent url(../pic/alllink_left_ahover.gif) no-repeat scroll left center; text-decoration: none;} 

 .list-index-i{ float:left; padding:8px 1px 1px 20px; }
 .list-index-i a{ background:transparent url(../pic/alllink_left.gif) no-repeat scroll left center; padding-left:15px; padding-right:98px;}
 .list-index-i a:hover{background:transparent url(../pic/alllink_left_ahover.gif) no-repeat scroll left center; text-decoration: none;} 

 .list-index-k{ float:left; padding:8px 1px 1px 9px; }
 .list-index-k a{ background:transparent url(../pic/alllink_left.gif) no-repeat scroll left center; padding-left:15px; padding-right:20px;}
 .list-index-k a:hover{background:transparent url(../pic/alllink_left_ahover.gif) no-repeat scroll left center; text-decoration: none;} 

#right-index-bar{ background-image:url(../pic/services-s.gif); background-repeat:no-repeat;}

 .list-index-g {float:left; padding:8px 1px 1px 31px;}
 .list-index-g a {background:transparent url(../pic/alllink_left.gif) no-repeat scroll left center; padding-left:15px; padding-right:47px; }
 .list-index-g a:hover{ color:#3399FF; text-decoration: none; background:transparent url(../pic/alllink_left_ahover.gif) no-repeat scroll left center; text-decoration: none;}