/* CSS Document ---------------------------------------------------------------------------------------------------------------- */ /* Default Style Reset --------------------------------------------------------------------------------------------------------- */ body,form,fieldset{margin: 0px;padding: 0px;} fieldset{border:none;} h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd{margin: 0px;padding: 0px;} blockquote,li,dt,dd{} li{list-style:none;} input,textarea{font-size: 1em;} img{border: 0px none;} /* Tag Castam ------------------------------------------------------------------------------------------------------------------------- */ body {font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Arial","Verdana","ＭＳ Ｐゴシック","sans-serif"; font-size: 85%;line-height: 150%;color: #000;background-color: #FFF;text-align: left; height: 100%;} em {font-weight: bold;font-style: normal;} strong {} a {color: #488EDB;text-decoration: underline;} a:link {} a:hover {color: #488EDB;text-decoration: none;} a:visited {} a:active {color: #FFFFFF;text-decoration: underline;background-color: #8896AE;} input,textarea {margin: 3px;padding: 2px;} p {margin: 0px 0px 10px 0px;} .Red {color: #FE0000;} .White {color: #FFF;} .Yellow {color: #FF0;} .Brown {color: #5a2c0b;} .Pink {color: #F3C;} .Blue {color: #00b4ff;} .Bold {font-weight: bold;} .UnderLine {text-decoration: underline;} .Marker {background: linear-gradient(transparent 60%, #fff29d 60%);} .Orenge {color: #ff5a00;} .Font16 {font-size: 16px;line-height: 1.3em;} .Font18 {font-size: 18px;line-height: 1.5em;} .Font20 {font-size: 20px;line-height: 1.3em;} .Font25 {font-size: 25px;line-height: 1.5em;} .Font30 {font-size: 30px;line-height: 1.5em;} .Font35 {font-size: 35px;line-height: 1.3em;} .Font45 {font-size: 45px;line-height: 1.3em;} .Font50 {font-size: 50px;line-height: 1.3em;} .MarginClear {margin: 0px 0px 0px 0px;} .MarginW10 {margin: 0px 10px 0px 10px;} .FontType02 {font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;} .SpBr {display: none;} /* header --------------------------------------------------------------------------------------------------------------------- */ header {width: 100%;height: 90px;display: block;clear: both;position: fixed;background-color: #FFF;border-bottom: solid 5px #ff7800;} /* Header --------------------------------------------------------------------------------------------------------------------- */ #Header {width: 1250px;height: 90px;margin: 0px auto;display: block;clear: both;} #Header:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #SiteId {width: 215px;height: 90px;display: block;margin: 0px 0px 0px 25px;display: block;float: left;} #SiteId h1 a {width: 215px;height: 90px;margin: 0px 0px 0px 0px;display: block;} #HeadR {width: 1010px;height: 90px;display: block;margin: 0px 0px 0px 0px;display: block;float: right;} /* nav */ nav {width: 735px;height: 90px;margin: 0px 0px 0px 0px;padding: 0px;float: left;} #Menu {display: block;margin: 0px;} #Menu ul {display: block;margin: 0px;} #Menu li a {margin:40px 25px 0px 0px;padding :0;display: inline;float: right;font-size: 18px;color: #515151;text-decoration: none;} #Menu li a:hover {color: #ff5400;} #ContactBox {width: 250px;height: 90px;display: block;margin: 0px 25px 0px 0px;display: block;float: right;} #ContactBox .ContactBtn a {width: 250px;height: auto;display: block;margin: 20px 0px 0px 0px;padding: 20px 0px 15px 0px;display: block;background-color: #ff8634;border-radius: 5px 5px 5px 5px; text-align: center;text-decoration: none;font-size: 23px;color: #FFF;} #ContactBox a:hover {background-color: #FFF;border: solid 2px #ff8634;color: #ff8634;} /* #ContactBox {width: 250px;height: 90px;display: block;margin: 0px 25px 0px 0px;display: block;float: right;} #ContactBox .ContactBtn a {width: 250px;height: auto;display: block;margin: 20px 0px 0px 0px;padding: 15px 0px 15px 0px;display: block;border: solid 2px #F63;border-radius: 5px 5px 5px 5px; text-align: center;text-decoration: none;font-size: 20px;color: #F63;} #ContactBox a:hover {filter: alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;} */ nav.globalMenuSp {display: none;} .navToggle {display: none;} /* page-top */ .page-top {width: 50px;height: 50px;position: fixed;bottom: 0;right: 0;padding: 0; background: url(../img/onefeel/pagetop.png) no-repeat;text-indent: -999em;} /* Wrapper --------------------------------------------------------------------------------------------------------------------- */ #Wrapper {width: 100%;height: auto;background: none;} #Wrapper:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Wrapper h2 {width: 100%;height: auto;display: block;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;text-align: center;font-size: 40px;color: #000; letter-spacing: 0.05em;line-height: 1.5em;font-family: 'M+ Type-1 (general-j) Heavy';letter-spacing: 0.05em;} #Wrapper .TxTC {display: block;text-align: center;margin: 0px 0px 30px 0px;} /* MainImg --------------------------------------------------------------------------------------------------------------------- */ #MainImg {width: 1250px;height: 800px;display: block;margin: 0px auto 30px auto;padding: 90px 0px 0px 0px;} /* --- PriceZero --- */ .PriceZero {width: 1000px;height: auto;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} /* --- About --- */ #About {width: 480px;height: auto;display: block;margin: 0px auto 50px auto;padding: 30px 0px 30px 770px;background-image: url(../img/onefeel/about_back.jpg);} #About:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #About .Logo {width: 380px;height: 100px;display: block;margin: 0px 0px 40px 0px;padding: 0px 0px 0px 0px;} #About .AboutTxT01 {font-size: 23px;line-height: 1.5em;margin: 0px 0px 40px 0px;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;font-weight: bold;} #About .AboutTxT02 {font-size: 23px;line-height: 1.5em;margin: 0px 0px 0px 0px;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;font-weight: bold;color: #ff7633;} /* --- Support --- */ #Support {width: 100%;height: auto;margin: 0px auto 50px auto;padding: 30px 0px 30px 0px;display: block;clear: both;background-color: #f7f8f8;} #Support:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Support .SuBox01 {width: 1000px;height: 245px;margin: 0px auto 30px auto;padding: 10px 0px 0px 0px;display: block;clear: both;background-image: url(../img/onefeel/support01.png);} #Support .SuBox02 {width: 1000px;height: 245px;margin: 0px auto 30px auto;padding: 10px 0px 0px 0px;display: block;clear: both;background-image: url(../img/onefeel/support02.png);} #Support .SuBox03 {width: 1000px;height: 215px;margin: 0px auto 30px auto;padding: 10px 0px 0px 0px;display: block;clear: both;background-image: url(../img/onefeel/support03.png);} #Support .SuBox04 {width: 1000px;height: 215px;margin: 0px auto 30px auto;padding: 10px 0px 0px 0px;display: block;clear: both;background-image: url(../img/onefeel/support04.png);} #Support .SuBox05 {width: 1000px;height: 300px;margin: 0px auto 30px auto;padding: 10px 0px 0px 0px;display: block;clear: both;background-image: url(../img/onefeel/support05.png);} #Support .TiTle {margin: 0px 0px 10px 95px;font-size: 45px;line-height: 1.5em;font-weight: bold;font-family: 'M+ Type-1 (general-j) Heavy';letter-spacing: 0.05em;} #Support .TiTleSp {display: none;} #Support .List {width: 400px;height: auto;display: block;margin: 0px 0px 0px 30px;} #Support .List li {font-size: 19px;line-height: 1.5em;margin: 0px 0px 0px 0px;letter-spacing: 0.05em;} #Support .TxT {font-size: 18px;line-height: 1.5em;margin: 0px 0px 10px 0px;} /* --- Merit --- */ #Merit {width: 1000px;height: auto;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Merit:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Merit .Merit01 {width: 1000px;height: 340px;margin: 0px auto 30px auto;padding: 40px 0px 0px 0px;display: block;clear: both;background-image: url(../img/onefeel/merit01.jpg);} #Merit .Merit01 .TxT01 {font-size: 45px;line-height: 1.2em;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;margin: 0px 0px 30px 620px;display: block;} #Merit .Merit01 .TxT02 {font-size: 20px;line-height: 1.5em;margin: 0px 0px 0px 500px;display: block;letter-spacing: 0.05em;} #Merit .Merit02 {width: 1000px;height: 305px;margin: 0px auto 30px auto;padding: 75px 0px 0px 0px;display: block;clear: both;background-image: url(../img/onefeel/merit02.jpg);} #Merit .Merit02 .TxT01 {font-size: 45px;line-height: 1.2em;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;margin: 0px 0px 30px 140px;display: block;} #Merit .Merit02 .TxT02 {font-size: 20px;line-height: 1.5em;margin: 0px 0px 0px 20px;display: block;} #Merit .Merit03 {width: 1000px;height: 340px;margin: 0px auto 0px auto;padding: 40px 0px 0px 0px;display: block;clear: both;background-image: url(../img/onefeel/merit03.jpg);} #Merit .Merit03 .TxT01 {font-size: 45px;line-height: 1.2em;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;margin: 0px 0px 30px 620px;display: block;} #Merit .Merit03 .TxT02 {font-size: 20px;line-height: 1.5em;margin: 0px 0px 0px 520px;display: block;letter-spacing: 0.05em;} #Merit .MeritSp {display: none;} /* --- Hikaku --- */ #Hikaku {width: 1000px;height: auto;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Hikaku:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Hikaku .ImgBox {width: 100%;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;} /* --- Voice --- */ #Voice {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 30px 0px 30px 0px;display: block;clear: both;background-color: #f7f8f8;} #Voice:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Voice .VoBox {width: 1000px;height: auto;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Voice .Name {width: 100%;height: auto;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Voice .NameSp {display: none;} #Voice .QAList {width: 100%;height: auto;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;clear:both;border-bottom: solid 1px #bfbfbf;} #Voice .QAList ul {width: 100%;height: auto;margin: 0px 0px 20px 0px;padding: 0px;display: block;clear:both;} #Voice .QAList:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Voice .QIcon {font-size: 30px;color: #5db8ff;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;float: left;} #Voice .QTxT {font-size: 18px;padding: 0px 0px 0px 40px;line-height: 1.5em;font-weight: bold;} #Voice .AIcon {font-size: 30px;color: #ff7b5d;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;float: left;} #Voice .ATxT {font-size: 18px;padding: 0px 0px 0px 40px;line-height: 1.5em;} #Voice .WebLink a {margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;text-align: center;font-size: 18px;text-decoration: none;} #Voice .WebLink a:hover {text-decoration: underline;} /* --- Quest --- */ #Quest {width: 1000px;height: auto;margin: 0px auto 0px auto;padding: 30px 0px 30px 0px;display: block;clear: both;} #Quest:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Quest .QuestBox {width: 100%;height: auto;margin: 0px auto 30px auto;padding: 30px;display: block;clear:both;border: solid 1px #bfbfbf;border-radius: 20px 20px 20px 20px;} #Quest .QTxT {font-size: 20px;margin: 0px 0px 20px 0px;padding: 0px 0px 0px 0px;line-height: 1.5em;font-weight: bold;color: #333;} #Quest .ATxT {font-size: 18px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;line-height: 1.5em;} /* --- LinkBtn --- */ .LinkBtn {display: none;} /* footer ----------------------------------------------------------------------------------------------------------------- */ footer {width: 100%;height: auto;margin:0px 0px 0px 0px;padding: 10px 0px 50px 0px;display: block;clear: both;background: #000;} footer:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Footer {width: 1000px;height: auto;margin: 0px auto 0px auto;padding: 0px;display: block;text-align:left;clear: both;} address {margin: 20px 0px 0px 0px;padding: 0px;color: #FFF;font-size: 12px;font-style: normal;text-align: center;} @media screen and (max-width: 768px) { /* header --------------------------------------------------------------------------------------------------------------------- */ header {width: 100%;height: auto;display: block;clear: both;position: fixed;background-color: #FFF;border-bottom: solid 5px #ff7800;} /* Header --------------------------------------------------------------------------------------------------------------------- */ #Header {width: 100%;height: auto;margin: 0px auto;display: block;clear: both;} #Header:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #SiteId {width: 180px;height: auto;display: block;margin: 0px 0px 0px 10px;display: block;float: left;} #SiteId h1 a {width: 180px;height: auto;margin: 0px 0px 0px 0px;display: block;} #HeadR {display: none;} /* nav */ nav {width: 100%; height: auto;margin: 0px 0px 0px 0px;padding: 0px;float: none;} /* globalMenuSp ----------------------------------------------------------------------------------------------------------------- */ nav.globalMenuSp { position: fixed; z-index: 2; top: 0; left: 0; text-align: center; transform: translateY(-100%); transition: all 0.6s; width: 100%; display: block; } nav.globalMenuSp ul { background: #ff8400; margin: 0 auto; padding: 0; width: 100%; filter: alpha(opacity=95);-moz-opacity:0.95;opacity:0.95; } nav.globalMenuSp ul li { font-size: 1.3em; list-style-type: none; padding: 10px 0px 10px 0px; width: 100%; border-bottom: 1px solid #FFF; color: #FFF; } /* 最後はラインを描かない */ /* nav.globalMenuSp ul li:last-child { padding-bottom: 0; border-bottom: none; } */ nav.globalMenuSp ul li a { display: block; padding: 1em 0; text-decoration: none; color: #FFF; } /* このクラスを、jQueryで付与・削除する */ nav.globalMenuSp.active { transform: translateY(0%); } /* navToggle ----------------------------------------------------------------------------------------------------------------- */ .navToggle { display: block; position: fixed; /* bodyに対しての絶対位置指定 */ right: 13px; top: 10px; width: 42px; height: 51px; cursor: pointer; z-index: 3; background: #ff8400; text-align: center; } .navToggle span { display: block; position: absolute; /* .navToggleに対して */ width: 30px; border-bottom: solid 3px #FFF; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out; left: 6px; } .navToggle span:nth-child(1) { top: 9px; } .navToggle span:nth-child(2) { top: 18px; } .navToggle span:nth-child(3) { top: 27px; } .navToggle span:nth-child(4) { border: none; color: #FFF; font-size: 9px; font-weight: bold; top: 34px; } /* 最初のspanをマイナス45度に */ .navToggle.active span:nth-child(1) { top: 18px; left: 6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } /* 2番目と3番目のspanを45度に */ .navToggle.active span:nth-child(2), .navToggle.active span:nth-child(3) { top: 18px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } /* Wrapper --------------------------------------------------------------------------------------------------------------------- */ #Wrapper {width: 100%;height: auto;background: none;} #Wrapper:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Wrapper h2 {width: 100%;height: auto;display: block;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;text-align: center;font-size: 25px;color: #000; letter-spacing: 0.05em;line-height: 1.5em;font-family: 'M+ Type-1 (general-j) Heavy';letter-spacing: 0.05em;} .SpBr {display: inline;} .BrClear {display: none;} /* MainImg --------------------------------------------------------------------------------------------------------------------- */ #MainImg {width: 100%;height: auto;display: block;margin: 0px auto 20px auto;padding: 80px 0px 0px 0px;} /* --- PriceZero --- */ .PriceZero {width: 100%;height: auto;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} /* --- About --- */ #About {width: 90%;height: auto;display: block;margin: 0px auto 50px auto;padding: 10% 0% 10% 10%;background-image: url(../img/onefeel/about_back_sp.jpg);background-repeat: no-repeat;} #About:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #About .Logo {width: 200px;height: auto;display: block;margin: 0px 0px 40px 0px;padding: 0px 0px 0px 0px;} #About .AboutTxT01 {font-size: 18px;line-height: 1.5em;margin: 0px 0px 40px 0px;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;font-weight: bold;} #About .AboutTxT02 {font-size: 18px;line-height: 1.5em;margin: 0px 0px 0px 0px;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;font-weight: bold;color: #ff7633;} /* --- Support --- */ #Support {width: 100%;height: auto;margin: 0px auto 50px auto;padding: 30px 0px 30px 0px;display: block;clear: both;background-color: #f7f8f8;} #Support:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Support .SuBox01 {width: 90%;height: auto;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;clear: both;background-image: none;} #Support .SuBox02 {width: 90%;height: auto;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;clear: both;background-image: none;} #Support .SuBox03 {width: 90%;height: auto;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;clear: both;background-image: none;} #Support .SuBox04 {width: 90%;height: auto;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;clear: both;background-image: none;} #Support .SuBox05 {width: 90%;height: auto;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;clear: both;background-image: none;} #Support .TiTle {display: none;} #Support .TiTleSp {width: 100%;height: auto;margin: 0px auto 10px auto;display: block;} #Support .List {width: auto;height: auto;display: block;margin: 0px 0px 0px 0px;} #Support .List li {font-size: 17px;line-height: 1.5em;margin: 0px 0px 0px 0px;letter-spacing: 0.05em;} #Support .TxT {font-size: 16px;line-height: 1.5em;margin: 0px 0px 10px 0px;} /* --- Merit --- */ #Merit {width: 100%;height: auto;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Merit:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Merit .Merit01 {width: 100%;height: auto;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;display: block;clear: both;background-image: none;} #Merit .Merit01 .TxT01 {display: none;} #Merit .Merit01 .TxT02 {width: 90%;height: auto;font-size: 18px;line-height: 1.5em;margin: 0px auto 0px auto;display: block;letter-spacing: 0.05em;} #Merit .Merit02 {width: 100%;height: auto;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;display: block;clear: both;background-image: none;} #Merit .Merit02 .TxT01 {display: none;} #Merit .Merit02 .TxT02 {width: 90%;height: auto;font-size: 18px;line-height: 1.5em;margin: 0px auto 0px auto;display: block;letter-spacing: 0.05em;} #Merit .Merit03 {width: 100%;height: auto;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;display: block;clear: both;background-image: none;} #Merit .Merit03 .TxT01 {display: none;} #Merit .Merit03 .TxT02 {width: 90%;height: auto;font-size: 18px;line-height: 1.5em;margin: 0px auto 0px auto;display: block;letter-spacing: 0.05em;} #Merit .MeritSp {width: 100%;height: auto;display: block;margin: 0px 0px 20px 0px;padding: 0px;} /* --- Hikaku --- */ #Hikaku {width: 100%;height: auto;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Hikaku:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Hikaku .ImgBox {width: 90%;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;} /* --- Voice --- */ #Voice {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 30px 0px 30px 0px;display: block;clear: both;background-color: #f7f8f8;} #Voice:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Voice .VoBox {width: 100%;height: auto;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Voice .Name {display: none;} #Voice .NameSp {width: 100%;height: auto;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Voice .QAList {width: 90%;height: auto;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;clear:both;border-bottom: solid 1px #bfbfbf;} #Voice .QAList ul {width: 100%;height: auto;margin: 0px 0px 20px 0px;padding: 0px;display: block;clear:both;} #Voice .QAList:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Voice .QIcon {font-size: 25px;color: #5db8ff;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;float: left;} #Voice .QTxT {font-size: 17px;padding: 0px 0px 0px 40px;line-height: 1.5em;font-weight: bold;} #Voice .AIcon {font-size: 25px;color: #ff7b5d;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;float: left;} #Voice .ATxT {font-size: 17px;padding: 0px 0px 0px 40px;line-height: 1.5em;} #Voice .WebLink a {margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;text-align: center;font-size: 18px;text-decoration: none;} #Voice .WebLink a:hover {text-decoration: underline;} /* --- Quest --- */ #Quest {width: 90%;height: auto;margin: 0px auto 0px auto;padding: 30px 0px 30px 0px;display: block;clear: both;} #Quest:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Quest .QuestBox {width: 90%;height: auto;margin: 0px auto 30px auto;padding: 5%;display: block;clear:both;border: solid 1px #bfbfbf;border-radius: 20px 20px 20px 20px;} #Quest .QTxT {font-size: 19px;margin: 0px 0px 20px 0px;padding: 0px 0px 0px 0px;line-height: 1.5em;font-weight: bold;color: #333;} #Quest .ATxT {font-size: 17px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;line-height: 1.5em;} /* --- LinkBtn --- */ .LinkBtn {width: 90%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 30px 0px;display: block;clear: both;} .LinkBtn:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .LinkBtn .Li01 a {width: 90%;height: auto;margin: 0px auto 20px auto;padding: 5%;display: block;text-align: center;background: #ff8634;text-decoration: none;color: #FFF; font-size: 1.5em;line-height: 1.5em;letter-spacing: 0.2em;border-radius: 10px 10px 10px 10px;} .LinkBtn a:hover {filter: alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;} /* footer ----------------------------------------------------------------------------------------------------------------- */ footer {width: 100%;height: auto;margin:0px 0px 0px 0px;padding: 10px 0px 50px 0px;display: block;clear: both;background: #000;} footer:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Footer {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 0px;display: block;text-align:left;clear: both;} address {margin: 20px 0px 0px 0px;padding: 0px;color: #FFF;font-size: 12px;font-style: normal;text-align: center;} }