・*--------------------------------------------------------------- [ layout_block.css ] ---------------------------------------------------------------*/ #main_layout { width : 950px; margin-right: auto; margin-left: auto; text-align: left!important;} #head_wrap {width : 950px;margin: 0px auto; background:#FFF;} #head_wrap .bxslider_container #head_news li,#head_wrap .bxslider_container { width : 820px!important;} #contents {width: 950px;margin: 0px auto; content: ""; display: block; clear: both;} #contents #main #category { margin: 0px auto; line-height:140%;float:right;width: 710px;} #footer_wrap {width : 950px;margin: 0px auto;} body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,div,table { margin: 0px; padding: 0px; } img {border: none;vertical-align: top;} #contents #sidebar { width: 230px!important; margin: 0px; float:left;} hr { border-width:0px; height:2px;background-color:#888;} #contents #category .categorylist li { border-bottom: 1px dotted #CCC; padding: 15px; } #main_layout p { line-height:normal;} #head_news li { width : 820px!important;} /*------------------------------------------------------------------------ Over Header Layout Block --------------------------------------------------------------------------*/ #over_header {width: 950px;margin: 5px 0px 0px 0px;background: url(/site/img/main/header/header_logobg.gif) no-repeat 0px 12px!important;} #over_header ul {width: 950px;list-style-type: none;margin: 0px;padding: 0px;display: block;} #over_header li { float:left; display:inline;} #over_header li#discription { width: 384px;} #over_header h1 {font-weight: normal;font-size: 14px;color: #999;} #over_header li#discription p#logo { width: 320px; height: 62px; margin: 5px 0 0 0; background: url(/site/img/main/header/header_rogo.gif);} #over_header li#discription p#logo strong { display:none;} #over_header li#discription p#logo a { width: 320px; height: 62px; display:block;} #over_header li#header_login { width: 190px; height: 45px; background: url(/site/img/main/header/header_login.gif); margin-right: 14px; margin-left: 216px; margin-top: 10px; } #over_header li#header_login span { display:none;} #over_header li#header_login a { width: 190px; height: 45px; display:block;} #over_header li#header_login a:hover { background: url(/site/img/main/header/header_login_over.gif);} #over_header li#header_cart {width: 146px; height: 45px; background: url(/site/img/main/header/header_cart.gif); margin-top: 10px;} #over_header li#header_cart strong { display:none;} #over_header li#header_cart a { width: 146px; height: 45px; display:block;} #over_header li#header_cart a:hover { background: url(/site/img/main/header/header_cart_over.gif);} #header_guide { width: 566px; height: 25px; margin-top: 5px; margin-right: 0; margin-bottom: 0; /* margin-left: 384px;*/ text-align:right; } #header_guide ul { width: 566px; list-style-type: none; margin: 0; padding: 0;} #header_guide li { display:block; float:right; display:inline;} #header_guide li#deli { width: 220px; height: 25px; display:block; background: url(/site/img/main/header/header_5000yen.gif);} #header_guide li#deli span { display:none;} #header_guide li#free_dial { width: 346px; height: 25px; display:block; background: url(/site/img/main/header/header_freedial.gif);} #header_guide li#free_dial span { display:none;} #header_guide2 { width: 950px; height: 25px; background: url(/site/img/main/header/header_guide3.gif); margin: 0px 0px 5px;/* margin-left: 384px;*/ padding: 0px; } #header_guide_news { width: 950px; height: 50px; background: url(/site_data/cabinet/img/other/event/renew_950bnr.gif); margin: 10px 0px 5px; } #header_guide_news span { display:none;} #header_guide_news a { width: 950px; height: 50px; display:block;} /*------------------------------------------------------------------------ Global Navigation Block --------------------------------------------------------------------------*/ #global_navi { width:950px; height:56px; margin: 10px 0 0 0;} #global_navi span { display: none;} #global_navi ul { list-style-type: none; margin: 0px; padding: 0px;} #global_navi li { height: 56px; display: block; float:left; display:inline;} #global_navi a { height: 56px; display: block; text-decoration: none; outline: none;} #global_navi01 { width: 58px; background: url(/site/img/main/header/header_home.gif);} #global_navi02 { width: 147px; background: url(/site/img/main/header/header_goodslist.gif);} #global_navi03 { width: 236px; background: url(/site/img/main/header/header_labo.gif);} #global_navi04 { width: 149px; background: url(/site/img/main/header/header_event.gif);} #global_navi05 { width: 183px; background: url(/site/img/main/header/header_guide.gif);} #global_navi06 { width: 177px; background: url(/site/img/main/header/header_faq.gif);} #global_navi01 a:hover { background: url(/site/img/main/header/header_home_over.gif);} #global_navi02 a:hover { background: url(/site/img/main/header/header_goodslist_over.gif);} #global_navi03 a:hover { background: url(/site/img/main/header/header_labo_over.gif);} #global_navi04 a:hover { background: url(/site/img/main/header/header_event_over.gif);} #global_navi05 a:hover { background: url(/site/img/main/header/header_guide_over.gif);} #global_navi06 a:hover { background: url(/site/img/main/header/header_faq_over.gif);} #active_navi01 { width: 58px; background: url(/site/img/main/header/header_home_on.gif);} #active_navi02 { width: 147px; background: url(/site/img/main/header/header_goodslist_on.gif);} #active_navi03 { width: 236px; background: url(/site/img/main/header/header_labo_on.gif);} #active_navi04 { width: 149px; background: url(/site/img/main/header/header_event_on.gif);} #active_navi05 { width: 183px; background: url(/site/img/main/header/header_guide_on.gif);} #active_navi06 { width: 177px; background: url(/site/img/main/header/header_faq_on.gif);} /*------------------------------------------------------------------------ Global Navigation 1305 Block --------------------------------------------------------------------------*/ #global1305_navi { width:950px; height:56px; margin: 10px 0px 0px 0px;} #global1305_navi span { display: none;} #global1305_navi ul { list-style-type: none; margin: 0px auto; padding: 0px;} #global1305_navi li { height: 56px; display: block; float:left; display:inline;} #global1305_navi a { height: 56px; display: block; text-decoration: none; outline: none;} #global1305_navi01 { width: 59px; background: url(/site/img/main/header/header_home.gif);} #global1305_navi02 { width: 122px; background: url(/site/img/main/header/header_goodslist.gif);} #global1305_navi03 { width: 168px; background: url(/site/img/main/header/header_teiki.gif);} #global1305_navi04 { width: 142px; background: url(/site/img/main/header/header_labo.gif);} #global1305_navi05 { width: 164px; background: url(/site/img/main/header/header_event.gif);} #global1305_navi06 { width: 155px; background: url(/site/img/main/header/header_guide.gif);} #global1305_navi07 { width: 140px; background: url(/site/img/main/header/header_faq.gif);} #global1305_navi01 a:hover { background: url(/site/img/main/header/header_home_over.gif);} #global1305_navi02 a:hover { background: url(/site/img/main/header/header_goodslist_over.gif);} #global1305_navi03 a:hover { background: url(/site/img/main/header/header_teiki_over.gif);} #global1305_navi04 a:hover { background: url(/site/img/main/header/header_labo_over.gif);} #global1305_navi05 a:hover { background: url(/site/img/main/header/header_event_over.gif);} #global1305_navi06 a:hover { background: url(/site/img/main/header/header_guide_over.gif);} #global1305_navi07 a:hover { background: url(/site/img/main/header/header_faq_over.gif);} #active1305_navi01 { width: 59px; background: url(/site/img/main/header/header_home_on.gif);} #active1305_navi02 { width: 122px; background: url(/site/img/main/header/header_goodslist_on.gif);} #active1305_navi03 { width: 168px; background: url(/site/img/main/header/header_teiki_on.gif);} #active1305_navi04 { width: 142px; background: url(/site/img/main/header/header_labo_on.gif);} #active1305_navi05 { width: 164px; background: url(/site/img/main/header/header_event_on.gif);} #active1305_navi06 { width: 155px; background: url(/site/img/main/header/header_guide_on.gif);} #active1305_navi07 { width: 140px; background: url(/site/img/main/header/header_faq_on.gif);} /* サブメニュー */ ul#menu2{} ul#menu2 li{list-style:none;} ul#menu2 li a{display:block;} ul#sub li{float:none;z-index:1000; position:relative;} ul#sub li a {background: #f9edd5 url(none); height:24px; padding:10px 0px 8px 10px; border-bottom:1px #fff solid; text-decoration:underline;} ul#sub li a:hover { background: #f7d492 url(none);} /*------------------------------------------------------------------------ 2 Column Layout --------------------------------------------------------------------------*/ #container { width: 950px; margin: 20px 0 0 0;} #container_left { width: 210px; float: left;} #container_right { width: 700px; float: right;} /*------------------------------------------------------------------------ Login --------------------------------------------------------------------------*/ #LeftLogin { width : 210px; height:160px;} #LeftLogin ul { list-style-type: none; margin: 0; padding: 0;} #LeftLogin li { font-size: 0; line-height: 0; vertical-align: bottom;} #LeftLogin li span { display: none;} #LeftLogin li a { display: block; text-decoration: none; outline: none;} #li_LeftLogin01 { height: 100px; background: url(/site/img/main/left/left_login.gif);} #li_LeftLogin02 { height: 63px; background: url(/site/img/main/left/left_500pt.gif);} #li_LeftLogin03 { height: 57px; background: url(/site/img/main/left/left_newmember2.gif);} #li_LeftLogin04 { height: 62px; background: url(/site/img/main/left/left_firstguide2.gif);} #li_LeftLogin01 a { height: 100px;} #li_LeftLogin03 a { height: 57px;} #li_LeftLogin04 a { height: 62px;} #li_LeftLogin01 a:hover { background: url(/site/img/main/left/left_login_over.gif);} #li_LeftLogin03 a:hover { background: url(/site/img/main/left/left_newmember2_over.gif);} #li_LeftLogin04 a:hover { background: url(/site/img/main/left/left_firstguide2_over.gif);} /*------------------------------------------------------------------------ Local Navigation --------------------------------------------------------------------------*/ .local_navi { width : 210px; margin: 15px 0 0 0;} .local_navi h2 { height:50px; display: block;} .local_navi h2 span { display: none;} .local_navi h2 a { height:50px; display: block; text-decoration: none; outline: none;} .local_navi h2#h2_local01 { height:50px; display: block; background: url(/site/img/main/left/leftnavi_item_01.gif);} .local_navi h2#h2_local02 { height:50px; display: block; background: url(/site/img/main/left/leftnavi_item_02.gif);} .local_navi h2#h2_local03 { height:50px; display: block; background: url(/site/img/main/left/leftnavi_item_03.gif);} .local_navi h2#h2_local04 { height:50px; display: block; background: url(/site/img/main/left/leftnavi_item_04.gif);} .local_navi h2#h2_local05 { height:50px; display: block; background: url(/site/img/main/left/leftnavi_item_05.gif);} .local_navi h2#h2_local06 { height:50px; display: block; background: url(/site/img/main/left/leftnavi_item_06.gif);} /*------------------------------------------------------------------------ Local Navigation 2階層目 --------------------------------------------------------------------------*/ .local_navi_2class { width : 210px; margin: 15px 0 0 0; line-height:none;} .local_navi_2class h2 { height:50px; display: block; line-height:none; padding:0px;} .local_navi_2class h2 span { display: none;} .local_navi_2class h2 a { height:50px; display: block; text-decoration: none; outline: none;} .local_navi_2class h2#h2_local01_2class { height:50px; display: block; background: url(/site/img/main/left/leftnavi_item_01.gif);} .local_navi_2class h2#h2_local02_2class { height:50px; display: block; background: url(/site/img/main/left/leftnavi_item_02.gif);} .local_navi_2class h2#h2_local03_2class { height:50px; display: block; background: url(/site/img/main/left/leftnavi_item_03.gif);} .local_navi_2class h2#h2_local04_2class { height:50px; display: block; background: url(/site/img/main/left/leftnavi_item_04.gif);} .local_navi_2class h2#h2_local05_2class { height:50px; display: block; background: url(/site/img/main/left/leftnavi_item_05.gif);} .local_navi_2class h2#h2_local06_2class { height:50px; display: block; background: url(/site/img/main/left/leftnavi_item_06.gif);} /*IE6hack*/*html body .local_navi ul { width : 210px;} .local_navi ul { width : 208px; list-style-type: none; margin: 0; padding: 5px 0 15px 0; border-left: 1px solid #e3d4b3; border-right: 1px solid #e3d4b3;} .local_navi li { padding: 0 0 0 18px; background: url(/site/img/top/orange/m_01.gif) no-repeat 10px 0.8em; line-height: 1.8;} /*IE6hack*/.local_navi_2class ul { width : 210px;} .local_navi_2class ul { width : 208px; list-style-type: none; margin: 0; padding: 5px 0 15px 0; border-left: 1px solid #e3d4b3; border-right: 1px solid #e3d4b3;} .local_navi_2class li { padding: 0 0 0 18px; background: url(/site/img/top/orange/m_01.gif) no-repeat 10px 0.8em; line-height: 1.8;} p#all_item { /* height: 35px;*/ padding: 5px 0px 8px 0px; text-align: center; background: url(/site/img/top/orange/otherli_img01.png) repeat-y left bottom; border-top: 1px solid #E3D4B3; } p#all_item span { padding: 0 0 0 8px; background: url(/site/img/top/orange/m_02.gif) no-repeat 0 0.5em;} /*------------------------------------------------------------------------ div#regular {width: 210px; height:130px; margin: 5px 0 0 0;} div#regular span {display: none;} div#regular p#regular_txt {height: 60px; background: url(/site/img/top/orange/sprite_img01.png) -210px -210px no-repeat;} div#regular p#regular_bt {height: 70px; background: url(/site/img/top/orange/sprite_img01.png) -210px -270px no-repeat;} div#regular p#regular_bt a {width: 210px;height:70px; display: block;} div#regular p#regular_bt a:hover {background: url(/site/img/top/orange/sprite_img01.png) -210px -400px no-repeat;} --------------------------------------------------------------------------*/ div#regular { width : 210px; height:131px; margin: 5px 0 0 0; background: url(/site_data/cabinet/img/navi/left/teiki_btn_nm.gif) no-repeat;} div#regular span { display: none;} div#regular a { width : 210px;height:131px; display: block;} div#regular a:hover { background: url(/site_data/cabinet/img/navi/left/teiki_btn_on.gif) no-repeat;} /*------------------------------------------------------------------------ p#QuickOrder { width : 210px; height:35px; margin: 10px 0 0 0; text-align: center; background: url(/site/img/top/orange/sprite_img01.png) -420px 0 no-repeat;} p#QuickOrder span { display: none;} p#QuickOrder a { width : 210px;height:35px; display: block;} p#QuickOrder a:hover { background: url(/site/img/top/orange/sprite_img01.png) -420px -35px no-repeat;} --------------------------------------------------------------------------*/ /*特典*/ #privilege { width : 210px; height:268px; margin: 10px 0 0 0;} #privilege ul { list-style-type: none; margin: 0; padding: 0;} #privilege li { font-size: 0; line-height: 0; vertical-align: bottom;} #privilege li span { display: none;} #privilege li a { display: block; text-decoration: none; outline: none;} /*#li_privilege01 { height: 70px; background: url(/site/img/top/orange/sprite_img01.png) -420px -70px no-repeat;} #li_privilege02 { height: 65px; background: url(/site/img/top/orange/sprite_img01.png) -420px -140px no-repeat;} #li_privilege03 { height: 65px; background: url(/site/img/top/orange/sprite_img01.png) -420px -205px no-repeat;} #li_privilege04 { height: 65px; background: url(/site/img/top/orange/sprite_img01.png) -420px -270px no-repeat;} #li_privilege05 { height: 65px; background: url(/site/img/top/orange/sprite_img01.png) -420px -335px no-repeat;}*/ #li_privilege01 a { height: 70px;} #li_privilege02 a { height: 65px;} #li_privilege03 a { height: 65px;} #li_privilege04 a { height: 65px;} #li_privilege05 a { height: 65px;} /*#li_privilege01 a:hover { background: url(/site/img/top/orange/sprite_img01.png) -630px -70px no-repeat;} #li_privilege02 a:hover { background: url(/site/img/top/orange/sprite_img01.png) -630px -140px no-repeat;} #li_privilege03 a:hover { background: url(/site/img/top/orange/sprite_img01.png) -630px -205px no-repeat;} #li_privilege04 a:hover { background: url(/site/img/top/orange/sprite_img01.png) -630px -270px no-repeat;} #li_privilege05 a:hover { background: url(/site/img/top/orange/sprite_img01.png) -630px -335px no-repeat;}*/ /*安心のお客様サポート*/ #LeftSupport { width : 210px; height:315px; margin: 10px 0 0 0;} #LeftSupport p span { display: none;} #LeftSupport p#LeftSupport_txt1 { height: 315px; background: url(/site/img/main/left/left_support.gif) no-repeat;} /*------------------------------------------- Footer Info -------------------------------------------*/ .FooterInfo { width: 950px; background: url(/site/img/main/main/footer_info_back.gif) repeat-y; font-size: 90%;} .FooterInfo ul { width: 890px; list-style-type: none; margin: 0px 30px; padding: 0px;} .FooterInfo li { display: block; float:left; display:inline;} .FooterInfo li.li_FooterInfo01 { width: 255px;} .FooterInfo li.li_FooterInfo02 { width: 260px; margin: 0 0 0 60px;} .FooterInfo li.li_FooterInfo03 { width: 265px; margin: 0 0 0 50px;} /*-------------------------------------------- .FooterInfo h4 span { display: none;} .FooterInfo h4#h4_FooterInfo01 { height: 20px; background: url(/site/img/top/orange/sprite_img01.png) -225px -560px no-repeat;} .FooterInfo h4#h4_FooterInfo02 { height: 20px; background: url(/site/img/top/orange/sprite_img01.png) -225px -580px no-repeat;} .FooterInfo h4#h4_FooterInfo03 { height: 20px; background: url(/site/img/top/orange/sprite_img01.png) -225px -600px no-repeat;} .FooterInfo h4#h4_FooterInfo04 { height: 20px; background: url(/site/img/top/orange/sprite_img01.png) -225px -620px no-repeat;} .FooterInfo h4#h4_FooterInfo05 { height: 20px; background: url(/site/img/top/orange/sprite_img01.png) -225px -640px no-repeat;} .FooterInfo h4#h4_FooterInfo06 { height: 20px; background: url(/site/img/top/orange/sprite_img01.png) -225px -660px no-repeat;} --------------------------------------------*/ /*-------------------------------------------- Footer Address --------------------------------------------*/ #footer_add { width: 950px; margin: 15px 0 0 0; padding: 5px 0 15px 0; border-top: 1px solid #e3d4b3; border-bottom: 1px solid #e3d4b3;} #footer_add ul { margin: 0; padding: 0; list-style-type: none;} #footer_add li { display:block; float:left; display:inline;} #footer_add span { display:none;} #footer_add li#li_footer_add01 { width: 240px; height: 85px; background: url(/site/img/top/orange/sprite_img02.png) 0 -200px no-repeat;} #footer_add li#li_footer_add02 { width: 440px; height: 85px; background: url(/site/img/top/orange/sprite_img02.png) -240px -200px no-repeat;} #footer_add li#li_footer_add03 { width: 130px;} #footer_add li#li_footer_add04 { width: 135px;} #footer_add li#li_footer_add02_2 { width: 214px; height: 85px; background: url(/site/img/top/orange/sprite_img02.png) -240px -200px no-repeat;} #footer_add li#li_footer_add05 { width: 104px;} #footer_add li#li_footer_add05 a { width: 104px; height: 46px;display: block; background: url(/site_data/cabinet/img/navi/footer/footer_login.gif) 0 0px no-repeat; margin-top:15px; margin-left:0px; text-indent:-9999px;} #footer_add li#li_footer_add05 a:hover { display: block; background: url(/site_data/cabinet/img/navi/footer/footer_login.gif) 0 -46px no-repeat;} #footer_add li#li_footer_add06 { width: 122px;} #footer_add li#li_footer_add06 a { width: 122px; height: 46px;display: block; background: url(/site_data/cabinet/img/navi/footer/footer_cart.gif) 0 0px no-repeat; margin-top:15px; margin-left:0px; text-indent:-9999px;} #footer_add li#li_footer_add06 a:hover { display: block; background: url(/site_data/cabinet/img/navi/footer/footer_cart.gif) 0 -46px no-repeat;} #footer_add li#li_footer_add01a { width: 240px; height: 85px;} #footer_add li#li_footer_add02_2a { width: 214px; height: 85px; font-size:12px; font-family: "小塚ゴシック Pro M", "ヒラギノ角ゴ Pro W3", "メイリオ";} /*--------------------------------------------- Footer Navigation -----------------------------------------------*/ #footer_navi { width: 950px; margin: 20px 0 0 0; padding: 0 0 30px 0; text-align: center; font-size: 90%;} #footer_navi ul { width: 950px; position: static; float: left; display: block; list-style: none; margin: 0; padding: 0; text-align: center;} #footer_navi li { position: relative; display: inline; list-style: none; border-left: 1px solid #e3d4b3; margin: 0; padding: 0 6px 0 12px; line-height: 1;} #footer_navi li.start { border: none;} p#copy { margin: 15px 0 0 0; text-align: center;} p#tax { margin: 15px 0 0 0; text-align: center; font-size:85%;} /*-------------------------------------------- Footer Info new120621 ----------------------------------------------*/ #FooterSiteLink2 { width: 950px!important; font-size: 90%; padding: 15px 0px; border-bottom: 2px solid #e0dace; } #FooterSiteLink2 div { width: 193px; display: block; float: left; display: inline; margin: 0px!important; padding: 0px!important; } #FooterSiteLink2 ul { list-style-type: none; margin: 0px; padding: 0px;} #FooterSiteLink2 li { padding: 0px 0px 0px 8px; background: url(/site_data/cabinet/img/navi/footer/icon_arrow_f2.gif) no-repeat left 50%; margin: 0px; list-style-type: none; text-align: left; width:169px; } #FooterSiteLink2 li a{ color: #5a2403; font-size: 12px; line-height: 140%;} #FooterSiteLink2 h2 span { display: none; margin:0px; padding:0px;} #FooterSiteLink2 h2#h2_FooterSiteLink01 { height: 32px; background: url(/site_data/cabinet/img/navi/footer/footer2_h3title01.gif) no-repeat left top; width: 162px;} #FooterSiteLink2 h2#h2_FooterSiteLink02 { height: 37px; background: url(/site_data/cabinet/img/navi/footer/footer2_h3title02.gif) no-repeat left top; width: 162px;} #FooterSiteLink2 h2#h2_FooterSiteLink03 { height: 32px; background: url(/site_data/cabinet/img/navi/footer/footer2_h3title03.gif) no-repeat left top;} #FooterSiteLink2 h2#h2_FooterSiteLink04 { height: 32px; background: url(/site_data/cabinet/img/navi/footer/footer2_h3title04.gif) no-repeat left top;} #FooterSiteLink2 h2#h2_FooterSiteLink05 { height: 32px; background: url(/site_data/cabinet/img/navi/footer/footer2_h3title05.gif) no-repeat left top;} #FooterSiteLink2 h2#h2_FooterSiteLink06 { height: 32px; background: url(/site_data/cabinet/img/navi/footer/footer2_h3title06.gif) no-repeat left top;} #FooterSiteLink2 h2#h2_FooterSiteLink07 { height: 37px; background: url(/site_data/cabinet/img/navi/footer/footer2_h3title07.gif) no-repeat left top; margin-top: 20px;} #FooterSiteLink2 h2#h2_FooterSiteLink08 { height: 37px; background: url(/site_data/cabinet/img/navi/footer/footer2_h3title08.gif) no-repeat left top; margin-top: 20px;} .menu_line{ background: url(/site_data/cabinet/img/navi/footer/footer_line4.gif) repeat-y right top; padding-right: 10px; height:340px;} .menu_line2{ background: url(/site_data/cabinet/img/navi/footer/footer_line4.gif) repeat-y right top; padding-right: 30px; height:340px;width:162px;} /*IE6hack*/*html body .footer_pageup { background: url(/site_data/cabinet/img/navi/footer/footer2_line1.gif) repeat-x left bottom; height: 29px; padding-right: 5px; width: 106px; padding-left: 834px; } .footer_pageup { background: url(/site_data/cabinet/img/navi/footer/footer2_line1.gif) repeat-x left bottom; height: 29px; padding-right: 10px; width: 106px; padding-left: 834px; } .footer_pageup a { background: url(/site_data/cabinet/img/navi/footer/pageup2.gif) no-repeat; display: block; height: 29px; width: 110px; text-indent: -9999px; font-size: 0px; } #footer_add.noborder { border-top: none; border-bottom: none; background: url(/site_data/cabinet/img/navi/footer/footer_line3.gif) repeat-x left bottom; clear: both; } #footer_navi.footer_bottom{ padding: 0 0 80px; background: url(/site_data/cabinet/img/navi/footer/footer_bg3.gif) repeat-x center bottom;} #FooterSiteLink2{ margin:0px auto;} #FooterSiteLink2 h2#h2_FooterSiteLink01a { height: 32px; background: url(/site_data/cabinet/img/navi/footer/footer2_h3title01.gif) no-repeat left top; width: 162px;} #FooterSiteLink2 h2#h2_FooterSiteLink02a { height: 37px; background: url(/site_data/cabinet/img/navi/footer/footer2_h3title02.gif) no-repeat left top; width: 162px;} #FooterSiteLink2 h2#h2_FooterSiteLink03a { height: 32px; background: url(/site_data/cabinet/img/navi/footer/footer2_h3title03.gif) no-repeat left top;} #FooterSiteLink2 h2#h2_FooterSiteLink04a { height: 32px; background: url(/site_data/cabinet/img/navi/footer/footer2_h3title04.gif) no-repeat left top;} #FooterSiteLink2 h2#h2_FooterSiteLink05a { height: 32px; background: url(/site_data/cabinet/img/navi/footer/footer2_h3title05.gif) no-repeat left top;} #FooterSiteLink2 h2#h2_FooterSiteLink06a { height: 32px; background: url(/site_data/cabinet/img/navi/footer/footer2_h3title06.gif) no-repeat left top;} #FooterSiteLink2 h2#h2_FooterSiteLink07a { height: 37px; background: url(/site_data/cabinet/img/navi/footer/footer2_h3title07.gif) no-repeat left top; margin-top: 20px;} pt5{padding-top:5px;} pt10{padding-top:10px;} pt15{padding-top:15px;} .menu_line2 { background: url(/site_data/cabinet/img/navi/footer/footer_line4.gif) repeat-y right top; height: 340px; width: 199px!important; padding: 0px 30px 0px 0px!important; } #FooterSiteLink2 h2#h2_FooterSiteLink04b { height: 37px; background: url(/site_data/cabinet/img/navi/footer/footer2_h3title04b.gif) no-repeat left top;} #FooterSiteLink2 h3 { font-size: 14px; font-weight: normal; text-align: left; } #FooterSiteLink2 h3 span {font-size: 10px;} .tdcolor00 strong { font-size: 16px; } .tdcolor01 strong { font-size: 16px; } .tdcolor02 strong { font-size: 16px; } .tdcolor03 strong { font-size: 16px; } #tab1 { width: 80px;/* 最初に表示されるバナーの幅 */ height: 150px;/* バナーの高さ */ background: url(https://image.rakuten.co.jp/mens-refine/cabinet/side_bnr/side_bnr_na120.gif) no-repeat;/* 画像のURL */ position: fixed;/* バナーを固定します */ right: 0;/* 右から0pxの位置に指定 */ top: 120px;/* 下から100pxの位置に指定 */ } #tab1 table {/* リンクするエリアをバナー全体に広げる設定 */ display: block; width: 100%; height: 100%; } /* #tab1 a {リンクするエリアをバナー全体に広げる設定 display: block; width: 100%; height: 100%; } */ #tab1:hover {/* カーソルが乗った時の動きを指定 */ width: 450px;/* バナーが伸びた時の幅 */ /* 以下アニメーションの設定 */ -webkit-transition: width ease-in-out 0.5s; -moz-transition: width ease-in-out 0.5s; -ms-transition: width ease-in-out 0.5s; -o-transition: width ease-in-out 0.5s; transition: width ease-in-out 0.5s; } .toiwase_nnbr { text-align:right; margin-top:5px;} .toiwase_nnbr span { font-size: 13px;line-height: 100%; padding:5px; border:1px solid #CCC;}