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

ul li { list-style:none;}


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

h1.rtl  { font-size:200%; display:block; margin-top:10px;}
h1.rtl b{ font-size:140%;}


div.tip { width:884px; border:3px solid #d4d4d4; padding:20px 30px 10px; font-size:82%; overflow:hidden; margin:20px 0 0;}
div.tip  p        { float:left; font-size:120%; line-height:1.5em; padding-bottom:10px;}
div.tip  p strong { display:block; margin-bottom:10px; font-size:120%;}
div.tip  p.login  { width:245px; float:right; padding-right:0;}
div.tip  a.btn    { display:block; width:220px; padding:10px 15px 10px 10px; color:#ffffff; background:#d00000; border-radius:5px; position:relative;}
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:245px; text-align:center; margin-top:5px;}

#contentsArea  { background:#ffffff;}

section.info     { width:944px; border:3px solid #92d050; font-size:82%; margin-top:15px;}
section.info h1  { background:#92d050; color:#ffffff; padding:10px; font-size:180%; text-align:center;}
section.info h1 small { font-size:92%;}

section.info dl.step      { width:944px; overflow:hidden; padding-bottom:20px;}
section.info dl.step dt   { padding:10px 0px 0px 35px; font-size:200%; line-height:162%; font-weight:bold; margin-top:20px;}
section.info dl.step dt span { display:block; border-radius:25px; background:#cccccc; width:40px; height:40px; float:left; text-align:center; margin-right:10px; color:#ffffff;}
section.info dl.step dd       { width:890px; padding:0px 24px 50px 30px; line-height:148%; position:relative; overflow:hidden; margin-top:15px;}
section.info dl.step dd.bg1   { background:url(../images/step1.gif) no-repeat; }
section.info dl.step dd.bg2   { background:url(../images/step2.gif) no-repeat 0 60px; padding-bottom:370px;} 
section.info dl.step dd.bg2 p { font-size:120%; margin:10px 0 0 40px;}
section.info dl.step dd.las p { font-size:120%; margin:10px 30px 0 40px; line-height:1.5em;}
section.info dl.step dd img {float:left; }
section.info dl.step dd p.note1 { width:320px; padding:10px; background:#ffe2e2; border-radius:5px; float:right; margin-top:240px; margin-right:20px; font-size:120%;}
section.info dl.step dd ul.note2 { width:380px; float: right; padding:20px 15px 15px 20px; background:#ffe2e2; border-radius:5px; margin-top:50px; margin-right:15px; line-height:1.5em; font-size:120%;}
/*section.info dl.step dd ul.note2 { width:274px; float: right; padding:20px 15px 15px 20px; background:#ffe2e2; border-radius:5px; margin-top:15px; margin-right:6px; line-height:1.5em; font-size:120%;}*/
section.info dl.step dd ul.note2 li { margin-bottom:10px;}
section.info dl.step dd.las { padding-bottom:20px;}


p.pagetop   { width:950px; text-align:right; margin-top:15px; font-size:82%;}

section.info ul.dtls    { width:888px; padding:26px 26px 14px 30px; overflow:hidden; line-height:1.7em; font-size:120%;}
section.info ul.dtls li { margin:0 0 10px 0;}
section.info ul.dtls li strong { display:block; margin-bottom:5px;}

.mbtm30 { margin-bottom:30px;}
.mtop20 { margin-top:10px;}

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

.sp  { display:none;}

p.rkp          { width: auto; font-size:82%; margin:30px auto 0; clear:both; text-align:center;}
#contentsArea p.rkp a.btn    { display:block; width:650px; margin:7px auto 0; padding:15px 15px 15px 10px; color:#ffffff; background:#d00000; border-radius:5px; position:relative; font-size:170%; 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    { margin-top :30px; font-size:110%;}
.br-sp {
	display:none;
}
#contentsArea p.rkp a.btn:hover { text-decoration:underline;}