@charset "utf-8";
@import url('common.css');

/* CSS Document */
body {width:100%; text-align:center; background:url(/images/bg.jpg) center top no-repeat; background-attachment:fixed;}
body#main {background-image:url(/images/bg_main.jpg);}
#wrap {position:relative; width:874px; text-align:left; margin:0 auto; padding:0 40px;}
	#about #wrap {background:url(/images/titlebar_about.jpg) right 88px no-repeat;}
	#product #wrap {background:url(/images/titlebar_product.jpg) right 88px no-repeat;}
	#product #wrap.cinabro{background:url(/images/titlebar.png) right 88px no-repeat;}
	#product #wrap.cinabro2 {background:url(/images/titlebar_product-cinabro.jpg) right 88px no-repeat;}
	#contact #wrap {background:url(/images/titlebar_contact.jpg) right 88px no-repeat;}
	#related #wrap {background:url(/images/titlebar_related.jpg) right 88px no-repeat;}
header {position:relative; height:140px; overflow:hidden;}
header:after {display:block; clear:both; content:''}
h1 a {display:inline-block; width:185px; height:60px; margin-top:55px; line-height:200px; background:url(/images/h1.png) 20px 10px no-repeat; overflow:hidden;}
.util {position:absolute; left:733px; top:20px; width:160px; text-align:right;}
.util li {display:inline-block; float:left;}
.util li a {display:inline-block; padding:5px 9px; font-size:12px; color:#888; background:url(/images/divi.gif) 0 10px no-repeat;}
.util li a.str {background:none;}

#container {position:relative; width:100%; text-align:left; padding-bottom:80px;}
#container:after {display:block; clear:both; content:''}
nav {float:left; width:185px; margin:0; padding:0; border-top:solid 1px #e5e5e6; overflow:hidden;}
.gnb, .gnb li a {width:100%; text-indent:20px;}
.gnb li {border-bottom:solid 1px #e5e5e6;}
	.gnb li li {border-bottom:none;}
.gnb li a {display:inline-block; height:40px; margin-left:-20px; font-size:14px; font-weight:bold; line-height:40px;}
	#about .gnb li.li1 a, #product .gnb li.li2 a, #contact .gnb li.li3 a, #related .gnb li.li4 a {color:#fff; background:#2AC4F4;}
	.gnb li ul {display:none; padding:10px 0;}
	#about .gnb li.li1 ul, #product .gnb li.li2 ul, #contact .gnb li.li3 ul, #related .gnb li.li4 ul {display:block;}
	#about .gnb li.li1 li a, #product .gnb li.li2 li a, #contact .gnb li.li3 li a, #related .gnb li.li4 li a {height:20px; font-weight:normal; font-size:13px; color:#777; line-height:20px; background:#fff;}
	#about .ceo .gnb li.li11 a, #about .kimin .gnb li.li12 a, #about .history .gnb li.li13 a, 
	#about .org .gnb li.li14 a, #product .solmax .gnb li.li21 a, #product .cinabro .gnb li.li22 a, 
	#product .cinabro2 .gnb li.li23 a, #contact .contact .gnb li.li31 a, 
	#related .agency .gnb li.li41 a, #related .site .gnb li.li42 a {padding-left:15px; color:#1d98be; background:url(/images/ico_arr2.gif) 20px 9px no-repeat;}

nav aside {float:left; width:185px; margin-top:60px; border-top:solid 2px #666; overflow:hidden;}
	nav aside a {display:inline-block; width:100%; padding:12px 0; line-height:14px; color:#777; border-bottom:solid 1px #ccc;}
	nav aside hgroup {margin-bottom:0;}
	nav aside h1 {display:inline-block; margin-bottom:5px; padding-right:10px; font-weight:bold; font-size:14px; color:#333; background:url(/images/ico_arr5.gif) right 7px no-repeat;}
	nav aside h2 {margin-bottom:10px; font-weight:normal; font-size:13px;}
	
#content {float:right; width:650px; text-align:left; margin-top:-75px; _overflow:hidden;}
#content:after {display:block; clear:both; content:''}
	.product #content {margin-top:-79px;}

footer {margin-left:225px; padding-top:25px; padding-bottom:35px; border-top:solid 1px #ccc;}
footer:after {display:block; clear:both; content:''}
footer adress, footer p {margin:0; padding:0;}
	footer .admin {display:inline-block; padding:0 10px; font-size:11px; font-weight:bold; color:#888; border:solid 1px #d9d9d9; background:#eaeaea;}

h3 {margin-top:40px; margin-bottom:5px; font-weight:bold; font-size:16px; color:#195264;}
h3.str {margin-top:0;}
hgroup {margin-bottom:65px; .margin-top:8px;}
hgroup h2 {margin:0; padding:0; font-weight:bold; font-size:30px;}
hgroup h3 {margin:0; padding:0; font:13px/1.6 Tahoma, Arial, Helvetica, sans-serif; color:#bbb;}
p {margin-top:20px;}
p.str {margin-top:0;}

a.btn {display:inline-block; height:26px; vertical-align:top; margin:0; padding:0; padding-right:15px;  color:#fff; line-height:24px; background:url(/images/btn1_2.gif) right 0 no-repeat;}
a.btn span {display:inline-block; width:15px; height:100%; vertical-align:top; background:url(/images/btn1_1.gif) 0 0 no-repeat;}
.ini {display:inline-block; text-align:center; padding:2px; color:#fff; font-size:11px; line-height:11px; background:#96A7B6;}
.point {font-weight:bold; color:#ee705b;}
.point2 {color:#000;}

/* about */
.org section {height:480px; overflow:hidden;}
.org section ul, .org section figcaption {text-indent:-99999px; font-size:0; line-height:0;}
.ceo .sign {display:inline-block; width:100%; text-align:right; margin-top:40px;}
.ceo .sign strong {font-weight:bold;}
.ceo .sign img {padding-top:10px;}
.ceo section strong {font-weight:normal; color:#000;}
.history section {width:100%;}
.history section:after {display:block; clear:both; content:''}
.history section ul {float:left; width:555px;}
.history section li {position: relative; padding-left:100px; padding-bottom:10px; line-height:15px; background:url(/images/bu2.gif) 90px 9px no-repeat;}
.history section li strong {position: absolute; top:0; left:0; display:block; width:100px; color:#61859f;}
.history section li span {display:inline-block; width:35px; font-weight:normal;}
.history section li sup {font-size: 10px; line-height: 10px;}
.contact .contactInfo {padding:12px 0 20px 0; border-top:solid 2px #525255; border-bottom:solid 2px #525255;}
.contact .contactInfo:after {display:block; clear:both; content:''}
.contact .contactInfo h3 {margin-top:0;}
.contact .contactInfo img {vertical-align:middle;}
.contact .map {width:650px; height:410px; margin:0; margin-top:20px; padding:0;}
.contact .map iframe {width:100%; height:380px; margin:0; padding:0;}
.product .summ:after {display:block; clear:both; content:''}
.product .summ > div {float:left; width:260px; padding-top:2px; padding-right:15px; _padding-right:10px;}
.product .summ hgroup {height:105px; margin-bottom:20px;}
.product .summ h3 {padding-bottom:8px; font-weight:bold; font-size:20px; line-height:20px; color:#9cdf06;}
.product .summ h3 strong {color:#308700;}
.product .summ div a {display:inline-block; width:29px; height:30px; text-align:center; vertical-align:top; padding-top:3px; font-weight:bold; color:#fff; background:url(/images/btn2.gif) 0 0 no-repeat;}
	.product1 .summ div a.a1, 
	.product2 .summ div a.a2, 
	.product3 .summ div a.a3, 
	.product4 .summ div a.a4 {background:url(/images/btn2_ovr.gif) 0 0 no-repeat;}
.product .summ ul {float:; display:inline-block; width:375px; text-align:left;}
.product .summ li {padding-left:10px; padding-bottom:15px; font-size:14px; line-height:17px; color:#000; background:url(/images/bu.gif) 0 7px no-repeat;}
.product .summ li sup {display:inline-block; margin-top:-3px;}
.product .summ li ul {width:340px; padding-top:3px;}
.product .summ li li {padding:3px 0 0 10px; background:url(/images/ico_arr5.gif) 0 50% no-repeat;}
.product h3.str {margin-top:25px;}
.solmax1_2 {height:355px; background:url(/images/dia_solmax1_3.jpg) center 10px no-repeat;}
.solmax1_2 sup {display:inline-block; margin-top:-5px;}
.solmax1_2 .typo1_1 {margin-top:125px; font-size:20px; font-weight:bold; color:#000; line-height:22px;}
.solmax1_2 .typo1_2 {margin-top:5px; line-height:13px;}
.solmax2 h3.str {margin-bottom:10px;}
.solmax2 h3.type2 {margin-top:50px; margin-bottom:0;}
.solmax2 #content {}
.solmax3 #content {padding-bottom:175px; background:url(/images/dia_solmax3_1.png) center bottom no-repeat;}
.solmax4 #content {padding-bottom:290px; background:url(/images/dia_solmax4_1.png) center bottom no-repeat;}
.solmax4 .summ ul {padding-top:45px;}

.cinabro #content {background:url() 0 100px no-repeat;}
.cinabro #content b {margin:28px 0 4px; font-weight: 600; font: 21px Arial,sans-serif; color: #234687; display:block}
.cinabro #content h4 {margin-top:10px;}
.cinabro #content > div.fR {width:360px;}
.cinabro #content p {margin-top:0; font-size:14px; line-height:1.7; color:#000;}
.cinabro .summ section {float:left; width:100%;}
.cinabro .summ section h4 {margin-top:0 !important; text-indent:10px; font-weight:bold; font-size:14px; color:#999; background:url(/images/bu3.gif) 0 8px no-repeat;}
.cinabro .summ section li {padding-bottom:5px;}

.cinabro2 #content {background:url(/images/bg_cinabro.jpg) 0 100px no-repeat;}
.cinabro2 #content h4 {margin-top:10px;}
.cinabro2 #content > div.fR {width:360px;}
.cinabro2 #content p {margin-top:0; font-size:14px; line-height:1.7; color:#000;}
.cinabro2 .summ section {float:left; width:45%;}
.cinabro2 .summ section h4 {margin-top:0 !important; text-indent:10px; font-weight:bold; font-size:14px; color:#999; background:url(/images/bu3.gif) 0 8px no-repeat;}
.cinabro2 .summ section li {padding-bottom:5px;}

/* .agency h3 {margin-bottom:10px;} */
.agency .nation {position:relative;}
.agency .nation div {position:absolute; width:265px; visibility:hidden;}
.agency #nAsia section {height:253px; background:url(/images/bg_siteInfo.png) 0 0 no-repeat;}
.agency #nAmericaS section, .agency #nAmericaN section {height:83px; background:url(/images/bg_siteInfo2.png) 0 0 no-repeat;}
.agency #nEurope section {height:103px; background:url(/images/bg_siteInfo3.png) 0 0 no-repeat;}
.agency #nAsia {left:139px; top:70px;}
.agency #nEurope {left:139px; top:0;}
.agency #nAmericaS {left:394px; top:235px;}
.agency #nAmericaN {left:352px; top:0;}
.agency #nAsia_ovr {left:103px; top:54px;}
.agency #nEurope_ovr {left:34px; top:4px;}
.agency #nAmericaS_ovr {left:481px; top:153px;}
.agency #nAmericaN_ovr {left:369px; top:0;}
.agency .nation h4 {margin-left:20px; padding-top:17px; font-weight:bold; font-size:12px; color:#000;}
.agency .nation div ul {width:220px; height:210px; margin-top:-3px; margin-left:20px;}
.agency .nation div li {padding-top:5px; padding-bottom:2px; font-size:12px; line-height:15px;}
.agency .nation div li strong {color:#000; color:#1d5aa6;}
.site section h3 {margin-top:15px;}
.site section ul {border-top:solid 1px #195264;}
.site section li {padding:5px; padding-left:15px; border-bottom:solid 1px #e5e5e5; background:url(/images/ico_arr5.gif) 0 50% no-repeat;}
.site section li.end {border-bottom-color:#195264;}

#main #container {padding-bottom:20px;}
#main #content {margin-top:-40px;}
#main .primary {height:360px;}
#main .secondary {padding-top:20px; padding-bottom:15px; border-top:solid 2px #a0a6a9; border-bottom:solid 2px #a0a6a9;}
/*	#main .secondary {background:url(/images/bar2.gif) 0 0 no-repeat;}	*/
#main .secondary section {float:left; display:inline-block; width:33%; height:140px;}
#main .secondary:after {display:block; clear:both; content:''}
#main .secondary .mainCeo {background:url(/images/bg_mainCeo.jpg) right bottom no-repeat;}
#main .secondary .mainHistory {background:url(/images/bg_mainHistory.jpg) right bottom no-repeat;}
#main .secondary .mainContact {background:url(/images/bg_mainContact.jpg) right bottom no-repeat;}
#main .secondary h2, #main .secondary p {padding-left:18px;}
#main .secondary h2 {margin:0; margin-top:4px; margin-bottom:8px; font-size:14px; font-weight:bold; color:#333;}
#main .secondary h2 span {color:#888;}
#main .secondary p {margin-top:0; line-height:15px; color:#000;}
#main .secondary p a {color:#555;}
#main .secondary .mainContact p {padding-bottom:3px;}
#main footer {border-top:none;}

/*	Print	*/
@media print {

}

/*	position, top, left, float, display, width, height, text-align, vertical-align, margin, padding, font, color, border, background, overflow:;	*/