@charset "utf-8";


/* body#mobile-index
----------------------------------------------------------------------- */
body#mobile-index #content div.sect .red { color: #cc0000; }
body#mobile-index #content div.sect { margin-right: -25px; margin-left: -25px; width: 710px; }
body#mobile-index #content div.sect div.main { width: 540px; }
body#mobile-index #content div.sect div.side { margin-top: 1.25em; }

body#mobile-index #content div.sect div.pane { padding: 0 9px 9px 9px; background-color: #e6e6e6; border-width: 1px; border-style: none solid solid solid; border-color: #b3b3b3; }
body#mobile-index #content div.sect div.pane.access ul { list-style: none;  }
body#mobile-index #content div.sect div.pane.access div.qr,
body#mobile-index #content div.sect div.pane.access p,
body#mobile-index #content div.sect div.pane.access ul { margin-top: 5px; }

body#mobile-index #content div.sect div.pane.access div.qr { width: 100px; }
body#mobile-index #content div.sect div.pane.access div.cpy { padding-top: 10px; }

body#mobile-index #content div.sect h4#pilotrk { margin-top: 2.5em; }
body#mobile-index #content table.pilotrk th,
body#mobile-index #content table.pilotrk td { width: 170px; padding: 0; border: none; background: none; font-weight: normal; color: #202020; vertical-align: top; }
body#mobile-index #content table.pilotrk th { white-space: normal; }
body#mobile-index #content table.pilotrk th div { width: 150px; margin-right: 25px; }
body#mobile-index #content table.pilotrk th img { margin-bottom: 10px; }
body#mobile-index #content table.pilotrk td img { margin-top: 10px!important; }

body#mobile-index #content div.sect strong { font-size: 115%; font-weight: bold; color: #30314b; }
body#mobile-index #content div.sect.rkpoint table th,
body#mobile-index #content div.sect.rkpoint table td { text-align: center; width: 100px; }

body#mobile-index #content div.sect.detail div.clm { width: 340px; }
body#mobile-index #content div.sect.detail div.clm div.box { margin-bottom: 1em; }
body#mobile-index #content div.sect.detail div.clm img.fl { margin-right: 10px; }
body#mobile-index #content div.sect.detail div.clm div.fr { width: 210px; }

body#mobile-index #content div.sect.detail ol { list-style: none; line-height: 1; }
body#mobile-index #content div.sect.detail ol li { float: left; }
body#mobile-index #content div.sect.detail ol li img { vertical-align: bottom; }
body#mobile-index #content div.sect.detail ol li.arw { padding-right: 40px; background: url(../img/mob_arw.png) right 100px no-repeat; }
body#mobile-index #content div.sect.detail ul.note { width: 380px; list-style: none; font-size: 92%; }
body#mobile-index #content div.sect.detail ul.note li { width: 380px; margin-bottom: .25em; padding-left: 1em; text-indent: -1em; zoom: 1; line-height: 1.2; }

body#mobile-index #content .pnintro h4 { margin-top: 2em; }
body#mobile-index #content .pnintro p.catch span { display: block; margin-top: .5em; font-size: 80%; }
body#mobile-index #content .pnintro ul.step { margin: 20px 0 0 0; list-style: none; }
body#mobile-index #content .pnintro ul.step li { float: left; }

body#mobile-index #content p.catch { margin-top: .5em; color: #ff6600; font-weight: bold; font-size: 167%; line-height: 1.4; }

body#mobile-index #content .sect.scs ul { list-style: none; }
body#mobile-index #content .sect.scs ul li.step1 { width: 355px; background: url(../img/mob_scs_arr.png) no-repeat 315px 70px; }
body#mobile-index #content .sect.scs ul li.step2 { width:305px; }
body#mobile-index #content .sect.scs ul li.step2 .qr strong { margin: 1.5em 0 .25em 0; font-size: 133%; color: #30314b; display: block; }
body#mobile-index #content .sect.scs ul li.step2 .qr ul { margin-top: 0; }
body#mobile-index #content .sect.scs ul li.step2 .qr ul li.fl { margin-right: 10px; }
body#mobile-index #content .sect.scs ul li.step2 .qr ul li.fr { width: 184px; }
body#mobile-index #content .sect.scs ul li.step2 .qr ul li.fr p { margin-top: .5em; font-size: 92%; }
body#mobile-index #content .sect.scs ul li.step2 p.btn { margin-top: 2em; padding-top: 1em; border-top: 1px solid #d0d0d8; }

body#mobile-index #content #shotai-matching .kome { margin-left: 1em; text-indent: -1em; }


/* body#mobile-popup
----------------------------------------------------------------------- */
body#mobile-popup { margin: 0 20px 20px 20px; }
body#mobile-popup dl dt { margin-top: 1.25em; background-color: #e8e8e8; padding: .25em .5em; font-size: 115%; font-weight: bold; color: #30314b; }
body#mobile-popup dl dd p { margin-top: .5em; }
body#mobile-popup dl dd ul { margin: .5em 0 0 2em; }
body#mobile-popup dl dd.public p.cap { margin: .5em 0 .25em 0; }
body#mobile-popup dl dd.public table { width: 100%; margin-top: 0; }
body#mobile-popup dl dd.public table th { width: 1em; }
body#mobile-popup .close { margin-top: 1.25em; text-align: center; }
body#mobile-popup .close a { padding: .25em .5em; background-color: #30314b; color: #ffffff; text-decoration: none; }