@charset "iso-8859-1"; /* CSS Document */ /* base -----------------------------------------------------------------*/ .mb10{ margin-bottom:10px; } .mb5{ margin-bottom:5px; } #wrapper { margin:0 auto; padding:0 14px; width:950px; text-align:left; } #fcMain h2.submainTitle { height:28px; margin-bottom:20px; padding:12px 0 0 13px; font-size:18px; font-weight:bold; color:#000; /*background:url(../images/title_bg_h3.gif) no-repeat ;*/ } #fcMain h3.submainTitle2 { width:676px; margin:0 0 14px 13px; padding:0 0 6px 10px; font-size:16px; font-weight:bold; color:#333; background:url(../images/title_bg_h4.gif) no-repeat bottom left; } /*------------------ fc ------------------------- */ #fc { width: 950px; margin: 0; padding: 0; clear: left; overflow: hidden; } #fc strong { font-weight: bold; } #fcwrap { background: url(../images/bg-fcwrap.gif) repeat-y; overflow: hidden; /zoom: 1; } #fcMainTop { border-top: 1px solid #ddd; clear: both; width: 950px; overflow: hidden; zoom: 1; } #fcSerchCommon { width: 950px; background: url(../images/bg-search-line.gif) repeat-y; overflow: hidden; /zoom:1; } #fcCont { float:left; width:708px; margin-bottom:4px; margin-right:18px; /*position:reraltive; _width:726px; _margin-right:-18px;*/ } /*------------------ navi-sitemap(sitemap)------------------------- */ #navi-sitemap { height:22px; margin-bottom: 11px; padding-top:20px; width:100%; } #page-title{ margin:0 0 0 1px; float: left; display: inline; font-weight:bold; font-size:22px; color:#000; } #page-title a{ color:#000; } #page-title a:hover{ color:#000; text-decoration:none; } #navi-glinks{ float: right; display: inline; margin-right: -10px; margin-top:3px; overflow: hidden; _zoom:1; } #navi-glinks li{ display: inline; margin-left: -1px; margin-right: 10px; border-left:1px solid #b7b7b7; padding-left: 10px; line-height: 14px; height:17px; font-size:12px; } #navi-glinks li a{ color:#333; } /*------------------ globalnavi------------------------- */ #globalnavi { width:950px; background:url(../images/gnavi_bg.jpg); height:35px; margin-bottom: 20px; } #globalnavi ul{ padding: 2px 0 0 17px; overflow: hidden; /zoom:1; } #globalnavi li { float: left; margin-right: 3px; } /*------------------ tabArea------------------------- */ #tabArea { width:708px; margin-bottom:35px; padding-top:24px; background:url(../images/bg-contline02.jpg) no-repeat top left; border-top:1px solid #ddd; clear:left; } .topTab{border:none !important;} #tabArea h2 { margin-bottom:16px; font-size: 18px; font-weight: bold; } #tabArea .tabBtm { height: 2px; font-size: 0; line-height: 0; } #tabArea .tabPage { position:relative; width:708px; overflow:hidden; background-color:#F1F1F1; } #tabArea #characteristic .tabPage { position:relative; width:708px; overflow:hidden; } .tabText{ float:left; position:absolute; top:24px; left:18px; width:140px; } .tabText p{ color:#666; font-size:10px; line-height:1.4; margin-top:5px; } #tabArea .page { height:161px; padding:24px 0 0 191px; } #characteristic .page { height: 180px; padding:11px 0 0 191px; overflow:hidden; /zoom:1; } #use .page { height: 160px; padding:24px 0 0 191px; } #material p img, #use p img, #characteristic p img{ vertical-align:top; margin:0; padding:0; height:15px; } #material .list-material01, #use .list-use{ border-top:1px solid #c8c8c8; border-left:1px solid #c8c8c8; width:501px; } #material .list-material02{ border-left:1px solid #c8c8c8; width:501px; } #material .list-material01 li { float:left; display:inline; width:167px; height:41px; font-size:12px; line-height:41px; font-weight:bold; text-align:center; background:url(../images/tab_itemB_bg_off.jpg) no-repeat; } #use .list-use li{ float:left; width:167px; height:41px; font-size:12px; line-height:1.25; font-weight:normal; text-align:center; background:url(../images/tab_itemB_bg_off.jpg) no-repeat; } #use .list-use li{ font-weight:normal; } #material .list-material01 li{ font-size:16px; } #material .list-material02 li { float:left; display:inline; width:167px; height:27px; font-size:12px; line-height:27px; text-align:center; background:url(../images/tab_itemS_bg_off.jpg) no-repeat; } #material .list-material01 li a { display:block; width:167px; height:41px; } #use .list-use li a { display:block; width:167px; height:36px; padding-top: 15px; } #material .list-material02 li a{ display:block; width:167px; height:27px; } #material .list-material01 li a:hover, #use .list-use li a:hover{ background:url(../images/tab_itemB_bg_on.jpg) no-repeat; } #material .list-material02 li a:hover{ background:url(../images/tab_itemS_bg_on.jpg) no-repeat; } #tab_chara01, #tab_chara02, #tab_chara03, #tab_chara04{ float:left; display:inline; } #tab_chara01 dt, #tab_chara02 dt, #tab_chara03 dt, #tab_chara04 dt{ font-weight:bold; color:#5a5a5a; font-size:12px; margin-bottom:5px; } #tab_chara01 dd, #tab_chara02 dd{ width:159px; height:27px; padding:0; text-align:center; font-size:12px; background:url(../images/tab_itemC_bg_off.jpg) no-repeat; line-height:26px; border-left:1px solid #c8c8c8; } #tab_chara02 dd.line2, #tab_chara03 dd, #tab_chara04 dd { width: 159px; height: 44px; padding:0; text-align:center; font-size:12px; background:url(../images/tab_itemC2_bg_off.jpg) no-repeat; line-height:1.25; border-left:1px solid #c8c8c8; } .charaTop{ border-top:1px solid #c8c8c8; } #tab_chara01{ width:163px; } #tab_chara02{ width:162px; padding-left:8px; } #tab_chara03{ width:168px; padding-left:8px; } #tab_chara04{ width:168px; padding:10px 0 0 8px; } #tab_chara01 dd a, #tab_chara02 dd a { display:block; width:160px; height:27px; } #tab_chara02 dd.line2 a, #tab_chara03 dd a{ display:block; padding-top: 5px; width:160px; height:38px; } #tab_chara04 dd a{ display:block; padding-top: 13px; width:160px; height:30px; } #tab_chara01 dd a:hover, #tab_chara02 dd a:hover{ background:url(../images/tab_itemC_bg_on.jpg) no-repeat; } #tab_chara02 dd.line2 a:hover, #tab_chara03 dd a:hover, #tab_chara04 dd a:hover{ background:url(../images/tab_itemC2_bg_on.jpg) no-repeat; } /*------------------ keyword------------------------- */ #fc .ondes { color:#666; } #keyword { margin-bottom:50px; height:132px; width:708px; overflow: hidden; /zoom:1; } #keyword #searchKey { float:left; display:inline; height:132px; width:357px; border-right:1px solid #d4d4d4; overflow:hidden; } #keyword h2{ margin-bottom:10px; } #keyword #searchcommon { position:relative; width:330px; height:26px; } #keyword #searchcommon input { border:0; } #keyword #searchcommon .keywords { position:absolute; top:0; left:2px; width:237px; height:26px; padding:0 0 0 4px; font-size:12px; line-height:26px; background:url(../images/search_bg.gif) no-repeat; } #keyword #searchcommon .searchBtn { position:absolute; top:0; left:241px; } #keyword #rankKey { float:left; width:327px; color:#00349a; padding-left:23px; line-height:1.2; } #keyword #rankKey a:link, #keyword #rankKey a:visited { text-decoration: underline; } #keyword #rankKey a:hover, #keyword #rankKey a:active { text-decoration: none; } #keyword #rankKey .rankkey1 { font-size:19px; } #keyword #rankKey .rankkey2 { font-size:18px; } #keyword #rankKey .rankkey3 { font-size:15px; } #keyword #rankKey .rankkey4 { font-size:14px; } #keyword #rankKey .rankkey5 { font-size:12px; } /*------------------ inquiry ------------------------- */ #inquiry{ width: 708px; margin-bottom: 20px; overflow: hidden; /zoom:1; } #inquiry li{ float: left; } #inquiry li.last { float: right; } #inquiry a:hover img { /* IE */ filter:alpha(opacity=50); /* Safari Opera */ opacity:0.5; /* Firefox Netscape */ -moz-opacity:0.5; } /*------------------ fcSubSerch ------------------------- */ #fcSubSerch a:hover img{ /* IE */ filter:alpha(opacity=50); /* Safari Opera */ opacity:0.5; /* Firefox Netscape */ -moz-opacity:0.5; } #fcSerch { float: left; width: 708px; margin-right: 32px; } #fcSubSerch { float:left; width:210px; border-top:1px solid #ddd; } #fcSubBg{ background:#fff; padding-bottom:25px; } #fcSubBg-pdt{ background:#fff; padding-bottom:8px; } #fcSubSerch .subBox01 h3, #fcSubSerch .subBox02 h3, #fcSubSerch .subBox03 h3, #fcSubSerch .subBox04 h3{ margin-bottom: 10px; } #fcSubSerch .subBox01 { padding-bottom: 10px; } #fcSubSerch .subBox01, #fcSubSerch .subBox02 { padding:24px 0 8px 15px; font-size:12px; line-height:1.2; border-bottom: 1px solid #ddd; } #fcSubSerch .subBox03 { padding:24px 0 15px 15px; border-bottom: 1px solid #ddd; } #fcSubSerch .subBox04 { padding:24px 0 0 15px; } #fcSubSerch .subBox01 ul li, #fcSubSerch .subBox02 ul li { margin-bottom:7px; padding-left:10px; background:url(../images/icon_arrow.gif) no-repeat 0 3px; } #fcSubSerch .subBox01 ul li img{ vertical-align:middle; } #fcSubSerch .subBox04 ul li { background:#e6e6e6; width:190px; height:57px; margin-bottom:1px; padding:4px 0 0 4px; } /*------------------ fcSubCont ------------------------- */ #fcSubCont a:hover img{ /* IE */ filter:alpha(opacity=50); /* Safari Opera */ opacity:0.5; /* Firefox Netscape */ -moz-opacity:0.5; } #fcSubCont { display: inline; float:left; padding-left:14px; width:210px; _padding-left:31px; _overflow:hidden; } #lbnr{ padding-bottom:16px; } #fcSubContbtm{ border-top:1px solid #ddd; overflow:hidden; _width:210px; } #fcSubCont .itemBox01, #fcSubCont .itemBox02{ margin-bottom:12px; } #fcSubCont .itemBox01{ margin-top:16px; } #fcSubCont .itemBox01 ul{ background:#eee; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:9px 15px 5px; } #fcSubCont .itemBox02 ul{ background:#eee; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:13px 15px; } #fcSubCont .itemBox01 ul li{ margin-bottom: 5px; padding-left: 10px; background: url(../images/icon_itembox.gif) no-repeat 0 3px; font-size: 12px; line-height: 1.25; } #fcSubCont .subCeramic { padding-bottom:5px; font-size:10px; line-height:1.2; /*background:url(../images/r_bg_ceramic.gif) no-repeat bottom;*/ } #fcSubCont .subCeramic h3 { margin-bottom:9px; } #fcSubCont .subCeramic dl { margin:0 8px 0 8px; } #fcSubCont .subCeramic dl dt{ padding-bottom:6px; } #fcSubCont .subCeramic dl dd{ padding:0 0 7px 9px; /*background:url(../images/icon_arrow_blue.gif) no-repeat 1px 3px;*/ } #fcSubCont .rItem { margin-bottom:12px; } #fcSubCont .rItem .rItemTitle { width: 190px; padding: 10px; background:url(../images/ent_related_bg.jpg) no-repeat top left; } #fcSubCont .rItem .rItemTitle h3{ font-size:12px; font-weight:bold; line-height:1.25; color:#FFFFFF; } #fcSubCont .rItem dl { width:210px; height:66px; background:url(../images/ent_related_bg2.gif) repeat-x; overflow: hidden; /zoom:1; } #fcSubCont .rItem dl dt { float:left; width:70px; padding:8px 0 9px 10px; } #fcSubCont .rItem dl dt img{ border:1px solid #cbcbcb; } #fcSubCont .rItem dl dd { float:left; width:110px; padding:8px 10px 9px 0; font-size:12px; line-height:1.2; } #fcSubCont .rItem dl.last { background:#E8F0F2; width:210px; } #fcSubCont .rItem p{ font-size: 10px; line-height: 1.25; width: 200px; background: #E8F0F2; text-align: right; padding: 10px 10px 10px 0; } #fcSubCont .rItem p img{ vertical-align:middle; padding-bottom:2px; } /*------------------ pagetop ------------------------- */ /*#pageMaintop { background: url(../images/bg-pagetop.gif) repeat-y; font-size:12px; line-height:1.2; clear:left; padding-bottom: 9px; text-align: right; width:950px; } #pageMaintop a{ background:url(../images/u.gif) no-repeat scroll 0 0.2em transparent; height:8px; padding:0 0 0 12px; }*/ .pagetop { background: url(../images/bg-pagetop.gif) repeat-y; font-size:12px; line-height:1.2; clear:left; padding-bottom: 9px; width:950px; text-align:right; } .pagetop a, .pagetop_contact a{ background:url(../images/u.gif) no-repeat scroll 0 0.2em transparent; height:8px; padding:0 0 0 12px; } .pagetop_contact { font-size:12px; line-height:1.2; clear:left; padding-bottom: 9px; width:950px; text-align:right; } /*------------------ footer ------------------------- */ #footerNaviCont { border-top:1px solid #ddd; background-color:#f2f2f2; width:100%; overflow: hidden; /zoom:1; } #footer-inn{ width:950px; margin:0 auto; padding:0 14px; } #fcFooter{ float:left; width:760px; padding:30px 0; text-align:left; display:inline; overflow: hidden; /zoom:1; } .footermenu{ float: left; display: inline; width: 170px; margin-right:20px; font-size: 12px; line-height: 1.25; color:#666; } .footermenu dt{ margin-bottom: 12px; font-weight: bold; } .footermenu dd{ margin-bottom: 6px; } #fcFooter .footermenu dt a, #fcFooter .footermenu dd a{ color:#666; font-size: 12px; } #fcFooter ul li{ font-weight: 700; font-size: 10px; } #footerlinks{ float: left; display: inline; width: 170px; padding:30px 10px 0 0; text-align:left; font-size: 12px; line-height:1.25; } #footerlinks a{ color:#666; } #footerlinks p{ font-weight: bold; margin-bottom: 15px; } .f_link{ font-size:12px; font-weight: bold; margin-bottom: 20px; width:224px; } .f_link a{ color:#666; } #footerlinks p#f_fisrtlink{ margin-bottom: 0; } #footerlinks p#f_secondlink{ margin-bottom: 15px; font-weight: normal; } #footerlinks p#f_thirdlink{ border-bottom:1px dotted #999; padding-bottom: 20px; } #footerlinks p#f_lastlink{ margin:0; } .footernavi-bg { background: none repeat scroll 0 0 #666666; height: 22px; overflow: hidden; /zoom:1; }