@charset "shift_jis";
/*‰ξŒμEnet —š—π‘ƒRƒ“ƒeƒ“ƒc‚Μstyle.css
URL http://www.e-helper.net/sp/introduction/tips/rirekisyo/
/*common*/
body .contents{width:320px; padding-bottom:30px;margin:0 auto;font-family:Osaka,Arial,Helvetica,sans-serif;text-align:left}
.contents img{vertical-align:bottom}
.contents p{font-size:14px; line-height:150%; color:#333}
.contents a{color:#009}
ul.controls{background:url(images/bg.jpg) 0 0 no-repeat; overflow:hidden; position:relative; height:214px}
/*header footer*/
html{font-size:6.25%; overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}
body{font-family:'ƒqƒ‰ƒMƒmŠpƒS Pro W3', 'Hiragino Kaku Gothic Pro', 'ƒƒCƒŠƒI', Meiryo, '‚l‚r ‚oƒSƒVƒbƒN', sans-serif; font-size:15rem; line-height:1.5; margin:0 auto; text-align:center; word-break:break-all; color:#333; background:#fff;height:auto;}
a{text-decoration:none; color:#039}
*{zoom:1}
div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, form, input, textarea, button, table, tr, th, td, article, aside, footer, header, hgroup, nav, section{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box}
/* For modern browsers */
.cf:before, .cf:after{display:table; content:''}
.cf:after{clear:both}
/* For IE 6/7 (trigger hasLayout) */
.cf{zoom:1}
.txt_s{font-size:98%; line-height:1.4}
header{margin:2% 3% 3%}
h1{font-size:75%; margin-bottom:2%; text-align:left}
img.logo{float:left; width:45%}
#header_link{float:right}
#header_link li{position:relative; margin-top:3px}
#header_link li a{display:block; padding-left:12px; text-decoration:none; color:#666}
#header_link li:after{width:5px; height:5px; display:block; content:""; position:absolute; top:50%; left:-3px; margin:-4px 0 0 0; border-top:solid 2px #6CD1A8; border-right:solid 2px #6CD1A8; -webkit-transform:rotate(45deg); transform:rotate(45deg)}
footer{position:relative; margin-top:15%; padding-top:5%; border-top:2px solid #ebebeb; background:-moz-linear-gradient(top,#fff 0%,#f2f2f2 30%); background:-webkit-gradient(linear,left top,left bottom,color-stop(30%,#f2f2f2)); background:-webkit-linear-gradient(top,#fff 0%,#f2f2f2 30%); background:-o-linear-gradient(top,#fff 0%,#f2f2f2 30%); background:-ms-linear-gradient(top,#fff 0%,#f2f2f2 30%); background:linear-gradient(to bottom,#fff 0%,#f2f2f2 30%)}
.page_top a{font-weight:bold; position:absolute; top:-30%; right:2%; display:block; zoom:1; padding:2% 2.5%; color:#666 !important; border-top:2px solid #ebebeb; border-right:2px solid #ebebeb; border-bottom:5px solid #fff; border-left:2px solid #ebebeb; -webkit-border-radius:2.5% 2.5% 0 0; -moz-border-radius:2.5% 2.5% 0 0; border-radius:2.5% 2.5% 0 0; background:#fff; font-size:13px}
footer .link ul{width:94%; margin:0 auto 5%; overflow:hidden}
footer .link li{font-size:14rem; float:left; width:50%; text-align:left; position:relative; padding-left:15px; font-size:13rem}
footer .copy{font-size:75%; padding:3%; text-align:center; color:#fff; background:#20b97b}
footer .link li:after{width:5px; height:5px; display:block; content:""; position:absolute; top:50%; left:0; margin:-4px 0 0 0; border-top:solid 2px #999; border-right:solid 2px #999; -webkit-transform:rotate(45deg); transform:rotate(45deg)}
.topic-path{margin:0 2%; text-align:left; font-size:12rem}
.topic-path li{display:inline-block}
/*unique*/
.top{background:url(images/titleBg.png) 100% 16px no-repeat; position:relative; padding:16px 0 0 12px; border-top:1px solid #EEE; margin-top:16px}
.top ul.sns{position:absolute; bottom:97px; right:10px}
.top ul.sns li{float:left; margin-left:5px}
.top p{margin:24px 12px 14px 0}
.contents .button{text-align:center; display:block}
.introduction{border:1px solid #EEE; margin:0 10px; padding:7px 7px 10px 7px; border-radius:5px; overflow:hidden}
.introduction p{padding:0 6px}
.introduction a, .contents .link a{margin:22px 4px 16px; padding-left:13px; background:url(images/icon.png) 0 5px no-repeat; display:block; float:left}
.introduction .subtitle{background:url(images/bg2.png) 0 0; position:relative; padding:10px 0 10px 5px; border-radius:3px; margin:20px 0 10px}
.introduction .subtitle:before{content:''; width:4px; height:26px; display:block; background:#EB8C44; position:absolute; left:10px; top:8px}
.introduction .subtitle p{color:#EB8C44; font-weight:600; padding-left:18px; text-shadow:-1px 1px 0 rgba(255,255,255,1)}
.introduction .subtitle:first-child{margin:0 0 10px}
.contentTitle{text-align:center; background:url(images/bg1.png) 0 0; padding:14px 0; margin-top:30px}
.point{background:#fff; padding-bottom:5px}
.point .subtitle{background:#F58C4D; padding:8px 17px; margin:22px 10px 0; font-size:16px; font-weight:600; color:#fff; border-radius:3px}
.point .second .subtitle{margin-top:0px}
.point dt{padding:0 0 18px; position:relative; margin:0 12px}
.point dt:after{content:''; width:30px; height:12px; margin-bottom:14px; display:block; background:url(images/icon.png) 0 -215px no-repeat; position:absolute; top:45%; right:0}
.point dt.active:after{content:''; width:30px; height:10px; margin-bottom:14px; display:block; background:url(images/icon.png) 0 -107px no-repeat; position:absolute; top:40%; right:0}
.point dd{padding:0 16px 16px}
.point dl dt:before{content:''; width:308px; height:2px; margin-bottom:18px; display:block; background:url(images/border.png) 0 0 no-repeat}
.point dl dt.first{padding-top:18px}
.point dl dt.first:before{content:none}
.point dl dt span{background:#F58C4D; border-radius:24px; color:#fff; padding:4px 9px 4px; margin-right:8px}
.point .second .subtitle, .point .second dl dt span{background:#6CB2D8}
.point dl dt span.line2{display:block; background:none; color:#333; border-radius:0;font-size:13px}
.point dl dt .long{float:left; padding:2px 9px 3px; margin-bottom:1px}
.contents .button{margin:10px auto 40px}
.contents .article{background:#fff; padding-bottom:1px}
.contents .article article{background:#fff; border:none}
.contents .link{overflow:hidden; padding:10px}
.attend{background:url(images/bg2.png); margin:0 8px 30px; position:relative; border-radius:10px; padding-bottom:10px}
.attend p{color:#55545D; text-shadow:-1px 1px 0 rgba(255,255,255,1); font-size:16px; text-align:center; padding:16px 0 10px; font-weight:600}
.attend span{font-size:12px}
.attend ul{padding-left:28px; background:#fff; font-size:13px; margin:0 10px; padding:10px 0 4px 28px}
.attend ul li{padding:0 0 8px 0; list-style-type:disc}
#SHEET1{background:url(images/bg1.png) 0 0; padding:13px 14px}
#SHEET2{background:url(images/bg3.png) 0 0; padding:13px 14px}
.tap{text-align:center; margin:10px 0}
.contents .article section{margin:0 9px}
.contents .controls a{background:none}
.contents .controls{background:url(images/sheet.png) 0 0 no-repeat}
.contents #tabContainer4 .controls{background:url(images/sheet6.png) 50% 0 no-repeat}
.tabContentsContainer .subtitle:before{content:''; width:309px; height:29px; margin-top:14px; display:block; background:url(images/name1.png) 0 0 no-repeat}
.tabContentsContainer .subtitle:after{content:''; width:309px; height:223px; margin-top:14px; display:block; background:url(images/sheet1.png) 0 0 no-repeat}
.tabContentsContainer #tab3_2 .subtitle:before{content:''; width:309px; height:29px; margin-top:14px; display:block; background:url(images/name2.png) 0 0 no-repeat}
.tabContentsContainer #tab3_2 .subtitle:after{content:''; width:309px; height:267px; margin-top:14px; display:block; background:url(images/sheet2.png) 0 0 no-repeat}
.tabContentsContainer #tab3_3 .subtitle:before{content:''; width:309px; height:29px; margin-top:14px; display:block; background:url(images/name3.png) 0 0 no-repeat}
.tabContentsContainer #tab3_3 .subtitle:after{content:''; width:309px; height:152px; margin-top:14px; display:block; background:url(images/sheet3.png) 0 0 no-repeat}
.tabContentsContainer #tab3_4 .subtitle:before{content:''; width:309px; height:29px; margin-top:14px; display:block; background:url(images/name4.png) 0 0 no-repeat}
.tabContentsContainer #tab3_4 .subtitle:after{content:''; width:309px; height:179px; margin-top:14px; display:block; background:url(images/sheet4.png) 0 0 no-repeat}
.tabContentsContainer #tab3_5 .subtitle:before{content:''; width:309px; height:29px; margin-top:14px; display:block; background:url(images/name5.png) 0 0 no-repeat}
.tabContentsContainer #tab3_5 .subtitle:after{content:''; width:309px; height:84px; margin-top:14px; display:block; background:url(images/sheet5.png) 0 0 no-repeat}
.tabContentsContainer #tab4_1 .subtitle:before{content:''; width:309px; height:29px; margin-top:14px; display:block; background:url(images/name6.png) 0 0 no-repeat}
.tabContentsContainer #tab4_1 .subtitle:after{content:''; width:309px; height:373px; margin-top:14px; display:block; background:url(images/sheet7.png) 0 0 no-repeat}
.tabContentsContainer #tab4_2 .subtitle:before{content:''; width:309px; height:29px; margin-top:14px; display:block; background:url(images/name7.png) 0 0 no-repeat}
.tabContentsContainer #tab4_2 .subtitle:after{content:''; width:309px; height:105px; margin-top:14px; display:block; background:url(images/sheet8.png) 0 0 no-repeat}
.tabContentsContainer article{padding:0}
.tabContentsContainer{margin-bottom:16px}
.tab1 a{position:absolute; overflow:hidden; top:25px; left:13px}
.tab2 a{position:absolute; overflow:hidden; top:101px; left:13px}
.tab3 a{position:absolute; overflow:hidden; top:62px; right:6px}
.tab4 a{position:absolute; overflow:hidden; top:113px; right:6px}
.tab5 a{position:absolute; overflow:hidden; bottom:13px; right:6px}
.tab6 a{position:absolute; overflow:hidden; top:12px; left:86px}
.tab8 a{position:absolute; overflow:hidden; bottom:6px; left:86px}
.article section dl{margin:0 5px 20px}
.article section dt{margin:10px 0 5px; font-weight:600}
.introduction p span, .article section dt span{font-weight:600; background-color:#FDFE90; background:-webkit-linear-gradient(rgba(0,0,0,0) 50%,#FDFE90 50%); background:-moz-linear-gradient (transparent 50%,#FDFE90 50%); background:-ms-linear-gradient (transparent 50%,#FDFE90 50%); background:-o-linear-gradient (transparent 50%,#FDFE90 50%); background:linear-gradient(rgba(0,0,0,0) 50%,#FDFE90 50%)}
.check ul li{list-style-type:none; background:url(images/icon.png) 0 -323px no-repeat; padding-left:28px}
.check ul{padding-left:10px}
.example{background:#F5F5F6; margin:10px 8px; border-radius:5px; padding:14px 10px 0}
.example ul{padding-left:23px}
.example ul li{padding:0 0 14px 0; list-style-type:disc}
.contact{border:2px solid #6BB2D8; background:#fff; margin:0 10px; text-align:center; padding-bottom:30px}
.contact .subtitle{background:#6BB2D8; margin:8px -7px 30px -7px; position:relative; text-align:center; padding:10px 0}
.contact .subtitle:before, .contact .subtitle:after{content:''; width:0px; height:0; margin-top:14px; border:3px solid transparent; border-top:3px solid #6091BD; position:absolute; top:67%}
.contact .subtitle:before{right:0; border-left:3px solid #6091BD}
.contact .subtitle:after{left:0; border-right:3px solid #6091BD}
.contact .button{margin:10px auto 20px}
/*articleList*/
.list-box{border:1px solid #EBEBEB; background:#fff; padding:2px; box-shadow:rgba(0,0,0,0.137255) 0px 3px 4px 0px; -webkit-box-shadow:rgba(0,0,0,0.137255) 0px 3px 4px 0px; -moz-box-shadow:rgba(0,0,0,0.137255) 0px 3px 4px 0px; width:310px; margin:5px auto 20px}
.list-box header{margin:0}
.list-box .title{background:rgb(249,249,249); /* Old browsers */background:-moz-linear-gradient(top,rgba(249,249,249,1) 0%,rgba(224,224,224,1) 100%); /* FF3.6+*/background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(249,249,249,1)),color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+*/background:-webkit-linear-gradient(top,rgba(249,249,249,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+*/padding:14px 0 14px 53px; position:relative; font-size:16px; margin:0}
.list-box .title:before{content:''; background:url(/sp/introduction/images/new.png) 0 0 no-repeat; width:38px; height:23px; display:block; top:24%; left:7px; position:absolute}
.list-box ul.img li{overflow:hidden; border-top:1px dotted #C4C4C4}
.list-box ul.img li .list{display:table-cell; width:310px; height:72px; padding:0 50px 0 6px; vertical-align:middle; color:#039; background-color:#F6F6F6; background-image:url(/sp/introduction/images/arrow.png); background-repeat:no-repeat; background-position:281px center; background-color:#F6F6F6; -webkit-background-size:13.5px auto; -moz-background-size:13.5px auto; background-size:13.5px auto}
.list-box ul.img li:first-child{border:none}
.list-box ul.img li a{font-size:16px; font-weight:600; text-align:left}
.list-box ul.img li img{float:left; width:75px; margin:0 15px 0 0}
/*ratina*/
@media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx){.top{background:url(images/titleBg@2x.png) 100% 16px no-repeat; background-size:203px}.introduction a, .contents .link a{background:url(images/icon@2x.png) 0 5px no-repeat; background-size:18px}.introduction .subtitle{background:url(images/bg2@2x.png) 0 0; background-size:5px}.contentTitle{background:url(images/bg1@2x.png) 0 0; background-size:5px}.point dt:after{background:url(images/icon@2x.png) 0 -215px no-repeat; background-size:18px}.point dt.active:after{background:url(images/icon@2x.png) 0 -107px no-repeat; ; background-size:18px}.point dl dt:before{background:url(images/border@2x.png) 0 0 no-repeat; background-size:300px}.attend{background:url(images/bg2@2x.png); background-size:5px}#SHEET1{background:url(images/bg1@2x.png) 0 0; background-size:5px}#SHEET2{background:url(images/bg3@2x.png) 0 0; background-size:5px}.contents .controls{background:url(images/sheet@2x.png) 0 0 no-repeat; background-size:300px}.contents #tabContainer4 .controls{background:url(images/sheet6@2x.png) 50% 0 no-repeat; background-size:145px}.tabContentsContainer .subtitle:before{background:url(images/name1@2x.png) 0 0 no-repeat; background-size:301px}.tabContentsContainer .subtitle:after{background:url(images/sheet1@2x.png) 0 0 no-repeat; background-size:307px}.tabContentsContainer #tab3_2 .subtitle:before{background:url(images/name2@2x.png) 0 0 no-repeat; background-size:301px}.tabContentsContainer #tab3_2 .subtitle:after{background:url(images/sheet2@2x.png) 0 0 no-repeat; background-size:305px}.tabContentsContainer #tab3_3 .subtitle:before{background:url(images/name3@2x.png) 0 0 no-repeat; background-size:301px}.tabContentsContainer #tab3_3 .subtitle:after{background:url(images/sheet3@2x.png) 0 0 no-repeat; background-size:306px}.tabContentsContainer #tab3_4 .subtitle:before{background:url(images/name4@2x.png) 0 0 no-repeat; background-size:301px}.tabContentsContainer #tab3_4 .subtitle:after{background:url(images/sheet4@2x.png) 0 0 no-repeat; background-size:301px}.tabContentsContainer #tab3_5 .subtitle:before{background:url(images/name5@2x.png) 0 0 no-repeat; background-size:301px}.tabContentsContainer #tab3_5 .subtitle:after{background:url(images/sheet5@2x.png) 0 0 no-repeat; background-size:300px}.tabContentsContainer #tab4_1 .subtitle:before{background:url(images/name6@2x.png) 0 0 no-repeat; background-size:301px}.tabContentsContainer #tab4_1 .subtitle:after{background:url(images/sheet7@2x.png) 0 0 no-repeat; background-size:299px}.tabContentsContainer #tab4_2 .subtitle:before{background:url(images/name7@2x.png) 0 0 no-repeat; background-size:301px}.tabContentsContainer #tab4_2 .subtitle:after{background:url(images/sheet8@2x.png) 0 0 no-repeat; background-size:301px}.check ul li{background:url(images/icon@2x.png) 0 -323px no-repeat; background-size:18px}.list-box ul.img li .list{background-color:#F6F6F6; background-image:url(/sp/introduction/images/arrow@2x.png); background-repeat:no-repeat; background-position:281px center; background-color:#F6F6F6; -webkit-background-size:13.5px auto; -moz-background-size:13.5px auto; background-size:13.5px auto}
}