/* CSS by IOMIC - 2007 */ /* ======================================================= ======================================================= */ * {font-family : "qMmpS Pro W3","Hiragino Kaku Gothic Pro","Osaka","Verdana","Helvetica","Arial","lr oSVbN",sans-serif} body,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,img,pre,p {border:0; margin:0; padding:0} p {margin:0; padding:0} img {border: none} hr {display: none} body{background:#434742 url(../common_img/bg2.jpg) repeat-y center top; margin:0; padding:0; text-align:center; color: #555; font-size: 0.75em} #warp{width:760px; margin:20px auto 0; text-align:left} #container{width:760px; padding:18px 0; background-color:#F5F5F6; text-align:center} #content{width:724px; min-height: 1em; display: inline-table; margin:0 auto} #content:after{content: ""; display: block; clear: both; height: 1px; overflow: hidden} /* ======================================================= ======================================================= */ #topcontainer #introfla{width:760px; height:200px; padding:18px 0; background:#f5f5f6; text-align:center} #container #introfla{width:760px; height:200px; padding-bottom:18px; background:#f5f5f6; text-align:center} #container #introflased{width:724px; height:200px; margin:0 auto; padding-bottom:18px; background:#f5f5f6 url(../iomic/img/introfla2.jpg) no-repeat} /* ======================================================= ======================================================= */ #warp #header {margin:0; padding:0; height:40px; background-color:#ffffff} #warp #header h1 a {margin:0 0 0 10px; padding:0; background:url(../common_img/logo.gif) no-repeat; width:185px; height:25px; display:block; text-indent:-9999px} #warp #header #marea{width:148px; height:10px; position:absolute; margin:0 0 0 603px; padding:0 0 3px 0; border-bottom:1px #c8c8c8 solid} #warp #header #marea a.BtnMail {width:59px; height:10px; margin:0 0 0 89px; display:block; text-indent:-9999px; padding:0; background:url(../common_img/btn_mail.gif) no-repeat; font-size:1px} #warp #header #marea a:hover.BtnMail {background-position:right top} #warp #header a.BtnEnglish {width:70px; height:13px; display:block; text-indent:-9999px; position:absolute; margin:18px 0 0 608px; padding:0; background-image:url(../common_img/btn_abroad.gif); font-size:1px} #warp #header a:hover.BtnEnglish {background-position:0 13px} #warp #header a.BtnKorean {width:70px; height:13px; display:block; text-indent:-9999px; position:absolute; margin:18px 0 0 684px; background-image:url(../common_img/btn_abroad.gif); background-position:-76px 0; font-size:1px} #warp #header a:hover.BtnKorean {background-position:-76px 13px} #warp #header a.BtnFrance {width:70px; height:13px; display:block; text-indent:-9999px; position:absolute; margin:18px 0 0 684px; background-image:url(../common_img/btn_abroad.gif); background-position:-146px 0; font-size:1px} #warp #header a:hover.BtnFrance {background-position:-146px 13px} /* ======================================================= ======================================================= */ #topcontainer{width: 760px; margin-top:20px} #LeftBoxmovie {width:354px; padding-left:12px} #LeftBoxmovie h2 a{width:354px; height:15px; background-image:url(../common_img/infomation.gif); display:block; text-indent:-9999px; font-size:1px; margin-bottom:9px} #LeftBox {width:354px; padding-left:18px; float:left} #LeftBox h2 {width:354px; height:15px; background-image:url(../common_img/infomation.gif); display:block; text-indent:-9999px; font-size:1px; margin-bottom:9px} a#IomicBana {width:175px; height:88px; background-image:url(../common_img/gnt_smenu_ws.jpg); display:block; text-indent:-9999px; font-size:1px; float:left; margin-top:9px; position:absolute} a:hover#IomicBana {width:175px; height:88px; background-image:url(../common_img/gnt_smenu_ws_mo.jpg); display:block; text-indent:-9999px; font-size:1px; margin-top:9px; position:absolute} a#EzureBana {width:175px; height:88px; background-image:url(../common_img/gn_smenu_ezure.jpg); display:block; text-indent:-9999px; font-size:1px; float:right; position:absolute; margin-left:185px} #RightBox {width:354px; float:right; margin:0; padding-right:18px} #RightBox h2 {width:354px; height:15px; background-image:url(../common_img/topics.gif); background-repeat:no-repeat; display:block; text-indent:-9999px; font-size:1px; margin-bottom:9px} #RightBox #ToTopics {width:354px; padding:0; height:131px; overflow:auto; scrollbar-face-color:#f5f5f6; scrollbar-arrow-color:#555555; scrollbar-base-color:#e8e8e8; scrollbar-darkshadow-color:#e8e8e8; scrollbar-highlight-color:#e8e8e8; scrollbar-shadow-color:#e8e8e8; scrollbar-track-color:#e8e8e8} #RightBox #ToTopics p {width:324px} /* ======================================================= ======================================================= */ #gtopics {width:354px; height:99px; border:none; overflow:scroll; padding:5px; font-size:0.75em} p.tdate{background: url(../img/topic_ico.gif) no-repeat; margin:0 0 5px 0; padding-left:17px; line-height:1.1em; font-weight:bold} p.tnews{margin:0 0 10px 0} p.tnews a{color:#999; text-decoration:underline} p.tnews a:hover{color:#b22; text-decoration:none} /* ======================================================= ======================================================= */ #main{width:526px; float:right; text-align:left} #main h2{text-indent:-9999px} #main #titaboutus{background: transparent url('../about/img/aboutus_tit.gif') no-repeat; width:526px; height:36px} #main #titproducts{background: transparent url('../pro/img/products_tit.gif') no-repeat; width:526px; height:36px} #main #titiomic{background: transparent url('../iomic/img/iomic_tit.gif') no-repeat; width:526px; height:36px} #main #titprivacy{background: transparent url('../privacy/img/privacy_tit.gif') no-repeat; width:526px; height:36px} #main #tittec{background: transparent url('../tec/img/tec_tit.gif') no-repeat; width:526px; height:36px} #main #titshop{background: transparent url('../shop/img/shop_tit.gif') no-repeat; width:526px; height:36px} #main #titinfo{background: transparent url('../info/img/info_tit.gif') no-repeat; width:526px; height:36px} #main #titpartner{background: transparent url('../partner/img/partner_tit.gif') no-repeat; width:526px; height:36px} #main #titform{background: transparent url('../form/img/form_tit.gif') no-repeat; width:526px; height:36px} #main #titsmap{background: transparent url('../sitemap/img/smap_tit.gif') no-repeat; width:526px; height:36px} /* ======================================================= ======================================================= */ #sidebar{width:180px; float:left; padding-top:25px} #sidebar h3 {text-indent:-9999px} #sbproducts{width: 180px; height: 95px; padding-bottom:10px} #sbproducts a{background: transparent url('../common_img/gn_smenu_01.jpg') no-repeat left; width: 180px; height: 95px; display:block} #sbproducts a:hover{background: transparent url('../common_img/gn_smenu_01_mo.jpg') no-repeat left; width: 180px; height: 95px} #sbrecruit{width: 180px; height: 95px; padding-bottom:10px} #sbrecruit a{background: transparent url('../common_img/gn_smenu_03.jpg') no-repeat left; width: 180px; height: 95px; display:block} #sbrecruit a:hover{background: transparent url('../common_img/gn_smenu_03_mo.jpg') no-repeat left; width: 180px; height: 95px} #sbiomicws{width: 180px; height: 90px; padding-bottom:10px} #sbiomicws a{background: transparent url('../common_img/gn_smenu_ws.jpg') no-repeat left; width: 180px; height: 90px; display:block} #sbiomicws a:hover{background: transparent url('../common_img/gn_smenu_ws_mo.jpg') no-repeat left; width: 180px; height: 90px} #sbezure{width: 180px; height: 99px; padding-bottom:10px} #sbezure a{background: transparent url('../common_img/gn_smenu_ezure.jpg') no-repeat left; width: 180px; height: 99px; display:block} /* ======================================================= ======================================================= */ #rootcellBox {margin:0; padding-right: 5px; height:40px} #rootcell {margin:0; padding:0; height:10px; line-height:10px; position:relative} #rootcell li {margin:0; padding:0 0 0 7px; display:block; float:right; list-style: none; font-size:10px} #rootcell a {padding:0 15px 0 0; background:transparent url(../common_img/root_arrow.gif) no-repeat right center} #rootcell a:link, #rootcell a:visited {color:#999} #rootcell a:hover, #rootcell a:visited:hover {color:#333} /* ======================================================= ======================================================= */ #iomic {background:#000 url('../iomic/img/bg.jpg') no-repeat; width:486px; line-height:110%; padding:100px 20px 10px 20px; color:#c8c8c8} #iomic .concept {width:486px; padding-bottom:60px; line-height:120%} #iomic .concept p {margin:0 0 10px 165px} /* ======================================================= ======================================================= */ #tec {width:526px; padding-bottom:10px} #tecFirstblock {background:#000 url('../tec/img/bg.jpg') no-repeat; width:386px; padding:100px 115px 60px 25px; color:#c8c8c8} #tecFirstblock .concept p { width:386px; margin-bottom:10px; line-height:120%} #tecSecondblock {background:#000 url('../tec/img/point.jpg') no-repeat; width:501px; padding:240px 0 50px 25px; color:#c8c8c8} p.point{ width:501px; font-size:10px; margin-bottom:5px} /* ======================================================= ET ======================================================= */ #aboutus {width:100%; padding-bottom:130px} /* #aboutus dl {border-bottom: 1px solid #ccc; margin-bottom:1.1em} #aboutus dt {float: left; width: 9em} #aboutus dd {margin: 0 0 0 5em; padding-bottom:1.1em} */ #warp #container #center #content #main #aboutus #CompanyTable { width:525px; font-size:12px} #warp #container #center #content #main #aboutus #CompanyTable td { border-bottom-color:#CCCCCC; border-bottom-style:solid; border-bottom-width:1px; padding-bottom:32px} /* ======================================================= : ХEʥ ======================================================= */ #gnav {width:760px; padding:0; margin:0; text-align:left; clear:both; height:30px} #gnav ul {width:760px; height:30px; margin:0; padding:0; list-style-type:none; list-style:none} #gnav li {float: left; height: 30px} #gniomic{width: 127px} #gntechnology{width: 127px} #gnproducts{width: 127px} #gninformation{width: 127px} #gnshop {width: 127px} #gnaboutus {width: 125px} #gnav a {margin:0; padding:0; border: none; display: block; height: 30px; text-indent: -9999px; background: url(../common_img/gn.gif) no-repeat} #gnav #gniomic a {background-position: 0 0} #gnav #gntechnology a {background-position: -127px 0} #gnav #gninformation a {background-position: -254px 0} #gnav #gnproducts a {background-position: -381px 0} #gnav #gnshop a {background-position: -508px 0} #gnav #gnaboutus a {background-position: -635px 0} #gnav #gniomic a:hover {background-position: 0 -30px} #gnav #gntechnology a:hover {background-position: -127px -30px} #gnav #gninformation a:hover {background-position: -254px -30px} #gnav #gnproducts a:hover {background-position: -381px -30px} #gnav #gnshop a:hover {background-position: -508px -30px} #gnav #gnaboutus a:hover {background-position: -635px -30px} #sect-iomic #gnav #gniomic a {background-position: 0 -30px} #sect-products #gnav #gnproducts a {background-position: -254px -30px} #sect-aboutus #gnav #gnaboutus a {background-position: -635px -30px} /* ======================================================= EiE======================================================= */ #products { width:100%; font-size:0.75em} .linkgrip {color: #67B3D3; padding-right:3px; font-size: 9px; line-height:1.8em} .linkgrip:visited {color: #67B3D3} .linkgrip:hover {color: #336699; text-decoration: underline} .linkitem {color: #D6BA65; padding-right:3px; font-size: 9px; line-height:1.8em} .linkitem:visited {color: #D6BA65} .linkitem:hover {color: #977B28; text-decoration: underline} .linkaccessory {color: #FF723C; padding-right:3px; font-size: 9px; line-height:1.8em} .linkaccessory:visited {color: #FF723C} .linkaccessory:hover {color: #EA4100; text-decoration: underline} .clearfix {clear: both} #main .productsinfo {width:526px; padding-bottom:20px; margin-bottom:20px; background:#000; min-height: 1em; display: inline-table; font-size:10px; line-height:150%; color:#f5f5f6; border: none} #main .productsinfo:after{content: ""; display: block; clear: both; height: 1px; overflow: hidden} .productsinfowarp {width:486px; margin:0 auto} #specartgrip {background: transparent url('../pro/img/grip/spec_artgrip.jpg') no-repeat left top; width: 526px; padding-top:470px; text-align:center} #specartgrip .specColor{ clear:both; background: transparent url('../pro/img/grip/spec_artgrip_color.jpg') no-repeat left top; width:526px; height:171px; margin-top:10px; text-indent:-9999px} #specartgrip .speccol2{background:transparent url('../pro/img/grip/spec_artgrip_ph.jpg') no-repeat; text-indent:-9999px} #specartgrip_p {background: transparent url('../pro/img/grip/spec_artgrip_p.jpg') no-repeat left top; width: 526px; padding-top:460px; text-align:center} #specartgrip_p .specColor{ clear:both; background: transparent url('../pro/img/grip/spec_artgrip_p_color.jpg') no-repeat left top; width:526px; height:80px; margin-top:10px; text-indent:-9999px} #specartgrip_p .speccol2{background:transparent url('../pro/img/grip/spec_artgrip_p_ph.jpg') no-repeat; text-indent:-9999px} #specxevolution {background: transparent url('../pro/img/grip/spec_x-evolution.jpg') no-repeat left top; width: 526px; padding-top:380px; text-align:center} #specxevolution .specColor{ clear:both; background: transparent url('../pro/img/grip/spec_x-evolution_color.jpg') no-repeat left top; width:526px; height:153px; margin-top:10px; text-indent:-9999px} #specxevolution .speccol2{background:transparent url('../pro/img/grip/spec_x-evolution_ph.jpg') no-repeat; text-indent:-9999px} #specsticky {background: transparent url('../pro/img/grip/spec_sticky.jpg') no-repeat left top; width: 526px; padding-top:380px; text-align:center} #specstickylight {background: transparent url('../pro/img/grip/spec_stickylight.jpg') no-repeat left top; width: 526px; padding-top:600px; text-align:center} #specsticky .specColor{ clear:both; background: transparent url('../pro/img/grip/spec_sticky_color.jpg') no-repeat left top; width: 526px; height:670px; margin-top:20px; text-indent:-9999px} #specsticky .speccol2{background:transparent url('../pro/img/grip/spec_sticky_ph.jpg') no-repeat} #specxfusion {background: transparent url('../pro/img/grip/spec_x-fusion.jpg') no-repeat left top; width: 526px; padding-top:380px; text-align:center} #specxfusion .specColor{ clear:both; background: transparent url('../pro/img/grip/spec_x-fusion_color.jpg') no-repeat left top; width: 526px; height:153px; margin-top:20px; text-indent:-9999px} #specxfusion .speccol2{background:transparent url('../pro/img/grip/spec_x-fusion_ph.jpg') no-repeat} #specsquaregrip {background: transparent url('../pro/img/grip/spec_square_grip.jpg') no-repeat left top; width: 526px; padding-top:375px; text-align:center} #specsquaregrip .specColor{ clear:both; background: transparent url('../pro/img/grip/spec_square-grip_color.jpg') no-repeat left top; width: 526px; height:153px; margin-top:20px; text-indent:-9999px} #specsquaregrip .speccol2{background:transparent url('../pro/img/grip/spec_sqgrip_ph.jpg') no-repeat} #specputtergrip {background: transparent url('../pro/img/grip/spec_putter_grip.jpg') no-repeat left top; width: 526px; padding-top:340px; text-align:center} #specputtergrip .specColor{ clear:both; background: transparent url('../pro/img/grip/spec_putter-grip_color.jpg') no-repeat left top; width: 526px; height:65px; margin-top:20px; text-indent:-9999px} #specputtergrip .speccol2{background:transparent url('../pro/img/grip/spec_putgrip_ph.jpg') no-repeat} #specxgrip {background: transparent url('../pro/img/grip/spec_x-grip.jpg') no-repeat left top; width: 526px; padding-top:360px; text-align:center} #specxgrip .specColor{ clear:both; background: transparent url('../pro/img/grip/spec_x-grip_color.jpg') no-repeat left top; width: 526px; height:622px; margin-top:20px; text-indent:-9999px} #specxgrip .speccol2{background:transparent url('../pro/img/grip/spec_x-grip_ph.jpg') no-repeat} #specunite {background: transparent url('../pro/img/grip/spec_unite.jpg') no-repeat left top; width: 526px; padding-top:340px; text-align:center} #specunite .specColor{ clear:both; background: transparent url('../pro/img/grip/spec_unite_color.jpg') no-repeat left top; width: 526px; height:150px; margin-top:20px; text-indent:-9999px} #specunite .speccol2{background:transparent url('../pro/img/grip/spec_unite_ph.jpg') no-repeat} #specbracelet {background: transparent url('../pro/img/accessory/spec_bracelet.jpg') no-repeat left top; width: 526px; padding-top:245px; text-align:center} #specbracelet .specColor{ clear:both; background: transparent url('../pro/img/accessory/spec_bracelet_color.jpg') no-repeat left top; width: 180px; height:98px; margin-top:20px; text-indent:-9999px} #specbracelet .speccol2{background:transparent url('../pro/img/accessory/spec_bracelet_ph.jpg') no-repeat} #specneckless {background: transparent url('../pro/img/accessory/spec_neckless.jpg') no-repeat left top; width: 526px; padding-top:275px; text-align:center} #specneckless .specColor{ clear:both; background: transparent url('../pro/img/accessory/spec_neckless_color.jpg') no-repeat left top; width: 180px; height:98px; margin-top:20px; text-indent:-9999px} #specneckless .speccol2{background:transparent url('../pro/img/accessory/spec_neckless_ph.jpg') no-repeat} #specanklet {background: transparent url('../pro/img/accessory/spec_anklet.jpg') no-repeat left top; width: 526px; padding-top:250px; text-align:center} #specanklet .specColor{ clear:both; background: transparent url('../pro/img/accessory/spec_anklet_color.jpg') no-repeat left top; width: 180px; height:24px; margin-top:20px; text-indent:-9999px} #specanklet .speccol2{background:transparent url('../pro/img/accessory/spec_anklet_ph.jpg') no-repeat} #specglove {background: transparent url('../pro/img/item/spec_glove.jpg') no-repeat left top; width: 526px; padding-top:340px; text-align:center} #specglove .specColor{ clear:both; background: transparent url('../pro/img/item/spec_glove_color.jpg') no-repeat left top; width: 175px; height:45px; margin-top:20px; text-indent:-9999px} #specglove .speccol2{background:transparent url('../pro/img/item/spec_glove_ph.jpg') no-repeat} #specbelt {background: transparent url('../pro/img/item/spec_belt.jpg') no-repeat left top; width: 526px; padding-top:350px; text-align:center} #specbelt .specColor{ clear:both; background: transparent url('../pro/img/item/spec_belt_color.jpg') no-repeat left top; width: 155px; height:83px; margin-top:20px; text-indent:-9999px} #specbelt .speccol2{background:transparent url('../pro/img/item/spec_belt_ph.jpg') no-repeat} #speccolorcap {background: transparent url('../pro/img/item/spec_colorcap.jpg') no-repeat left top; width: 526px; padding-top:383px; text-align:center} #speccolorcap .specColor{ clear:both; background: transparent url('../pro/img/item/spec_colorcap_color.jpg') no-repeat left top; width: 155px; height:83px; margin-top:20px; text-indent:-9999px} #speccolorcap .speccol2{background:transparent url('../pro/img/item/spec_colorcap_ph.jpg') no-repeat} #speccaddiebag {background: transparent url('../pro/img/item/spec_caddiebag.jpg') no-repeat left top; width: 526px; padding-top:458px; text-align:center} #speccaddiebag .specColor{ clear:both; background: transparent url('../pro/img/item/spec_caddiebag_color.jpg') no-repeat left top; width: 180px; height:45px; margin-top:20px; text-indent:-9999px} #speccaddiebag .speccol2{background:transparent url('../pro/img/item/spec_caddiebag_ph.jpg') no-repeat} #speccaddiebagself {background: transparent url('../pro/img/item/spec_caddiebagself.jpg') no-repeat left top; width: 526px; padding-top:445px; text-align:center} #speccaddiebagself .specColor{ clear:both; background: transparent url('../pro/img/item/spec_caddiebagself_color.jpg') no-repeat left top; width: 180px; height:45px; margin-top:20px; text-indent:-9999px} #speccaddiebagself .speccol2{background:transparent url('../pro/img/item/spec_caddiebagself_ph.jpg') no-repeat} #specumbrella {background: transparent url('../pro/img/item/spec_umbrella.jpg') no-repeat left top; width: 526px; padding-top:140px; text-align:center} #specumbrella .specColor{ clear:both; background: transparent url('../pro/img/item/spec_umbrella_color.jpg') no-repeat left top; width: 46px; height:12px; margin-top:20px; text-indent:-9999px} #specumbrella .speccol2{background:transparent url('../pro/img/item/spec_umbrella_ph.jpg') no-repeat} #specputtercover {background: transparent url('../pro/img/item/spec_putter_cover.jpg') no-repeat left top; width: 526px; padding-top:320px; text-align:center} #specputtercover .specColor{ clear:both; background: transparent url('../pro/img/item/spec_putter_cover_color.jpg') no-repeat left top; width: 206px; height:35px; margin-top:20px; text-indent:-9999px} #specputtercover .speccol2{background:transparent url('../pro/img/item/spec_putter_cover_ph.jpg') no-repeat} .speccol1{float:left; width:226px; text-align:left} .speccol2{float:right; width:245px; padding-top:110px; text-align:right} .speccol2 a{background:url('../pro/img/lookup.gif') no-repeat; color:#f5f5f6; text-decoration:none; padding-left:20px} .speccol2 a:hover{color:#999; text-decoration:underline} .speccol3{clear:both; width:486px; padding:20px 0} .speccol3 ul {width:486px; height:15px; margin:0; padding:0; list-style-type:none; list-style:none} .speccol3 li {float: left; height: 15px} .speccol3 li img {vertical-align:middle; margin:0 3px 0 10px} .speccol4 {width:486px; margin:20px auto; padding:10px 0 0; border-top:#333 1px solid; text-align:left} .speccol4 .price{float:left} .speccol4 a.webshop {float:right; background:url('../pro/img/webshop.jpg'); background-repeat:no-repeat top left; width:160px; height:30px; display:block; text-indent:-9999px} .speccol4 a:hover.webshop {float:right; background:url('../pro/img/webshop.jpg'); background-repeat:no-repeat; background-position:left bottom; width:160px; height:30px; display:block; text-indent:-9999px; margin:0; padding:0} .speccol5{clear:both; width:486px; padding:20px 0; text-align:left} .speccol5 ul {width:486px; height:15px; margin:0; padding:0; list-style-type:none; list-style:none} .speccol5 li {float: left; height: 15px} .speccol5 li img {vertical-align:middle; margin:0 3px 0 0} .speccol6{clear:both; width:486px; height:50px; padding:20px 0; text-align:left} .speccol6:after{content: ""; display: block; clear: both; height: 1px; overflow: hidden} .speccol6 ul {width:486px; height:15px; margin:0; padding:0; list-style-type:none; list-style:none} .speccol6 li {height: 15px} .speccol6 li.indsize {padding-left:47px} .speccol6 li img {vertical-align:middle; margin:0 3px 0 0} p.coution{padding:10px@3px 0 0; font-size:8px; text-align:right} /* ======================================================= ======================================================= */ #prosidebar {width:180px; float:left} #prosidebar ul {width:180px; margin:0; padding:0; list-style-type:none; list-style:none} #prosidebar li{float: left} #prosidebar a{margin:0; padding:0; border: none; display: block; width:180px; text-indent: -9999px; background: url(../pro/img/sidebar.jpg) no-repeat} #prosidebar a.lastmenu{margin:0; padding:0; border: none; display: block; width:180px; text-indent: -9999px; background: url(../pro/img/sidebar.jpg) no-repeat} #prosidebar #categorygrip{margin:0; padding:0; border: none; display: block; width:180px; height:29px; text-indent: -9999px; background: url(../pro/img/sidebar.jpg) no-repeat 0 -461px} #prosidebar #categoryaccessories{margin:0; padding:0; border: none; display: block; width:180px; height: 39px; text-indent: -9999px; background: url(../pro/img/sidebar.jpg) no-repeat; background-position:0 -481px} #prosidebar #categoryitem{margin:0; padding:0; border: none; display: block; width:180px; height: 29px; text-indent: -9999px; background: url(../pro/img/sidebar.jpg) no-repeat; background-position:0 -438px} #prosidebar #artgripstickyopus2 a {background-position:0 0; height:40px} #prosidebar #artgripxgripopus1 a {background-position:0 -40px; height:39px} #prosidebar #sidesticky2-3 a {background-position:0 -79px; height:29px} #prosidebar #sidesticky18 a {background-position:0 -108px; height:29px} #prosidebar #sidexevolution a {background-position:0 -137px; height:29px} #prosidebar #sidexfusion a {background-position:0 -166px; height:29px} #prosidebar #sidexgrip a {background-position:0 -195px; height:29px} #prosidebar #sideabsolute a {background-position:0 -224px; height:29px} #prosidebar #sideartgripputteropus1 a {background-position:0 -253px; height:39px} #prosidebar #sideputtergrip a {background-position:0 -292px; height:29px} #prosidebar #sideunite a {background-position:0 -321px; height:29px} #prosidebar #sideglove a {background-position:0 -349px; height:29px} #prosidebar #sideumbrella a {background-position:0 -378px; height:29px} #prosidebar #sidebelt a {background-position:0 -407px; height:30px} #prosidebar #artgripstickyopus2 a:hover {background-position:-179px 0} #prosidebar #artgripxgripopus1 a:hover {background-position:-179px -40px} #prosidebar #sidesticky2-3 a:hover {background-position:-179px -79px} #prosidebar #sidesticky18 a:hover {background-position:-179px -108px} #prosidebar #sidexevolution a:hover {background-position:-179px -137px} #prosidebar #sidexfusion a:hover {background-position:-179px -166px} #prosidebar #sidexgrip a:hover {background-position:-179px -195px} #prosidebar #sideabsolute a:hover {background-position:-179px -224px} #prosidebar #sideartgripputteropus1 a:hover {background-position:-179px -253px} #prosidebar #sideputtergrip a:hover {background-position:-179px -292px} #prosidebar #sideunite a:hover {background-position:-179px -321px} #prosidebar #sideglove a:hover {background-position:-179px -349px} #prosidebar #sideumbrella a:hover {background-position:-179px -378px} #prosidebar #sidebelt a:hover {background-position:-179px -407px} /* ======================================================= ======================================================= */ #privacy p.last{padding-bottom:10px} #privacy dl{border-top:#ccc 2px solid; padding:10px 0} #privacy dt.pritit{font-weight: bold; padding:5px 0} #privacy dl dd{margin-left: 0; line-height: 150%} /* ======================================================= ======================================================= */ #info {width:100%; padding-bottom:100px} #iomic .concept {width:486px; padding-bottom:100px; line-height:120%} #iomic .concept p {margin:0 0 10px 165px} p.date{background: url(../img/topic_ico.gif) no-repeat; margin:0 0 5px 0; padding-left:17px; line-height:1.1em; font-weight:bold} p.news{margin:0 0 60px 15px} /* ======================================================= ======================================================= */ #shopnav {width:526px; margin:0; padding-bottom:20px; text-align:left; clear:both; height:260px} #shopnav ul {width:526px; height:260px; margin:0; padding:0; list-style-type:none; list-style:none} #shopnav li {float:left; height:260px} #navjap{width: 258px; margin-right:10px} #navworld{width: 258px} #shopnav a {margin:0; padding:0; border: none; display: block; height: 260px; text-indent: -9999px; background: url(../shop/img/nav.jpg) no-repeat} #shopnav #navjap a {background-position: 0 0} #shopnav #navworld a {background-position:0 -520px} #shopnav #navjap a:hover {background-position: 0 -260px} #shopnav #navworld a:hover {background-position: 0 -780px} #shopjpn{width:100%; height:407px; padding-bottom:150px; position:relative} #shopjpn form {position: absolute; left:70px; top:60px; z-index:1} #shopjpn form p{padding:5px 0; font-size:10px} #shopjpn form.smalltext{font-size:9px} .jpnmap{text-align:center; z-index:0} #shop{width:100%; padding-bottom:60px} #shop form {padding-bottom:20px} #shop form.smalltext{font-size:10px} #shop form {padding-bottom:20px} #shop table{width:100%; border: 1px solid #ccc; border-collapse: separate; border-spacing: 1px; border:none; font-size:12px; margin-bottom:25px} #shop table a:link, #shop table a:visited {color:#555; text-decoration:none} #shop table a:hover, #shop table a:visited:hover {color:#b22222; text-decoration:underline} #shop table tr.st{font-weight:bold} #shop table tr {padding: 3px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc} #shop table td {padding: 3px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #fff} #shop table td.col1{width:45%} #shop table td.col2{width:20%} #shop p.ken{background: url(../shop/img/ken.gif) no-repeat; margin-bottom:10px; padding-left:17px; line-height:1.1em; font-weight:bold} #shop p.areahokkaido{display: block; text-indent: -9999px; background: url(../shop/img/title_hokkaido.gif) no-repeat; padding-top:15px} #shop p.areatohoku{display: block; text-indent: -9999px; background: url(../shop/img/title_tohoku.gif) no-repeat; padding-top:15px} #shop p.areahokuriku{display: block; text-indent: -9999px; background: url(../shop/img/title_hokuriku.gif) no-repeat; padding-top:15px} #shop p.areakantoh{display: block; text-indent: -9999px; background: url(../shop/img/title_kantou.gif) no-repeat; padding-top:15px} #shop p.areatyubu{display: block; text-indent: -9999px; background: url(../shop/img/title_tyubu.gif) no-repeat; padding-top:15px} #shop p.areakinki{display: block; text-indent: -9999px; background: url(../shop/img/title_kinki.gif) no-repeat; padding-top:15px} #shop p.areatyugoku{display: block; text-indent: -9999px; background: url(../shop/img/title_tyugoku.gif) no-repeat; padding-top:15px} #shop p.areashikoku{display: block; text-indent: -9999px; background: url(../shop/img/title_sikoku.gif) no-repeat; padding-top:15px} #shop p.areakyusyu{display: block; text-indent: -9999px; background: url(../shop/img/title_kyusyu.gif) no-repeat; padding-top:15px} #shop p.asia{display: block; text-indent: -9999px; background: url(../shop/img/map_asia.jpg) no-repeat; padding-top:225px} #shop p.europe{display: block; text-indent: -9999px; background: url(../shop/img/map_europe.jpg) no-repeat; padding-top:380px} #shop p.africa{display: block; text-indent: -9999px; background: url(../shop/img/map_africa.jpg) no-repeat; padding-top:365px} #shop p.america{display: block; text-indent: -9999px; background: url(../shop/img/map_america.jpg) no-repeat; padding-top:342px} #shop p.con{font-weight:bold; line-height:200%} #shop table td.col3{width:40%; font-size:12px} #shop table td.col4{font-size:10px} #shop p.col5{font-size:10px} /* ======================================================= ======================================================= */ #shopsidebar {width:180px; float:left} #shopsidebar ul {width:180px; height:29px; margin:0; padding:0; list-style-type:none; list-style:none} #shopsidebar li{float: left; height: 29px} #shopsidebar a{margin:0; padding:0; border: none; display: block; width:180px; height: 29px; text-indent: -9999px; background: url(../shop/img/shop_sidebar.jpg) no-repeat} #shopsidebar #shoplist{margin:0; padding:0; border: none; display: block; width:180px; height: 29px; text-indent: -9999px; background: url(../shop/img/shop_sidebar.jpg) no-repeat} #shopsidebar a.lastmenu{margin:0; padding:0; border: none; display: block; width:180px; height: 30px; text-indent: -9999px; background: url(../shop/img/shop_sidebar.jpg) no-repeat} #shopsidebar #sidehokkaido a {background-position:0 -29px} #shopsidebar #sidetohoku a {background-position:0 -58px} #shopsidebar #sidehokuriku a {background-position:0 -87px} #shopsidebar #sidekantoh a {background-position:0 -116px} #shopsidebar #sidetyubu a {background-position:0 -145px} #shopsidebar #sidekinki a {background-position:0 -174px} #shopsidebar #sidetyugoku a {background-position:0 -203px} #shopsidebar #sideshikoku a {background-position:0 -232px} #shopsidebar #sidekyusyu a {background-position:0 -261px} #shopsidebar #sidehokkaido a:hover {background-position:-179px -29px} #shopsidebar #sidetohoku a:hover {background-position:-179px -58px} #shopsidebar #sidehokuriku a:hover {background-position:-179px -87px} #shopsidebar #sidekantoh a:hover {background-position:-179px -116px} #shopsidebar #sidetyubu a:hover {background-position:-179px -145px} #shopsidebar #sidekinki a:hover {background-position:-179px -174px} #shopsidebar #sidetyugoku a:hover {background-position:-179px -203px} #shopsidebar #sideshikoku a:hover {background-position:-179px -232px} #shopsidebar #sidekyusyu a:hover {background-position:-179px -261px} /* ======================================================= ======================================================= */ #partner p.ar{background: url(../partner/img/ico.gif) no-repeat 0 50%; padding:0 0 0 10px; margin:10px 0 10px 5px} #partner p.pdf{background: url(../partner/img/pdf.gif) no-repeat 0 50%; padding:0 0 0 21px; margin:10px 0 10px 5px} #partner a:link, #partner a:visited {color:#555; text-decoration:none} #partner a:hover, #partner a:visited:hover {color:#b22222; text-decoration:underline} /* ======================================================= ======================================================= */ #warp #container #content #main #FromTable { background-color:#CCCCCC; width:525px; font-size:12px} #warp #container #content #main #FromTable th { background-color:#EFEFEF; text-align:left; font-weight:normal} #warp #container #content #main #FromTable td { background-color:#FFFFFF;} /* ======================================================= ======================================================= */ #sitemap p{background: url(../sitemap/img/ico.gif) no-repeat 0 50%; margin:0 0 35px 0; padding-left:15px} #sitemap p a{color:#555; text-decoration:none} #sitemap p a:hover{color:#999; text-decoration:underline} /* ======================================================= ======================================================= */ #shopsale {background: url(../sitemap/img/ico.gif) no-repeat 0 50%; margin:0 0 15px 0; padding-left:15px} /* ======================================================= ======================================================= */ #footer { margin:0; padding:5px 0 15px; text-align: center; font-size:9px; color: #c8c8c8; clear:both} #footernav ul { list-style: none; margin:0; padding: 1em 0 0 0} #footernav ul li {display: inline; border-right: solid 1px #fff; padding: 0 5px} #footernav ul li.last { border: 0} #footernav ul li a { color: #666; text-decoration:none} #footernav ul li a:hover {color: #ccc; text-decoration:underline} #footer p {text-align: center; padding-top:15px; font-family:Lucida Grande,Tahoma,Lucida Sans Unicode; font-size:9px; color: #666} /* ======================================================= Ly[ ======================================================= */ #Camcontent{width:724px; background-color:#1B242B; min-height: 1em; display: inline-table; margin:0 auto; padding-bottom:10px} #Camcontent.eventheader{margin-bottom:30px} .eventinfo{width:82%; border-top: solid 1px #999999; border-bottom: solid 1px #999999; padding: 15px; text-align:left; color:#cccccc; margin:5px auto 30px} .eventinfo:after{content: ""; display: block; clear: both; height: 1px; overflow: hidden} .infoleft{width:45%; float:left} .inforight{width:45%; float:right} #eventbtn{width:460px; clear:both; height:28px; margin:30px auto 30px} #eventbtn a.xgripbuy{background:url(../campaign/2008/12/img/btn_buy.gif) no-repeat top left; display:block; width:195px; height:28px; float:left; text-indent: -9999px} #eventbtn a:hover.xgripbuy{background-position:bottom left} #eventbtn a.stickybuy{background:url(../campaign/2008/12/img/btn_buy.gif) no-repeat top right; display:block; width:195px; height:28px; float:right; text-indent: -9999px} #eventbtn a:hover.stickybuy{background-position:bottom right} #Camtopban{width:724px; height:145px; margin:0 0 20px 18px} #Camtopban a{background:url(../campaign/2008/12/img/btn_cam.gif) no-repeat top left; display:block; text-indent: -9999px; width:724px; height:145px} #Camtopban a:hover{background:url(../campaign/2008/12/img/btn_cam_o.gif) no-repeat} .eventpdf{width:82%; border: solid 1px #666666; padding: 15px; text-align:left; color:#cccccc; margin:5px auto 30px; background:url(../campaign/2008/12/img/bg_pdf.gif) no-repeat top right} .eventpdf:after{content: ""; display: block; clear: both; height: 1px; overflow: hidden} .eventpdf a{text-decoration:underline; color:#B91C22} .eventpdf a:hover{text-decoration:none; color:#B91C22} .pdfph{float:left; margin-right:10px} .pdfinfo{padding:10px; font-size:0.75em} .pdfinfo img{float:right}