@charset "UTF-8";
#main.cont_7ng1ok { padding: 10px 0; background: url(../images/7ng1ok/bg.gif) repeat 0 0; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif; /*============================
#main
============================*/ /*============================
#present
============================*/ /*============================
#step
============================*/ }
#main.cont_7ng1ok a img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
#main.cont_7ng1ok a:hover img { -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; -ms-filter: "alpha(opacity=70)"; filter: alpha(opacity=70); }
#main.cont_7ng1ok .social { zoom: 1; }
#main.cont_7ng1ok .social:before, #main.cont_7ng1ok .social:after { display: block; height: 0; visibility: hidden; content: "."; }
#main.cont_7ng1ok .social:after { clear: both; }
#main.cont_7ng1ok .social .facebook { float: right; }
#main.cont_7ng1ok .social .twitter { float: right; }
#main.cont_7ng1ok .ancMenu { zoom: 1; margin: 18px 0 40px; }
#main.cont_7ng1ok .ancMenu:before, #main.cont_7ng1ok .ancMenu:after { display: block; height: 0; visibility: hidden; content: "."; }
#main.cont_7ng1ok .ancMenu:after { clear: both; }
#main.cont_7ng1ok .ancMenu li { float: left; }
#main.cont_7ng1ok .present { position: relative; margin-top: 30px; padding: 0 0 60px; }
#main.cont_7ng1ok .present .copy { padding: 0 0 0 27px; }
#main.cont_7ng1ok .present .thumb { position: absolute; right: 54px; top: 110px; }
#main.cont_7ng1ok .present .text { margin: 10px 0 0 42px; }
#main.cont_7ng1ok .tabArea { zoom: 1; margin: 26px 10px 0; background: url(../images/7ng1ok/line.gif) repeat-x 0 100%; }
#main.cont_7ng1ok .tabArea:before, #main.cont_7ng1ok .tabArea:after { display: block; height: 0; visibility: hidden; content: "."; }
#main.cont_7ng1ok .tabArea:after { clear: both; }
#main.cont_7ng1ok .tabArea li { overflow: hidden; }
#main.cont_7ng1ok .tabArea li a { display: block; width: 458px; height: 80px; text-indent: -9999px; }
#main.cont_7ng1ok .tabArea .tw { float: left; }
#main.cont_7ng1ok .tabArea .tw a { background: url(../images/7ng1ok/tab_01.png) no-repeat 0 0; }
#main.cont_7ng1ok .tabArea .tw a:hover, #main.cont_7ng1ok .tabArea .tw a.active { background: url(../images/7ng1ok/tab_01_o.png) no-repeat 0 0; }
#main.cont_7ng1ok .tabArea .fb { float: right; }
#main.cont_7ng1ok .tabArea .fb a { background: url(../images/7ng1ok/tab_02.png) no-repeat 0 0; }
#main.cont_7ng1ok .tabArea .fb a:hover, #main.cont_7ng1ok .tabArea .fb a.active { background: url(../images/7ng1ok/tab_02_o.png) no-repeat 0 0; }
#main.cont_7ng1ok .stepText { text-align: center; margin: 35px 0; }
#main.cont_7ng1ok .step { -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -ms-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 2px -1px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 2px -1px; -ms-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 2px -1px; box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 2px -1px; margin: 0 11px 40px 10px; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; background-color: #fff; text-align: center; /*============================
#twitter
============================*/ }
#main.cont_7ng1ok .step h3 { padding: 50px 0 20px; }
#main.cont_7ng1ok .step #facebook { display: none; }
#main.cont_7ng1ok .step .stepCont { padding: 0 20px 40px; }
#main.cont_7ng1ok .step .stepCont .step1 { zoom: 1; font-size: 18px; }
#main.cont_7ng1ok .step .stepCont .step1:before, #main.cont_7ng1ok .step .stepCont .step1:after { display: block; height: 0; visibility: hidden; content: "."; }
#main.cont_7ng1ok .step .stepCont .step1:after { clear: both; }
#main.cont_7ng1ok .step .stepCont .step1 .inner { background: #f6f6f6; padding: 10px; height: 110px; width: 415px; float: left; }
#main.cont_7ng1ok .step .stepCont .step1 .inner.first { margin: 0 15px 0 0; }
#main.cont_7ng1ok .step .stepCont .selectArea { margin: 30px 0 0 -15px; zoom: 1; }
#main.cont_7ng1ok .step .stepCont .selectArea:before, #main.cont_7ng1ok .step .stepCont .selectArea:after { display: block; height: 0; visibility: hidden; content: "."; }
#main.cont_7ng1ok .step .stepCont .selectArea:after { clear: both; }
#main.cont_7ng1ok .step .stepCont .selectArea .inner { float: left; width: 415px; padding: 15px 10px 0; margin: 0 0 20px 15px; }
#main.cont_7ng1ok .step .stepCont .selectArea .inner h4 { text-align: left; height: 50px; padding: 0 0 0 15px; }
#main.cont_7ng1ok .step .stepCont .selectArea .inner .thumb { position: relative; overflow: hidden; width: 415px; height: 242px; text-align: left; cursor: pointer; }
#main.cont_7ng1ok .step .stepCont .selectArea .inner .thumb .caption { display: none; position: absolute; left: 0; top: 0; height: 212px; background-color: rgba(0, 0, 0, 0.7); color: #fff; padding: 15px 10px 15px 15px; font-size: 18px; font-weight: bold; width: 390px; line-height: 1.8; }
#main.cont_7ng1ok .step .stepCont .selectArea .inner .button { padding: 10px 0 10px; }
#main.cont_7ng1ok .step .stepCont .selectArea .col01 { background-color: #259a1b; }
#main.cont_7ng1ok .step .stepCont .selectArea .col02 { background-color: #e51270; }
#main.cont_7ng1ok .step .stepCont .selectArea .col03 { background-color: #fabc02; }
#main.cont_7ng1ok .step .stepCont .selectArea .col04 { background-color: #0aa2e1; }
#main.cont_7ng1ok .step .stepCont .selectArea .col05 { background-color: #683d98; }
#main.cont_7ng1ok .step .stepCont .selectArea .col06 { background-color: #fc720d; }
#main.cont_7ng1ok .step .stepCont .selectArea .col07 { background-color: #bf1e1e; }
#main.cont_7ng1ok .step .stepCont .selectArea .col08 { background-color: #6ec530; }
#main.cont_7ng1ok .step .stepCont .step3 .text { margin: 20px 0 0; font-size: 16px; }
#main.cont_7ng1ok .step .fbArea { background: url(../images/7ng1ok/bg_fb.gif) no-repeat 0 0; width: 660px; margin: 20px auto 0; padding: 23px 0 13px; }
#main.cont_7ng1ok .step .fbArea .cont { background: #fff; padding: 15px 0 0; margin: 15px 13px 0; }
#main.cont_7ng1ok .step .fbArea .inner { margin: 20px 0 0; }
#main.cont_7ng1ok .step .fbArea .inner p { display: inline-block; padding: 0 10px; }
#main.cont_7ng1ok .step .fbArea .inner .facebook { display: inline-block; }
#main.cont_7ng1ok .step .fbArea .inner .logo img { margin: -13px 0 0; }
#main.cont_7ng1ok .caution { background-color: #fff; margin: 20px 10px 0; padding: 25px 20px; font-size: 16px; border: 1px solid #dfdfdf; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 2px -1px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 2px -1px; -ms-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 2px -1px; box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 2px -1px; }
#main.cont_7ng1ok .caution .cautionCont { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 5px 0 inset; -moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 5px 0 inset; -ms-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 5px 0 inset; box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 5px 0 inset; height: 300px; overflow-y: scroll; padding: 30px 30px 0; }
#main.cont_7ng1ok .caution .cont { zoom: 1; margin: 0 0 10px; }
#main.cont_7ng1ok .caution .cont:before, #main.cont_7ng1ok .caution .cont:after { display: block; height: 0; visibility: hidden; content: "."; }
#main.cont_7ng1ok .caution .cont:after { clear: both; }
#main.cont_7ng1ok .caution h3 { float: left; width: 12em; font-weight: bold; }
#main.cont_7ng1ok .caution .inner { overflow: hidden; }
#main.cont_7ng1ok .caution .inner ul li { text-indent: -1em; margin-left: 1em; }

.fbLink { margin: 30px 0 0; font-size: 140%; }

/*# sourceMappingURL=cp_7ng1ok.css.map */