/* 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: 80%;line-height: 150%;color: #FFFFFF;background-color: #FFF;text-align:center;} 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;} .Red {color: #ED0C0C;} /* #MainCont -------------------------------------------------------------------------------------------------------------------- */ #MainCont {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} /* MainImg ----------------------------------------------------------------------------------------------------------------- */ #MainImg {width: 100%;height: auto;display: block;margin: 0px auto 0px auto;border-bottom: solid 7px #FFB27A;} #MainImg:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #MainImg .Img {width: 1280px;height: 750px;display: block;margin: 0px auto 0px auto;} #MainImg .Img:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* Kikan */ #Kikan {width: 100%;height: 95px;margin: 20px auto 20px auto;} #Kikan .Img {width: 730px;height: 95px;display: block;margin: 0px auto 0px auto;} /* Wrapper ----------------------------------------------------------------------------------------------------------------- */ #Wrapper {width: 100%;height: auto;margin: 50px auto 0px auto;display: block;text-align:left;clear: both;} #Wrapper:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* FormBtn ----------------------------------------------------------------------------------------------------------------- */ .FormBtn a {width: 650px;height: 125px;margin: 0px auto 50px auto;display: block;clear: both;} .FormBtn a:hover {filter: alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;} /* ContactBtn ----------------------------------------------------------------------------------------------------------------- */ .ContactBox {width: 700px;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;} .ContactBtn a {width: 700px;height: 115px;margin: 0px auto 0px auto;display: block;clear: both;} .ContactBtn a:hover {filter: alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;} /* Contens ----------------------------------------------------------------------------------------------------------------- */ .Contens {width: 100%;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px;} .Contens:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .ContBox {width: 900px;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;} .ContBox img {width: 100%;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px auto 0px auto;} .Cont_W {width: 100%;height: auto;display: block;margin: 0px auto 50px auto;padding: 20px 0px 20px 0px;background: #FFFDE5;} .Cont_W:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .Cont_W_p0 {width: 100%;height: auto;display: block;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;background: #FFFDE5;} .Cont_W_p0:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .h2_sub {width: 100%;height: auto;display: block;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;background: #FFF3E2;} .h2_sub:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .Spece50 {display: block;width: auto;height: 50px;} .H2 {width: 100%;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px 0px 10px 0px;border-bottom: solid 10px #56A2FF;} .H2 img {width: 650px;height: 60px;display: block;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;} .H2_M {width: 100%;height: auto;display: block;margin: 0px auto 50px auto;padding: 0px 0px 10px 0px;border-bottom: solid 10px #56A2FF;} .H2_M img {width: 650px;height: 60px;display: block;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;} .CamH2 {width: 100%;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px 0px 10px 0px;border-bottom: solid 5px #EA4D16;} .CamH2 img {width: 750px;height: 155px;display: block;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;} .Obi01 {width: 100%;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;background: #2767D1;} .Obi01 img {width: 900px;height: 110px;display: block;margin: 0px auto 0px auto;padding: 0px auto 0px auto;} .ContBox .TxTC {color: #000;font-size: 16px;text-align: center;line-height: 1.5em;} .ContBox02 .TxTC {color: #000;font-size: 16px;text-align: center;line-height: 1.5em;} .ContBox02 {width: 750px;height: auto;display: block;margin: 0px auto 50px auto;padding: 0px;} .ContBox02 img {width: 100%;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px;} .ContBox_S {width: 900px;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px;} .ContBox_S img {width: 100%;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px;} .Note {width: 100%;height: auto;display: block;margin: 0px auto 0px auto;padding: 10px 0px 10px 0px;background: #F00;color: #FFF; text-align: center;font-size: 20px;line-height: 1.5em;} /* SampleBox */ .SampleBox {width: 900px;height: auto;display: block;margin: 30px auto 20px auto;padding: 0px;} .SampleBox ul {width: 900px;height: auto;display: block;margin: 0px auto 20px auto;padding: 0px;} .SampleBox ul:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .SampleBox li {float: left;} .SampleBox .Li01 {width: 420px;height: 315px;display: block;margin: 0px 60px 60px 0px;} .SampleBox .Li02 {width: 420px;height: 315px;display: block;margin: 0px 0px 60px 0px;} .SampleBox .Li03 {width: 420px;height: 315px;display: block;margin: 0px 60px 0px 0px;} .SampleBox .Li04 {width: 420px;height: 315px;display: block;margin: 0px 0px 0px 0px;} .SampleBox .TxT {display: block;color: #000;text-align: center;font-size: 16px;margin: 0px 0px 30px 0px;padding: 0px;} .SampleBoxSP {display: none;} /* TypeBox */ .TypeBox {width: 900px;height: auto;display: block;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;} .TypeBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .TypeBox li a {float: left;} .TypeBox .Li01 a {width: 400px;height: 255px;display: block;margin: 0px 30px 0px 35px;padding: 0px 0px 0px 0px;} .TypeBox .Li02 a {width: 400px;height: 255px;display: block;margin: 0px 35px 0px 0px;padding: 0px 0px 0px 0px;} .TypeBox li a:hover {filter: alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;} .TypeBoxSP {display: none;} /* JacketSample */ .JacketSample {width: 830px;height: auto;display: block;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;} .JacketSample:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .JacketSample li a {float: left;} .JacketSample .Li01 a {width: 150px;height: 211px;display: block;margin: 0px 20px 0px 0px;padding: 0px 0px 0px 0px;} .JacketSample .Li02 a {width: 150px;height: 211px;display: block;margin: 0px 20px 0px 0px;padding: 0px 0px 0px 0px;} .JacketSample .Li03 a {width: 150px;height: 211px;display: block;margin: 0px 20px 0px 0px;padding: 0px 0px 0px 0px;} .JacketSample .Li04 a {width: 150px;height: 211px;display: block;margin: 0px 20px 0px 0px;padding: 0px 0px 0px 0px;} .JacketSample .Li05 a {width: 150px;height: 211px;display: block;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;} .JacketSample li a:hover{filter: alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;} .JacketBox {width: 830px;height: 211px;display: block;margin: 0px auto 20px auto;padding: 0px 0px 0px 0px;} .JacketSample .TxT {display: block;color: #000;text-align: center;font-size: 16px;margin: 0px 0px 30px 0px;padding: 0px;} .JacketSampleSP {display: none;} /* ItemIchiran */ .ItemIchiran a {width: 440px;height: 70px;margin: 30px auto 50px auto;display: block;clear: both;} .ItemIchiran a:hover {filter: alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;} /* VoiceBox */ .VoiceBox {width: 100%;height: auto;display: block;margin: 0px 0px 40px 0px;padding: 0px;color: #000;border-bottom: dotted 2px #72A2E9;} .VoiceBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .VoiceBox dl {margin: 0px 0px 10px 0px;float: left;font-size: 16px;line-height: 1.5em;} .VoiceBox dt {float: left;color: #72A2E9;} .VoiceBox dd {padding: 0px 0px 0px 30px;color: #272727;} /* Privilege */ #Privilege {width: 100%;height:　235px;background: url(../img/nenichi2017/171025/shimekiri_bg.jpg) repeat-x;margin: 0px 0px 0px 0px;padding: 0px;} #Privilege .Img {width: 900px;height: 235px;display: block;margin: 0px auto 0px auto;} /* Again */ #Again {width: 100%;height: 190px;background: #ed0c1e;margin: 0px auto 0px auto;padding: 0px;} #Again .Img {width: 900px;height: 190px;display: block;margin: 0px auto 0px auto;} /* page-top */ .page-top {width: 130px;height: 70px;position: fixed;bottom: 10px;right: 10px;padding: 10px; background: url(../img/danceaero/pagetop.png) no-repeat;text-indent: -999em; -webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-filter: "alpha(opacity=80)"; -moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;} /* InfoBox */ #InfoBox {width: auto;height: auto;margin: 0px 0px 0px 0px;padding: 20px;border: solid 10px #FFE1BD;} #InfoBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #InfoBox dl {margin: 0px 0px 5px 0px;font-size: 14px;line-height: 1.5em;} #InfoBox dt {float: left;color: #000;} #InfoBox dd {padding: 0px 0px 0px 20px;color: #272727;} .Contens h2 {display: block;margin: 0px auto 40px auto;font-size: 30px;text-align: center;color: #000; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1em;} .Contens h3 {display: block;margin: 0px 0px 20px 0px;padding: 0px 0px 10px 0px;font-size: 15px;color: #000;border-bottom: solid 1px #000; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: bold;line-height: 1.5em;} #FormBox {width: 900px;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;} #EndInfo {display: block;margin: 0px auto 0px auto;text-align: center;font-size: 18px;color: #000;font-weight: bold;line-height: 2em;} /* Notice -------------------------------------------------------------------------------------------------------------------- */ #Notice {color: #000;padding: 50px 0px 0px 0px;} #Notice p {display: block;margin: 0px 0px 30px 0px;} @media screen and (max-width: 768px) { #menu {display:none;} .slicknav_menu {display:block;} /* #MainCont --------------------------------------------------------------------------------------------------------------- */ #MainCont {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 0px;display: block;clear: both;} /* MainImg ----------------------------------------------------------------------------------------------------------------- */ #MainImg {width: 100%;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px;border-bottom: none;} #MainImg:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #MainImg .Img {width: 100%;height: auto;display: block;margin: 0px auto 0px auto;} #MainImg .Img:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* Kikan ------------------------------------------------------------------------------------------------------------------- */ #Kikan {width: 100%;height: auto;margin: 10px auto 0px auto;} #Kikan:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Kikan .Img {width: 90%;height: auto;display: block;margin: 0px auto 0px auto;} /* FormBtn ----------------------------------------------------------------------------------------------------------------- */ .FormBtn a {width: 90%;height: auto;margin: 0px auto 10px auto;display: block;clear: both;} .FormBtn a:hover {filter: alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;} /* ContactBtn -------------------------------------------------------------------------------------------------------------- */ .ContactBox {width: auto;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px 15px 0px 15px;} .ContactBtn a {width: 90%;height: auto;margin: 0px auto 0px auto;display: block;clear: both;} .ContactBtn a:hover {filter: alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;} /* Wrapper ----------------------------------------------------------------------------------------------------------------- */ #Wrapper {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 0px;display: block;clear: both;} #Wrapper:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* Contens ----------------------------------------------------------------------------------------------------------------- */ .Contens {width: 100%;height: auto;display: block;margin: 0px auto 100px auto;padding: 0px;} .Contens:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .ContBox {width: auto;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;} .ContBox img {display: block;margin: 0px auto 0px auto;padding: 0px auto 0px auto;} .Cont_W {width: 100%;height: auto;display: block;margin: 0px auto 20px auto;padding: 20px 0px 20px 0px;background: #FFFDE5;} .Cont_W:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .Cont_W_p0 {width: 100%;height: auto;display: block;margin: 0px auto 20px auto;padding: 0px 0px 0px 0px;background: #FFFDE5;} .Cont_W_p0:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .ContBox02 {width: auto;height: auto;display: block;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;} .ContBox img02 {display: block;margin: 0px auto 0px auto;padding: 0px auto 0px auto;} .ContBox02 h2 {font-size: 1.5em;} .ContBox_S {width: auto;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;} .ContBox_S img {width: 95%;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px auto 0px auto;} .Note {width: 94%;height: auto;display: block;margin: 0px auto 0px auto;padding: 3% 3% 3% 3%;background: #F00;color: #FFF; text-align: center;font-size: 15px;line-height: 1.5em;} .H2 {width: 100%;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px 0px 10px 0px;border-bottom: solid 7px #56A2FF;} .H2 img {width: 90%;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;} .H2_M {width: 100%;height: auto;display: block;margin: 0px auto 50px auto;padding: 0px 0px 10px 0px;border-bottom: solid 10px #56A2FF;} .H2_M img {width: 90%;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;} .CamH2 {width: 100%;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px 0px 10px 0px;border-bottom: solid 5px #EA4D16;} .CamH2 img {width: 90%;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;} .ContBox .TxTC {color: #000;font-size: 1em;text-align: center;line-height: 1.5em;} .ContBox02 .TxTC {color: #000;font-size: 1em;text-align: center;line-height: 1.5em;} /* SampleBox */ .SampleBoxSP {width: 100%;height: auto;display: block;margin: 30px auto 20px auto;padding: 0px;} .SampleBoxSP ul {width: 100%;height: auto;display: block;margin: 0px auto 20px auto;padding: 0px;} .SampleBoxSP ul:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .SampleBoxSP li {float: none;} .SampleBoxSP .Li01 {width: 100%;height: auto;display: block;margin: 0px 0px 30px 0px;} .SampleBoxSP .Li02 {width: 100%;height: auto;display: block;margin: 0px 0px 30px 0px;} .SampleBoxSP .Li03 {width: 100%;height: auto;display: block;margin: 0px 0px 30px 0px;} .SampleBoxSP .Li04 {width: 100%;height: auto;display: block;margin: 0px 0px 0px 0px;} .SampleBoxSP .TxT {display: block;color: #000;text-align: center;font-size: 1em;margin: 0px 0px 30px 0px;padding: 0px;} .SampleBox {display: none;} /* JacketSampleSP */ .JacketSampleSP {width: 90%;height: auto;display: block;margin: 0px auto 20px auto;padding: 0px 0px 0px 0px;} .JacketSampleSP:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .JacketSampleSP li a {float: left;} .JacketSampleSP .Li01 a {width: 23%;height: auto;display: block;margin: 0% 3% 0% 0%;padding: 0px 0px 0px 0px;} .JacketSampleSP .Li02 a {width: 23%;height: auto;display: block;margin: 0% 3% 0% 0%;padding: 0px 0px 0px 0px;} .JacketSampleSP .Li03 a {width: 23%;height: auto;display: block;margin: 0% 2% 0% 0%;padding: 0px 0px 0px 0px;} .JacketSampleSP .Li04 a {width: 23%;height: auto;display: block;margin: 0% 0% 0% 0%;padding: 0px 0px 0px 0px;} .JacketSampleSP li a:hover{filter: alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;} .JacketSampleSP .JacketBox{width: 100%;height: auto;display: block;margin: 0px auto 5px auto;padding: 0px 0px 0px 0px;} .JacketSampleSP .JacketBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .JacketSampleSP .TxT {display: block;color: #000;text-align: center;font-size: 16px;margin: 0px 0px 30px 0px;padding: 0px;} .JacketSample {display: none;} /* TypeBoxSP */ .TypeBoxSP {width: 90%;height: auto;display: block;margin: 0px auto 20px auto;padding: 0px 0px 0px 0px;} .TypeBoxSP:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .TypeBoxSP li a {float: left;} .TypeBoxSP .Li01 a {width: 49%;height: auto;display: block;margin: 0% 2% 0% 0%;padding: 0px 0px 0px 0px;} .TypeBoxSP .Li02 a {width: 49%;height: auto;display: block;margin: 0% 0% 0% 0%;padding: 0px 0px 0px 0px;} .TypeBoxSP li a:hover {filter: alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;} .TypeBox {display: none;} /* Privilege */ #Privilege {width: 100%;height: auto;background: none;margin: 0px 0px 0px 0px;padding: 0px;} #Privilege .Img {width: 100%;height: auto;display: block;margin: 0px auto 0px auto;} /* Again */ #Again {width: 100%;height: auto;background: #ed0c1e;margin: 0px auto 0px auto;padding: 0px;} #Again .Img {width: 100%;height: auto;display: block;margin: 0px auto 0px auto;} /* VoiceBox */ .VoiceBox {width: 90%;height: auto;display: block;margin: 0px auto 20px auto;padding: 0px;color: #000;border-bottom: dotted 2px #72A2E9;} .VoiceBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .VoiceBox dl {margin: 0px 0px 10px 0px;float: left;font-size: 1em;line-height: 1.5em;} .VoiceBox dt {float: left;color: #72A2E9;} .VoiceBox dd {padding: 0px 0px 0px 30px;color: #272727;} /* ItemIchiran */ .ItemIchiran a {width: 70%;height: auto;margin: 30px auto 50px auto;display: block;clear: both;} .Obi01 {width: 100%;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;background: #2767D1;} .Obi01 img {width: 90%;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px auto 0px auto;} #FormBox {width: 100%;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;} }