body { text-align:center; } #container_header { width:720px; margin-top:10px; margin-left:auto; margin-right:auto; text-align:left; border: 0px solid yellow; } #container { width:720px; margin-left:auto; margin-right:auto; text-align:left; border: 0px solid yellow; } #boxB { width:155px; float:left; border: 0px solid red; text-align:center; background-color:#FFFFFF; } #boxC { width:555px; float:left; border: 0px solid red; } #boxD { width:100%; clear:left; border: 0px solid red; } .banner_box { margin: 0px 0px 5px 0px; } dt#header { font-weight:bold; color:red; font-size:12px; } dt{ margin: 0px 0px 0px 0px; } dl#ranking { width:150px; border: 1px solid #FF6600; margin: 0px 0px 0px 0px; } .more_border { width:148px; border: 1px solid #666666; margin: 0px 0px 0px 0px; } dl#ranking dd{ width:145px; border: 0px solid black; margin: 0px 0px 10px 0px; background-color:#FFFF99; font-size:12px; padding: 2px 2px 2px 2px; } /* global_navigation */ #global_navigation { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:34px; } #global_navigation ul{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:715px; height:34px; } #global_navigation ul li { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; height:34px; float:left; } #global_navigation ul li a{ display:block; height:34px; text-indent:-3000px; text-decoration:none; } #global_navigation ul li.top { width:76px; background:url("/user_file/h2ntokyo-sh/etc/btn01_02.jpg") no-repeat 0% 0%; } #global_navigation ul li.top_extra { width:77px; background:url("/user_file/h2ntokyo-sh/etc/btn01_extra.jpg") no-repeat 0% 0%; } #global_navigation ul li.factory { width:77px; background:url("/user_file/h2ntokyo-sh/etc/btn02_02.jpg") no-repeat 0% 0%; } #global_navigation ul li.staff { width:102px; background:url("/user_file/h2ntokyo-sh/etc/btn03_02.jpg") no-repeat 0% 0%; } #global_navigation ul li.inquiry { width:77px; background:url("/user_file/h2ntokyo-sh/etc/btn04_02.jpg") no-repeat 0% 0%; } #global_navigation ul li.customer { width:102px; background:url("/user_file/h2ntokyo-sh/etc/btn05.jpg") no-repeat 0% 0%; } #global_navigation ul li.guide { width:122px; background:url("/user_file/h2ntokyo-sh/etc/btn06.jpg") no-repeat 0% 0%; } #global_navigation ul li.bbs { width:82px; background:url("/user_file/h2ntokyo-sh/etc/btn07.jpg") no-repeat 0% 0%; } /* global_navigation_text */ #global_navigation_text { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:34px; } #global_navigation_text ul{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:715px; height:34px; } #global_navigation_text ul li { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; height:34px; float:left; } #global_navigation_text ul li a{ display:block; height:34px; } #global_navigation_text ul li.top { width:76px; } #global_navigation_text ul li.top_extra { width:77px; } #global_navigation_text ul li.factory { width:77px; } #global_navigation_text ul li.staff { width:102px; } #global_navigation_text ul li.inquiry { width:77px; } #global_navigation_text ul li.customer { width:102px; } #global_navigation_text ul li.guide { width:122px; } #global_navigation_text ul li.bbs { width:82px; } h1#top { width:541px; height:32px; margin:0px; background:url("/user_file/h2ntokyo-sh/etc/title_online.gif") no-repeat 0% 0%; } h1#top a{ display:inline-block; height:32px; text-indent:-3000px; text-decoration:none; } #top_link{ font-size:12px; text-align:right; } .company_info{ font-size:15x; background-color:#EFEFEF; border: 0px solid black; line-height:1.5em; padding: 5px; margin: 0px; } #goods{ width:715px; height:180px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:url("/user_file/h2ntokyo-sh/etc/4goods02.jpg") no-repeat 0% 0%; } #goods ul{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #goods ul li { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; height:180px; float:left; } #goods ul li a{ display:block; height:180px; text-indent:-3000px; text-decoration:none; } #goods ul li.aman { width:275px; } #goods ul li.acerola { width:130px; } #goods ul li.shampoo { width:157px; } #goods ul li.shiso { width:150px; } #8goods{ width:715px; height:320px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #8goods ul{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #8goods ul li { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; height:215px; float:left; } #8goods ul li a{ display:block; height:215px; /* position:relative; top:100px; left:10px;*/ text-indent:0px; text-decoration:none; text-align:center; } #8goods ul li.kurozu001 { width:178px; background:url("/user_file/h2ntokyo-sh/etc/kurozu-online-001.gif") no-repeat 0% 0%; } #8goods ul li.kurozu002 { width:178px; background:url("/user_file/h2ntokyo-sh/etc/kurozu-online-002.gif") no-repeat 0% 0%; } #8goods ul li.kurozu003 { width:178px; background:url("/user_file/h2ntokyo-sh/etc/kurozu-online-003.gif") no-repeat 0% 0%; } #8goods ul li.kurozu004 { width:178px; background:url("/user_file/h2ntokyo-sh/etc/kurozu-online-004.gif") no-repeat 0% 0%; } #8goods ul li.kurozu005 { width:178px; background:url("/user_file/h2ntokyo-sh/etc/kurozu-online-005.gif") no-repeat 0% 0%; } #8goods ul li.kurozu006 { width:178px; background:url("/user_file/h2ntokyo-sh/etc/kurozu-online-006.gif") no-repeat 0% 0%; } #8goods ul li.kurozu007 { width:178px; background:url("/user_file/h2ntokyo-sh/etc/kurozu-online-007.gif") no-repeat 0% 0%; } #8goods ul li.kurozu008 { width:178px; background:url("/user_file/h2ntokyo-sh/etc/kurozu-online-008.gif") no-repeat 0% 0%; } #top_top{ clear:both; width:715px; /* height:150px;*/ margin-top:3px; margin-bottom:3px; /* border: 1px solid black;*/ } #top_top_2{ clear:both; width:555px; /* height:150px;*/ margin-top:3px; margin-bottom:3px; /* border: 1px solid black;*/ } #top_top_left{ width:350px; float:right; border: 1px solid #FF9900; padding-top:5px; padding-bottom:5px; margin-bottom:5px; background-color:#FFFF66; } #top_top_right{ width:710px; float:left; border: 1px solid #FF9900; padding-top:5px; padding-bottom:5px; /* margin-right:6px;*/ margin-bottom:5px; background-color:#FFFF66; } #top_top_right_2{ width:550px; float:left; border: 1px solid #FF9900; padding-top:5px; padding-bottom:5px; /* margin-right:6px;*/ margin-bottom:5px; background-color:#FFFF66; } #top_top_right_2 ul { padding:0px; margin:0px 0px 0px 0px; } #top_top_right_2 ul li{ font-size:12px; padding:0px; margin:0px 0px 0px 20px; } h2#search{ font-size:13px; padding:0px; color:#CC0000; margin-bottom:5px; margin-left:10px; font-weight:bold; } h2#read{ padding:0px; color:#0042A6; margin-bottom:5px; } #top_top_left p{ font-size:12px; line-height:1.5em; margin-top:1px; margin:0px 0px 0px 5px; } #top_top a:link { color: blue; text-decoration:none; } #top_top a:visited { color: purple; text-decoration:none; } #top_top a:hover { color: black; /* font-size:15px;*/ text-decoration:none; /* font-weight:bold;*/ background:#FFA54A; } #top_top a:active { color: yellow; text-decoration:none; } h2#recipe{ margin:10px 0px 10px 5px; display:block; height:100px; background:url("http://www.kenko-kurozu.com/user_file/h2ntokyo-sh/etc/recipe001.gif") no-repeat 0% 0%; } h2#recipe a{ display:block; height:100px; text-indent:-3000px; text-decoration:none; } h2#aman{ margin:10px 0px 10px 5px; display:block; height:100px; background:url("http://www.kenko-kurozu.com/user_file/h2ntokyo-sh/etc/aman-banner.gif") no-repeat 0% 0%; } h2#aman a{ display:block; height:100px; text-indent:-3000px; text-decoration:none; } h2#katsuo{ margin:5px 0px 5px 3px; display:block; width:267px; height:222px; background:url("/user_file/h2ntokyo-sh/etc/natsuyasai-banner.jpg") no-repeat 0% 0%; float:left; border: 0px solid black; } h2#katsuo a{ display:block; width:267px; height:222px; text-indent:-3000px; text-decoration:none; } h2#menneki{ margin:5px 0px 5px 7px; display:block; width:267px; height:222px; background:url("http://www.kenko-kurozu.com/user_file/h2ntokyo-sh/etc/tekketsu-banner01.gif") no-repeat 0% 0%; float:left; border: 0px solid black; } h2#menneki a{ display:block; width:267px; height:222px; text-indent:-3000px; text-decoration:none; } h2#power{ margin:5px 0px 5px 3px; display:block; width:267px; height:222px; background:url("http://www.kenko-kurozu.com/user_file/h2ntokyo-sh/etc/power.gif") no-repeat 0% 0%; float:left; border: 0px solid black; } h2#power a{ display:block; width:267px; height:222px; text-indent:-3000px; text-decoration:none; } h2#haircare{ margin:5px 0px 5px 7px; display:block; width:267px; height:222px; background:url("http://www.kenko-kurozu.com/user_file/h2ntokyo-sh/etc/haircare.jpg") no-repeat 0% 0%; float:left; border: 0px solid black; } h2#haircare a{ display:block; width:267px; height:222px; text-indent:-3000px; text-decoration:none; } h2#gift{ clear:both; margin:10px 0px 10px 5px; display:block; height:117px; background:url("http://www.kenko-kurozu.com/user_file/h2ntokyo-sh/etc/gift_banner.gif") no-repeat 0% 0%; } h2#amino8{ clear:both; margin:10px 0px 10px 5px; display:block; height:90px; background:url("http://www.kenko-kurozu.com/user_file/h2ntokyo-sh/etc/amino8_banner.gif") no-repeat 0% 0%; } h2#gift a{ display:block; height:117px; text-indent:-3000px; text-decoration:none; } h2#amino8 a{ display:block; height:90px; text-indent:-3000px; text-decoration:none; } h2#campaign{ clear:both; margin:10px 0px 10px 5px; display:block; height:100px; background:url("http://www.kenko-kurozu.com/user_file/h2ntokyo-sh/etc/campaign_banner01.jpg") no-repeat 0% 0%; } h2#campaign a{ display:block; height:100px; text-indent:-3000px; text-decoration:none; } h2#sakura{ clear:both; margin:10px 0px 10px 5px; display:block; height:116px; background:url("http://www.kenko-kurozu.com/user_file/h2ntokyo-sh/etc/sakura_banner.jpg") no-repeat 0% 0%; } h2#sakura a{ display:block; height:116px; text-indent:-3000px; text-decoration:none; } h2#jukusei{ margin:5px 0px 5px 3px; display:block; width:267px; height:222px; background:url("http://www.kenko-kurozu.com/user_file/h2ntokyo-sh/etc/zenkouji.gif") no-repeat 0% 0%; float:left; border: 0px solid black; } h2#jukusei a{ display:block; width:267px; height:222px; text-indent:-3000px; text-decoration:none; } h2#hamigaki{ margin:5px 0px 5px 7px; display:block; width:267px; height:222px; background:url("http://www.kenko-kurozu.com/user_file/h2ntokyo-sh/etc/hamigaki_real.gif") no-repeat 0% 0%; float:left; border: 0px solid black; } h2#hamigaki a{ display:block; width:267px; height:222px; text-indent:-3000px; text-decoration:none; } p#background{ background:url("/user_file/h2ntokyo-sh/etc/logout_back.jpg") no-repeat 0% 0%; width:714px; height:32px; margin:0px 0px 0px 0px; color:white; text-indent:350px; padding-top:7px; } div,img { border-style:none ; } .sub { background-image:url("/user_file/h2ntokyo-sh/etc/sub_back.gif") ; background-repeat:no-repeat ; height:18px ; padding:2px 0px 3px 5px ; width:536px ; font-size:13px ; font-weight:bold ; color:#685600 ; margin:0px ; } .box { width:540px ; border-style:solid ; border-color:#8e8e8e ; border-width:1px 1px 0px 1px ; background-color:#ffe6c2 ; font-size:small ; color:#000000 ; } .box_u { width:540px ; border-style:solid ; border-color:#8e8e8e ; border-width:1px ; background-color:#ffe6c2 ; font-size:small ; color:#000000 ; } .box_l { float:left ; text-align:center ; padding:13px 10px ; width:110px ; line-height:18px ; } .box_r { text-align:left ; float:left ; padding:13px 15px ; width:380px ; background-color:#ffffff ; line-height:18px ; } .wl { width:120px ; float:left ; } .wl2 { width:100px ; float:left ; } .wr { float:left ; } /*shinozaki add 061116*/ .vhead { background-color:khaki ; text-align:right; font-weight:bold ; font-size:105% ; } .vhead0 { background-color:khaki ; text-align:left; font-weight:bold ; font-size:105% ; } .vhead1 { background-color:khaki ; text-align:right; font-weight:bold ; font-size:105% ; } .vbody0 { background-color:lightyellow; text-align:left ; } .vbody { background-color:lightyellow; text-align:right; } .vbody1 { background-color:lightyellow; text-align:right; } .td_a { background-color:khaki ; text-align:left ; } .anchor { float:right ; padding-bottom:10px ; /* font-size:normal ;*/ border:1px dashed ; border-color:white ; } .nomal-td { line-height:1.5em ; font-size:1.0em ; } .rinse { padding:10px ; border:1px solid ; border-color:gray ; width:550px ; background-color:lightyellow; } #shiso_layout{ width:550px ; } #shiso_layout_left{ width:250px; float:left; border: 0px solid #FF9900; padding-top:5px; padding-bottom:5px; margin-bottom:5px; /* background-color:#FFFF66;*/ } #shiso_layout_right{ width:280px; float:right; border: 0px solid #FF9900; padding-top:5px; padding-bottom:5px; /* margin-right:6px;*/ margin-bottom:5px; /* background-color:#FFFF66;*/ } .shiso_explain{ width:550px ; margin-bottom:5px ; } .shiso_explain_left{ width:150px ; float:left ; margin:0px ; border: 0px solid #FF9900; } .shiso_explain_right{ width:400px ; float:left ; margin:0px ; border: 0px solid #FF9900; font-size:12px ; } .camp{ border: 1px solid #FFCCFF; background-color:#FFE8FF; width:540px ; padding: 5px 5px 5px 5px; }