/* ::after{ height: 0; visibility: hidden; content: "."; display: block; clear: both;} *+html */ /************************************************************************* top 設定 *************************************************************************/ #TOP #CONTENTS .Article_01 { width: 580px; height: auto; margin-bottom: 0px; clear: both;} #TOP #CONTENTS .Article_01::after{ height: 0; visibility: hidden; content: "."; display: block; clear: both;} #TOP #CONTENTS .Article_01 h2 { width: 580px; height: 70px; clear: both; text-indent: -9999px; background: url(../images/top_430960/MainCOPY.gif) no-repeat;} #TOP #CONTENTS .Article_01 h3 { width: 486px; height: 430px; float: right; background: url(../images/top_430960/MainIMG.jpg) no-repeat; } #TOP #CONTENTS .Article_01 h3 span { height: 100px; display: block; text-indent: -9999px; } #TOP #CONTENTS .Article_01 h3 a { width: 150px; height: 30px; margin: 167px 0px 0px 130px; display: block; text-indent: -9999px; } #TOP #CONTENTS .Article_01 h3 a:hover { background: url(../images/top_430960/MainIMG_f2.jpg) no-repeat -130px -267px; } #TOP #CONTENTS .Article_01 dl { width: 228px; height: 428px; border: solid 1px #B3B3B3; } #TOP #CONTENTS .Article_01 dt { width: 210px; height: 73px; padding: 115px 8px 0px 10px; display: block; background: url(../images/top_430960/SubIMG.gif) no-repeat center; } #TOP #CONTENTS .Article_01 dt a { width: 210px; height: 67px; display: block; text-indent: -9999px; } #TOP #CONTENTS .Article_01 dd { width: 228px; height: 60px;} #TOP #CONTENTS .Article_01 dd a { width: 228px; height: 60px; display: block; text-indent: -9999px;} #TOP #CONTENTS .Article_01 dd.btn_01 { background: url(../images/top_430960/SubIMGbtn_01.gif) no-repeat center;} #TOP #CONTENTS .Article_01 dd.btn_02 { background: url(../images/top_430960/SubIMGbtn_02.gif) no-repeat center;} #TOP #CONTENTS .Article_01 dd.btn_03 { background: url(../images/top_430960/SubIMGbtn_03.gif) no-repeat center;} #TOP #CONTENTS .Article_01 dd.btn_04 { background: url(../images/top_430960/SubIMGbtn_04.gif) no-repeat center;} #TOP #CONTENTS .Article_02 { width: 580px; height: auto; margin-bottom: 15px; clear: both;} #TOP #CONTENTS .Article_02::after{ height: 0; visibility: hidden; content: "."; display: block; clear: both;} #TOP #CONTENTS .Article_02 h3 { width: 580px; height: 25px; text-indent: -9999px; margin: 0; padding: 0; background: url(../images/top_430960/TopTitle_01.gif) no-repeat; } #TOP #CONTENTS .Article_02 div { width: 578px; height: 170px; border-left: solid 1px #B3B3B3; border-right: solid 1px #B3B3B3; border-bottom: solid 1px #B3B3B3; background: url(../images/top_430960/BannerIMG_01.gif) no-repeat bottom; } #TOP #CONTENTS .Article_02 a { text-decoration: underline;} #TOP #CONTENTS .Article_02 div p { width: 578px; height: 135px; display: block; text-indent: -9999px;} #TOP #CONTENTS .Article_02 div span { margin-left: 130px; font-size: 10px; _font-size: 9px; display: block;} *+html #TOP #CONTENTS .Article_02 div span { font-size: 9px;} #TOP #CONTENTS .Article_02 div span b { display: block; padding-right: 15px; margin-top: -7px; float: left; line-height: 1.1; font-size:11px; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";} #TOP #CONTENTS .Article_02 div span a.next { width: 95px; height: 18px; padding: 5px 15px 0px 0px; margin-top: 3px; display: block; text-indent: -9999px; float: left; background: url(../images/common_430960/Btn_01.gif) no-repeat; } #TOP #CONTENTS .Article_02 div span a.next:hover { background: url(../images/common_430960/Btn_01_f2.gif) no-repeat; } #TOP #CONTENTS .Article_02 div span span.next { margin: 10px 10px 0px 0px; display: inline; float: right;} #TOP #CONTENTS .Article_02 div span span.next a { padding: 0px 0px 0px 10px; background: url(../images/common_430960/icon_03.gif) no-repeat left center; } #TOP #CONTENTS .Article_03 { width: 580px; height: auto; margin-bottom: 15px; clear: both;} #TOP #CONTENTS .Article_03::after{ height: 0; visibility: hidden; content: "."; display: block; clear: both;} #TOP #CONTENTS .Article_03 .Effect { width: 484px; height: auto; float: left;} #TOP #CONTENTS .Article_03 .Element { width: 238px; height: auto; float: right;} #TOP #CONTENTS .Article_03 h3 { text-indent: -9999px; margin-bottom: 5px;} #TOP #CONTENTS .Article_03 .Effect h3 { width: 484px; height: 25px; background: url(../images/top_430960/TopTitle_02.gif) no-repeat; } #TOP #CONTENTS .Article_03 .Element h3 { width: 238px; height: 25px; background: url(../images/top_430960/TopTitle_03.gif) no-repeat; } #TOP #CONTENTS .Article_03 dl { width: 113px; height: 145px; padding-top: 90px; margin-right: 8px; display: inline; border: solid 1px #6D92D4; float: left; } #TOP #CONTENTS .Article_03 dl.Eff_01 { background: url(../images/top_430960/img_01.jpg) no-repeat center top;} #TOP #CONTENTS .Article_03 dl.Eff_02 { background: url(../images/top_430960/img_02.jpg) no-repeat center top;} #TOP #CONTENTS .Article_03 dl.Eff_03 { background: url(../images/top_430960/img_03.jpg) no-repeat center top;} #TOP #CONTENTS .Article_03 dl.Eff_04 { background: url(../images/top_430960/img_04.jpg) no-repeat center top; margin-right: 0px;} #TOP #CONTENTS .Article_03 dl.Ele_01 { background: url(../images/top_430960/img_05.jpg) no-repeat center top;} #TOP #CONTENTS .Article_03 dl.Ele_02 { background: url(../images/top_430960/img_06.jpg) no-repeat center top; margin-right: 0px;} #TOP #CONTENTS .Article_03 dd { padding: 5px; line-height: 1.2;} #TOP #CONTENTS .Article_03 dd a { height: 40px; color: #0042B8; text-decoration: underline; display: block; margin: 5px 0px;} #TOP #CONTENTS .Article_03 dd a span { font-size: 10px; _font-size: 9px; display: inline; color: #0042B8; line-height: 2;} *+html #TOP #CONTENTS .Article_03 dd a span { font-size: 9px;} #TOP #CONTENTS .Article_03 dd span.next { display: block; float: right; padding: 5px 5px 0px 0px;} #TOP #CONTENTS .Article_03 dd span.next a { height: auto; font-size: 10px; _font-size: 9px; color: #333333; text-decoration: none; padding: 0px 0px 0px 10px; background: url(../images/common_430960/icon_01.gif) no-repeat left center; } *+html #TOP #CONTENTS .Article_03 dd span.next a { font-size: 9px;} #TOP #CONTENTS .Article_04 { width: 580px; height: 145px; margin-bottom: 15px; clear: both;} #TOP #CONTENTS .Article_04::after{ height: 0; visibility: hidden; content: "."; display: block; clear: both;} #TOP #CONTENTS .Article_04 h4.eno_01 { width: 379px; height: 145px; text-indent: -9999px; float: left; clear: none; background: url(../images/top_430960/BannerIMG_03.gif) no-repeat;} #TOP #CONTENTS .Article_04 h4.eno_02 { width: 339px; height: 145px; text-indent: -9999px; float: right; clear: none; background: url(../images/top_430960/BannerIMG_02.gif) no-repeat;} #TOP #CONTENTS .Article_05 { width: 580px; height: auto; margin-bottom: 15px; clear: both;} #TOP #CONTENTS .Article_05::after{ height: 0; visibility: hidden; content: "."; display: block; clear: both;} #TOP #CONTENTS .Article_05 ul{ width: 580px; height: auto;} #TOP #CONTENTS .Article_05 li{ width: 360px; height: 56px;} #TOP #CONTENTS .Article_05 li a{ width: 360px; height: 56px; display: block; text-indent: -9999px;} #TOP #CONTENTS .Article_05 li.btn_01{ background: url(../images/top_430960/Bannerbtn_01.gif) no-repeat; float: left;} #TOP #CONTENTS .Article_05 li.btn_02{ background: url(../images/top_430960/Bannerbtn_02.gif) no-repeat; float: right;} /************************************************************************* ALL 設定 *************************************************************************/ .ALL #Article_02 { width: 580px; height: auto; margin-bottom: 15px; clear: both; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";} .ALL #Article_02::after{ height: 0; visibility: hidden; content: "."; display: block; clear: both;} .ALL #Article_02 h3 { width: 580px; height: 25px; text-indent: -9999px; margin-bottom: 0px; background: url(../images/top_430960/TopTitle_01.gif) no-repeat; } .ALL #Article_02 div { width: 578px; height: 170px; border-left: solid 1px #B3B3B3; border-right: solid 1px #B3B3B3; border-bottom: solid 1px #B3B3B3; background: url(../images/top_430960/BannerIMG_01.gif) no-repeat bottom; } .ALL #Article_02 a { text-decoration: underline;} .ALL #Article_02 div p { width: 578px; height: 135px; display: block; text-indent: -9999px;} .ALL #Article_02 div span { margin-left: 130px; font-size: 10px; _font-size: 9px; display: block;} *+html .ALL .Article_02 div span { font-size: 9px;} .ALL #Article_02 div span b { display: block; padding-right: 15px; float: left; line-height: 1.1; margin-top: -7px; font-size:11px; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";} .ALL #Article_02 div span a.next { width: 95px; height: 18px; padding: 5px 15px 0px 0px; margin-top: 3px; display: block; text-indent: -9999px; float: left; background: url(../images/common_430960/Btn_01.gif) no-repeat; } .ALL #Article_02 div span a.next:hover { background: url(../images/common_430960/Btn_01_f2.gif) no-repeat; } .ALL #Article_02 div span span.next { margin: 10px 10px 0px 0px; display: inline; float: right;} .ALL #Article_02 div span span.next a { padding: 0px 0px 0px 10px; background: url(../images/common_430960/icon_03.gif) no-repeat left center; } .ALL #CONTENTS .Article_05 { width: 580px; height: auto; margin-bottom: 15px; clear: both;} .ALL #CONTENTS .Article_05::after{ height: 0; visibility: hidden; content: "."; display: block; clear: both;} .ALL #CONTENTS .Article_05 ul{ width: 580px; height: auto;} .ALL #CONTENTS .Article_05 li{ width: 360px; height: 56px;} .ALL #CONTENTS .Article_05 li a{ width: 360px; height: 56px; display: block; text-indent: -9999px;} .ALL #CONTENTS .Article_05 li.btn_01{ background: url(../images/top_430960/Bannerbtn_01.gif) no-repeat; float: left;} .ALL #CONTENTS .Article_05 li.btn_02{ background: url(../images/top_430960/Bannerbtn_02.gif) no-repeat; float: right;} .ALL #WRAPPER div.Article_02 em{ font-size:11px; } /************************************************************************* h 設定 *************************************************************************/ .ALL #CONTENTS h2 { width: 580px; height: 30px; text-indent: -9999px; margin-bottom: 10px;} #CON_01 #CONTENTS h2 { background: url(../images/page_430960/01_title.gif) no-repeat;} #CON_02 #CONTENTS h2 { background: url(../images/page_430960/02_title.gif) no-repeat;} #CON_03 #CONTENTS h2 { background: url(../images/page_430960/03_title.gif) no-repeat;} #CON_03A #CONTENTS h2 { background: url(../images/page_430960/03A_title.gif) no-repeat;} .VOICE #CONTENTS h2 { background: url(../images/page_430960/04_title.gif) no-repeat;} #CON_05 #CONTENTS h2 { background: url(../images/page_430960/05_title.gif) no-repeat;} #CON_06 #CONTENTS h2 { background: url(../images/page_430960/06_title.gif) no-repeat;} #CON_07 #CONTENTS h2 { background: url(../images/page_430960/07_title.gif) no-repeat;} .UKYON #CONTENTS h2 { background: url(../images/page_430960/08_title.gif) no-repeat; height: 70px;} .ALL #CONTENTS h3 { width: 580px; height: auto; text-indent: -9999px; margin-bottom: 10px;} #CON_01 #CONTENTS h3 { height: 40px; background: url(../images/page_430960/01_head.gif) no-repeat;} #CON_02 #CONTENTS h3 {} #CON_03 #CONTENTS h3 { height: 82px; background: url(../images/page_430960/03_head.gif) no-repeat; margin-bottom: 0px;} .VOICE #CONTENTS h3 { width: 578px; height: 70px; background: url(../images/page_430960/04_head.gif) no-repeat;} #CON_05 #CONTENTS h3 { width: 578px; height: 70px; background: url(../images/page_430960/05_head.gif) no-repeat;} #CON_06 #CONTENTS h3 { height: 100px; background: url(../images/page_430960/06_head.gif) no-repeat;} #CON_07 #CONTENTS h3 { height: 100px; background: url(../images/page_430960/07_head.gif) no-repeat;} /************************************************************************* CON_01 設定 A.イーノの効果 *************************************************************************/ #CON_01 #CONTENTS div { width: 578px; height: 510px; padding-bottom: 0; margin-bottom: 15px; border: solid 1px #999999; background: url(../images/page_430960/01_main.gif) no-repeat; } #CON_01 #CONTENTS p { width: 578px; height: 130px; text-indent: -9999px;} #CON_01 #CONTENTS dl { width: 349px; height: 178px;} #CON_01 #CONTENTS dt { width: 349px; height: 42px; text-indent: -9999px;} #CON_01 #CONTENTS dd { margin: 0px 0px 10px 180px; font-size: 10px; _font-size: 9px;} *+html #CON_01 #CONTENTS dd { font-size: 9px;} #CON_01 #CONTENTS dl.con01_01 { float: left;} #CON_01 #CONTENTS dl.con01_02 { float: left; padding: 0px 0px 0px 12px;} #CON_01 #CONTENTS dl.con01_03 { float: left; padding: 12px 0px 0px 0px;} #CON_01 #CONTENTS dl.con01_04 { float: left; padding: 12px 0px 0px 12px;} #CON_01 #CONTENTS blockquote { width: 580px; height: 327px; margin-bottom: 15px; text-indent: -9999px; background: url(../images/page_430960/01_txt.jpg) no-repeat center center; } #CON_01 #CONTENTS dd em{ font-size:10px; } /************************************************************************* CON_02 設定 B.イーノの成分 *************************************************************************/ #CON_02 #CONTENTS dl { padding-bottom: 10px; margin-bottom: 10px;} #CON_02 #CONTENTS dl::after{ height: 0; visibility: hidden; content: "."; display: block; clear: both;} #CON_02 #CONTENTS #column_01 { width: 250px; height: auto; float: left; background: url(../images/page_430960/02_Abottom.gif) no-repeat bottom; } #CON_02 #CONTENTS #column_02 { width: 470px; height: auto; float: right; background: url(../images/page_430960/02_Bbottom.gif) no-repeat bottom; } #CON_02 #CONTENTS #column_03 { width: 580px; height: auto; clear: both; background: url(../images/page_430960/02_Cbottom.gif) no-repeat bottom; } #CON_02 #CONTENTS dt { height: 22px; padding: 7px 10px; font-weight: bold;} #CON_02 #CONTENTS dt span { width: 20px; height: 20px; margin-right: 10px; display: block; text-indent: -9999px; float: left;} #CON_02 #CONTENTS #column_01 dt { width: 230px; background: url(../images/page_430960/02_Atop.gif) no-repeat;} #CON_02 #CONTENTS #column_02 dt { width: 450px; background: url(../images/page_430960/02_Btop.gif) no-repeat;} #CON_02 #CONTENTS #column_03 dt { width: 560px; background: url(../images/page_430960/02_Ctop.gif) no-repeat;} #CON_02 #CONTENTS #column_01 dt span { background: url(../images/page_430960/icon_no01.gif) no-repeat;} #CON_02 #CONTENTS #column_02 dt span { background: url(../images/page_430960/icon_no02.gif) no-repeat;} #CON_02 #CONTENTS #column_03 dt span { background: url(../images/page_430960/icon_no03.gif) no-repeat;} #CON_02 #CONTENTS dd { height: 280px; padding: 10px;} #CON_02 #CONTENTS dd::after{ height: 0; visibility: hidden; content: "."; display: block; clear: both;} #CON_02 #CONTENTS #column_01 dd { width: 230px; background: url(../images/page_430960/02_Abody.gif) repeat-y;} #CON_02 #CONTENTS #column_02 dd { width: 450px; background: url(../images/page_430960/02_Bbody.gif) repeat-y;} #CON_02 #CONTENTS #column_03 dd { width: 560px; background: url(../images/page_430960/02_Cbody.gif) repeat-y;} #CON_02 #CONTENTS dd span { color: #0042B8; margin-bottom: 10px; display: block;} #CON_02 #CONTENTS dd div { text-align: center;} #CON_02 #CONTENTS #column_01 dd div { width: 226px;} #CON_02 #CONTENTS #column_02 dd div { width: 219px;} #CON_02 #CONTENTS #column_03 dd div { width: 135px;} #CON_02 #CONTENTS dd img { margin-bottom: 10px;} #CON_02 #CONTENTS dd p { text-align: left;} #CON_02 #CONTENTS dd b { width: auto; height: 20px; margin-bottom: 10px; color: #000000; display: block; background: #C1E2F7; } #CON_02 #CONTENTS .left { float: left;} #CON_02 #CONTENTS .right { float: right;} #CON_02 #CONTENTS .none { float: none;} #CON_02 #CONTENTS .mgn_01 { margin-right: 8px;} #CON_02 #CONTENTS .mgn_02 { margin-right: 9px;} /************************************************************************* CON_03 設定 C.祭り（キャンペーン） *************************************************************************/ #CON_03 #CONTENTS div { width: 580px; height: 348px; margin-bottom: 10px; background: url(../images/page_430960/03_main.gif) no-repeat; } #CON_03 #CONTENTS div p { width: 580px; height: 275px; text-indent: -9999px;} #CON_03 #CONTENTS div span { width: auto; height: auto; display: block; text-indent: -9999px;} #CON_03 #CONTENTS div a { width: 276px; height: 26px; margin-left: 19px; display: block; text-indent: -9999px;} #CON_03 #CONTENTS div a:hover { width: 276px; height: 26px; display: block; background: url(../images/page_430960/03_main_f2.gif) no-repeat; } /************************************************************************* CON_03A 設定 C.祭り（キャンペーン）購入 *************************************************************************/ #CON_03A #CONTENTS div p { width: 580px; height: auto; text-indent: -9999px;} #CON_03A #CONTENTS div#BuyTwo { width: 580px; height: 385px; margin-bottom: 20px; background: url(../images/page_430960/buy_back02.jpg) no-repeat; } #CON_03A #CONTENTS div#BuyTwo a { width: 504px; height: 40px; margin-top: 297px; margin-left: 10px; display: block; background: url(../images/page_430960/buy_p02.gif) no-repeat; text-indent: -9999px; } #CON_03A #CONTENTS div#BuyTwo a:hover { width: 504px; height: 40px; margin-top 297px; margin-left: 10px; background: url(../images/page_430960/buy_p02_on.gif) no-repeat; } #CON_03A #CONTENTS div#BuyOne { width: 580px; height: 367px; margin-bottom: 20px; background: url(../images/page_430960/buy_back01.jpg) no-repeat; } #CON_03A #CONTENTS div#BuyOne a { width: 504px; height: 40px; margin-top: 298px; margin-left: 10px; display: block; background: url(../images/page_430960/buy_p01.gif) no-repeat; text-indent: -9999px; } #CON_03A #CONTENTS div#BuyOne a:hover { width: 504px; height: 40px; margin-top 298px; margin-left: 10px; background: url(../images/page_430960/buy_p01_on.gif) no-repeat; } /************************************************************************* CON_04 設定 D.お客様の声 *************************************************************************/ .VOICE #CONTENTS h3 { margin-bottom: 0px; padding-bottom: 0px; border-top: solid 1px #999999; border-left: solid 1px #999999; border-right: solid 1px #999999; } .VOICE #CONTENTS div { width: 708px; height: auto; padding: 10px; margin-bottom: 10px; border-right: solid 1px #999999; border-left: solid 1px #999999; border-bottom: solid 1px #999999; } /*********** CON_04A ***********/ #CON_04A #CONTENTS h4 { width: 700px; height: 20px; margin: 30px 0px 10px; padding: 2px 4px; font-weight: bold; color: #FFFFFF; clear: both; background: url(../images/page_430960/blue-bar_04.gif) no-repeat; } #CON_04A #CONTENTS div div { width: 578px; height: auto; border: none; margin: 0px 9px 10px; } #CON_04A #CONTENTS div dl { width: 350px; height: auto; float: left; padding-bottom: 15px; margin-bottom: 10px; background: url(../images/page_430960/bottom_350.gif) no-repeat bottom; } #CON_04A #CONTENTS div dt { width: 350px; height: 10px; background: url(../images/page_430960/top_350.gif) no-repeat top; } #CON_04A #CONTENTS div dd { width: 314px; height: auto; padding: 5px 18px 0px; font-size: 10px; _font-size: 9px; background: url(../images/page_430960/body_350.gif) repeat-y; } *+html #CON_04A #CONTENTS div dd { font-size: 9px; } #CON_04A #CONTENTS div dd::after{ height: 0; visibility: hidden; content: "."; display: block; clear: both;} #CON_04A #CONTENTS div dd dl, #CON_04A #CONTENTS div dd dt, #CON_04A #CONTENTS div dd dd { width: 175px; height: auto; background: none; padding: 0; display: block;} #CON_04A #CONTENTS div dd span { width: 120px; display: block;float: left;} #CON_04A #CONTENTS div dd address { margin-top: 10px;} #CON_04A #CONTENTS div dd dl { float: right;} #CON_04A #CONTENTS div dd dt { height: 75px; color: #0042B8; font-size: 14px; margin-bottom: 5px; font-weight: bold;} #CON_04A #CONTENTS div dd dd { height: 100px; margin-bottom: 5px;} #CON_04A #CONTENTS div dd a { width: 175px; height: 20px; display: block; text-indent: -9999px; float: right; background: url(../images/page_430960/04_BTN.gif) no-repeat; } #CON_04A #CONTENTS div dd a:hover { background: url(../images/page_430960/04_BTN_f2.gif) no-repeat;} #CON_04A #CONTENTS div .right { float: right;} #CON_04A #CONTENTS div ul {} #CON_04A #CONTENTS div li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: dotted 1px #999999;} #CON_04A #CONTENTS div li p { padding: 10px;} #CON_04A #CONTENTS div li p span { color: #0042B8; display: block;} #CON_04A #CONTENTS div li.color_01 p { background: #D4EBF7;} #CON_04A #CONTENTS div li.color_02 p { background: #E6E6E6;} #CON_04A #CONTENTS div li.bdnone { padding-bottom: 0px; margin-bottom: 0px; border: none;} #CON_04A #CONTENTS blockquote { width: 705px; height: 286px; margin-bottom: 10px; text-indent: -9999px; background: url(../images/page_430960/04_txt.jpg) no-repeat center center; clear:both; } /*********** CON_04B ***********/ #CON_04B #CONTENTS div dl { width: 708px; height: auto; padding: 8px 0px; margin-top: 10px; border-top: dotted 1px #999999; background: url(../images/page_430960/bottom_708.gif) no-repeat bottom; } #CON_04B #CONTENTS div dt { width: 708px; height: 10px; background: url(../images/page_430960/top_708.gif) no-repeat top; } #CON_04B #CONTENTS div dd { width: 684px; height: auto; padding: 0px 12px; background: url(../images/page_430960/body_708.gif) repeat-y; } #CON_04B #CONTENTS div dd p { margin-bottom: 1em;} #CON_04B #CONTENTS h4 { width: 664px; height: 21px; font-weight: bold; color: #FFFFFF; padding: 7px 10px 0px; margin-bottom: 10px; background: url(../images/page_430960/blue-bar_03.gif) no-repeat; } #CON_04B #CONTENTS div dl div { width: 684px; height: auto; padding: 0; margin: 0; border: none; border-bottom: solid 1px #68B8DD; } #CON_04B #CONTENTS div dl div::after{ height: 0; visibility: hidden; content: "."; display: block; clear: both;} #CON_04B #CONTENTS div dd span { width: 160px; height: auto; display: block; float: left; font-size: 10px; _font-size: 9px; } *+html #CON_04B #CONTENTS dd div span { font-size: 9px; } #CON_04B #CONTENTS div dd span img { margin-bottom: 10px;} #CON_04B #CONTENTS div dd span b { color: #0042B8; display: block; font-size: 12px;} #CON_04B #CONTENTS div dd::after{ height: 0; visibility: hidden; content: "."; display: block; clear: both;} #CON_04B #CONTENTS div dd dl { width: 524px; height: auto; padding-bottom: 0px; background: none; border: none; float: right;} #CON_04B #CONTENTS div dd dt { width: 504px; height: auto; padding: 2px 10px; margin: 10px 0px; background: none; background: #FFD5AA; } #CON_04B #CONTENTS div dd dd { width: 524px; height: auto; padding: 0; margin-bottom: 15px; background: url(../images/page_430960/04_icon.gif) no-repeat right top; } #CON_04B #CONTENTS div dd dd span { width: auto; padding-left: 2em; font-size: 12px; float: none;} #CON_04B #CONTENTS div dd dd img { float: right;} #CON_04B #CONTENTS div dd dd b { color: #007676; display: block; font-size: 12px;} #CON_04B #CONTENTS div .bgnone { background: none;} #CON_04B #CONTENTS div .bdnone { border: none;} #CON_04B #CONTENTS div b.red { color: red; display: inline;} /************************************************************************* CON_05 設定 E.質問＆回答 *************************************************************************/ #CON_05 #CONTENTS div { width: 578px; height: auto; margin-bottom: 10px; /* border: solid 1px #999999;*/ } #CON_05 #CONTENTS div dl { width: 560px; height: auto; padding-bottom: 10px; margin-top: 0px; margin-right: 5px; margin-bottom: 10px; margin-left: 5px; /* background: url(../images/page_430960/05_bottom.gif) no-repeat bottom;*/ } #CON_05 #CONTENTS div dt { width: 560px; height: 10px; line-height: 1; /* background: url(../images/page_430960/05_top.gif) no-repeat top;*/ } #CON_05 #CONTENTS div dd { width: 540px; height: auto; padding: 0px; /* background: url(../images/page_430960/05_body.gif) repeat-y;*/ } #CON_05 #CONTENTS div dd b { width: 80%; height: 25px; padding-left: 35px; display: block; line-height: 2; font-weight: bold; background: url(../images/page_430960/icon_q2.gif) no-repeat left center; } #CON_05 #CONTENTS div dd div { width: 450px; height: auto; padding-left: 35px; margin: 10px 0px 0px; border: none; background: url(../images/page_430960/icon_a2.gif) no-repeat left 7px; } #CON_05 #CONTENTS div dd div::after{ height: 0; visibility: hidden; content: "."; display: block; clear: both; } #CON_05 #CONTENTS div dd div blockquote { width: 340px; height: auto; padding: 10px 180px 20px 0px; margin-bottom: 5px; border-bottom: dotted 1px #999999; } #CON_05 #CONTENTS div dd div blockquote.con05_01 { background: url(../images/page_430960/05_img01.gif) no-repeat right center;} #CON_05 #CONTENTS div dd div blockquote.con05_02 { background: url(../images/page_430960/05_img02.gif) no-repeat right center;} #CON_05 #CONTENTS div dd div blockquote.con05_03 { background: url(../images/page_430960/05_img03.gif) no-repeat right center;} #CON_05 #CONTENTS div dd div blockquote.con05_04 { background: url(../images/page_430960/05_img04.gif) no-repeat right center;} #CON_05 #CONTENTS div dd div blockquote.con05_05 { background: url(../images/page_430960/05_img05.gif) no-repeat right center; height: 150px; } #CON_05 #CONTENTS div dd div blockquote.con05_06 { background: url(../images/page_430960/05_img06.gif) no-repeat right center; height: 150px; } #CON_05 #CONTENTS div dd div blockquote.con05_07 {/* background: url(../images/page/05_img07.gif) no-repeat right center; width: 255px; height: 210px; padding-right: 400px;*/ } #CON_05 #CONTENTS div dd div blockquote.con05_08 { height: 120px; background-image: url(../images/page_430960/05_img08.gif); background-repeat: no-repeat; background-position: 400px center; } #CON_05 #CONTENTS div dd div blockquote.con05_09 { padding: 10px 0px 20px 0px;} #CON_05 #CONTENTS div dd div span.con05_09 { width: 147px; height: 320px; margin-right: 10px; text-indent: -9999px; float: right; background: url(../images/page_430960/05_img09.jpg) no-repeat; } #CON_05 #CONTENTS div dd div blockquote.bdnone { border-bottom: none;} #CON_05 #CONTENTS div dd div blockquote span{ display: block; color: #0042B8;} /************************************************************************* CON_06 設定 F.イーノシリーズ *************************************************************************/ #CON_06 #CONTENTS div { width: 580px; height: auto; padding-bottom: 10px; background: url(../images/page_430960/06_Rstep_back.gif) no-repeat top right; } #CON_06 #CONTENTS div ul { width: 580px; height: auto;} #CON_06 #CONTENTS div li { width: 580px; height: 200px; padding-bottom: 10px; clear: both;} #CON_06 #CONTENTS div li::after{ height: 0; visibility: hidden; content: "."; display: block; clear: both;} #CON_06 #CONTENTS div li dl { width: 490px; height : auto; padding-bottom: 10px; float: left; background: url(../images/page_430960/06_step_bottom.gif) no-repeat bottom; } #CON_06 #CONTENTS div li dt { width: 410px; height : 40px; padding-left: 80px; font-size: 14px; font-weight: bold; line-height: 2.5;} #CON_06 #CONTENTS div li dd { width: 490px; height : auto; background: url(../images/page_430960/06_step_body.gif) repeat-y left top;} #CON_06 #CONTENTS div li.con06_01 dt { background : url(../images/page_430960/06_step1_top.gif) no-repeat left top;} #CON_06 #CONTENTS div li.con06_02 dt { background : url(../images/page_430960/06_step2_top.gif) no-repeat left top;} #CON_06 #CONTENTS div li.con06_03 dt { background : url(../images/page_430960/06_step3_top.gif) no-repeat left top;} #CON_06 #CONTENTS div li.con06_04 dt { background : url(../images/page_430960/06_step4_top.gif) no-repeat left top;} #CON_06 #CONTENTS div li.con06_05 dt { background : url(../images/page_430960/06_step5_top.gif) no-repeat left top;} #CON_06 #CONTENTS div li div { width: 240px; height: 195px; padding-bottom: 10px; float: right;} #CON_06 #CONTENTS div li.con06_01 div { text-indent: -9999px; background: url(../images/page_430960/06_Rstep1.gif) no-repeat right top;} #CON_06 #CONTENTS div li.con06_02 div { text-indent: -9999px; background: url(../images/page_430960/06_Rstep2.gif) no-repeat right top;} #CON_06 #CONTENTS div li.con06_03 div { text-indent: -9999px; background: url(../images/page_430960/06_Rstep3.gif) no-repeat right top;} #CON_06 #CONTENTS div li.con06_04 div { text-indent: -9999px; background: url(../images/page_430960/06_Rstep4.gif) no-repeat right top;} #CON_06 #CONTENTS div li.con06_05 div { text-indent: -9999px; background: url(../images/page_430960/06_Rstep5.gif) no-repeat right top;} #CON_06 #CONTENTS div dd div { width: 470px; margin: 0px 10px; font-size: 10px; _font-size: 9px;} *+html #CON_06 #CONTENTS div dd div { font-size: 9px;} #CON_06 #CONTENTS div blockquote { width:360px; height: 140px; padding-left: 120px; font-size: 10px; _font-size: 9px;} *+html #CON_06 #CONTENTS div blockquote { font-size: 9px;} #CON_06 #CONTENTS div li.con06_01 blockquote { background: url(../images/page_430960/06_img01.jpg) no-repeat 5px center;} #CON_06 #CONTENTS div li.con06_02 blockquote { background: url(../images/page_430960/06_img02.jpg) no-repeat 5px center;} #CON_06 #CONTENTS div li.con06_03 blockquote { background: url(../images/page_430960/06_img03.jpg) no-repeat 5px center;} #CON_06 #CONTENTS div li.con06_04 blockquote { background: url(../images/page_430960/06_img04.jpg) no-repeat 5px center;} #CON_06 #CONTENTS div li.con06_05 blockquote { background: url(../images/page_430960/06_img05.jpg) no-repeat 5px center;} #CON_06 #CONTENTS div blockquote span { display: block; color: #0042B8; padding: 3px 0px; margin-top: 5px; border-top: dotted 1px #999999;} #CON_06 #CONTENTS div blockquote span.bdnone { margin-top: 0px; border-top: none;} #CON_06 #CONTENTS div blockquote b { width: auto; margin-bottom: 5px; display: block; text-align: center; color: #000000; font-weight: bold; background: #C1E2F7; } /************************************************************************* CON_07 設定 G.ご使用方法 *************************************************************************/ #CON_07 #CONTENTS dl { width: 580px; height: auto; padding-bottom: 10px; margin-bottom: 10px; background: url(../images/page_430960/07_bottom.gif) no-repeat bottom; } #CON_07 #CONTENTS dt { width: 560px; height: auto; padding: 5px 10px 0px; font-size: 14px; font-weight: bold; background: url(../images/page_430960/07_top.gif) no-repeat top; } #CON_07 #CONTENTS dd { width: 560px; height: auto; padding: 0px 10px; background: url(../images/page_430960/07_body.gif) repeat-y; } #CON_07 #CONTENTS dd blockquote { padding-top: 10px;} #CON_07 #CONTENTS dd blockquote.con07_01 { background: url(../images/page_430960/07_img01.jpg) no-repeat left center; height: 160px;} #CON_07 #CONTENTS dd blockquote.con07_02 { background: url(../images/page_430960/07_img02.jpg) no-repeat left center; height: 160px;} #CON_07 #CONTENTS dd blockquote.con07_03 { background: url(../images/page_430960/07_img03.jpg) no-repeat left center; height: 120px;} #CON_07 #CONTENTS dd blockquote div { padding-left: 175px; font-size: 14px; font-weight: bold; color: #000000; margin-bottom: 10px;} #CON_07 #CONTENTS dd blockquote.con07_01 div { background: url(../images/page_430960/icon_no01.gif) no-repeat 150px center;} #CON_07 #CONTENTS dd blockquote.con07_02 div { background: url(../images/page_430960/icon_no02.gif) no-repeat 150px center;} #CON_07 #CONTENTS dd blockquote.con07_03 div { background: url(../images/page_430960/icon_no03.gif) no-repeat 150px center;} #CON_07 #CONTENTS dd blockquote div span { font-size: 10px; _font-size: 9px; color: #333333;} *+html #CON_07 #CONTENTS dd blockquote div span { font-size: 9px;} #CON_07 #CONTENTS dd blockquote p { padding-left: 150px;} #CON_07 #CONTENTS dd blockquote p span { color: #0042B8;} #CON_07 #CONTENTS dd ul { width: auto; height: auto; padding: 10px; text-align: center;} #CON_07 #CONTENTS dd ul::after{ height: 0; visibility: hidden; content: "."; display: block; clear: both;} #CON_07 #CONTENTS dd li { width: 200px; height: auto; display: block;} #CON_07 #CONTENTS dd li b { width: 340px; height: auto; display: block; margin: 10px 0px; background: #C1E2F7; } #CON_07 #CONTENTS dd .left { float: left; margin-right: 0px; width:345px;} #CON_07 #CONTENTS dd .mgnnon { margin-right: 0px;} /************************************************************************* CON_08 設定 H.うきょんチャンネル *************************************************************************/ .UKYON #CONTENTS { width: 580px; height: auto;} .UKYON #CONTENTS h3 { width: 580px; height: 30px; margin: 20px 0px 10px;} /*********** CON_08A ***********/ #CON_08A #CONTENTS h3.ukyon_01 { background: url(../images/page_430960/08_icon01.gif) no-repeat left center;} #CON_08A #CONTENTS h3.ukyon_02 { background: url(../images/page_430960/08_icon02.gif) no-repeat left center;} #CON_08A #CONTENTS div.new { width: 560px; height: 194px; padding: 10px 10px 20px; border-bottom: dotted 1px #999999; background: url(../images/page_430960/08_mainback.gif) no-repeat center top; } #CON_08A #CONTENTS div.new::after{ height: 0; visibility: hidden; content: "."; display: block; clear: both;} #CON_08A #CONTENTS div.new div { width: 210px; height: auto; float: left;} #CON_08A #CONTENTS div.new blockquote { width: 500px; height: auto; float: right;} #CON_08A #CONTENTS div.new div img { width: 200px; height: 150px; margin-bottom: 10px;} #CON_08A #CONTENTS div.new div a { width: 201px; height: 31px; display: block; text-indent: -9999px; background: url(../images/page_430960/08_mainbackBTN.gif) no-repeat;} #CON_08A #CONTENTS div.new div a.image { width: 200px; height: 150px; display: block; text-indent:0px; background:none; margin-bottom:10px; } #CON_08A #CONTENTS div.new div a:hover { background: url(../images/page_430960/08_mainbackBTN_f2.gif) no-repeat;} #CON_08A #CONTENTS div.new blockquote dl { width: 81px; height: auto; padding-left: 10px; float: left;} #CON_08A #CONTENTS div.new blockquote dt { width: 81px; height: auto; text-align: center; margin-bottom: 5px;} #CON_08A #CONTENTS div.new blockquote dd { width: 81; height: 55px; padding-top: 25px; font-size: 21px; color:#FFFFFF; font-weight: bold; text-align: center; background: url(../images/page_430960/08_icon.png) no-repeat center bottom; } #CON_08A #CONTENTS div.new blockquote span { width: 374px; height: auto; float: right;} #CON_08A #CONTENTS div.new blockquote p { width: 500px; height: auto; clear: both; padding-top: 10px;} #CON_08A #CONTENTS div.new blockquote b { width: 374px; height: 20px; display: block; text-align: center; font-weight: bold; color: #000000; margin-bottom: 10px; background: url(../images/page_430960/blue-bar_02.png) no-repeat; } #CON_08A #CONTENTS div.new blockquote h4 { color: #0042B8; font-size: 32px; font-weight: bold; text-decoration: underline;} #CON_08A #CONTENTS div.new blockquote h4 a{ color: #0042B8; font-size: 32px; font-weight: bold; text-decoration: underline;} #CON_08A #CONTENTS dl.backNO { width: 580px; height: auto; padding-bottom: 5px; margin-bottom: 10px; background: url(../images/page_430960/bottom_730.gif) no-repeat bottom; } #CON_08A #CONTENTS dl.backNO dt { width: 580px; height: 10px; line-height: 0.5; background: url(../images/page_430960/top_730.gif) no-repeat top; } #CON_08A #CONTENTS dl.backNO dd { width: 560px; height: auto; padding: 0px 10px; background: url(../images/page_430960/body_730.gif) repeat-y; } #CON_08A #CONTENTS dl.backNO h4 { width: 560px; height: 23px; padding: 2px 0px; text-align: center; font-weight: bold; color: #000000; background: url(../images/page_430960/blue-bar_05.gif) no-repeat; } #CON_08A #CONTENTS dl.backNO li { width: 560px; height: auto; clear: both; padding: 5px 0px; margin-bottom: 5px; border-bottom: dotted 1px #999999; } #CON_08A #CONTENTS dl.backNO li::after{ height: 0; visibility: hidden; content: "."; display: block; clear: both;} #CON_08A #CONTENTS dl.backNO li img { width: 40px; height: 30px; float: left; padding-top: 5px;} #CON_08A #CONTENTS dl.backNO li div { width: 570px; height: auto; float: left; padding-left: 10px; color: #000000;} #CON_08A #CONTENTS dl.backNO li a { width: 86px; height: 21px; margin-top: 15px; display: block; text-indent: -9999px; float: right; background: url(../images/page_430960/08_moreBTN.gif) no-repeat; } #CON_08A #CONTENTS dl.backNO li a:hover { background: url(../images/page_430960/08_moreBTN_f2.gif) no-repeat;} #CON_08A #CONTENTS dl.backNO li.bdnone { border: none;} #CON_08A #CONTENTS dl.backNO li div span { width: 570px; height: auto; display: block;} #CON_08A #CONTENTS dl.backNO li div span::after{ height: 0; visibility: hidden; content: "."; display: block; clear: both;} #CON_08A #CONTENTS dl.backNO li div span b { font-size: 14px; padding: 0px 10px;} #CON_08A #CONTENTS dl.backNO li div span h5 { display: inline; padding: 0; color: #0024B8; font-size: 12px;} #CON_08A #CONTENTS dl.backNO li div span a:hover { background: none;} #CON_08A #CONTENTS dl.backNO li div p { font-size: 10px; _font-size: 9px;} *+html #CON_08A #CONTENTS dl.backNO li div p { font-size: 9px;} /*********** CON_08B ***********/ #CON_08B #CONTENTS h3 { width: 580px; height: 23px; padding: 2px 0px; text-indent: 0px; text-align: center; font-weight: bold; color: #000000; background: url(../images/page_430960/blue-bar_06.gif) no-repeat; } #CON_08B #CONTENTS #ENTRY { width: 520px; height: auto; float: left; background: url(../images/page_430960/body_520.gif) repeat-y; } #CON_08B #CONTENTS #ENTRY #EntryBody { width: 500px; height: auto; padding: 10px; background: url(../images/page_430960/top_520.gif) no-repeat top; } #CON_08B #CONTENTS #ENTRY #EntryFooter { width: 520px; height: 40px; text-align: center; padding-top: 10px; background: url(../images/page_430960/bottom_520.gif) no-repeat bottom; } #CON_08B #CONTENTS #EntryFooter a { color: #0024B8; text-decoration: underline; padding: 0px 20px;} #CON_08B #CONTENTS #EntryBody blockquote { width: 500px; height: auto;} #CON_08B #CONTENTS #EntryBody blockquote b { width: 81px; height: 55px; padding-top: 25px; display: block; float: left; font-size: 21px; color:#FFFFFF; font-weight: bold; text-align: center; background: url(../images/page_430960/08_icon.png) no-repeat center bottom; } #CON_08B #CONTENTS #EntryBody blockquote div { width: 410px; height: auto; padding-bottom: 10px; float: right;} #CON_08B #CONTENTS #EntryBody blockquote span { display: block;} #CON_08B #CONTENTS #EntryBody blockquote h4 { color: #0042B8; font-size: 32px; font-weight: bold; text-decoration: underline;} #CON_08B #CONTENTS #EntryBody blockquote span.movi { width: 500px; height: auto; text-align: center;} #CON_08B #CONTENTS #EntryBody blockquote p { width: 500px; height: auto; margin: 10px 0px 20px; padding-bottom: 10px; border-bottom: dotted 1px #999999; } #CON_08B #CONTENTS #EntryBody div.Talk { width: 500px; height: auto; margin-bottom: 1em; border-bottom: solid 1px #999999; } #CON_08B #CONTENTS #EntryBody div.Talk p { width: 500px; height: auto; margin-bottom: 1em; border: none;} #CON_08B #CONTENTS #EntryBody div.Talk p span { color: #0024B8;} #CON_08B #CONTENTS #RIGHT_SIDE { width: 190px; height: auto; padding-bottom: 20px; float: right; background: url(../images/page_430960/bottom_190.gif) no-repeat bottom; } #CON_08B #CONTENTS #RIGHT_SIDE h4 { width: 190px; height: 52px; text-indent: -9999px; background: url(../images/page_430960/top_190.gif) no-repeat top; } #CON_08B #CONTENTS #RIGHT_SIDE dl { width: 190px; height: auto; background: url(../images/page_430960/body_190.gif) repeat-y; } #CON_08B #CONTENTS #RIGHT_SIDE dt { width: 167px; height: 22px; padding: 10px 12px 5px 11px; text-align: center; font-weight: bold; background: url(../images/page_430960/blue-bar_01.gif) no-repeat 11px 10px; } #CON_08B #CONTENTS #RIGHT_SIDE dd { width: 167px; height: auto; margin: 5px 12px 0px 11px; padding-bottom: 5px; border-bottom: dotted 1px #999999; } #CON_08B #CONTENTS #RIGHT_SIDE dd::after{ height: 0; visibility: hidden; content: "."; display: block; clear: both;} #CON_08B #CONTENTS #RIGHT_SIDE dd span { width: 50px; height: auto; float: left; display: block; font-size: 10px; _font-size: 9px;} *+html #CON_08B #CONTENTS #RIGHT_SIDE dd span { font-size: 9px;} #CON_08B #CONTENTS #RIGHT_SIDE dd span img { width: 40px; height: 30px; margin-bottom: 5px;} #CON_08B #CONTENTS #RIGHT_SIDE dd div { width: 117px; height: auto; float: right; color: #000000;} #CON_08B #CONTENTS #RIGHT_SIDE dd div b { display: block; font-size: 16px;} #CON_08B #CONTENTS #RIGHT_SIDE dd div h5 { color: #0024B8;} #CON_08B #CONTENTS #RIGHT_SIDE dd div p { margin: 5px 0px; line-height: 1.3;} #CON_08B #CONTENTS #RIGHT_SIDE dd div a { width: 86px; height: 21px; display: block; text-indent: -9999px; margin-bottom: 10px; background: url(../images/page_430960/08_moreBTN.gif) no-repeat; } #CON_08B #CONTENTS #RIGHT_SIDE dd div a:hover { background: url(../images/page_430960/08_moreBTN_f2.gif) no-repeat;}