* { margin: 0; padding: 0 } body { font-size: 83%; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; text-align: center } body table { font-size: 1em; line-height: 1.5em } a { text-decoration: none; border-style: none } a:hover { text-decoration: underline } a img { border-style: none } .none { display: none } hr { color: #cccccc } li { margin-left: 20px } ol li { margin-left: 30px } .clear { float: none; clear: both } .right { float: right } .left { float: left } .img_right { margin-bottom: 10px; margin-left: 10px; float: right } .img_left { margin-right: 10px; margin-bottom: 10px; float: left } .topics_img { margin-right: 5px; margin-bottom: 5px; margin-left: 5px; float: left } .p_right { text-align: right; display: block } .p_left { text-align: left; display: block } .p_center { text-align: center; display: block } .p_white { background-color: #ffffff; padding: 5px; width: 708px; border: solid 1px #999 } .p_white2 { background-color: #ffffff; padding: 5px; width: 708px; border: dotted 1px #999 } .p_yellow { background-color: #fffee2; padding: 5px; width: 708px; border: solid 1px #999 } .p_green { background-color: #e9ffec; padding: 5px; width: 708px; border: solid 1px #999 } .p_red { background-color: #ffe9e9; padding: 5px; width: 708px; border: solid 1px #999 } .p_glay { background-color: #eeeeee; padding: 5px; width: 708px; border: solid 1px #ccc } .p_yellow2 { background-color: #fffee2; padding: 5px; width: 708px; border: dotted 1px #999 } .p_green2 { background-color: #e9ffec; padding: 5px; width: 708px; border: dotted 1px #999 } .p_blue2 { background-color: #e9ffff; padding: 5px; width: 708px; border: dotted 1px #999 } .p_red2 { background-color: #ffe9e9; padding: 5px; width: 708px; border: dotted 1px #999 } .p_glay2 { background-color: #eeeeee; padding: 5px; width: 708px; border: dotted 1px #ccc } .large { font-size: 1.1em } .small { font-size: 0.7em; line-height: 1.6em } .blue { color: #0066ff } .green { color: #060 } .orange { color: #f60 } .yellow { color: #fc0 } .red { color: #f00 } .y_r_black { background-image: url("media/y_r_black.gif"); background-repeat: no-repeat; background-position: 0 3px; padding-bottom: 3px; padding-left: 10px } .y_l_black { background-image: url("media/y_l_black.gif"); background-repeat: no-repeat; background-position: 0 3px; padding-bottom: 3px; padding-left: 10px } .y_u_black { background-image: url("media/y_u_black.gif"); background-repeat: no-repeat; background-position: 0 3px; padding-bottom: 3px; padding-left: 10px } .y_d_black { background-image: url("media/y_d_black.gif"); background-repeat: no-repeat; background-position: 0 3px; padding-bottom: 3px; padding-left: 10px } .window { background-image: url("media/icon_window.gif"); background-repeat: no-repeat; background-position: 0 3px; padding-top: 2px; padding-bottom: 3px; padding-left: 20px } .waku { border: solid 1px #ccc } .kome { text-indent: -1em; margin-left: 1em } .adobe_reader a { color: #000; font-size: 0.7em; background-color: #eee; background-image: url("media/icon_adobe_reader.gif"); background-repeat: no-repeat; background-position: 10px 7px; display: block; padding: 5px 10px 5px 110px; float: left; border: solid 1px #ccc } .adobe_reader a:hover { text-decoration: none } /*table*/ .table { background-color: #666 } .table2 { background-color: #B2A47E } .table_white { background-color: #fff; padding: 5px } .table_glay { background-color: #eeeeee; margin: 1px; padding: 5px } .table_glay2 { background-color: #cccccc; padding: 5px } .table_glay3 { color: #fff; background-color: #999999; padding: 5px } .table_glay4 { color: #fff; background-color: #666666; padding: 5px } .table_glay5 { color: #fff; background-color: #333333; padding: 5px } .table_brown { background-color: #EDE7D7; margin: 1px; padding: 5px } .table_brown2 { background-color: #E0D5BA; padding: 5px } .table_brown3 { color: #fff; background-color: #C2B695; padding: 5px } .table_yellow { background-color: #ffc; padding: 5px } .table_red { background-color: #fcc; padding: 5px } .table_green { background-color: #cfc; padding: 5px } .map { margin: 0; padding: 0; border: solid 1px #ccc } /*body*/ #main { text-align: left; display: block; margin-right: auto; margin-left: auto; width: 990px } /*header*/ #header { background-image: url("media/menu.jpg"); background-repeat: no-repeat; display: none; width: 980px; height: 60px; float: left } h1#logo a { text-indent: -9999px; display: block; width: 210px; height: 60px; float: left } h1#logo a:hover { text-decoration: none } #menu { display: block; width: 770px; float: left } #menu_home { background-image: url("media/menu.jpg"); background-repeat: no-repeat; background-position: -210px -140px; text-indent: -9999px; display: block; margin-top: 20px; width: 95px; height: 25px; float: left } #menu_home a { background-image: url("media/menu.jpg"); background-repeat: no-repeat; background-position: -210px -20px; display: block; width: 95px; height: 25px; float: left } #menu_home a:hover { text-decoration: none; background-image: url("media/menu.jpg"); background-repeat: no-repeat; background-position: -210px -80px; display: block; width: 95px; height: 25px; float: left } #menu_lispa { background-image: url("media/menu.jpg"); background-repeat: no-repeat; background-position: -305px -140px; text-indent: -9999px; display: block; margin-top: 20px; width: 90px; height: 25px; float: left } #menu_lispa a { background-image: url("media/menu.jpg"); background-repeat: no-repeat; background-position: -305px -20px; display: block; width: 90px; height: 25px; float: left } #menu_lispa a:hover { text-decoration: none; background-image: url("media/menu.jpg"); background-repeat: no-repeat; background-position: -305px -80px; display: block; width: 90px; height: 25px; float: left } #menu_lipop { background-image: url("media/menu.jpg"); background-repeat: no-repeat; background-position: -395px -140px; text-indent: -9999px; display: block; margin-top: 20px; width: 90px; height: 25px; float: left } #menu_lipop a { background-image: url("media/menu.jpg"); background-repeat: no-repeat; background-position: -395px -20px; display: block; width: 90px; height: 25px; float: left } #menu_lipop a:hover { text-decoration: none; background-image: url("media/menu.jpg"); background-repeat: no-repeat; background-position: -395px -80px; display: block; width: 90px; height: 25px; float: left } #menu_lispa_lipop { background-image: url("media/menu.jpg"); background-repeat: no-repeat; background-position: -485px -140px; text-indent: -9999px; display: block; margin-top: 20px; width: 100px; height: 25px; float: left } #menu_lispa_lipop a { background-image: url("media/menu.jpg"); background-repeat: no-repeat; background-position: -485px -20px; display: block; width: 100px; height: 25px; float: left } #menu_lispa_lipop a:hover { text-decoration: none; background-image: url("media/menu.jpg"); background-repeat: no-repeat; background-position: -485px -80px; display: block; width: 100px; height: 25px; float: left } #menu_ordermade { background-image: url("media/menu.jpg"); background-repeat: no-repeat; background-position: -585px -140px; text-indent: -9999px; display: block; margin-top: 20px; width: 110px; height: 25px; float: left } #menu_ordermade a { background-image: url("media/menu.jpg"); background-repeat: no-repeat; background-position: -585px -20px; display: block; width: 110px; height: 25px; float: left } #menu_ordermade a:hover { text-decoration: none; background-image: url("media/menu.jpg"); background-repeat: no-repeat; background-position: -585px -80px; display: block; width: 110px; height: 25px; float: left } #menu_company { background-image: url("media/menu.jpg"); background-repeat: no-repeat; background-position: -695px -140px; text-indent: -9999px; display: block; margin-top: 20px; width: 90px; height: 25px; float: left } #menu_company a { background-image: url("media/menu.jpg"); background-repeat: no-repeat; background-position: -695px -20px; display: block; width: 90px; height: 25px; float: left } #menu_company a:hover { text-decoration: none; background-image: url("media/menu.jpg"); background-repeat: no-repeat; background-position: -695px -80px; display: block; width: 90px; height: 25px; float: left } #menu_contact { background-image: url("media/menu.jpg"); background-repeat: no-repeat; background-position: -785px -140px; text-indent: -9999px; display: block; margin-top: 20px; width: 90px; height: 25px; float: left } #menu_contact a { background-image: url("media/menu.jpg"); background-repeat: no-repeat; background-position: -785px -20px; display: block; width: 90px; height: 25px; float: left } #menu_contact a:hover { text-decoration: none; background-image: url("media/menu.jpg"); background-repeat: no-repeat; background-position: -785px -80px; display: block; width: 90px; height: 25px; float: left } #menu_sanyo { background-image: url("media/menu.jpg"); background-repeat: no-repeat; background-position: -875px -140px; text-indent: -9999px; display: block; margin-top: 20px; width: 100px; height: 25px; float: left } #menu_sanyo a { background-image: url("media/menu.jpg"); background-repeat: no-repeat; background-position: -875px -20px; display: block; width: 100px; height: 25px; float: left } #menu_sanyo a:hover { text-decoration: none; background-image: url("media/menu.jpg"); background-repeat: no-repeat; background-position: -875px -140px; display: block; width: 100px; height: 25px; float: left } /*top_contents1*/ #top_contents1 { color: #fff; display: block; width: 980px; height: 325px; float: left } #top_contents1_1 { display: block; width: 210px; height: 240px; float: left } #top_contents1_1_lispa { background-image: url("media/top_lispa.jpg"); background-repeat: no-repeat; text-indent: -9999px; width: 200px; height: 85px; float: left } #top_contents1_1_lispa a { background-image: url("media/top_lispa.jpg"); background-repeat: no-repeat; width: 200px; height: 85px; float: left } #top_contents1_1_lispa a:hover { text-decoration: none; background-image: url("media/top_lispa.jpg"); background-repeat: no-repeat; background-position: 0 -85px; width: 200px; height: 85px; float: left } #top_contents1_1_lipop { background-image: url("media/top_lipop.jpg"); background-repeat: no-repeat; text-indent: -9999px; width: 200px; height: 85px; float: left } #top_contents1_1_lipop a { background-image: url("media/top_lipop.jpg"); background-repeat: no-repeat; width: 200px; height: 85px; float: left } #top_contents1_1_lipop a:hover { text-decoration: none; background-image: url("media/top_lipop.jpg"); background-repeat: no-repeat; background-position: 0 -85px; width: 200px; height: 85px; float: left } #top_contents1_1_lispa_lipop { background-image: url("media/top_lispa_lipop.jpg"); background-repeat: no-repeat; text-indent: -9999px; width: 200px; height: 75px; float: left } #top_contents1_1_lispa_lipop a { background-image: url("media/top_lispa_lipop.jpg"); background-repeat: no-repeat; width: 200px; height: 75px; float: left } #top_contents1_1_lispa_lipop a:hover { text-decoration: none; background-image: url("media/top_lispa_lipop.jpg"); background-repeat: no-repeat; background-position: 0 -75px; width: 200px; height: 75px; float: left } #top_contents1_1_ordermade { background-image: url("media/top_ordermade.jpg"); background-repeat: no-repeat; text-indent: -9999px; width: 200px; height: 70px; float: left } #top_contents1_1_ordermade a { background-image: url("media/top_ordermade.jpg"); background-repeat: no-repeat; width: 200px; height: 70px; float: left } #top_contents1_1_ordermade a:hover { text-decoration: none; background-image: url("media/top_ordermade.jpg"); background-repeat: no-repeat; background-position: 0 -70px; width: 200px; height: 70px; float: left } #top_contents1_2 { display: block; width: 770px; height: 315px; float: left } /*top_contents2*/ #top_contents2 { color: #fff; display: block; width: 990px; float: left } #top_contents2_1 { display: block; width: 580px; float: left } #top_contents2_1 dt { background-color: #333; background-image: url("media/top_info.jpg"); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; width: 570px; height: 30px; float: left } #top_contents2_1 dd { background-color: #333; display: block; width: 570px; height: 120px; float: left } #top_contents2_1 dd a { color: #6ff } #top_info1 { display: block; width: 428px; float: left } #top_info1_1 { display: block; padding-bottom: 10px; padding-left: 10px } #top_info1_2 { font-size: 0.7em; line-height: 1.6em; display: block; padding-left: 10px } #top_info2 { background-image: url("media/top_info_image.jpg"); background-repeat: no-repeat; display: block; width: 140px; height: 110px; float: left } #top_contents2_2 { display: block; width: 400px; float: left } #top_contents2_2 dt { background-color: #333; background-image: url("media/top_topics.jpg"); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; width: 400px; height: 30px; float: left } #top_contents2_2 dd { background-color: #333; display: block; width: 400px; height: 120px; float: left } #top_contents2_2 dd ul { padding-right: 5px; padding-left: 5px } #top_contents2_2 dd ul li { font-size: 0.7em } /*sub_contents*/ #sub_contents { background-repeat: repeat-y; background-position: left 0; display: block; width: 990px; float: left } #sub_contents_left { color: #fff; display: none; width: 200px; float: left } #left_menu { display: block; width: 200px; float: left } #left_menu_company { background-image: url("media/left_menu_company.jpg"); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; width: 200px; height: 30px; float: left } #left_menu_lispa { background-image: url("media/left_menu_lispa.jpg"); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; width: 200px; height: 30px; float: left } #left_menu_lipop { background-image: url("media/left_menu_lipop.jpg"); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; width: 200px; height: 30px; float: left } #left_menu_lispa_lipop { background-image: url("media/left_menu_lispa_lipop.jpg"); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; width: 200px; height: 30px; float: left } #left_menu_injection { background-image: url("media/left_menu_injection.jpg"); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; width: 200px; height: 30px; float: left } #left_menu dd ul { display: block; width: 190px; float: left } #left_menu dd ul li { font-size: 0.8em; background-image: url("media/y_d_white.gif"); background-repeat: no-repeat; background-position: 0 7px; text-indent: 15px; list-style-type: none; display: block; margin-bottom: 5px; margin-left: 10px; width: 190px } #left_menu dd ul li a { color: #fff } #sub_contents_left p { display: block; padding-top: 10px; padding-left: 10px; width: 190px; float: left } #sub_contents_right { color: #000; text-align: left; display: block; width: 770px; float: left } /*h2*/ #h2_lispa { background-image: url("media/h2_lispa.jpg"); background-repeat: no-repeat; text-indent: -9999px; width: 770px; height: 190px; float: left } #h2_lipop { background-image: url("media/h2_lipop.jpg"); background-repeat: no-repeat; text-indent: -9999px; width: 770px; height: 190px; float: left } #h2_lispa_lipop { background-image: url("media/h2_lispa_lipop.jpg"); background-repeat: no-repeat; text-indent: -9999px; width: 770px; height: 190px; float: left } #h2_company { background-image: url("media/h2_company.jpg"); background-repeat: no-repeat; text-indent: -9999px; width: 770px; height: 190px; float: left } .kiji_right { display: block; width: 650px; float: left } .h3_bg { color: #fff; font-size: 1.1em; background-color: #221e1f; text-indent: 10px; display: block; padding-top: 5px; padding-bottom: 5px; width: 750px; float: left } .h4_bg { font-size: 1.2em; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 2px dotted #000 } /*lipop*/ #lipop_koumoku1 { background-image: url("media/lipop_koumoku1.gif"); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; width: 100px; height: 90px; float: left } #lipop_koumoku2 { background-image: url("media/lipop_koumoku2.gif"); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; width: 100px; height: 90px; float: left } #lipop_koumoku3 { background-image: url("media/lipop_koumoku3.gif"); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; width: 100px; height: 90px; float: left } #lipop_koumoku4 { background-image: url("media/lipop_koumoku4.gif"); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; width: 100px; height: 90px; float: left } #lipop_tokuchou1 { background-image: url("media/lipop_tokuchou1.jpg"); background-repeat: no-repeat; display: block; margin-right: 10px; width: 320px; height: 90px; float: left } #lipop_tokuchou2 { background-image: url("media/lipop_tokuchou2.jpg"); background-repeat: no-repeat; display: block; width: 320px; height: 90px; float: left } #lipop_tokuchou3 { background-image: url("media/lipop_tokuchou3.jpg"); background-repeat: no-repeat; display: block; margin-top: 10px; margin-right: 10px; width: 320px; height: 90px; float: left } #lipop_tokuchou4 { background-image: url("media/lipop_tokuchou4.jpg"); background-repeat: no-repeat; display: block; margin-top: 10px; width: 320px; height: 90px; float: left } #lipop_tokuchou5 { background-image: url("media/lipop_tokuchou5.jpg"); background-repeat: no-repeat; display: block; margin-top: 10px; margin-right: 10px; width: 320px; height: 90px; float: left } #lipop_tokuchou6 { background-image: url("media/lipop_tokuchou6.jpg"); background-repeat: no-repeat; display: block; margin-top: 10px; width: 320px; height: 90px; float: left } #lipop_tokuchou7 { background-image: url("media/lipop_tokuchou7.jpg"); background-repeat: no-repeat; display: block; margin-top: 10px; width: 650px; height: 90px; float: left } #lipop_tokuchou span { display: block; margin-top: 5px; margin-right: 10px; margin-left: 105px } /*lispa*/ #lispa_koumoku1 { background-image: url("media/lispa_koumoku1.gif"); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; width: 100px; height: 90px; float: left } #lispa_koumoku2 { background-image: url("media/lispa_koumoku2.gif"); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; width: 100px; height: 90px; float: left } #lispa_koumoku3 { background-image: url("media/lispa_koumoku3.gif"); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; width: 100px; height: 90px; float: left } #lispa_koumoku4 { background-image: url("media/lispa_koumoku4.gif"); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; width: 100px; height: 90px; float: left } /*lispa&liPop*/ #lispalipop_koumoku1 { background-image: url("media/lispalipop_koumoku1.gif"); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; width: 100px; height: 90px; float: left } #lispalipop_koumoku2 { background-image: url("media/lispalipop_koumoku2.gif"); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; width: 100px; height: 90px; float: left } /*injection*/ #injection { } #injection ul { } #injection li { text-indent: -1em; list-style-position: inside; margin-left: 0; padding-top: 1em; padding-bottom: 1em; padding-left: 1.4em; border-bottom: 1px dashed #333 } #injection .inject_img { margin: 1em } #injection strong { color: #f00; font-size: 160%; line-height: 1.6 } #inject_koumoku1 { background-image: url("media/inject_koumoku1.gif"); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; width: 100px; height: 90px; float: left } #inject_koumoku2 { background-image: url("media/inject_koumoku2.gif"); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; width: 100px; height: 90px; float: left } #inject_koumoku3 { background-image: url(media/inject_koumoku3.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; width: 100px; height: 90px; float: left } #h2_inject { background-image: url("media/h2_inject.jpg"); background-repeat: no-repeat; text-indent: -9999px; width: 770px; height: 190px; float: left } #inject_order { } #inject_order textarea { font-size: 100%; margin-bottom: 1.4em; margin-left: 1em } #inject_order input { font-size: 100%; margin-bottom: 1.4em; margin-left: 1em } #inject_order p { font-weight: bold; background-color: #e5e5e5; margin-bottom: 0.4em; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 8px; border-top: none; border-right: none; border-bottom: 1px none #d0d0d0; border-left: 2px solid #333 } #inject_order select { font-size: 100%; margin-bottom: 1.4em; margin-left: 1em } .order_ol {} .order_ol li { font-size: 1.2em; font-weight: bold; list-style-position: inside; margin-bottom: 5px; margin-left: 0; padding-bottom: 5px; border-bottom: 1px dotted #000 } /*page_top*/ #page_top { background-color: #000; display: none; width: 770px; float: left } #page_top1 { color: #fff; display: block; width: 570px; float: left } #page_top1 a { color: #fff } #page_top2 { color: #fff; text-align: right; display: block; width: 200px; float: left } #page_top2 a { color: #fff; background-image: url("media/y_u_white.gif"); background-repeat: no-repeat; background-position: 0 5px; padding-left: 12px } /*footer*/ #footer { color: #fff; text-align: left; display: none; margin-top: 10px; padding-left: 10px; width: 970px; float: left } #footer dt { font-weight: bold } #footer dd { display: block }