/*------------------------------------------------------------------------------------------------------------------------------------------ common（PC/スマホ共通） ------------------------------------------------------------------------------------------------------------------------------------------*/ body { background:#1a427b; -webkit-text-size-adjust: 100%; font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; color:#333; font-size:13px; line-height:1.5;} /* master */ #master { width:100%; background:#fbfbfb;} a:link { color:#00499f; text-decoration:underline;} a:visited { color:#00499f;} a:hover { color:#00499f; text-decoration:none;} /*------------------------------------------------------------------------------------------------------------------------------------------ style.css（PC） ------------------------------------------------------------------------------------------------------------------------------------------*/ @media screen and (min-width: 751px) { /* 共通 ----------------------------------------------------------------------------------------*/ .forPC { display: block; } .forSP { display: none; } /* main_c */ #main_c { width:960px; margin:0 auto; padding-bottom:40px;} /* headerClose */ #headerClose { background:#FFF; border-bottom: solid 1px #e5e5e5;} #headerClose h1 { width:960px; margin:0 auto; padding:17px 0 14px; background:url(../images/header_bg.jpg) right bottom no-repeat;} /* breadcrumb */ #breadcrumb { width:960px; padding:15px 0 20px;} #breadcrumb li { float:left; padding-right:5px;} #breadcrumb li a { padding-right:10px; background:url(../images/breadcrumb_arrow.png) right center no-repeat;} /* footerClose */ #footerClose { width:960px; height:150px; margin:0 auto;} #footerClose ul { float:left; width:800px; padding:20px 0 0;} #footerClose ul li { float:left; margin-right:20px;} #footerClose ul li a { color:#fff; text-decoration:none;} #footerClose ul li a:visited {color:#fff;} #footerClose ul li a:hover { color:#ff7917; text-decoration:none;} #footerClose .logo { float:right; padding:20px 0 0;} /*#lccp_top #footerClose ul li#footNavTop a { color:#ff7917; text-decoration:none;}*/ #lccp_agreement #footerClose ul li#footNavAgree a { color:#ff7917; text-decoration:none;} #lccp_tokusyo #footerClose ul li#footNavTokusyo a { color:#ff7917; text-decoration:none;} #lccp_faq #footerClose ul li#footNavFaq a { color:#ff7917; text-decoration:none;} #lccp_contact #footerClose ul li#footNaContact a { color:#ff7917; text-decoration:none;} /* top ----------------------------------------------------------------------------------------*/ #lccp_top h2 { padding:70px 0; text-align:center;} #lccp_top h2 .tit01 { margin-bottom:20px;} #lccp_top ul#topMenu { width:960px; padding-bottom:40px;} #lccp_top ul#topMenu li { float:left; width:311px; height:276px; background:url(../images/top_frame.gif) 0 0 no-repeat; text-align:center;} #lccp_top ul#topMenu li.center { margin:0 13px;} #lccp_top ul#topMenu li .text { margin:28px 0 23px;} #lccp_top ul#topMenu li .name { height:132px;} #lccp_top ul#topMenu li .name img { margin:0 auto;} /* sec common ----------------------------------------------------------------------------------------*/ .sec h2 { margin-bottom:25px; padding-bottom:11px; background:url(../images/cmn_line_blue.gif) 0 bottom repeat-x;} .sec h3 { margin-bottom:20px; padding:10px 20px; background:#2c97d4; border-radius:20px; color:#FFF; font-size:18px;} .sec .WiMAX h3 { margin-bottom:15px; padding:10px 20px; background:#2c97d4; border-radius:10px; color:#fff; font-size:169.2%;} .sec h4 { margin-bottom:15px; padding:5px; background:#d2e6f2; border-left: solid 5px #2c97d4;} /* .sec h4.style02 { border-bottom: #ccc solid 1px; padding-bottom: 0.5em; margin-top: 1em; background: none; border-left: none;} .sec h4.style02 span { border-left: 5px solid #2396d7; font-size: 154%; font-weight: bold; padding-left: 1em;} .LifeSim table { width: 100%; margin-bottom: 15px; margin-top: 1em; border-left: solid 1px #2c97d4 !important; border-bottom: solid 1px #2c97d4 !important; } .LifeSim table.type02{ width: auto !important; } .LifeSim table caption{ font-weight: bold; text-align:left; font-size:115.4%; } .LifeSim table caption span{ color:#2295d6; } .LifeSim th { background: #2c97d4 !important; font-size: 14px; font-weight: bold; color: #fff !important; width: auto !important; padding: 5px 0 !important; border-bottom: 1px solid #2396d7 !important; border-right: 1px solid #fff !important; } .LifeSim th.left { width: 179px; padding: 6px 0; border-right: solid 1px #fff; } .LifeSim th.right { border-right: solid 1px #2c97d4; } .LifeSim th.last { border-right: solid 1px #2396d7 !important; } .LifeSim td { padding: 5px 15px !important; background: #fff; border-right: solid 1px #2c97d4 !important; border-bottom: solid 1px #2c97d4 !important; text-align: center; width: auto !important; } .LifeSim td.left{ text-align:left; } .LifeSim th.lv2, .LifeSim td.lv2{ background:#dfeff9 !important; color:#333 !important; } .LifeSim td.lv3{ background:#f0f0f0 !important; text-align:left; font-weight: bold; } .LifeSim .name{ width: 32%; } .LifeSim .sim_01{ width: 10%; } .LifeSim .sim_02{ width: 10%; } .LifeSim .sim_03{ width: 10%; } .LifeSim .sms_01{ width: 10%; } .LifeSim .sms_02{ width: 10%; } .LifeSim .sms_03{ width: 20%; } .LifeSim .standard{ width: 32%; }*/ /* lccp_wimax2 ----------------------------------------------------------------------------------------*/ #lccp_wimax2 #innerContents { float:right; width:730px;} #lccp_wimax2 .innerBtn { text-align:center;} #lccp_wimax2 .innerBtn .info { margin-top:10px; font-size:12px;} #lccp_wimax2 .section { padding-bottom:30px;} #lccp_wimax2 .section:last-child { padding-bottom:0;} /* wimax2Nav */ #lccp_wimax2 #wimax2NavContainer { float:left; width:200px;} #lccp_wimax2 #wimax2Nav { z-index:9999} #lccp_wimax2 #wimax2Nav .logo { margin-bottom:15px;} #lccp_wimax2 #wimax2Nav ul { width:200px; height:360px; background:url(../images/wimax2_nav.png) 0 0 no-repeat;} #lccp_wimax2 #wimax2Nav ul li a { display:block; width:200px; text-indent:-9999px;} #lccp_wimax2 #wimax2Nav ul li#nav01 a { height:74px;} #lccp_wimax2 #wimax2Nav ul li#nav02 a, #lccp_wimax2 #wimax2Nav ul li#nav03 a, #lccp_wimax2 #wimax2Nav ul li#nav04 a { height:71px;} #lccp_wimax2 #wimax2Nav ul li#nav05 a { height:73px;} #lccp_wimax2 #wimax2Nav ul li#nav01 a:hover, #lccp_wimax2 #wimax2Nav ul li#nav01 a.on { display:block; background:url(../images/wimax2_nav.png) -200px 0 no-repeat;} #lccp_wimax2 #wimax2Nav ul li#nav02 a:hover, #lccp_wimax2 #wimax2Nav ul li#nav02 a.on { display:block; background:url(../images/wimax2_nav.png) -200px -74px no-repeat;} #lccp_wimax2 #wimax2Nav ul li#nav03 a:hover, #lccp_wimax2 #wimax2Nav ul li#nav03 a.on { display:block; background:url(../images/wimax2_nav.png) -200px -145px no-repeat;} #lccp_wimax2 #wimax2Nav ul li#nav04 a:hover, #lccp_wimax2 #wimax2Nav ul li#nav04 a.on { display:block; background:url(../images/wimax2_nav.png) -200px -216px no-repeat;} #lccp_wimax2 #wimax2Nav ul li#nav05 a:hover, #lccp_wimax2 #wimax2Nav ul li#nav05 a.on { display:block; background:url(../images/wimax2_nav.png) -200px -287px no-repeat;} /* sectionPrice */ #lccp_wimax2 #sectionPrice { margin-bottom:30px; padding:30px; background:#2d98d5; text-align:center; border-radius:10px;} #lccp_wimax2 #sectionPrice .ttl { margin-bottom:20px;} #lccp_wimax2 #sectionPrice .info { color:#fff;} /* sectionAbout */ #lccp_wimax2 #sectionAbout #innerAbout { width:672px; margin-bottom:20px; padding:25px; background:#f8fdff; border: solid 4px #93c9e7; border-radius:10px;} #lccp_wimax2 #sectionAbout #innerAbout .boxL { float:left; width:421px;} #lccp_wimax2 #sectionAbout #innerAbout .boxL .tit { margin-bottom:20px;} #lccp_wimax2 #sectionAbout #innerAbout .boxL .text { width:370px;} #lccp_wimax2 #sectionAbout #innerAbout .boxR { float:right;} #lccp_wimax2 #sectionAbout #innerPoint { width:750px; margin-left:-10px; padding-bottom:10px;} #lccp_wimax2 #sectionAbout #innerPoint li { float:left; margin:0 10px 20px;} #lccp_wimax2 #sectionAbout #privilege { margin-bottom:30px; padding:0 10px; font-size:15px; color:#2c97d4; font-weight:bold;} #lccp_wimax2 #sectionAbout #privilege li { margin-bottom:10px; padding-bottom:10px; background:url(../images/wimax2_line.png) 0 bottom repeat-x; line-height:2;} #lccp_wimax2 #sectionAbout #privilege li span { display:block; min-height:34px; padding-left:40px;} #lccp_wimax2 #sectionAbout #privilege li#pri01 span { background:url(../images/wimax2_about_no01.png) 0 0 no-repeat;} #lccp_wimax2 #sectionAbout #privilege li#pri02 span { background:url(../images/wimax2_about_no02.png) 0 0 no-repeat;} #lccp_wimax2 #sectionAbout #privilege li#pri03 span { background:url(../images/wimax2_about_no03.png) 0 0 no-repeat;} #lccp_wimax2 #sectionAbout #privilege li#pri04 span { background:url(../images/wimax2_about_no04.png) 0 0 no-repeat;} #lccp_wimax2 #sectionAbout #privilege li#pri05 span { background:url(../images/wimax2_about_no05.png) 0 0 no-repeat;} #lccp_wimax2 #sectionAbout #privilege li#pri06 span { background:url(../images/wimax2_about_no06.png) 0 0 no-repeat;} #lccp_wimax2 #sectionAbout #innerAtt { width:676px; margin:0 auto 30px; padding:20px; background:#fffaf1; border: solid 2px #93c9e7;} #lccp_wimax2 #sectionAbout #innerAtt .tit { margin-bottom:7px; font-size:16px; font-weight:bold; color:#2c97d4;} #lccp_wimax2 #sectionAbout #innerAtt table { width:676px; margin-bottom:15px; border: solid 1px #2c97d4; border-right:none; border-bottom:none;} #lccp_wimax2 #sectionAbout #innerAtt th { background:#2c97d4; font-size:14px; font-weight:bold; color:#fff;} #lccp_wimax2 #sectionAbout #innerAtt th.left { width:179px; padding:6px 0; border-right: solid 1px #fff;} #lccp_wimax2 #sectionAbout #innerAtt th.right { border-right: solid 1px #2c97d4;} #lccp_wimax2 #sectionAbout #innerAtt td { padding:6px 15px; background:#fff; border-right: solid 1px #2c97d4; border-bottom: solid 1px #2c97d4;} #lccp_wimax2 #sectionAbout #innerAtt td ol { margin-left:15px;} #lccp_wimax2 #sectionAbout #innerAtt .subtit { margin-bottom:5px; font-weight:bold; color:#2c97d4;} #lccp_wimax2 #sectionAbout #innerAtt ol.attention { margin-left:20px;} /* sectionDetail */ #lccp_wimax2 #sectionDetail #mainPh { margin-bottom: 20px;} #lccp_wimax2 #sectionDetail #mainProd { width:708px; margin-bottom:20px; padding:20px 10px; border: solid 1px #2c97d4; border-top:none;} #lccp_wimax2 #sectionDetail #mainProd .name { float:left;} #lccp_wimax2 #sectionDetail #mainProd .btn { float:right;} #lccp_wimax2 #sectionDetail .speedAtt { margin-bottom:20px;} #lccp_wimax2 #sectionDetail #merit { margin-bottom:25px; padding:0 10px;} #lccp_wimax2 #sectionDetail #merit li { float:left; margin-right:7px;} #lccp_wimax2 #sectionDetail #merit li.last { margin-right:0;} #lccp_wimax2 #sectionDetail #feature { width:730px; margin-bottom:10px;} #lccp_wimax2 #sectionDetail #feature .boxL { float:left; width:392px;} #lccp_wimax2 #sectionDetail #feature .boxL .text { margin-bottom:15px; color:#2c97d4; font-weight:bold; font-size:17px;} #lccp_wimax2 #sectionDetail #feature .boxL li { min-height:24px; margin-bottom:5px; padding:3px 0 0 33px; background:url(../images/wimax2_detail_icon.png) 0 0 no-repeat;} #lccp_wimax2 #sectionDetail #feature .boxL li.top { padding:0 0 0 33px;} #lccp_wimax2 #sectionDetail #feature .boxR { position:relative; float:right; width:285px; height:225px; border: solid 1px #cccccc;} #lccp_wimax2 #sectionDetail #feature .boxR { position:relative; float:right; width:285px; height:225px; background:#fff; border: solid 1px #cccccc;} #lccp_wimax2 #sectionDetail #feature .boxR #zoom { position:absolute; right:0; bottom:0; z-index:999;} #lccp_wimax2 #sectionDetail #feature .boxR #imgNav { position:absolute; left:10px; bottom:10px; z-index:9999;} #lccp_wimax2 #sectionDetail #feature .boxR #imgNav li { float:left; width:10px; height:10px; margin-right:10px; background:#cccccc; border-radius:5px; cursor:pointer;} #lccp_wimax2 #sectionDetail #feature .boxR #imgNav li.on { background:#2c97d4;} #lccp_wimax2 #sectionDetail #feature .boxR #innnerPh .ph02, #lccp_wimax2 #sectionDetail #feature .boxR #innnerPh .ph03 { display:none;} #lccp_wimax2 #sectionDetail table { width:730px; margin-bottom:10px; border: solid 1px #bbbbbb; border-right:none; border-bottom:none;} #lccp_wimax2 #sectionDetail th { width:130px; padding:6px 0; background:#eaeaea; border-right: solid 1px #bbbbbb; border-bottom: solid 1px #bbbbbb; font-weight:bold; text-align:center; vertical-align:middle;} #lccp_wimax2 #sectionDetail td { padding:6px 15px; background:#fff; border-right: solid 1px #bbbbbb; border-bottom: solid 1px #bbbbbb; vertical-align:middle;} #lccp_wimax2 #sectionDetail ul.att { margin-bottom:15px; list-style:disc; margin-left:15px;} #lccp_wimax2 #sectionDetail ul.att a { margin-right:2px; padding-right:18px; background:url(../images/ant_window.gif) right center no-repeat;} #lccp_wimax2 #sectionDetail .attText { margin-bottom:25px;} #lccp_wimax2 #sectionDetail .attText dd a { background: rgba(0, 0, 0, 0) url("../images/ant_window.gif") no-repeat scroll right center; margin-right: 2px; padding-right: 18px;} #lccp_wimax2 #sectionDetail .attText dt { float:left; width:25px; clear:both;} #lccp_wimax2 #sectionDetail .attText dd { margin-left:25px;} #lccp_wimax2 #sectionDetail .wx03_2col { width:730px; margin-bottom:10px;} #lccp_wimax2 #sectionDetail .wx03_2col .boxL { float:left; width:360px;} #lccp_wimax2 #sectionDetail .wx03_2col .boxL li { min-height:24px; margin-bottom:5px; padding:3px 0 0 33px; background:url(../images/wimax2_detail_icon.png) 0 0 no-repeat;} #lccp_wimax2 #sectionDetail .wx03_2col .boxL li.top { padding:0 0 0 33px;} #lccp_wimax2 #sectionDetail .wx03_2col .boxR { position:relative; float:right; width:370px; height: auto; margin-bottom: 20px; text-align: center;} #lccp_wimax2 #sectionDetail .wx03_2col .boxALL li { min-height:24px; margin-bottom:5px; padding:3px 0 0 33px; background:url(../images/wimax2_detail_icon.png) 0 0 no-repeat;} #lccp_wimax2 #sectionDetail .wx03_2col .text3 { margin:10px 0;} /* sectionPlan */ #lccp_wimax2 #sectionPlan #innerPlan { width:730px; margin-bottom:20px;} #lccp_wimax2 #sectionPlan #innerPlan .boxL { float:left;} #lccp_wimax2 #sectionPlan #innerPlan .boxR { float:right;} #lccp_wimax2 #sectionPlan .text { margin:20px 0; font-size:18px; font-weight:bold; color:#ec2222; text-decoration:underline; text-align:center;} #lccp_wimax2 #sectionPlan .text2 span { font-size:18px; font-weight:bold; color:#ec2222;} #lccp_wimax2 #sectionPlan .plan { margin-bottom:20px; padding:20px; border:solid 1px #bbbbbb;} #lccp_wimax2 #sectionPlan .plan span { font-size:18px; font-weight:bold;} #lccp_wimax2 #sectionPlan #innerType { width:730px; margin-bottom:30px;} #lccp_wimax2 #sectionPlan #innerType .boxL { float:left;} #lccp_wimax2 #sectionPlan #innerType .boxR { float:right;} /* sectionArea */ #lccp_wimax2 #sectionArea #innerArea { margin-bottom:25px;} #lccp_wimax2 #sectionArea #innerArea .boxL { float:left; width:435px;} #lccp_wimax2 #sectionArea #innerArea .boxL .text { margin-bottom:15px; color:#2c97d4; font-weight:bold; font-size:17px;} #lccp_wimax2 #sectionArea #innerArea .boxL .areaInfo { margin-top:20px; padding:20px; background:#ddeffa; color:#2c97d4; font-weight:bold; border-radius:10px;} #lccp_wimax2 #sectionArea #innerArea .img { text-align:center;} #lccp_wimax2 #sectionArea .btnArea { margin-bottom:25px; text-align:center;} /* sectionFlow */ #lccp_wimax2 #sectionFlow dl { padding:0 10px;} #lccp_wimax2 #sectionFlow dt { float:left; width:250px; padding-bottom:30px; background:url(../images/wimax2_flow_arrow.gif) 110px bottom no-repeat; clear:both;} #lccp_wimax2 #sectionFlow dt.last { padding-bottom:0; background: none;} #lccp_wimax2 #sectionFlow dd { min-height:120px; margin-left:250px;} /* lccp_faq ----------------------------------------------------------------------------------------*/ #lccp_faq dl { margin-bottom:15px; padding:0 10px 15px; background:url(../images/cmn_line.gif) left bottom repeat-x;} #lccp_faq dl:last-child { margin-bottom:0; padding:0 10px; background:none;} #lccp_faq dl dt { float:left; width:40px; clear:both;} #lccp_faq dl dd { min-height:34px; margin:0 0 10px 40px; line-height:2.5;} #lccp_faq dl dd.q { color:#2c97d4; font-size:15px; font-weight:bold; line-height:2;} /* lccp_tokusyo ----------------------------------------------------------------------------------------*/ #lccp_tokusyo table { width:960px; margin-bottom:10px; border: solid 1px #bbbbbb; border-right:none; border-bottom:none;} #lccp_tokusyo th { width:200px; padding:15px 0; background:#eaeaea; border-right: solid 1px #bbbbbb; border-bottom: solid 1px #bbbbbb; font-weight:bold; text-align:center; vertical-align:middle;} #lccp_tokusyo td { padding:15px; background:#fff; border-right: solid 1px #bbbbbb; border-bottom: solid 1px #bbbbbb; vertical-align:middle;} /* lccp_agreement ----------------------------------------------------------------------------------------*/ #lccp_agreement ul#innerAgreement { padding:0 10px 300px;} #lccp_agreement ul#innerAgreement li { width:940px; margin-bottom:20px; padding-bottom:20px; background:url(../images/cmn_line.gif) left bottom repeat-x;} #lccp_agreement ul#innerAgreement li .text { float:left; width:550px; padding-right:20px; font-size:24px; font-weight:bold; color:#2c97d4; line-height:2;} /* pagetop */ #scroller { position:fixed !important; bottom:150px; overflow:hidden; right:0; z-index:100;} #pageTop { width:35px;} #pageTop a { display:block; width:35px; height:120px; background:url(../images/pagetop.png) 0 0 no-repeat; text-indent:-9999px;} #pageTop a:hover { background:url(../images/pagetop_on.png) 0 0 no-repeat;} } /* Top info box ----------------------------------------------------------------------------------------*/ .info-box { margin-bottom: 20px; padding: 0; background: #f8fdff; border: solid 4px #93c9e7; border-radius: 10px; } .info-box .info-header { background: #93c9e7; display: flex; height: 30px; /*margin-left: -20px; margin-right: -20px;*/ margin-bottom: 5px; padding-left: 10px; padding-right: 5px; } .info-box .info-header h2 { font-weight: bold; background-image: none; line-height: 30px; margin-right: auto; } .info-box .info-header p a { text-align: center; background: #2d98d5; color: #fff; display: inline-block; padding: 0.2em 1em; text-decoration: none; } table.infolist, table.infolist tbody, table.infolist tr, table.infolist th, table.infolist td { border-collapse: collapse; border: none; font-size: 12px; text-align: left; margin: 0; padding: 0; font-weight: normal; } table.infolist th{ width: 6em;} table.infolist th, table.infolist td {padding:1em 0.75em;} table.infolist tr { border-bottom: dashed #cccccc 1px;} table.wm2 tr:last-child { border-bottom:none;} iframe#inc-wimax2-alert {display: inherit;} /* Top alert box ----------------------------------------------------------------------------------------*/ div.alert-box { border:#FF0004 2px solid; padding: 0.75em; background: #FFFFFF; margin-bottom: 1em; } /* Information Article ----------------------------------------------------------------------------------------*/ div.info-article { max-width:700px; margin:30px auto 40px; } div.info-article p{ margin:10px 0 30px; } div.info-article table, div.info-article tr, div.info-article th, div.info-article td{ border:#7C7C7C solid 1px; padding:12px 8px; vertical-align:middle; } div.info-article table{ max-width:600px; margin:0 auto; } div.info-article th{ background:#E5F4FF; } div.info-article h5{ border-bottom:dashed #7C7C7C 1px; } div.info-article .box-01{ border:solid #7C7C7C 1px; padding:15px; border-radius:10px; } /* sim ----------------------------------------------------------------------------------------*/ .sec .sim h3 { margin-bottom:15px; padding:10px 20px; background:#00a100; border-radius:10px; color:#fff; font-size:169.2%;} .sec .sim ul#innerAgreement li .text {color: #00a100 !important;} /*------------------------------------------------------------------------------------------------------------------------------------------ style.css（SP） ------------------------------------------------------------------------------------------------------------------------------------------*/ @media screen and (max-width: 750px) { /* 共通 ----------------------------------------------------------------------------------------*/ .forPC { display: none; } .forSP { display: block; } img { max-width: 100%; height: auto; width /***/:auto;} /* main_c */ #main_c { width:100%; padding:0 0 15px;} /* main_c */ #innerContents { padding:0 10px;} /* headerClose */ #headerClose { background:#FFF; border-bottom: solid 1px #e5e5e5;} #headerClose h1 { padding:7px 10px 5px; background:url(../images/header_bg.jpg) right bottom no-repeat; background-size:20% auto;} #headerClose h1 a { display:block; width:75%;} /* breadcrumb */ #breadcrumb { width:100%; *width:90%; padding:5px 10px 10px; box-sizing:border-box;} #breadcrumb li { float:left; padding-right:5px; font-size:12px;} #breadcrumb li a { padding-right:10px; background:url(../images/breadcrumb_arrow.png) right center no-repeat;} /* footerClose */ #footerClose { padding:0 10px;} #footerClose ul { padding:5px 0 15px; text-align:center;} #footerClose ul li { display:inline; margin-right:20px; line-height:2;} #footerClose ul li:last-child { margin-right:0;} #footerClose ul li a { color:#fff; text-decoration:none;} #footerClose ul li a:visited {color:#fff;} #footerClose ul li a:hover { color:#ff7917; text-decoration:none;} #footerClose .logo { text-align:center;} /*#lccp_top #footerClose ul li#footNavTop a { color:#ff7917; text-decoration:none;}*/ #lccp_agreement #footerClose ul li#footNavAgree a { color:#ff7917; text-decoration:none;} #lccp_tokusyo #footerClose ul li#footNavTokusyo a { color:#ff7917; text-decoration:none;} #lccp_faq #footerClose ul li#footNavFaq a { color:#ff7917; text-decoration:none;} #lccp_contact #footerClose ul li#footNaContact a { color:#ff7917; text-decoration:none;} /* top ----------------------------------------------------------------------------------------*/ #lccp_top h2 { padding:5px 0 15px; text-align:center;} #lccp_top h2 .tit01 { width:60%; margin:0 auto 10px;} #lccp_top h2 .tit02 { width:90%; margin:0 auto;} #lccp_top ul#topMenu { width:100%; padding:0 10px; box-sizing:border-box;} #lccp_top ul#topMenu li { margin:0 0 10px; padding:10px 25px; background:#FFF; border:solid 1px #dcdcdc; border-radius:10px; text-align:center;} #lccp_top ul#topMenu li:last-child { margin:0;} #lccp_top ul#topMenu li .text { margin:0 0 10px;} #lccp_top ul#topMenu li .name { width:100%; padding-bottom:10px; text-align:center;} #lccp_top ul#topMenu li .name .nameSim { width:74%; height:auto;} #lccp_top ul#topMenu li .name .nameHikari { width:69%; height:auto;} #lccp_top ul#topMenu li .name img { margin:0 auto;} /* sec common ----------------------------------------------------------------------------------------*/ .sec h2 { margin-bottom:15px; padding-bottom:11px; background:url(../images/cmn_line_blue.gif) 0 bottom repeat-x;} .sec h3 { margin-bottom:15px; padding:10px 20px; background:#2c97d4; border-radius:20px; color:#FFF; font-size:18px;} .sec .WiMAX h3 { margin-bottom:15px; padding:10px 20px; background:#2c97d4; border-radius:10px; color:#fff; font-size:115.4%;} .sec h4 { margin-bottom:15px; padding:5px; background:#d2e6f2; border-left: solid 5px #2c97d4;} /* .sec h4.style02 { border-bottom: #ccc solid 1px; padding-bottom: 0.5em; margin-top: 1em; background: none; border-left: none;} .sec h4.style02 span { border-left: 5px solid #2396d7; font-size: 154%; font-weight: bold; padding-left: 1em;} .LifeSim table { width: 100%; margin-bottom: 15px; margin-top: 1em; border-left: solid 1px #2c97d4 !important; border-bottom: solid 1px #2c97d4 !important; } .LifeSim table.type02{ width: auto !important; } .LifeSim table caption{ font-weight: bold; text-align:left; font-size:115.4%; } .LifeSim table caption span{ color:#2295d6; } .LifeSim th { background: #2c97d4 !important; font-size: 14px; font-weight: bold; color: #fff !important; width: auto !important; padding: 5px 0 !important; border-bottom: 1px solid #2396d7 !important; border-right: 1px solid #fff !important; } .LifeSim th.left { width: 179px; padding: 6px 0; border-right: solid 1px #fff; } .LifeSim th.right { border-right: solid 1px #2c97d4; } .LifeSim th.last { border-right: solid 1px #2396d7 !important; } .LifeSim td { padding: 5px 15px !important; background: #fff; border-right: solid 1px #2c97d4 !important; border-bottom: solid 1px #2c97d4 !important; text-align: center; width: auto !important; } .LifeSim td.left{ text-align:left; } .LifeSim th.lv2, .LifeSim td.lv2{ background:#dfeff9 !important; color:#333 !important; } .LifeSim td.lv3{ background:#f0f0f0 !important; text-align:left; font-weight: bold; } .LifeSim .name{ width: 32%; } .LifeSim .sim_01{ width: 10%; } .LifeSim .sim_02{ width: 10%; } .LifeSim .sim_03{ width: 10%; } .LifeSim .sms_01{ width: 10%; } .LifeSim .sms_02{ width: 10%; } .LifeSim .sms_03{ width: 20%; } .LifeSim .standard{ width: 32%; }*/ /* lccp_wimax2 ----------------------------------------------------------------------------------------*/ #lccp_wimax2 .innerBtn { text-align:center;} #lccp_wimax2 .innerBtn .info { margin-top:10px; font-size:12px;} #lccp_wimax2 .Btn_bt20 { margin-bottom: 20px;} #lccp_wimax2 .section { padding-bottom:20px;} #lccp_wimax2 .section:last-child { padding-bottom:0;} /* wimax2Nav */ #lccp_wimax2 #wimax2NavContainer {} #lccp_wimax2 #wimax2Nav { width:100%; *width:96%; padding:0 5px; box-sizing:border-box; z-index:9999;} #lccp_wimax2 #wimax2NavInner { margin-bottom:20px; background:#fff; border: solid 2px #2c97d4; border-radius:0 0 5px 5px; font-size:12px;} #lccp_wimax2 #wimax2Nav ul { width:100%;} #lccp_wimax2 #wimax2Nav ul li { float:left; padding:5px 0; text-align:center; box-sizing:border-box;} #lccp_wimax2 #wimax2Nav ul li a { display:block;} #lccp_wimax2 #wimax2Nav ul li#nav01 { width:50%; border-right: solid 1px #d6d6d6; border-bottom: solid 1px #d6d6d6;} #lccp_wimax2 #wimax2Nav ul li#nav02 { width:50%; *width:49%; border-bottom: solid 1px #d6d6d6;} #lccp_wimax2 #wimax2Nav ul li#nav03 { width:32%; border-right: solid 1px #d6d6d6;} #lccp_wimax2 #wimax2Nav ul li#nav04 { width:32%; border-right: solid 1px #d6d6d6;} #lccp_wimax2 #wimax2Nav ul li#nav05 { width:36%; *width:35%;} /* sectionPrice */ #lccp_wimax2 #sectionPrice { margin-bottom:30px; padding:15px 0 10px; background:#2d98d5; text-align:center; border-radius:10px;} #lccp_wimax2 #sectionPrice .ttl { margin-bottom:10px; padding:0 10px;} #lccp_wimax2 #sectionPrice .btn { width:70%; margin:0 auto; padding:0 20px;} #lccp_wimax2 #sectionPrice .info { color:#fff;} /* sectionAbout */ #lccp_wimax2 #sectionAbout h2 img { width:75%; height: auto;} #lccp_wimax2 #sectionAbout #innerAbout { margin-bottom:10px; padding:15px; background:#f8fdff; border: solid 4px #93c9e7; border-radius:10px;} #lccp_wimax2 #sectionAbout #innerAbout .boxL .tit { margin-bottom:10px;} #lccp_wimax2 #sectionAbout #innerAbout .boxR { padding-top:5px; text-align:center;} #lccp_wimax2 #sectionAbout #innerPoint { width:100%; padding-bottom:10px;} #lccp_wimax2 #sectionAbout #innerPoint li { float:left; width:50%; *width:46%; padding:0 5px 10px; box-sizing:border-box; text-align:center;} #lccp_wimax2 #sectionAbout #privilege { margin-bottom:15px; font-size:13px; color:#2c97d4; font-weight:bold;} #lccp_wimax2 #sectionAbout #privilege li { margin-bottom:10px; padding-bottom:10px; background:url(../images/wimax2_line.png) 0 bottom repeat-x; line-height:2.5;} #lccp_wimax2 #sectionAbout #privilege li span { display:block; min-height:34px; padding-left:40px;} #lccp_wimax2 #sectionAbout #privilege li span.line2 { line-height:1.5;} #lccp_wimax2 #sectionAbout #privilege li#pri01 span { background:url(../images/wimax2_about_no01.png) 0 0 no-repeat;} #lccp_wimax2 #sectionAbout #privilege li#pri02 span { background:url(../images/wimax2_about_no02.png) 0 0 no-repeat;} #lccp_wimax2 #sectionAbout #privilege li#pri03 span { background:url(../images/wimax2_about_no03.png) 0 0 no-repeat;} #lccp_wimax2 #sectionAbout #privilege li#pri04 span { background:url(../images/wimax2_about_no04.png) 0 0 no-repeat;} #lccp_wimax2 #sectionAbout #privilege li#pri05 span { background:url(../images/wimax2_about_no05.png) 0 0 no-repeat;} #lccp_wimax2 #sectionAbout #privilege li#pri06 span { background:url(../images/wimax2_about_no06.png) 0 0 no-repeat;} #lccp_wimax2 #sectionAbout #innerAtt { margin:0 auto 20px; padding:10px; background:#fffaf1; border: solid 2px #93c9e7;} #lccp_wimax2 #sectionAbout #innerAtt .tit { margin-bottom:7px; font-size:15px; font-weight:bold; color:#2c97d4;} #lccp_wimax2 #sectionAbout #innerAtt table { margin-bottom:10px; border: solid 1px #2c97d4; border-right:none; border-bottom:none;} #lccp_wimax2 #sectionAbout #innerAtt th { background:#2c97d4; font-weight:bold; color:#fff;} #lccp_wimax2 #sectionAbout #innerAtt th.left { width:30%; padding:6px; border-right: solid 1px #fff;} #lccp_wimax2 #sectionAbout #innerAtt th.right { border-right: solid 1px #2c97d4;} #lccp_wimax2 #sectionAbout #innerAtt td { padding:6px; background:#fff; border-right: solid 1px #2c97d4; border-bottom: solid 1px #2c97d4;} #lccp_wimax2 #sectionAbout #innerAtt td ol { margin-left:15px; *margin-left:25px;} #lccp_wimax2 #sectionAbout #innerAtt .subtit { margin-bottom:5px; font-weight:bold; color:#2c97d4;} #lccp_wimax2 #sectionAbout #innerAtt ol.attention { margin-left:20px;} /* sectionDetail */ #lccp_wimax2 #sectionDetail h2 img { width:65%; height: auto;} #lccp_wimax2 #sectionDetail #mainPh { margin-bottom: 20px;} #lccp_wimax2 #sectionDetail #mainProd { margin-bottom:10px; padding:10px 10px; border: solid 1px #2c97d4; border-top:none;} #lccp_wimax2 #sectionDetail #mainProd .name { margin-bottom:5px; text-align:center;} #lccp_wimax2 #sectionDetail #mainProd .btn { text-align:center;} #lccp_wimax2 #sectionDetail .speedAtt { margin-bottom:10px;} #lccp_wimax2 #sectionDetail #merit { width:100%; margin-bottom:10px; padding:0 10px; *padding:0; box-sizing:border-box;} #lccp_wimax2 #sectionDetail #merit li { float:left; width:45%; margin:0 0 10px 7px; text-align:center;} #lccp_wimax2 #sectionDetail #feature { margin-bottom:20px;} #lccp_wimax2 #sectionDetail #feature .boxL .text { margin-bottom:10px; color:#2c97d4; font-weight:bold; font-size:16px;} #lccp_wimax2 #sectionDetail #feature .boxL li { min-height:24px; margin-bottom:5px; padding:3px 0 0 33px; background:url(../images/wimax2_detail_icon.png) 0 0 no-repeat;} #lccp_wimax2 #sectionDetail #feature .boxL li.top { padding:0 0 0 33px;} #lccp_wimax2 #sectionDetail #feature .boxR { position:relative; width:285px; height:225px; margin:0 auto; border: solid 1px #cccccc;} #lccp_wimax2 #sectionDetail #feature .boxR { position:relative; width:285px; height:225px; background:#fff; border: solid 1px #cccccc;} #lccp_wimax2 #sectionDetail #feature .boxR #zoom { position:absolute; right:0; bottom:0; z-index:999;} #lccp_wimax2 #sectionDetail #feature .boxR #imgNav { position:absolute; left:10px; bottom:10px; z-index:9999;} #lccp_wimax2 #sectionDetail #feature .boxR #imgNav li { float:left; width:10px; height:10px; margin-right:10px; background:#cccccc; border-radius:5px; cursor:pointer;} #lccp_wimax2 #sectionDetail #feature .boxR #imgNav li.on { background:#2c97d4;} #lccp_wimax2 #sectionDetail #feature .boxR #innnerPh .ph02, #lccp_wimax2 #sectionDetail #feature .boxR #innnerPh .ph03 { display:none;} #lccp_wimax2 #sectionDetail .wx03_2col { margin-bottom:20px;} #lccp_wimax2 #sectionDetail .wx03_2col .boxL li { min-height:24px; margin-bottom:5px; padding:3px 0 0 33px; background:url(../images/wimax2_detail_icon.png) 0 0 no-repeat;} #lccp_wimax2 #sectionDetail .wx03_2col .boxL li.top { padding:0 0 0 33px;} #lccp_wimax2 #sectionDetail .wx03_2col .boxR { position:relative; width:285px; height: auto; margin:20px auto;} #lccp_wimax2 #sectionDetail table { margin-bottom:10px; border: solid 1px #bbbbbb; border-right:none; border-bottom:none;} #lccp_wimax2 #sectionDetail th { width:20%; padding:6px; background:#eaeaea; border-right: solid 1px #bbbbbb; border-bottom: solid 1px #bbbbbb; font-weight:bold; text-align:center; vertical-align:middle;} #lccp_wimax2 #sectionDetail td { padding:6px; background:#fff; border-right: solid 1px #bbbbbb; border-bottom: solid 1px #bbbbbb; vertical-align:middle; word-break: break-all;} #lccp_wimax2 #sectionDetail ul.att { margin-bottom:15px; list-style:disc; margin-left:15px;} #lccp_wimax2 #sectionDetail ul.att a { margin-right:2px; padding-right:18px; background:url(../images/ant_window.gif) right center no-repeat;} #lccp_wimax2 #sectionDetail .attText { margin-bottom:15px;} #lccp_wimax2 #sectionDetail .attText dt { float:left; width:25px; clear:both;} #lccp_wimax2 #sectionDetail .attText dd { margin-left:25px;} #lccp_wimax2 #sectionDetail .attText dd a { background: rgba(0, 0, 0, 0) url("../images/ant_window.gif") no-repeat scroll right center; margin-right: 2px; padding-right: 18px;} /* sectionPlan */ #lccp_wimax2 #sectionPlan h2 img { width:45%; height: auto;} #lccp_wimax2 #sectionPlan #innerPlan { margin-bottom:10px;} #lccp_wimax2 #sectionPlan #innerPlan .boxL { margin-bottom:10px; text-align:center;} #lccp_wimax2 #sectionPlan #innerPlan .boxR { text-align:center;} #lccp_wimax2 #sectionPlan .text2 span { font-size:16px; font-weight:bold; text-align:center; color:#ec2222;} #lccp_wimax2 #sectionPlan .text { margin:10px 0; font-size:16px; font-weight:bold; color:#ec2222; text-decoration:underline; text-align:center;} #lccp_wimax2 #sectionPlan .plan { margin-bottom:10px; padding:10px; border:solid 1px #bbbbbb;} #lccp_wimax2 #sectionPlan .plan span { font-size:16px; font-weight:bold;} #lccp_wimax2 #sectionPlan #innerType { margin-bottom:20px; padding-top:5px;} #lccp_wimax2 #sectionPlan #innerType .boxL { width:80%; margin:0 auto 20px; text-align:center;} #lccp_wimax2 #sectionPlan #innerType .boxR { width:80%; margin:0 auto; text-align:center;} /* sectionArea */ #lccp_wimax2 #sectionArea h2 img { width:55%; height: auto;} #lccp_wimax2 #sectionArea #innerArea { margin-bottom:15px;} #lccp_wimax2 #sectionArea #innerArea .boxL .text { margin-bottom:5px; color:#2c97d4; font-weight:bold; font-size:16px;} #lccp_wimax2 #sectionArea #innerArea .boxL .areaInfo { margin-top:10px; padding:10px; background:#ddeffa; color:#2c97d4; font-weight:bold; border-radius:10px;} #lccp_wimax2 #sectionArea #innerArea .img { padding-top:20px; text-align:center;} #lccp_wimax2 #sectionArea .btnArea { margin-bottom:15px; text-align:center;} /* sectionFlow */ #lccp_wimax2 #sectionFlow h2 img { width:65%; height: auto;} #lccp_wimax2 #sectionFlow dl { padding:0 10px;} #lccp_wimax2 #sectionFlow dt { padding-bottom:10px; text-align:center;} #lccp_wimax2 #sectionFlow dd { margin-bottom:20px; padding-bottom:30px; background:url(../images/wimax2_flow_arrow.gif) center bottom no-repeat; text-align:center;} #lccp_wimax2 #sectionFlow dd.last { padding-bottom:0; background:none;} /* lccp_tokusyo ----------------------------------------------------------------------------------------*/ #lccp_tokusyo h2 img { width:75%; height: auto;} #lccp_tokusyo table { width:100%; border: solid 1px #bbbbbb; border-right:none; border-bottom:none;} #lccp_tokusyo th { width:25%; padding:7px; background:#eaeaea; border-right: solid 1px #bbbbbb; border-bottom: solid 1px #bbbbbb; font-weight:bold; text-align:center; vertical-align:middle;} #lccp_tokusyo td { padding:7px; background:#fff; border-right: solid 1px #bbbbbb; border-bottom: solid 1px #bbbbbb; vertical-align:middle;} /* lccp_agreement ----------------------------------------------------------------------------------------*/ #lccp_agreement h2 img { width:45%; height: auto;} #lccp_agreement ul#innerAgreement li { width:100%; margin-bottom:10px; padding-bottom:10px; background:url(../images/cmn_line.gif) left bottom repeat-x;} #lccp_agreement ul#innerAgreement li:last-child { margin-bottom:0; padding-bottom:0; background:none;} #lccp_agreement ul#innerAgreement li .text { margin-bottom:5px; font-size:15px; font-weight:bold; color:#2c97d4; line-height:1.3;} #lccp_agreement ul#innerAgreement li .btn img { width:70%; *width:30%; height:auto;} /* pagetop */ #scroller { position:fixed !important; bottom:50px; overflow:hidden; right:0; z-index:100;} #pageTop { width:35px;} #pageTop a { display:block; width:35px; height:120px; background:url(../images/pagetop.png) 0 0 no-repeat; text-indent:-9999px;} /* What's New ----------------------------------------------------------------------------------------*/ #whatsnew{ margin-bottom: 15px;} #whatsnew h2 img, #info h2 img { width:60%; height: auto;} /* sim ----------------------------------------------------------------------------------------*/ .sec .sim{ margin-top: 1em;} .sec .sim h3 { margin-bottom:15px; padding:10px 20px; background:#00a100; border-radius:10px; color:#fff; font-size:115.4%;} } /* clearfix */ .clearfix:after { clear: both; height: 0; visibility: hidden; display: block; content: ".";} .clearfix { display: inline-table; clear: both;} /*\*/ *html .clearfix { height: 1%;} .clearfix { display:block;} /**/ /* contact ----------------------------------------------------------------------------------------*/ /* contact tab ---------------*/ #lccp_contact ul.tab { text-align: center;} #lccp_contact ul.tab li{ display: -moz-inline-box;/*for FF2*/ display: inline-block;/*Modern Browser & FF3*/ color: #333333; margin-right:15px; margin-bottom:15px; padding:20px; vertical-align: middle; border: 1px solid #bbbbbb; border-radius: 5px; box-sizing: border-box; background: #ffffff; box-shadow: 0 2px 0 0 #e4e4e4; font-size:16px; } #lccp_contact ul.tab li.select{ border: 1px solid #ff4d58; background: #ffe4e4; font-weight: bold; } #lccp_contact .status li{width: 45%;} #lccp_contact .item li{width: 30%;} #lccp_contact .img_center { display: block; margin: 10px auto 20px; } /*全体*/ #lccp_contact .hidden_box { padding: 0; text-align:center; margin: 50px auto; color:#333333; font-size:14px; } /*ボタン装飾*/ #lccp_contact .hidden_box label { padding: 20px; cursor :pointer; vertical-align: middle; border: 1px solid #bbbbbb; border-radius: 5px; box-sizing: border-box; background: #ffffff; box-shadow: 0 2px 0 0 #e4e4e4; font-size:16px; } /*ボタンホバー時*/ #lccp_contact .hidden_box label:hover { background: #efefef; } /*チェックは見えなくする*/ #lccp_contact .hidden_box input { display: none; } /*中身を非表示にしておく*/ #lccp_contact .hidden_box .hidden_show { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s; } /*クリックで中身表示*/ #lccp_contact .hidden_box input:checked + .hidden_show { padding:40px 0; height: auto; opacity: 1; } /* contact QA ---------------*/ #lccp_contact dl { margin-bottom:15px; padding:0 10px 5px; background:url(../images/cmn_line.gif) left bottom repeat-x;} #lccp_contact dl:last-child { margin-bottom:0; padding:0 10px; background:none;} #lccp_contact dl dt { float:left; width:40px; clear:both;} #lccp_contact dl dd { min-height:34px; margin:0 0 10px 40px; line-height:1.8;} #lccp_contact dl dd.q { color:#2c97d4; font-size:15px; font-weight:bold; line-height:2;} #lccp_contact dl dd.line2 { line-height:1.5;} /* 機器 ---------------*/ #lccp_contact #terminal { overflow: hidden; } #lccp_contact #terminal .post { float: left; width: 230px; margin:0 30px 20px 0; position: relative; } #lccp_contact #terminal .post:last-child { margin-right: 0; } //IE7、IE8対策 #lccp_contact #terminal .post + .post + .post { margin-right: 0; } #lccp_contact #terminal .post a{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #lccp_contact #terminal .post img{ border: 4px solid #93C9E7; border-radius: 10px; margin-bottom: 2px; } #lccp_contact #terminal .post:hover img{ border-color:#FF4D58; } #lccp_contact #terminal .post p { color:#00499F; font-size:18px; font-weight:bold; text-decoration: underline; text-align: center; } #lccp_contact #terminal .post:hover p { color:#FF4D58; } /* 機器に関するお問い合わせ ---------------*/ #lccp_contact #menu { width:100%; padding:0; margin:0; margin-bottom: 20px; overflow: hidden; list-style-type: none; } #lccp_contact #menu li { width:20%; float:left; padding:0; margin:0; text-align:center; } #lccp_contact #menu li#this a { border-bottom: 3px solid #ff4d58; background:#555; background-image: -moz-linear-gradient(top, #d6d6d6 0%, #e9e9e9 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d6d6d6),color-stop(1, #e9e9e9)); } #lccp_contact #menu li a { width:auto; color:#0063d3; font-size:14px; font-weight:bold; padding:10px 0; text-decoration:none; display:block; background:#FFF; background-image: -moz-linear-gradient(top, #fefefe 0%, #d6d6d6 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe),color-stop(1, #d6d6d6)); border:1px solid #bfbfbf; border-right: none; } #lccp_contact #menu li:first-child a{ border-radius: 5px 0 0 5px; } #lccp_contact #menu li:last-child a{ border-radius:0 5px 5px 0; border-right:1px solid #bfbfbf; } #lccp_contact #menu li a:hover { background:#555; background-image: -moz-linear-gradient(top, #d6d6d6 0%, #e9e9e9 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d6d6d6),color-stop(1, #e9e9e9)); } /*Pagenation*/ .pagenation { margin: 30px; font-size: 16px; font-weight: bold; } .pagenation:after, .pagenation ul:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .pagenation ul { margin: 0; } .pagenation li { float: left; list-style: none outside none; margin-left: 8px; margin-bottom: 8px; } .pagenation li:first-child { margin-left: 0; } .pagenation li.active { background-color: #2396d7; border-radius: 3px; border: 1px solid #2396d7; color: #fff; cursor: not-allowed; padding: 10px 20px; } .pagenation li a { background: none repeat scroll 0 0 #fff; text-decoration: none; border-radius: 3px; border: 1px solid #2396d7; color: #2396d7; display: block; padding: 10px 20px; } .pagenation li a:hover { background-color: #2396d7; color: #fff; opacity: 0.8; } /*accordion*/ .child { display: none; background: url(../images/faq_ico_a.png) left top no-repeat,url(../images/cmn_line.gif) left bottom repeat-x; padding: 5px 30px 15px 40px; } .accordion .menu:after { position: absolute; top: 50%; right: 10px; margin-top: -1.4rem; content: '>'; font-size: 1.4rem; font-weight: bold; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -moz-transition: all, 0.25s, linear; -o-transition: all, 0.25s, linear; -webkit-transition: all, 0.25s, linear; transition: all, 0.25s, linear; } .accordion .menu.active:after { -moz-transform: translate(0, 50%); -ms-transform: translate(0, 50%); -webkit-transform: translate(0, 50%); transform: translate(0, 50%); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .accordion .menu.active { background:url(../images/faq_ico_q.png) left no-repeat; } .menu { display: block; position: relative; } .terminal .menu { background: #fff; color: #2C97D4; font-weight: bold; line-height: 30px; padding: 10px 30px 10px 40px; background: url(../images/faq_ico_q.png) left no-repeat,url(../images/cmn_line.gif) left bottom repeat-x; } .terminal .menu:hover { background: #eee url(../images/faq_ico_q.png) left no-repeat; text-decoration: none; }