@charset "utf-8";
/*
* ★★CSS for smartphone
*
* @date 2013.03.13
* @author Daisuke Hayashi
*/

ul li { list-style:none;}


#widewrapper  { width: auto; margin:0 auto; overflow:hidden; clear:both;}

h1.rtl  { font-size:200%; display:block; padding:10px 15px 0;}
h1.rtl span  { display:block; font-size:72%;}
h1.rtl em { display: none; }

div.tip { width: auto; border:3px solid #d4d4d4; padding:15px; font-size:82%; overflow:hidden; margin:10px 0 0;}
div.tip  p        { width: auto;  font-size:120%;}
div.tip  p strong { display:block; margin-bottom:10px; font-size:120%;}
div.tip  p.login  { width: auto; }
div.tip  a.btn    { display:block; padding:10px 20px 10px 10px; color:#ffffff; background:#d00000; border-radius:5px; position:relative; margin-top:10px;}
div.tip  a.btn:before { text-decoration:underline;display: block; position: absolute; top: 50%; right: 7px; width: 5px; height: 5px; margin-top: -3px; border-top: 3px solid #f7f7f7; border-right: 3px solid #f7f7f7; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: "";}
div.tip  a.ws     { display:block; width: auto; text-align:center; margin-top:5px;}

#contentsArea  { background:#ffffff;}

section.info     { width: auto; border:3px solid #92d050; font-size:82%; margin:15px 0 30px 0;}
section.info h1  { background:#92d050; color:#ffffff; padding:10px; font-size:165%; text-align:center;}
section.info h1 small { font-size:65%; display:block;}
section.info img {width:100%; margin:10px auto 0;}
section.info dl.step      { width: auto; overflow:hidden; padding-bottom:15px;}
section.info dl.step dt   { padding:30px 0 10px 20px; font-size:150%; line-height:162%; font-weight:bold; margin-right:20px;}
section.info dl.step dt span { display:block; border-radius:25px; background:#cccccc; width:32px; height:32px; float:left; text-align:center; margin-right:5px; color:#ffffff;}
section.info dl.step dd   { width: auto; overflow:hidden; padding:0px 15px 40px; line-height:160%; position:relative; border-bottom:1px dashed #92d050; font-size:120%;}
section.info dl.step dd.bg2 p { margin:0 15px 0 25px;}
section.info dl.step dd.las p { margin:0 15px 0 25px;}
section.info dl.step dd.las     { border:0; padding-bottom:0;}
section.info dl.step dd p.annot { color:#666; font-size:92%; padding-top:10px;}
section.info dl.step dd p.note1 { width: auto; padding:10px; background:#ffe2e2; border-radius:5px; margin:15px 0 0; overflow:hidden; font-size:110%;}
section.info dl.step dd ul.note2 { width: auto; float: right; padding:10px; background:#ffe2e2; border-radius:5px; margin-top:10px; overflow:hidden;}
section.info dl.step dd ul.note2 li { margin-bottom:10px;}

#contentsArea  .pagetop {
    position: fixed;
    z-index: 9;
    bottom: 0px;
    right: 5px;
    width: 40px;
    height: 30px;
}
#contentsArea .pagetop a {
    display: block;
    width: 40px;
    height: 30px;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.8);
    border-radius: 4px 4px 0px 0px;
    color: #FFF;
    text-indent: -9999px;
}
#contentsArea  .pagetop a:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-top: -3px;
    margin-left: -7px;
    border-top: 4px solid #FFF;
    border-right: 4px solid #FFF;
    -webkit-transform: rotate(45deg);    
	transform: rotate(-45deg);
    content: "";
}

section.info ul.dtls    { width: auto; padding:15px; overflow:hidden; line-height:1.5em; font-size:120%;}
section.info ul.dtls li { margin:0 0 10px 0;}
section.info ul.dtls li strong { display:block; margin-bottom:5px;}

#contentsArea ul.dtls a:link,#contentsArea dl.step a:link { color:#1d54b0; text-decoration: underline;}

.pc { display:none;}


p.rkp          { width: auto; font-size:82%; margin:0 !important; clear:both; text-align:center; line-height:112%; overflow:hidden; padding-top:10px;}
#contentsArea p.rkp a.btn    { display:block; width: auto; margin:5px auto 0; padding:20px 15px 20px 10px; color:#ffffff; background:#d00000; border-radius:5px; position:relative; font-size:150%; font-weight:bold; text-decoration:none;}
#contentsArea p.rkp  a.btn:before { text-decoration:underline;display: block; position: absolute; top: 50%; right: 7px; width: 5px; height: 5px; margin-top: -3px; border-top: 3px solid #f7f7f7; border-right: 3px solid #f7f7f7; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: "";}
.red    { font-size:120%;}

#contentsArea p.rkp a.btn:hover { text-decoration:underline;}