/*----- CSS RESET ----- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
outline:none;
color: #333333;
line-height:1.4;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
a:link {
text-decoration: none;
color: #FF3333;
font-weight: bold;
}
body {line-height: 1.4; }
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {
border-collapse: collapse;
border-spacing: 0;
}
* { margin:0; padding:0; }
/* ---- STYLE START HERE ---- */
body { font:12px Arial, Helvetica, sans-serif; background-color: #f6f6f6 /*color="#ed1c24"*/; }
p { color:#333333; line-height:1.4; font: 12px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"MS Pゴシック","MS PGothic",Sans-Serif; }
a { font:12px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"MS Pゴシック","MS PGothic",Sans-Serif; }
/* GLOBAL */
.left {
float:left;
}
.right{
float:right;
}
.clearfix{
clear: both;
}
/* HEADER */
#header {background-image: url('../images/hbar.gif'); height: 165px; }
#header .greenbar {height: 4px; display: block; background-color: #35aacd; }
#header .hcontent {width: 950px; margin: 0 auto; position:relative; }
#header .hcontent p {line-height: 19px; margin-left: 5px; font-size:11px;}
#header .hcontent #logo {position: absolute; top: 40px;}
#header .hcontent .header_info {position: absolute; top: 40px; right: 5px;}
#header .hcontent #nav {left: 0; position: absolute; top: 120px;}
#header .hcontent #nav li {display: inline; width: 190px; float:left; height: 43px; background-position:0 0;}
#header .hcontent #nav li.gnavi a.home {background:url("../images/gnavi1.png");}
#header .hcontent #nav li.gnavi a.reform_menu{background:url("../images/gnavi2.png") ;}
#header .hcontent #nav li.gnavi a.kodawari{background:url("../images/gnavi3.png");}
#header .hcontent #nav li.gnavi a.gallery{background:url("../images/gnavi4.png");}
#header .hcontent #nav li.gnavi a.flow {background:url("../images/gnavi5.png");}
#header .hcontent #nav li.gnavi a:hover,#header .hcontent #nav li .active { background-position: right bottom !important;}
#header .hcontent #nav li.gnavi {height:43px;}
#header .hcontent #nav li.gnavi a{text-align: center; display: block; width: 190px; height: 43px; background-position: 0 0;}
#header .hcontent #nav li.gnavi a.active{ background-position: right bottom !important;}
/* MAINCONTAINER */
#maincontainer { min-height: 500px; background: url("../images/body-bg.png") repeat-x scroll center top;}
#contents { margin: 0px auto; padding: 15px 0 50px; width: 950px; position:relative;}
#contents .topbanner {position: relative; width:950px; height:280px; margin-bottom:10px;}
/* Sidebars */
#contents #left {width: 220px; float: left;}
#contents #left p.contact_side {background:url("../images/contact_side.png") no-repeat; background-position:0 0;}
#contents #left p.contact_side:hover {background-position:right bottom;}
#contents #left .whiteborder{padding: 5px; background-color: #fff;}
#contents #left .sidenavi{padding: 5px; margin-top: 15px;}
#contents #left .sidenavi li.sidehead{height:34px; background-color:#f7f3ea; border-style:solid; border-width:1px 1px 0 1px; border-color: #f1ebdc;}
#contents #left .sidenavi li.others {height:46px; border-width:1px 1px 0 1px; border-color: #d8d8d8; border-style:solid; padding:1px; }
#contents #left .sidenavi li.last{border-width:1px;}
#contents #left .sidenavi li.others a{text-align: center; display: block; width: 206px; height: 46px;}
#contents #left .sidenavi li.others a{background-position: 0 0;}
#contents #left .sidenavi li.others a.active{ background-position: right bottom !important;}
#contents #left .sidenavi li.others a.toilet {background-image: url("../images/toilet.png"); }
#contents #left .sidenavi li.others a.toilet:hover { background-position: right bottom !important;}
#contents #left .sidenavi li.others a.washstand {background-image: url("../images/washstand.png");}
#contents #left .sidenavi li.others a.washstand:hover { background-position: right bottom !important;}
#contents #left .sidenavi li.others a.bathroom {background-image: url("../images/bathroom.png");}
#contents #left .sidenavi li.others a.bathroom:hover {background-position: right bottom !important;}
#contents #left .sidenavi li.others a.kitchen {background-image: url("../images/kitchen.png");}
#contents #left .sidenavi li.others a.kitchen:hover {background-position: right bottom !important;}
#contents #left .sidenavi li.others a.aircon {background-image: url("../images/aircon.png");}
#contents #left .sidenavi li.others a.aircon:hover {background-position: right bottom !important;}
#contents #left .sidenavi li.others a.introstaff{background-image: url("../images/introstaff.png");}
#contents #left .sidenavi li.others a.introstaff:hover {background-position: right bottom !important;}
#contents #left .sidenavi li.others a.customer-voice{background-image: url("../images/customer-voice.png");}
#contents #left .sidenavi li.others a.customer-voice:hover {background-position: right bottom !important;}
#contents #left .sidenavi li.others a.faq{background-image: url("../images/faq.png");}
#contents #left .sidenavi li.others a.faq:hover {background-position: right bottom !important;}
#contents #left .sidenavi li.others a.company-info{background-image: url("../images/company-info.png");}
#contents #left .sidenavi li.others a.company-info:hover {background-position: right bottom !important;}
#contents #left .sidenavi li.others a.recruit{background-image: url("../images/recruit.png");}
#contents #left .sidenavi li.others a.recruit:hover {background-position: right bottom !important;}
#contents #left .sidenavi li.others a.contact-us{background-image: url("../images/contact-us.png");}
#contents #left .sidenavi li.others a.contact-us:hover {background-position: right bottom !important;}
#contents #left .sidenavi li.others a.blog{background-image: url("../images/blog.png");}
#contents #left .sidenavi li.others a.blog:hover {background-position: right bottom !important;}
/* FOOTER */
#footer {background: url("../images/footer_bg1.gif") repeat-x scroll center top; height: 290px;}
#footer_contents { margin: 0 auto; padding: 29px 0 0; position: relative; text-align: left; width: 950px;}
#footer_menu { background-color: #FFFFFF; border: 1px solid #CCCCCC; padding: 7px 10px 5px; }
#footer_menu ul {font-size: 10px; list-style: none outside none; padding: 4px 0;}
#footer_menu li {display: inline; font-size: 12px;}
#footer_menu li a{font-size:11px; color:#35aacd; text-decoration:underline;}
#footer_menu li a:hover{font-size:11px; color:#35aacd; text-decoration:none;}
#footer_info { margin: 10px 0 10px 5px;}
#footer_info p{ font: 11px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"MS Pゴシック","MS PGothic",Sans-Serif; line-height:1.4;}
#footer_info span{ font: 12px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"MS Pゴシック","MS PGothic",Sans-Serif; line-height:1.4; font-weight:bold;}
/* COPYRIGHT */
#copyright {background: url("../images/cbackground.gif") repeat-x scroll center top transparent; height: 71px;}
#copyright_contents { margin: 0 auto; position: relative; width: 950px;}
#copyright_contents img {right: 0px; position: absolute; top: 15px;}
/* Right Content */
#right {float: right; width: 710px; min-height: 900px}
#right .bread_crumb { ont-size: 12px; color:#666666; margin: 3px 0 5px 10px;}
#right .bread_crumb a{font-size: 12px; color:#666666; text-decoration: underline;}
#right .bread_crumb a:hover{font-size: 12px; color:#666666; text-decoration: none;}
#right .banner{margin: 5px 0 21px;}
#right .description {padding: 5px 20px 10px; background-color: #fff; display: block;}
#right .description .d-head h2{margin-top:10px;}
#right .description .thin {border-bottom:#35aacd 1px solid; padding-left: 15px; padding-bottom:1px; padding-top:15px; font-weight:bold;}
#right .description .thin h3{font-size:16px;}
#right .description .thin h3 span{font-size:15px; color:#e90f40;}
/*#right .description .d-head h1 {font-size:15px; padding: 10px 0 5px 10px; font-weight: bold; }
#right .description .d-head h2 {font-size:15px; padding: 10px 0 5px 10px; font-weight: bold; }
#right .description .d-head h2 span {color:#e90f40; }
#right .description .d-head h2.right {color:#c2aa86; font-weight: normal; padding-right: 10px; font-size: 12px;padding-top: 13px;}
#right .description .d-head h2.tin{font-size: 13px;}*/
#right .description .flesh {margin: 12px; background-color:#f9f7ee}
#right .description .flesh p {padding: 15px}
#right .description .flesh p u{color:#35aacd; }/*color="#eeeeee"*/
#right .description .flesh p span{font-weight: bold;}
#right .description .flesh p a{color: #e90f40; text-decoration: underline; line-height: 19px;}
#right .description .grayline{height: 1px; background-color: #eeeeee; display: block; }
#right .description .imgmarg{margin: 20px 0;}
#right .description .flesh .grayline{height: 1px; background-color: #eeeeee; margin: 15px 10px;display: block; }
#right .description .flesh .flesh-l{padding: 15px 15px 0; float:left;}
#right .description .flesh .flesh-l p{
padding: 5px;
font-size: 12px;
color: #e90f40;
text-align: right;
}
#right .description .flesh .flesh-l p a{color: #e90f40; text-decoration: underline; line-height: 19px;}
#right .description .flesh .flesh-r{padding: 15px 15px 0; float:left; width: 360px}
#right .description .flesh .flesh-r p{padding: 5px; font-size: 12px;}
#right .description .flesh .flesh-r p a{color: #e90f40; text-decoration: underline; line-height: 19px;}
#right .description .flesh .blue-div {margin: 0 15px; background-color: #00bdff; padding: 10px;}
#right .description .flesh .white-div {margin: 0 15px; background-color: #fff; padding: 10px;}
#right .description .flesh .white-div a img:hover{
opacity:0.7;
filter: alpha(opacity=70); /* ie lt 8 */
-ms-filter: "alpha(opacity=70)"; /* ie 8 */
-moz-opacity:0.7; /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7; /* Safari 1.x */
zoom:1;
}
#right .description .flesh .white-div img.pic{padding: 0 45px 0 5px;}
#right .description .flesh .white-div img.bef{padding: 0 22px 0 7px;}
#right .description .flesh .white-div .gray-div {height: 268px; width: 189px;border: solid 1px #cccccc; margin-right: 11px; margin-bottom: 11px;}
#right .description .flesh .white-div .gray-div img { margin: 5px;}
#right .description .flesh .white-div .gray-div .gray-s {background: url("../images/templates/staff/gray-1.png"); width: 176px; height: 20px; margin: 5px;}
#right .description .flesh .white-div .gray-div .gray-s p{line-height:22px}
#right .description .flesh .white-div .gray-div p {line-height:1.4; color: #666666; padding: 0; margin: 0 15px;}
#right .description .flesh .white-div .last {margin-right: 0;}
#right .description .flesh .blue-div .corona-div {height: 210px; width: 189px; margin-right: 11px; margin-bottom: 11px;}
#right .description .flesh .blue-div .last {margin-right: 0;}
#right .description .padding {padding: 5px 10px;}
#right .description img.ten{padding: 10px;}
#right .description img.lutang{float: left;}
/*#right .description p.twel {font-size: 12px; line-height: 19px;}*/
#right .description p.c-p{margin:10px 0 40px;}
/* faq */
#right .description ul.faqul{list-style-image: url('../images/templates/faq/bullet.png'); margin: 0 25px 20px;}
#right .description ul.faqul li {padding: 2px 0}
#right .description ul.faqul li a{text-decoration: underline; }
#right .description ul.faqul li a:hover{text-decoration: none; }
#right .description .faqflesh {background-color: #F9F7EE;margin: 10px 5px; padding: 15px}
#right .description .faqflesh .white-div { background-color: #fff; padding:8px; }
#right .description .faqflesh .white-div .broken {display: block; height: 1px; width: 100%;background: url("../images/templates/faq/broken-line.png") }
#right .description .faqflesh .white-div .question {margin: 25px 5px 5px 5px; background: url("../images/templates/faq/question.png") no-repeat;}
#right .description .faqflesh .white-div .question p {margin-left: 40px; font-weight: bold; line-height: 19px; font-size: 12px}
#right .description .faqflesh .white-div .answer{background: url("../images/templates/faq/answer.png") no-repeat; margin: 5px;}
#right .description .faqflesh .white-div .answer p{margin-left: 40px; font-size: 12px; line-height: 19px;}
#right .description .faqflesh .white-div .last {margin-bottom: 20px; }
/* recruit */
#right .description {padding: 20px; background-color: #fff; display: block;}
#right .description .flesh_re {background-color: #F9F7EE; padding: 15px; margin-bottom: 20px}
#right .description .flesh_re .white-div {background-color: #fff; padding: 8px;}
#right .description .flesh_re .white-div .broken {display: block; height: 1px; width: 100%;background: url("../images/templates/faq/broken-line.png") }
#right .description .flesh_re .white-div p{padding: 20px 0 10px 10px; font-size: 12px}
#right .description .flesh_re .white-div p span {font-weight: bold; width: 110px; display: block; float: left}
#right .description .flesh_re .white-div .last {margin-bottom: 20px;}
/* company-info */
#right .cdescription {padding: 20px; background-color: #fff; display: block;}
#right .cdescription .flesh {background-color: #F9F7EE; padding: 15px; margin-bottom: 20px}
#right .cdescription .flesh .white-div {background-color: #fff; padding: 8px;}
#right .cdescription .flesh .white-div .broken {display: block; height: 1px; width: 100%;background: url("../images/templates/faq/broken-line.png") }
#right .cdescription .flesh .white-div p{padding: 20px 0 10px 10px; font-size: 12px}
#right .cdescription .flesh .white-div p span {font-weight: bold; width: 130px; display: block; float: left}
#right .cdescription .flesh .white-div .last {margin-bottom: 20px;}
/*#right .cdescription .d-head{border-style:solid; border-bottom-width:2px; border-color: #35aacd;}*/
#right .cdescription .d-head h2 {font-size:15px; padding: 10px 0 5px 0; font-weight: bold; }
#right .cdescription .d-head h2 span {color:#e90f40; }
#right .cdescription .d-head h2.right {color:#c2aa86; font-weight: normal; padding-right: 10px; font-size: 12px;padding-top: 13px;}
#right .description .d-head h2.tin{font-size: 13px;}
/* toilet */
#right .tdescription{padding: 5px 20px 10px; background-color: #fff; display: block;}
/*#right .tdescription .d-head{border-style:solid; border-bottom-width:2px; border-color: #35aacd;}*/
#right .tdescription .d-head h2 {margin-top:10px; }
#right .tdescription .d-head h2 span {color:#e90f40; }
#right .tdescription .d-head h2.right {color:#c2aa86; font-weight: normal; padding-right: 10px; font-size: 12px;padding-top: 8px;}
#right .tdescription .d-head h2.tin{font-size: 13px;}
#right .tdescription .fita h2{font-size:14px;color:#e90f40; line-height: 40px; font-weight: bold;padding-left: 8px;}
#right .tdescription .fitaa p{font-size:15px; color:#e90f40; font-weight: bold; margin-top: 10px}
/*#right .tdescription p{font-size: 12px; padding-left: 8px}*/
#right .tdescription .phara{ width:430px;}
#right .tdescription p.title {margin-top: 15px; font-weight: bold; font-size: 14px;color: #333333;}
#right .tdescription p.fita{color:#e90f40;}
#right .tdescription p.pad{padding: 15px 8px 5px; line-height: 19px}
#right .tdescription p.phar{line-height: 19px; padding-bottom: 10px}
#right .tdescription p a.mklink {margin-left:10px; color:#0066ff; text-decoration: underline;}
#right .tdescription p a.mklink:hover {margin-left:10px; color:#0066ff; text-decoration: none;}
#right .tdescription img.toto{margin: 5px 0;border: 0;}
#right .tdescription img.poster{ padding: 0 10px 10px}
#right .description img.poster{ padding: 0 10px 10px}
#right .tdescription .odd{margin: 5px 5px 5px 0;}
#right .tdescription .even{margin: 5px 0 5px 5px;}
#right .tdescription .thin {border-bottom:#35aacd 1px solid; padding-left: 15px; padding-bottom:1px; font-weight:bold;}
#right .tdescription .thin h3{font-size:16px;}
#right .tdescription .flesh {background-color: #F9F7EE; padding: 10px; margin: 10px 10px 20px; }
#right .tdescription .flesh .desc{ padding: 10px; width: 240px; height: 340px; display: block; margin-left: 10px; background-color: #fff;}
#right .tdescription .flesh .desc h2{font-size: 14px; font-weight: bold; padding-bottom: 5px}
#right .tdescription .flesh .desc h2.red{color:#e90f40; }
#right .tdescription .flesh .desc h2 span{font-size: 16px; }
#right .tdescription .flesh .desc p.black{padding-top: 10px;}
#right .tdescription .flesh .desc p.red{color:#e90f40;}
#right .tdescription .flesh .desc p a{text-decoration: underline;color:#0066ff;}
#right .tdescription .flesh .imagess {text-align: center; padding: 8px 0}
#right .tdescription .toto {padding: 10px; margin: 10px 10px 10px; border-collapse:collapse; border: 1px solid #cccccc; }
#right .tdescription .toto td{border: 1px solid #cccccc; vertical-align: top; text-align: left; margin:5px 0 0 5px}
#right .tdescription .toto td{min-height:48px;border: 1px solid #cccccc; }
/*#right .tdescription .toto td p{font-weight: bold; padding-top: 5px; line-height: 19px;}*/
#right .tdescription .toto td.t-title{vertical-align: middle; text-align: center;}
#right .tdescription .toto td.fles {background-color: #f9f7ee }
#right .tdescription .toto td.alter{background-color:#f0f0f0}
#right .tdescription .toto tr:nth-child(n+2) {height:78px}
#right .tdescription .toto td:nth-child(1) { text-align: center; width: 128px;}
#right .tdescription .toto td.alayn:nth-child(1) { text-align: left;}
#right .tdescription .toto td.fles:nth-child(2) {width:218px;}
#right .tdescription .toto td.fles:nth-child(3) {width:108px;}
#right .tdescription .toto td.fles:nth-child(4) {width:108px;}
#right .tdescription .toto td.fles:nth-child(5) {width:82px;}
#right .tdescription .toto td { text-align: center; font-weight:bold; font-size:12px; padding:5px; line-height:1.5;}
#right .tdescription .toto td.tleft { text-align: left;}
#right .tdescription .toto td span.red{color : #e90f40;}
#right .tdescription .toto td.colspan{vertical-align:middle; height: 40px}
#right .tdescription .tres{padding: 10px; margin: 10px 10px 10px; border-collapse:collapse; border: 1px solid #cccccc;}
#right .tdescription .tres td{height:48px;border: 1px solid #cccccc;vertical-align: middle;}
#right .tdescription .tres td.t-title{text-align: center;background-color: #f9f7ee}
#right .tdescription .tres td p{font-weight: bold; padding-top: 5px; line-height: 19px}
#right .tdescription .tres td:nth-child(1) {width: 347px;}
#right .tdescription .tres td:nth-child(2) {width: 108px;}
#right .tdescription .tres td:nth-child(3) {width: 191px;}
#right .tdescription .tres td p.center{text-align: center}
#right .tdescription .tres td p.red{color : #e90f40; text-align: center;}
#right .tdescription .tres td.alter{background-color:#f0f0f0}
#right .tdescription .tres td { text-align: center; font-weight:bold; font-size:12px; padding:5px; line-height:1.5;}
#right .tdescription .tres td.tleft { text-align: left;}
#right .tdescription .tres td span.red{color : #e90f40;}
#right .tdescription img.hover:hover{
opacity:0.7;
filter: alpha(opacity=70); /* ie lt 8 */
-ms-filter: "alpha(opacity=70)"; /* ie 8 */
-moz-opacity:0.7; /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7; /* Safari 1.x */
zoom:1;}
/*top*/
#right .todescription{padding: 20px; background-color: #fff; display: block;}
#right .todescription .mbanner{padding-bottom: 10px}
#right .todescription .d-head{border-style:solid; border-bottom-width:2px; border-color: #35aacd;}
#right .todescription .d-head h2 {margin-top:10px;}
#right .todescription .d-head h2 span {color:#e90f40; }
#right .todescription .odd{margin: 5px 5px 5px 0;}
#right .todescription .odd p{line-height: 19px; font-size: 12px; color:#333333;}
#right .todescription p#salespoints{ margin-left:15px; color:#333333; width:270px; height:95px;}
#right .todescription .even{margin: 5px 0 5px 5px;}
#right .todescription #news-block{width:670px; height:auto; margin-bottom:20px; background:#ffffff;}
#right .todescription .line{height:auto; margin-top: 10px;}
#right .todescription .line ul{margin: 0 10px; padding-bottom:10px; border-bottom-style:solid; border-width: 1px; border-color: #cccccc; margin-bottom:10px; height:auto;}
#right .todescription .line li {height:auto; vertical-align:middle; display:table-cell; margin-top:5px; margin-bottom:5px;}
#right .todescription .line li p{font-size: 11px; color:#666666;}
#right .todescription .line li a{color:#666666; text-decoration: underline; letter-spacing: 0px}
#right .todescription .line li a:hover{color:#666666; text-decoration: none; letter-spacing: 0px}
#right .todescription .line li a span {color:#e90f40;}
#right .todescription .line li.date {width: 98px;}
#right .todescription .line li.remarks{height:16px;}
#right .todescription .line li.conte{padding-left: 10px;}
#right .todescription .line li.pb{font-weight: bold; padding-left: 10px;}
#right .todescription p.back_number{width:100px; height:12px; margin-top:5px; margin-right: 10px; }
#right .todescription img.hover:hover{
opacity:0.7;
filter: alpha(opacity=70); /* ie lt 8 */
-ms-filter: "alpha(opacity=70)"; /* ie 8 */
-moz-opacity:0.7; /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7; /* Safari 1.x */
zoom:1;}
/* */
.inquiry_form_table {
border-collapse: collapse;
font-size: 12px;
margin: 0 auto;
width: 610px;
}
.inquiry_form_table th {
background-color: #FCFCFC;
border: 1px solid #E0E0E0;
padding: 14px 10px;
text-align: left;
vertical-align:top;
width: 200px;
}
.inquiry_form_table td {
border: 1px solid #E0E0E0;
padding: 14px 10px;
}
.inquiry_form_indispensability {
background: url("../images/ot_001.gif") no-repeat scroll right 12px transparent;
}
.inquiry_form_btn {
margin: 15px 0 25px;
text-align: center;
}
.inquiry_ip_name {
width: 165px;
}
.inquiry_ip_kana {
width: 165px;
}
.inquiry_ip_postal_code {
width: 90px;
}
.inquiry_ip_address {
width: 365px;
}
.inquiry_ip_tel {
width: 165px;
}
.inquiry_ip_mail {
width: 360px;
}
.inquiry_ta_comment {
height: 120px;
width: 360px;
}
.inquiry_form_error {
color: #e90f40;
line-height: 1.4;
margin: 15px 30px;
padding: 10px;
}
.inquiry_form_error p {
color: #e90f40;
}
.inquiry_form_error strong {
font-size: 16px;
color: #e90f40;
}
.buttonC{ background: url("../images/button1c.png") no-repeat transparent; width: 144px; height: 35px; margin: 10px auto;}
.button1{ background: url("../images/button1a.png") no-repeat transparent; width: 144px; height: 35px; margin: 10px auto;}
.button1:hover{ background: url("../images/button1b.png") no-repeat transparent;}
#backtop{width:950px; height:21px; position:relative; margin:0 auto;}
.totop{ background: url("../images/backtotop.png") no-repeat transparent; width: 123px; height:21px; position:absolute; left:807px; bottom:0; }
.left-particular{float:left; width:65%;}
.right-particular{float:right; width:32%; margin: 0 1%;}
.right-particular img{border: 1px solid #e6e6e6; padding:4px;}
.left-particular{float:left; width:63%; margin: 10px 10px}
.right-particular{float:right; width:32%; margin: 0 1%;}
.right-particular img{border: 1px solid #e6e6e6; padding:4px;}
.left-yellow{float:left; background: url("../images/yellow.png") repeat-y transparent; min-height:140px; margin-left:5px;}
.left-yellow p, .non-left-yellow p{float:left; width:380px; padding:10px 0 0 25px;}
.non-left-yellow{float:left;}
.left-yellow-bottom{ background: url("../images/yellow-bottom.png") no-repeat transparent; height:15px; padding-left:2%; margin-left:5px;}
.right-yellow{float:right; width:190px; margin: 0 1%;}
.right-yellow img{border: 1px solid #e6e6e6; padding:4px;}
.return-home{ background: url("../images/btn_gohome.png") no-repeat transparent; width: 144px; height: 35px; margin: 10px auto;}
.return-home:hover{ background: url("../images/btn_gohome_on.png") no-repeat transparent;}
.orangegray-bar{border: 1px solid #CCCCCC; margin: 20px 8px 10px 8px; padding: 10px 0 0 0;}
.orangegray-bar .btn-orange-inquiry:hover{
opacity:0.7;
filter: alpha(opacity=70); /* ie lt 8 */
-ms-filter: "alpha(opacity=70)"; /* ie 8 */
-moz-opacity:0.7; /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7; /* Safari 1.x */
zoom:1;}
#prj-image1{ width:200px; height:39px; background: url("../images/p1-a.png") no-repeat transparent; float:left;}
#prj-image1:hover{ background: url("../images/p1-b.png") no-repeat transparent;}
#prj-image2{ width:200px; height:39px; background: url("../images/p2-a.png") no-repeat transparent; float:left;}
#prj-image2:hover{ background: url("../images/p2-b.png") no-repeat transparent;}
#prj-image3{ width:200px; height:39px; background: url("../images/p3-a.png") no-repeat transparent; float:left;}
#prj-image3:hover{ background: url("../images/p3-b.png") no-repeat transparent;}
#prj-image4{ width:200px; height:39px; background: url("../images/p4-a.png") no-repeat transparent; float:left;}
#prj-image4:hover{ background: url("../images/p4-b.png") no-repeat transparent;}
#prj-image5{ width:200px; height:39px; background: url("../images/p5-a.png") no-repeat transparent; float:left;}
#prj-image5:hover{ background: url("../images/p5-b.png") no-repeat transparent;}
#prj-image6{ width:200px; height:39px; background: url("../images/p6-a.png") no-repeat transparent; float:left;}
#prj-image6:hover{ background: url("../images/p6-b.png") no-repeat transparent;}