@charset "utf-8"; /*--------------------------------------------- Base Style Markuped by TERA.inc TechnicalTeam ----------------------------------------------- Suggested order: { display, list-style, position, float, clear, width, height, margin, padding, border, background, color, font, text-decoration, text-align, vertical-align, white-space, other text, content } ----------------------------------------------- 01. layout ---------------------------------------------*/ /*--------------------------------------------- 01.layout ---------------------------------------------*/ #wrap { clear: both; width: 960px; margin: 0 auto; text-align: left; background: #f5f6f8; } #header { width: 940px; padding: 10px 0 10px 20px; background: url(../../Images/CreativeCenter/enus_header.png) no-repeat; } h1 { margin: 4px 0 0 20px; } #gnaviArea { position: relative; margin: 2px 0 0 5px; } #pankuzu { padding: 5px 10px 0 13px; } #contents { padding: 13px 10px 10px 10px; } #side { float: left; } #sideR { float: right; } #main { float: right; width: 700px; } #mainL { float: left; width: 740px; } #pagetop { padding: 0 10px; } #footer { padding: 10px; } /*--------------------------------------------- 03.pankuzu ---------------------------------------------*/ #pankuzu ul li { float: left; margin-right: 5px; } #pankuzu ul li a { color: #009; text-decoration: underline; } #pankuzu ul li a:hover { color: #00F; } /*--------------------------------------------- 04.contents ---------------------------------------------*/ /*-- side ---*/ #side { width: 220px; background: #dcdddf; } #side h2 { padding: 10px; background: #c7c8ca; font-size: 125%; font-weight: 600; } #side h3 { padding: 10px 0 5px 10px; font-size: 125%; font-weight: 600; } #side .categoryBox { padding-bottom: 5px; border-bottom: 1px solid #b4b4b4; } #side .categoryBox li a { display: block; padding: 3px 20px 3px 10px; color: #333; } #side .categoryBox li a:hover { background: #4d4d4d url(../../Images/CreativeCenter/enus_i_arrow2.png) no-repeat 200px ; color: #fff; } /*--- slide ---*/ #slide { padding: 5px 10px 10px 10px; background: #fff; } #slide h2 { color: #ff6600; font-size: 130%; font-weight: 600; } #idMediaWrap { height: 190px; margin: 5px auto 0 auto; padding: 10px 0 0 10px; background: url(../../Images/CreativeCenter/enus_bg_product_slide.jpg) no-repeat; } #lineupItem { float:left; text-align:left; } #lineupItem li { float:left; display:inline; width:155px; height:190px; padding:0 5px; text-align:center; } #lineupItem li　a dd { text-decoration: none; } #lineupItem li dt { display: table-cell; vertical-align: bottom; width: 155px; text-align: center; height: 150px; } #lineupItem li dt img { border: 1px solid #fff; } #lineupItem li dd { color: #fff; } #lineupItem li dd em { font-weight: 600; } .prevBtn { float:left; width:25px; height:40px; padding-top:80px; } /*.prevBtn a:hover { width:25px; height:40px; -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity:0.8; zoom:1; }*/ .nextBtn { float:right; width:25px; height:40px; padding:80px 8px 0 0; } /*.nextBtn a:hover { width:25px; height:40px; -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity:0.8; zoom:1; }*/ .cc2 #slide { padding: 5px 10px 10px 10px; background: #fff; } .cc2 #slide h2 { color: #ff6600; font-size: 130%; font-weight: 600; } .cc2 #idMediaWrap { height: 190px; margin: 0 auto 0 auto; padding: 10px 0 0 10px; background: url(../../Images/CreativeCenter/enus_bg_product_slide.jpg) no-repeat; } .cc2 #lineupItem { float:left; text-align:left; } .cc2 #lineupItem li { float:left; display:inline; width:155px; height:190px; padding:0 5px; text-align:center; } .cc2 #lineupItem li　a dd { text-decoration: none; } .cc2 #lineupItem li dt { display: table-cell; vertical-align: bottom; width: 155px; text-align: center; height: 150px; } .cc2 #lineupItem li dt img { border: 1px solid #fff; } .cc2 #lineupItem li dd { color: #fff; } .cc2 #lineupItem li dd em { font-weight: 600; } .cc2 .prevBtn { float:left; width:25px; height:40px; padding-top:80px; } /*.prevBtn a:hover { width:25px; height:40px; -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity:0.8; zoom:1; }*/ .cc2 .nextBtn { float:right; width:25px; height:40px; padding:80px 8px 0 0; } /*.nextBtn a:hover { width:25px; height:40px; -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity:0.8; zoom:1; }*/ .cc2 .category { display: block; padding: 7px 10px; background: #fff; } .cc2 .category2 { display: block; padding: 0; background: #fff; } /*--- product ---*/ #products .title { margin-top: 15px; padding: 5px 10px; background: #fff; } #products .title h2 { float: left; color: #ff6600; font-size: 134%; font-weight: 600; } #products .title h2.fz { float: left; color: #ff6600; font-size: 150%; font-weight: 600; } #products .title ul { float: left; margin: 3px 0 0 20px; } #products .title ul li { float: left; padding: 0 10px; border-left: 1px solid #666; cursor: pointer; color: #009; text-decoration: underline; } #products .title ul li:hover { color: #00f; } #products .title ul li.select { font-weight: 600; color: #333; text-decoration: none; } #products .title ul li.lastchild { border-right: 1px solid #666; } #products ul.product { width: 700px; margin-top: 10px; } #products ul.product li { float: left; margin: 10px 0 0 1px; } #products ul.product li .innerTop { width: 232px; padding-top: 6px; background: url(../../Images/CreativeCenter/enus_bg_product_t.png) no-repeat; } #products ul.product li .innerBtm { padding-bottom: 6px; background: url(../../Images/CreativeCenter/enus_bg_product_b.png) no-repeat bottom; } #products ul.product li .inner { display: table; padding: 4px 10px 4px 10px; background: url(../../Images/CreativeCenter/enus_bg_product_m.png) repeat-y; } #products ul.product li .inner a h3 { font-size: 110%; font-weight: 600; color: #333; } #products ul.product li .inner p { display: table-cell; vertical-align: middle; width: 212px; height: 170px; margin-top: 2px; text-align: center; background: url(../../Images/CreativeCenter/enus_bg_productph.png) no-repeat; } /*--- family product ---*/ #familyProducts .title { margin-top: 15px; padding: 5px 10px; background: #fff; } #familyProducts .title h2 { float: left; color: #ff6600; font-size: 134%; font-weight: 600; } #familyProducts .title h2.fz { float: left; color: #ff6600; font-size: 150%; font-weight: 600; } #familyProducts .title ul { float: left; margin: 3px 0 0 20px; } #familyProducts .title ul li { float: left; padding: 0 10px; border-left: 1px solid #666; cursor: pointer; color: #009; text-decoration: underline; } #familyProducts .title ul li:hover { color: #00f; } #familyProducts .title ul li.select { font-weight: 600; color: #333; text-decoration: none; } #familyProducts .title ul li.lastchild { border-right: 1px solid #666; } #familyProducts ul.product { width: 700px; margin-top: 10px; } #familyProducts ul.product li { float: left; margin: 10px 0 0 1px; } #familyProducts ul.product li .innerTop { width: 232px; padding-top: 6px; background: url(../../Images/CreativeCenter/enus_bg_product_t.png) no-repeat; } #familyProducts ul.product li .innerBtm { padding-bottom: 6px; background: url(../../Images/CreativeCenter/enus_bg_product_b.png) no-repeat bottom; } #familyProducts ul.product li .inner { padding: 4px 10px 4px 10px; background: url(../../Images/CreativeCenter/enus_bg_product_m.png) repeat-y; } #familyProducts ul.product li .inner a h3 { font-size: 110%; font-weight: 600; color: #333; } #familyProducts ul.product li .inner p { display: table-cell; vertical-align: middle; width: 212px; height: 170px; margin-top: 2px; text-align: center; background: url(../../Images/CreativeCenter/enus_bg_productph.png) no-repeat; } html>/**/body .fancyL p img { margin /*\**/: 30px 0 0 60px\9 } /*--------------------------------------------- 05.pagetop ---------------------------------------------*/ #pagetop p { float: right; margin-top: 30px; padding-left: 15px; background: url(../../Images/CreativeCenter/enus_i_arrow3.png) no-repeat 0 6px; } #pagetop a:link { color: #333; } #pagetop a:hover { color: #00f; text-decoration: underline; } /*--------------------------------------------- 07.terms ---------------------------------------------*/ #terms #contents h2 { padding: 7px 10px; background: #fff; font-size: 130%; font-weight: 600; color: #2c8585; } #terms #contents .inner { padding: 0 20px; } #terms #contents h3 { margin-top: 20px; font-size: 130%; font-weight: 600; } #terms #contents p { margin-top: 20px; padding-bottom: 10px; } #terms #contents p a { color: #009; text-decoration: underline; } #terms #contents p a:hover { color: #00f; text-decoration: underline; } /*--------------------------------------------- 08.sitemap ---------------------------------------------*/ #sitemap #contents dl { padding: 7px 10px; background: #fff; } #sitemap #contents dt, #sitemap #contents dd { float: left; } #sitemap #contents dt { margin-right: 18px; font-size: 130%; font-weight: 600; color: #2c8585; } #sitemap #contents dd { margin: 3px 0 0 8px; padding-left: 15px; background: url(../../Images/CreativeCenter/enus_i_arrow5.png) no-repeat left; } #sitemap #contents dd a { color: #009; text-decoration: underline; } #sitemap #contents dd a:hover { color: #00F; text-decoration: underline; } #sitemap #contents .inner { padding: 0 20px; } #sitemap #contents .inner > p { margin-top: 40px; } #sitemap #contents .inner > p a { color: #333; } #sitemap #contents .inner > p a:hover { color: #00f; text-decoration: underline; } #sitemap #contents .page { padding: 0 10px 40px 10px; border-bottom: 1px solid #cdd4e3; } #sitemap #contents .page > ul > li { float: left; width: 200px; margin-right: 20px; } #sitemap #contents .page > ul > li p { margin-top: 20px; padding-top: 10px; border-top: 1px solid #999; } #sitemap #contents .page > ul > li ul { margin-top: 10px; } #sitemap #contents .page > ul > li a { color: #333; } #sitemap #contents .page > ul > li a:hover { color: #00f; text-decoration: underline; } /*--------------------------------------------- 09.en_us ---------------------------------------------*/ #en_us #logoArea { padding: 13px 22px 25px 22px; background: url(../../Images/CreativeCenter/enus_logo_shadow.png) no-repeat bottom; } #en_us #logoArea h1 { float: left; margin: 0 !important; } #en_us #logoArea p { float: left; margin-left: 15px; padding-top: 30px; font-size: 110%; font-weight: 600; } #en_us #logoArea .language { float: right; margin-top: 20px; } #en_us #contents h2 { margin-bottom: 15px; font-size: 130%; font-weight: 600; } #en_us #contents > p { margin-bottom: 10px; } #en_us #contents > p > a { padding-left: 10px; background: url(../../Images/CreativeCenter/enus_i_arrow4.png) no-repeat 0 2px; color: #009; text-decoration: underline; } #en_us #contents > p > a:hover { color: #00f; text-decoration: underline; } #en_us #contents { padding: 0 20px; } #en_us #contents .center { margin: 15px 0 25px 0; } #en_us #contents .businessT { float: left; width: 456px; padding-top: 4px; background: url(../../Images/CreativeCenter/enus_bg_language_t.png) no-repeat; } #en_us #contents .homeT { float: right; width: 456px; padding-top: 4px; background: url(../../Images/CreativeCenter/enus_bg_language_t.png) no-repeat; } #en_us #contents .businessB , .homeB { padding-bottom: 4px; background: url(../../Images/CreativeCenter/enus_bg_language_b.png) no-repeat bottom; } #en_us #contents .businessM , .homeM { padding: 10px 20px 15px 20px; background: url(../../Images/CreativeCenter/enus_bg_language_m.png) repeat-y; } #en_us #contents .businessM h3, .homeM h3 { margin-bottom: 12px; } #en_us #contents .businessM h3 , #en_us #contents .homeM h3 { margin-bottom: 8px; padding: 0 0 0 20px; background: url(../../Images/CreativeCenter/enus_i_arrow6.png) no-repeat 0 10px; font-size: 200%; font-weight: 600; color: #009; text-decoration: underline; } #en_us #contents .businessM h3:hover , #en_us #contents .homeM h3:hover { color: #00f; text-decoration: underline; } #en_us #contents .businessM p { padding-top: 213px; background: url(../../Images/CreativeCenter/enus_bg_businesscenter.jpg) no-repeat; color: #333; } #en_us #contents .homeM p { padding-top: 213px; background: url(../../Images/CreativeCenter/enus_bg_homecenter.jpg) no-repeat; color: #333; } #en_us #footer #footSitemap { padding: 10px; } #en_us #footer ul li a { color: #009; text-decoration: underline; } #en_us #footer ul li a:hover { color: #00f; text-decoration: underline; } #en_us #footer ul.menuL { float: left; } #en_us #footer ul.menuL li { float: left; margin-right: 15px; padding-left: 10px; background: url(../../Images/CreativeCenter/enus_i_arrow4.png) no-repeat 0 3px; } #en_us #footer ul.menuR { float: right; } #en_us #footer ul.menuR li { float: left; margin-right: 3px; } /*--------------------------------------------- footer ---------------------------------------------*/ #footer .footSitemap { padding: 15px 20px; background: #fff; } #footer .blueLineBox { padding-top: 15px; border-top: 10px solid #0d2ea0; } #footer .blueLine { border-top: 10px solid #0d2ea0; } #footer .yellowLine { border-top: 10px solid #f90; } #footer .turquoiseLine { border-top: 10px solid #6cc; } #footer .footSitemap .column { float: left; } #footer .footSitemap .column h3 { font-weight: 600; } #footer .footSitemap .column ul { float: left; width: 170px; margin-top: 10px; } #footer .footSitemap .column ul li a { color: #333; } #footer .footSitemap .column ul li a:hover { color: #00f; text-decoration: underline; } #footer address { padding: 10px; } /*--------------------------------------------- 10.lang_ca ---------------------------------------------*/ #lang_ca #language { padding: 13px 22px 25px 22px; background: url(/Images/CreativeCenter/enus_logo_shadow.png) no-repeat bottom; } #lang_ca #language h1 { float: left; margin: 0; font-size: 167%; font-weight: 600; } #lang_ca .mod_pulldown2_r { float: right; } #lang_ca .mod_pulldown2_r select { float: left; margin-right: 10px; } #lang_ca #contents { margin-bottom: 40px; padding: 0 15px; } #lang_ca .mod_content_half { width: 440px; } #lang_ca .mod_borR_gray { padding-right: 23px; border-right: 1px solid #ccc; } #lang_ca .mod_content_half h3 { font-size: 134%; font-weight: 600; } #lang_ca .mod_content_half p { margin-top: 10px; } #lang_ca .mod_content_half p.arrowLink { height: 30px; padding-left: 10px; background: url(/Images/CreativeCenter/enus_i_arrow4.png) no-repeat 0 3px; } #lang_ca .mod_content_half p.arrowLink a { color: #009; text-decoration: underline; } #lang_ca .mod_content_half p.arrowLink a:hover { color: #00f; text-decoration: underline; } #lang_ca .shadowboxT { width: 436px; margin-top: 10px; padding-top: 4px; background: url(/Images/CreativeCenter/enus_global_lang_shadowboxT.jpg) no-repeat; } #lang_ca .shadowboxB { width: 436px; padding-bottom: 4px; background: url(/Images/CreativeCenter/enus_global_lang_shadowboxB.jpg) no-repeat bottom; } #lang_ca .shadowboxM { padding: 10px 20px; background: url(/Images/CreativeCenter/enus_global_lang_shadowboxM.jpg) repeat-y; } #lang_ca .shadowboxM p { margin: 0; } #lang_ca .shadowboxM .productCategory { padding-left: 15px; background: url(/Images/CreativeCenter/enus_i_arrow7.png) no-repeat 0 7px; font-size: 167%; font-weight: 600; } #lang_ca .shadowboxM .productCategory { color: #009; text-decoration: underline; } #lang_ca .shadowboxM .productCategory:hover { color: #00f; } #lang_ca .shadowboxM .productBG1 { width: 390px; padding-top: 150px; background: url(/Images/CreativeCenter/enus_bg_businesscenter2.jpg) no-repeat; } #lang_ca .shadowboxM .productBG2 { width: 390px; padding-top: 150px; background: url(/Images/CreativeCenter/enus_bg_homecenter2.jpg) no-repeat; } #lang_ca .shadowboxM .line3 { height: 55px; } #lang_ca .shadowboxM p { color: #333; } #lang_ca #footer .menuL { float: left; } #lang_ca #footer .menuL li { float: left; margin-right: 15px; padding-left: 10px; background: url(/Images/CreativeCenter/enus_i_arrow4.png) no-repeat 0 3px; } #lang_ca #footer .menuR { float: right; } #lang_ca #footer .menuR li { float: right; margin-right: 3px; } #lang_ca #footer li a { color: #009; text-decoration: underline; } #lang_ca #footer li a:hover { color: #00f; text-decoration: underline; } /*130825西脇*/ .mv { width: 650px; height: 170px; padding: 15px; background: url(/Images/CreativeCenter/enus_mv_christmas.jpg); border: 10px solid #fff; } .mv p { font-size: 167%; color: #fff; text-shadow: 1px 1px 3px #000; } .mv .mainTxt { font-size: 250%; color: #fff; } /*common*/ .ico_pencil { padding-left: 16px; background: url(/Images/CreativeCenter/enus_ico_pencil.gif) no-repeat left; } .ico_page { padding-left: 16px; background: url(/Images/CreativeCenter/enus_ico_page.gif) no-repeat left; } .ico_arrow { padding-left: 12px; background: url(/Images/CreativeCenter/enus_i_arrow4.png) no-repeat 0 3px; } .borderB_gray { border-bottom: 1px solid #cdd4e3; } .turquoise { color: #2c8686 !important; } .arrow7 { padding-left: 13px; background: url(/Images/CreativeCenter/enus_i_arrow7.gif) no-repeat 0 2px; } .txtLink { color: #009 !important; text-decoration: underline !important; } .txtLink:hover { color: #00f !important; } .fz14 { font-size: 117%; font-weight: 600; } .category { display: block; padding: 7px 10px; background: #fff; } .category h2 { display: inline; float: left; font-size: 134%; font-weight: 600; color: #f60; } .category ul.tag { float: left; margin: 4px 0 0 20px; } .category ul.tag li { display: inline; float: left; padding: 0 10px; color: #036; text-decoration: underline; border-left: 1px solid #666; cursor: pointer; } .category ul.tag li:hover { color: #00f; } .category ul.tag li.lastchild { border-right: 1px solid #666; } .category ul.tag li.select { font-weight: 600; text-decoration: none; color: #333; } .category ul.page { float: right; } .category ul.page li { display: inline; float: left; margin-left: 5px; } .category ul.page li a { color: #009; text-decoration: underline; } .category ul.page li a:hover { color: #00f; } .category p.link { float: right; margin-top: 4px; } .category p.link a { color: #009; text-decoration: underline; } .category p.link a:hover { color: #00f; } .loadmore { display: block; width: 506px; height: 26px; margin: 0 auto; padding-top: 10px; text-align: center; background: url(/Images/CreativeCenter/enus_readmore.png) no-repeat; color: #009; } .loadmore:hover { color: #00f; } ul.productList li { float: left; margin: 0 6px 8px 0; } ul.productList li > a { display: block; } ul.productList li .ph { position: relative; display: table-cell; vertical-align: middle; width: 159px; height: 159px; text-align: center; border: 5px solid #fff; background: url(/Images/CreativeCenter/enus_bg_product.jpg) no-repeat; } ul.productList li .zoom a { display: none; position: absolute; bottom: 0; right: 0; width: 40px; height: 40px; background: url(/Images/CreativeCenter/enus_ico_zoom.gif) no-repeat; } ul.productList li .ico { margin: 3px 0 0 5px; font-size: 84%; font-weight: 600; color: #f00; } ul.productList li .ico img { margin-right: 3px; } ul.productList li .name { width: 159px; margin: 3px 0 0 5px; font-size: 92%; } ul.productList li.viewAll a { display: block; width: 159px; height: 39px; padding-top: 120px; text-align: center; border: 5px solid #fff; background: url(/Images/CreativeCenter/enus_viewall.gif) no-repeat; font-size: 109%; font-weight: 600; color: #036; text-decoration: underline; } ul.productList li.viewAll a:hover { background: url(/Images/CreativeCenter/enus_viewall_on.gif) no-repeat; color: #00f; text-decoration: underline; } ul.productList2 li { float: left; margin-bottom: 12px; } ul.productList2 li .innerT { padding-top: 6px; background: url(/Images/CreativeCenter/enus_bg_product_t.png) no-repeat; } ul.productList2 li .innerB { padding-bottom: 6px; background: url(/Images/CreativeCenter/enus_bg_product_b.png) no-repeat bottom left; } ul.productList2 li .innerM { width: 212px; padding: 4px 10px 4px 10px; background: url(/Images/CreativeCenter/enus_bg_product_m.png) repeat-y; } ul.productList2 li .innerM a { color: #333; } ul.productList2 li .innerM .type { font-size: 109%; font-weight: 600; } ul.productList2 li .innerM .ph { display: table-cell; vertical-align: middle; width: 212px; height: 170px; margin-top: 2px; text-align: center; background: url(/Images/CreativeCenter/enus_bg_productph.png) no-repeat; } ul.productList3 > li { float: left; width: 330px; height: 150px; margin: 0 11px 12px 0; padding: 7px; background: #fff; } ul.productList3 > li .ph { float: left; } ul.productList3 > li .ph p { display: table-cell; vertical-align: middle; width: 165px; height: 150px; text-align: center; background: url(bg_productlist3.jpg) no-repeat; } ul.productList3 > li .inner { float: right; width: 150px; } ul.productList3 > li .inner .series { margin-top: 4px; font-size: 117%; font-weight: 600; } ul.productList3 > li .inner ul { margin-top: 7px; } ul.productList3 > li .inner li a { color: #009; text-decoration: underline; } ul.productList3 > li .inner li a:hover { color: #00f; } .contentT { width: 748px; margin-left: -3px; padding-top: 5px; background: url(/Images/CreativeCenter/enus_bg_detail_t.png) no-repeat; } .contentB { padding-bottom: 5px; background: url(/Images/CreativeCenter/enus_bg_detail_b.png) no-repeat bottom; } .contentM { width: 722px; padding: 13px; background: url(/Images/CreativeCenter/enus_bg_detail_m.png) repeat-y; } .contentM .contentL { float: left; } .contentM .contentL p { position: relative; width: 400px; height: 359px; background: url(/Images/CreativeCenter/enus_fancy_productbg.jpg) no-repeat; } .contentM .contentL p img { position: absolute; top: 8%; left: 20%; } .contentM .contentR { float: right; width: 270px; margin-right: 20px; } .contentM .contentR .productName { font-size: 150%; font-weight: 600; } .contentM .contentR .link { padding: 4px 8px 4px 5px; background: url(/Images/CreativeCenter/enus_dancy_arrow.gif) #fc0 no-repeat right; } .contentM .contentR .link a { color: #333; } .contentM .contentR .link a.obj1 { display: block; height: 24px; padding: 5px 0 0 33px; background: url(/Images/CreativeCenter/enus_print_layout1.gif) no-repeat; font-weight: 600; } .contentM .contentR .link a.obj2 { display: block; height: 24px; padding: 5px 0 0 33px; background: url(/Images/CreativeCenter/enus_print_layout2.gif) no-repeat; font-weight: 600; } .contentM .contentR .link a.obj3 { display: block; height: 24px; padding: 5px 0 0 33px; background: url(/Images/CreativeCenter/enus_print_layout3.gif) no-repeat; font-weight: 600; } .contentM .contentR .link a.obj4 { display: block; height: 24px; padding: 5px 0 0 33px; background: url(/Images/CreativeCenter/enus_print_layout4.gif) no-repeat; font-weight: 600; } .contentM .contentR .link2 { padding: 4px 8px 4px 5px; background: #f5f6f8; border: 1px solid #ccc; } .contentM .contentR .link2 p.pdf { padding: 0 0 0 33px; background: url(/Images/CreativeCenter/enus_ico_pdf.gif) no-repeat; font-weight: 600; } .contentM .contentR .link2 a { color: #009; text-decoration: underline; } .contentM .contentR .link2 a:hover { color: #00f; } .contentM .contentR .txt { padding-top: 10px; border-top: 1px solid #CDD4E3; } .contentM .contentR p a { color: #009; text-decoration: underline; } .contentM .contentR p a:hover { color: #00f; } /*ファンシーボックス*/ .inline { width: 730px; height: auto !important; padding-top: 7px; background: url(/Images/CreativeCenter/enus_fancy_shadow.gif) no-repeat; } .fancyL { float: left; } .fancyL p { width: 400px; height: 359px; background: url(/Images/CreativeCenter/enus_fancy_productbg.jpg) no-repeat; } .fancyL p img { margin: 30px 0 0 10px; } html>/**/body .fancyL p img { margin /*\**/: 30px 0 0 60px\9 } .fancyR { float: right; width: 270px; margin-right: 20px; text-align: left; } .fancyR .productName { font-size: 150%; font-weight: 600; } .fancyR .link { padding: 4px 8px 4px 5px; background: url(/Images/CreativeCenter/enus_dancy_arrow.gif) #fc0 no-repeat right; } .fancyR .link p a { display: block; height: 26px; padding: 7px 0 0 33px; background: url(/Images/CreativeCenter/enus_print_layout1.gif) no-repeat; font-weight: 600; color: #333; } .fancyR .txt { padding-top: 10px; border-top: 1px solid #CDD4E3; } .fancyR .txt a { color: #009; text-decoration: underline; } .fancyR .txt a:hover { color: #00f; } /*--------------------------------------------- top ---------------------------------------------*/ .toppage .mvT { width: 946px; margin-left: -4px; padding-top: 4px; background: url(/Images/CreativeCenter/enus_bg_mv_t.png) no-repeat; } .toppage .mvB { padding-bottom: 4px; background: url(/Images/CreativeCenter/enus_bg_mv_b.png) no-repeat left bottom; } .toppage .mvM { width: 922px; padding: 9px 12px; background: url(/Images/CreativeCenter/enus_bg_mv_m.png) repeat-y; } .toppage #content { float: left; width: 700px; margin-top: 15px; } .toppage #content .attention { padding: 13px 13px 13px 13px; border: 1px solid #f00; background: #fff; } .toppage #banner { float: right; width: 220px; margin-top: 15px; } .toppage #banner li { margin-bottom: 10px; } #idMediaWrap2 { width:910px; height: 190px; margin: 5px auto 0 auto; padding: 10px 0 0 10px; background: url(/Images/CreativeCenter/enus_bg_product_slide.jpg) no-repeat; } #lineupItem2 { float:left; text-align:left; } #lineupItem2 li { float:left; display:inline; width:155px; height:190px; padding:0 10px; text-align:center; } #lineupItem2 li　a dd { text-decoration: none; } #lineupItem2 li dt { display: table-cell; vertical-align: bottom; width: 155px; text-align: center; height: 150px; } #lineupItem2 li dt img { border: 1px solid #fff; } #lineupItem2 li dd { color: #fff; } #lineupItem2 li dd em { font-weight: 600; } #lineupItem2 .caroufredsel_wrapper { width: 850px !important; } /*--------------------------------------------- 11.reedit ---------------------------------------------*/ #open #reeditLeft { float:left; width:749px; margin-left:-3px; text-align: center; } #open #reeditRight { float:right; width:180px; margin-top:3px; } #open #reeditLeft .innerTop { padding-top: 6px; background: url(/Images/CreativeCenter/enus_open_bg_t.png) no-repeat top; } #open #reeditLeft .innerBtm { padding-bottom: 6px; background: url(/Images/CreativeCenter/enus_open_bg_b.png) no-repeat bottom; } #open #reeditLeft .inner { padding: 60px 10px; background: url(/Images/CreativeCenter/enus_open_bg_m.png) repeat-y #FFF; } #open #reeditLeft h2 { font-size: 220%; font-weight:600; color:#2C8585; } #open #reeditLeft p { margin-top: 20px; font-size: 108%; } #open #reeditLeft #startbtn { padding: 10px; position:relative; font-size: 150%; width:300px; margin: 30px auto 0; } #open #reeditLeft #startbtn a { color: #009; } #open #reeditLeft #startbtn a:hover { color: #00f; } #open #reeditLeft #startbtn img { display:block; position:absolute; top:0px; left:20px; } #open #reeditLeft #startbtn span { display:block; padding:20px; background:#66CCCC; text-align:left; text-indent:120px; color: #333; } #open #reeditLeft ul { text-align:left; margin-left:280px; margin-top:30px; } #open #reeditLeft li { float:left; padding-left:17px; margin: 0 0 5px 15px; background:url("enus_i_arrow8.png") no-repeat 0 4px;} #open #reeditLeft li a { color: #009; text-decoration: underline; } #open #reeditLeft li a:hover { color: #00f; } #open #reeditRight p { margin-bottom:11px; } #open #reeditRight p.end { margin:0px; } #open #pagetop p { margin-top:10px; } /*--------------------------------------------- 00.inst_right ---------------------------------------------*/ /* top */ #inst_top #main #inst_right_top { text-align:left ;margin-top:15px; } #inst_top #main #inst_right_top h2 { margin-top:20px; padding: 7px 10px; background: #fff; font-size: 130%; font-weight: 600; color: #2c8585; } #inst_top #main #inst_right_top #inst_subtitle_top { font-size: 108%; font-weight:bold; color:#FF6600;width: 500px; margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; text-align: left; } #inst_top #main #inst_right_top #inst_subtitle_top2 { font-size: 108%; font-weight:bold; color:#C06;width: 500px; margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; text-align: left; } #inst_top #main #inst_right_top #inst_left { float:left; width:246px; text-align:right; } #inst_top #main #inst_right_top #inst_right { float:right; width:420px; text-align:left; } #inst_top #main #inst_right_top #inst_right p { margin-bottom:20px; } /* inst_area common*/ #inst_top #main #inst_area_first { margin-top:20px; } #inst_top #main #inst_area { margin-top:10px; } #inst_top #main #inst_areatitle { padding-bottom:13px; font-size: 130%; font-weight: 600; color: #2c8585; } #inst_top #main #inst_pointer { width:155px; margin-top:10px; text-align:right; } #inst_top #main .inst_arrow { list-style-type:none; background:url("enus_cc-arrow_top.gif") no-repeat 0 5px; padding:0 0 0 10px;} #inst_top #main .inst_arrow a { color: #009; text-decoration: underline; } #inst_top #main .inst_arrow a:hover { color: #00f; } /* inst_temp */ #inst_temp #main #inst_right h2 { padding: 7px 10px; background: #fff; font-size: 130%; font-weight: 600; color: #2c8585; } #inst_temp #main #inst_right h3 { font-size: 130%; font-weight: 600; margin-top:25px; padding: 20px 0px 0px 0px; border-top: 1px solid #999;} #inst_temp #main #inst_right h4 { font-size: 108%; font-weight: 600; margin-top:25px;} #inst_temp #main p { margin-top:20px; } #inst_temp #main dl { margin-top:20px; } #inst_temp #main ul { margin-top:20px; } #inst_temp #main ul li { padding-left:15px; margin: 0 0 5px 22px; background:url("enus_i_arrow5.png") no-repeat 0 5px;} #inst_temp #main a { color: #009; text-decoration: underline; } #inst_temp #main a:hover { color: #00F; } #inst_temp #main p img { margin-left:20px; } #inst_temp #main ul.disc { margin-top:20px; } #inst_temp #main ul.disc li { padding-left:0px; margin: 0 0 5px 22px; list-style-type:disc; background:none;} #inst_temp #main .gotohome { margin-top:30px; list-style-type:none; background:url("enus_cc-arrow_top.gif") no-repeat 0 4px; padding:0 0 0 10px;} #inst_temp #main .gotohome a { color: #333; text-decoration: none; } #inst_temp #main .gotohome a:hover { color: #00F; } /* FAQ */ #faq #main h2 { margin-top:20px; padding: 7px 10px; background: #fff; font-size: 130%; font-weight: 600; color: #2c8585; } #faq #main h3 { margin-top: 20px; font-size: 130%; font-weight: 600; } #faq #main ul { margin-top:15px;margin-top: 20px; padding-bottom: 30px; border-bottom: 1px solid #999; } #faq #main ul li { padding-left:15px; margin: 0 0 5px 22px; background:url("enus_i_arrow5.png") no-repeat 0 5px;} #faq #main a { color: #009; text-decoration: underline; } #faq #main a:hover { color: #00F; } #faq #main .helpq { margin-top: 20px; font-weight: 600; background: #FFF; padding:5px; } #faq #main .helpa { margin-top:5px; } #faq #main .txtbold { font-weight: 600; } #faq #main .mar-l20 { margin-left:12px; } #faq #main .gotohome { margin-top:30px; list-style-type:none; background:url("enus_cc-arrow_top.gif") no-repeat 0 4px; padding:0 0 0 10px;} #faq #main .gotohome a { color: #333; text-decoration: none; } #faq #main .gotohome a:hover { color: #00F; } /*newyear*/ ul.productList4 li { float: left; margin-bottom: 12px; } ul.productList4 li .innerT { padding-top: 6px; background: url(/Images/CreativeCenter/enus_bg_product_t.png) no-repeat; } ul.productList4 li .innerB { padding-bottom: 6px; background: url(/Images/CreativeCenter/enus_bg_product_b.png) no-repeat bottom left; } ul.productList4 li .innerM { width: 212px; padding: 4px 10px 4px 10px; background: url(/Images/CreativeCenter/enus_bg_product_m.png) repeat-y; } ul.productList4 li .innerM a { color: #333; } ul.productList4 li .innerM .type { font-size: 109%; font-weight: 600; } ul.productList4 li .innerM .ph { position: relative; width: 212px; height: 170px; margin-top: 2px; text-align: center; background: url(/Images/CreativeCenter/enus_bg_productph.png) no-repeat; } ul.productList4 li .innerM .ph img { position: absolute; top: 20%; left: 13%; } ul.productList5 li { float: left; position: relative; margin: 0 6px 8px 0; } ul.productList5 li > a { display: block; } ul.productList5 li .ph { display: table-cell; vertical-align: middle; width: 159px; height: 159px; text-align: center; border: 5px solid #fff; background: url(/Images/CreativeCenter/enus_bg_product.jpg) no-repeat; } ul.productList5 li .zoom a { display: none; position: absolute; bottom: 0; right: 0; width: 40px; height: 40px; background: url(/Images/CreativeCenter/enus_ico_zoom.gif) no-repeat; } ul.productList5 li .ico { margin: 3px 0 0 5px; font-size: 84%; font-weight: 600; color: #f00; } ul.productList5 li .ico img { margin-right: 3px; } ul.productList5 li .name { width: 159px; margin: 3px 0 0 5px; font-size: 92%; } ul.productList5 li.viewAll a { display: block; width: 159px; height: 39px; padding-top: 120px; text-align: center; border: 5px solid #fff; background: url(/Images/CreativeCenter/enus_viewall.gif) no-repeat; font-size: 109%; font-weight: 600; color: #036; text-decoration: underline; } ul.productList5 li.viewAll a:hover { background: url(/Images/CreativeCenter/enus_viewall_on.gif) no-repeat; color: #00f; text-decoration: underline; } .cc2 .flashBnr { margin-top: 10px; } .cc2 .flashBnr .bnr { float: left; margin-right: 10px; } .cc2 .flashBnr .text { float: left; padding-top: 10px; } #footer { padding: 10px; } #footer ul li a { color: #009; text-decoration: underline; } #footer ul li a:hover { color: #00f; text-decoration: underline; } #footer ul.menuL { float: left; } #footer ul.menuL li { float: left; margin-right: 15px; padding-left: 10px; background: url("i_arrow4.png") no-repeat 0 3px; } #footer ul.menuR { float: right; } #footer ul.menuR li { float: left; margin-right: 3px; }