@import url("SpryMenuBarHorizontal.css");
html {
width: 100%;
height: 100%;
}
body {
margin: 0;
text-align: center;
width: auto;
height: 100%;
}
img {
border: 0;
}
td {
font-family: sans-serif;
font-size: 12px;
color: #003366;
}
h1 {
font-size: 10px;
font-weight: bold;
}
h2 {
font-size: 15px;
font-weight: bold;
}
h3 {
font-size: 12px;
font-weight: bold;
}
a:link {
color: #0066FF;
text-decoration: none;
}
a:visited {
color: #3366FF;
text-decoration: none;
}
a:hover {
color: #ff3300;
text-decoration: underline;
}
.name {
border-bottom: 3px solid #33CC00;
}
.title {
background: url(../img/bg2.jpg) no-repeat;
}
.foot {
font-size: 12px;
padding: 30px 0px 2px 0px;
}
.copy {
font-size: 10px;
padding: 2px;
border-top: #003366 solid 1px;
}
.catch {
position: relative;
/*top: -1px;*/
left: 50px;
}
.menu {
background: url(../img/menu_bg.jpg) repeat-x;
}
.menu_parent {
font-weight: bold;
padding: 5px;
border-bottom: #DDD solid 1px;
background: #E8E8FF;
}
.menu_child {
font-size: 11px;
padding: 5px;
border-bottom: #DDD solid 1px;
background: #EEE;
}
.navi {
font-size: 10px;
}
.box{
border: #DDD solid 1px;
}
.news_body {
padding: 2px 5px;
border-left: #ccc solid 2px;
}
.news_title {
font-weight: bold;
padding: 2px;
border-bottom: #66CC00 solid 2px;
background: #DCFFB9;
}
.news_head {
font-weight: bold;
padding: 4px 2px;
border-bottom: #336666 solid 2px;
background: #65C200;
color: #FFF
}
.expo_head {
font-weight: bold;
padding: 4px 2px;
border-bottom: #336666 solid 2px;
background: #65C200;
color: #FFF;
}
.expo_title {
padding: 2px 5px 2px 5px;
background: #DCFFB9;
}
.expo_body {
padding: 5px;
border-bottom: #CCC dotted 2px;
}
.business_head {
font-weight: bold;
padding: 4px 2px;
margin: 0px 2px 0px 2px;
border-bottom: #FF9900 solid 2px;
background: #FFCC00;
color: #CC3333;
}
.business_body {
padding: 2px 0px 2px 5px;
font-size: 11px;
color: #CC3333;
}
.top_head {
font-weight: bold;
padding: 2px;
background: #3399CC;
color: #FFFFFF;
font-size: 13px;
}
.top_body1 {
background: url(../img/top_mill_img.jpg) no-repeat;
}
.top_body2 {
background: url(../img/j-blade.jpg) no-repeat;
}
.top_body_txt {
line-height: 20px;
position: relative;
top: 10px;
left: 50px;
}
.top_body_txt1 {
position: relative;
left: 30px;
width: 190px;
}
.top_body_txt2 {
position: relative;
left: 40px;
}
.top_body_txt3 {
position: relative;
left: 50px;
}
.top_body_txt4 {
position: relative;
left: 60px;
}
.top_body_txt5 {
position: relative;
left: 55px;
}
.top_body_txt6 {
position: relative;
left: 50px;
}
.top_body_txt7 {
position: relative;
left: 40px;
}
.read_more {
padding: 1px;
border-bottom: #999 solid 1px;
background: url(../img/news_bg.jpg) repeat-x;
}
.img-left {
margin: 0px 10px 15px 0px;
float: left;
}
.img-right {
margin: 0px 0px 15px 10px;
float: right;
}
.clear {
clear: both;
}
.example {
border-left: 4px solid #3c0;
padding: 3px 0px;
}
/*LEFT_COLUMN--------------------------------------------------------------------*/
.left_column {
margin: 0px;
float: left;
}
.left_column h1 {
margin: 0px;
padding: 0px;
}
.left_column h2 {
margin: 17px 0px 15px 0px;
padding: 0px  0px 0px 7px;
border-left: 3px solid #33CC00;
}
.left_column h3 {
margin: 17px 0px 7px  0px;
padding: 0px 0px 0px 17px;
background-image: url(../../img/point_headline1.jpg);
background-repeat: no-repeat;
background-position: left center;
}
.left_column p {
line-height: 150%;
margin: 0px;
padding: 0px 0px 12px 0px;
}
.left_column ol {
padding: 0px;
list-style-position: outside;
}
.left_column ol li {
line-height: 150%;
background: url(../img/line.gif) repeat-x left bottom;
}
.left_column li {
line-height: 150%;
margin: 0px;
}
.left_column ul {
list-style-position: outside;
}
.left_column  ul li {
line-height: 150%;
background: url(../img/line.gif) repeat-x left bottom;
}
/*CONTACT*/
.contact {
margin: 0px;
padding: 15px 0px 30px 0px;
}
.contact dl {
margin: 0px 0px 2px 0px;
padding: 0px;
border-left: 2px solid #ccc;
}
.contact dt {
font-size: 90%;
margin: 0px;
padding: 10px 0px 5px 15px;
width: 150px;
float: left;
}
.contact dd {
margin: 0px 0px 0px 160px;
padding: 8px 0px 7px 0px;
background-color: #EFECDE;
}
.contact input {
ime-mode: disabled;
}
.inquiry img {
margin: 20px 15px 40px 55px;
padding: 0px;
}
.submit {
text-align: center;
margin: 15px 0px 0px 15px;
}
/*FAQ*/
.faq {
border-left: 4px solid #3c0;
padding:3px 0px;
}
.frequently {
margin: 0px;
padding: 10px ;
}
.frequently ol {
margin: 0px 0px 0px 20px;
padding: 0px;
}
.frequently li {
margin: 0px 0px 10px 0px;
padding: 0px;
}
.sales h2 {
padding: 12px 0px 2px 0px;
}
.sales h3 {
margin: 2px 0px 2px 0px;
padding: 0px 0px 0px 15px;
background-image: url(../img/point_headline1.jpg);
background-repeat: no-repeat;
background-position: left center;
}
.products {
margin: 0px;
padding: 5px 0px 5px 0px;
}
.products h2 {
padding: 12px 0px 2px 0px;
}
.products h3 {
margin: 2px 0px 2px 0px;
padding: 0px 0px 0px 15px;
background-image: url(../img/point_headline1.jpg);
background-repeat: no-repeat;
background-position: left center;
}
.products strong {
font-size: 14px;
}
.products dl {
margin: 0px 0px 2px 0px;
padding: 0px;
border-bottom: 1px dotted #CCC;
}
.products dt {
font-size: 100%;
margin: 0px;
padding: 2px 10px 2px 10px;
width: 200px;
float: left;
font-weight: bold;
text-align: left;
}
.products dd {
margin: 0px 0px 0px 20px;
padding: 2px 0px 2px 0px;
text-align: left;
}
.aboutUs {
margin: 0px;
padding: 0px 0px 30px 0px;
}
.aboutUs dl {
margin: 0px 0px 17px 0px;
padding: 0px;
border-left: 2px solid #3c0;
border-bottom: 1px dotted #CCC;
}
.aboutUs dt {
font-size: 100%;
margin: 0px;
padding: 6px 10px 8px 10px;
width: 150px;
float: left;
font-weight: bold;
text-align: left;
}
.aboutUs dd {
margin: 0px 0px 0px 170px;
padding: 6px 0px 8px 0px;
text-align: left;
}
.aboutUs h3 {
margin: 2px 0px 2px 0px;
padding: 0px 0px 0px 15px;
background-image: url(../img/point_headline1.jpg);
background-repeat: no-repeat;
background-position: left center;
}
/*Privacy Policy*/
.privacypolicy {
padding: 0px 0px 30px 0px;
}
.privacypolicy p {
margin: 10px 0px 12px  0px;
padding: 0px 5px 0px 0px;
}
.privacypolicy dl {
line-height: 125%;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}
.privacypolicy dt {
margin: 0px 0px 10px 0px;
padding: 0px;
width: 30px;
float: left;
}
.privacypolicy dd {
margin: 0px 0px 10px 30px;
padding: 0px;
width: 450px;
}
.privacypolicy dd dl {
margin: 10px 0px 0px 0px;
padding: 0px;
font-size: 90%;
}
.privacypolicy dd dt {
margin: 0px 0px 5px 0px;
padding: 0px;
width: 30px;
float: left;
}
.privacypolicy dd dd {
margin: 0px 0px 5px 40px;
padding: 0px;
width: 300px;
}
.sitemap {
margin: 0px 0px 80px 0px;
}
.sitemap h2 {
margin: 5px 0px 5px 0px;
padding: 4px 4px 4px 10px;
border-left: 2px solid #33CC00;
}
.sitemap p {
margin: 0px 0px 0px 15px;
padding: 2px 5px 2px 10px;
border-left: 2px solid #ccc;
}
.news p {
padding:5px;
}
.left_column div.news h3 {
width: auto;
margin: 0 0 7px 0;
padding: 0 0 0 13px;
font-size: 13px;
background-image: none;
background: url(../img/point_toheadline.gif) no-repeat left center;
}
div.news dl.list {
width: 710px;
margin: 0 0 2em 0;
zoom: 1;
}
div.news dl.list:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}
div.news dl.list dt {
display: inline;
float: left;
width: 10em;
margin: 0px;
padding: 5px 7px 0px 7px;
font-weight: bold;
text-align: left;
letter-spacing: normal;
}
div.news dl.list dd {
width: 55em;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
text-align: left;
}
div.news #monthly-list {
width: auto;
}
div.news #monthly-list dt {
width: auto;
margin: 0;
padding: 0 7px;
font-weight: bold;
}
div.news #monthly-list dd {
width: auto;
margin: 0;
padding: 0 7px;
}
div.news #monthly-list dd ul {
width: auto;
margin: 0;
padding: 0;
}
div.news #monthly-list dd ul li {
width: auto;
margin: 0 0 0 1.5em;
padding: 0;
background-image: none;
}
.toheadline {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 12px;
background-image: url(../img/point_toheadline.gif);
background-repeat: no-repeat;
background-position: left center;
}
/* photovoltaic-index */
#photovoltaic-index-contents {
width: 710px;
margin: 0;
padding: 5px 0 0 0;
}
#photovoltaic-index-contents h2 {
width: auto;
margin: 1.5em 0 0.5em 0;
font-size: 15px;
}
#photovoltaic-index-contents h2.first {
margin: 0 0 0.5em 0;
}
#photovoltaic-index-contents h3 {
width: auto;
margin: 1.5em 0 0.25em 0;
font-size: 14px;
}
#photovoltaic-index-contents p {
margin: 0 0 1em 0;
}
/* solar-module */
#solar-module-contents {
width: 710px;
margin: 0;
padding: 5px 0 0 0;
zoom: 1;
}
#solar-module-contents:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}
#solar-module-contents div.right {
display: inline;
float: right;
width: 460px;
margin: 0 0 0 20px;
padding: 0;
}
#solar-module-contents div.left {
display: inline;
float: right;
width: 230px;
margin: 0;
padding: 0;
}
#solar-module-contents div.all {
clear: both;
width: 710px;
margin: 1em 0 0 0;
padding: 0;
}
#solar-module-contents p {
margin: 0 0 1em 0;
}
#solar-module-contents h3 {
width: auto;
margin: 1.5em 0 0.25em 0;
font-size: 14px;
}
#solar-module-contents div.right table.specification {
width: 460px;
border-collapse: collapse;
}
#solar-module-contents div.right table.specification tr {
background: url(../img/line.gif) repeat-x left bottom;
}
#solar-module-contents div.right table.specification th {
padding: 3px 2em 3px 0;
}
#solar-module-contents div.right table.specification td {
padding: 3px 0;
}
#solar-module-contents div.left div.specification {
width: 210px;
margin: 1em 0;
padding: 10px;
background-color: #f2f2f2;
}
#solar-module-contents div.left div.specification dl,
#solar-module-contents div.all div.notice dl {
width: auto;
margin: 0;
padding: 0;
}
#solar-module-contents div.left div.specification dl dt,
#solar-module-contents div.all div.notice dl dt {
color: #036;
font-weight: bold;
}
#solar-module-contents div.left div.specification dl dd,
#solar-module-contents div.all div.notice dl dd {
margin: 0 0 1em 0;
}
#solar-module-contents div.left div.specification dl dd ul,
#solar-module-contents div.all div.notice dl dd ul {
width: auto;
margin: 0;
padding: 0;
}
#solar-module-contents div.left div.specification dl dd ul li,
#solar-module-contents div.all div.notice dl dd ul li {
width: auto;
margin: 0 0 0 1.5em;
padding: 0;
}
#solar-module-contents div.all div.data {
width: 460px;
margin: 0;
padding: 0;
zoom: 1;
}
#solar-module-contents div.all div.data:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}
#solar-module-contents div.all table.data {
float: left;
width: auto;
border-collapse: collapse;
}
#solar-module-contents div.all table.left {
margin: 0 10px 0 0;
}
#solar-module-contents div.all table.data tr {
background: url(../img/line.gif) repeat-x left bottom;
}
#solar-module-contents div.all table.data th {
padding: 3px 2em 3px 0;
}
#solar-module-contents div.all table.data td {
padding: 3px 0;
}
#solar-module-contents div.all div.notice {
clear: both;
width: 690px;
margin: 1em 0;
padding: 10px;
background-color: #f2f2f2;
}
/* common-style */
.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.float-clear {
clear: both;
}