@charset "utf-8";
/* CSS Document */
/* reset css*/
.centering {width:1400px; margin: 0 auto;}
.main1 {background-image:url(../img/bluedot_03.gif); background-repeat: repeat; min-width: 1400px;}
.mainimage1 {padding-top:10px; padding-bottom:10px; width:1300px; margin:0 auto;}
.banner0 {padding:40px 0px 40px 0px; width:1300px; margin:0 auto; text-align:center;}
.bannerbox {padding:0px 0px 34px 0px; width:1300px; margin:0 auto; text-align:center;}
.main2 {background-image: url(../img/mainbar_02.gif); background-repeat: repeat-x; margin-bottom:10px; min-width: 1400px;}

.triangle {margin-left:632px;}

.more {margin:0px 505px 0px 505px;}

.jalinvite {float:left; padding:15px 20px 15px 280px;}
.friendinvite {float:left; padding:15px 280px 15px 20px;}

.step1left {float:left; padding:30px 50px 35px 225px; }
.step1right {margin-left:50px; padding-top:44px;}

.step1icon {background-image:url(../img/1_60.png); background-repeat:no-repeat; background-position: 0 bottom; padding-bottom:30px; width:423px;}
.password {padding-left:85px;}
.password dt {float:left; width:10em; font-size:12px; color:#005cbe;}
.main3 {background-image: url(../img/step1back_02.gif); background-repeat:no-repeat;  padding-bottom:33px; }
.wording {color:#FFF; font-size:15px;}
.shortcut {font-size:10px; padding-left:100px; }
.shortcut1 {padding-left:10em;}

.step1background {background-image:url(../img/maindot_08.gif); background-repeat:repeat;} 

.okbutton {padding:15px 209px 15px 203px; background-color:#F4FFFF; }
.kome {color:#d30000;}
.checkbox1 {vertical-align:middle;}


.step2icon {background-image:url(../img/1_60.png); background-repeat:no-repeat; background-position: 0 bottom; padding-bottom:30px; width:423px;}
.step2left {float:left; padding-top:45px;padding:45px 50px 35px 225px; width:469px;}
.step2right {float:left; padding-top:45px; padding-bottom:40px; width:431px;}

.main4 {background-image:url(../img/step2back_04.gif) ; background-repeat:no-repeat;}


.step3background



.main5 {background-image: url(../img/step3back_06.gif); background-repeat:no-repeat; }
.step3icon {background-image:url(../img/1_60.png); background-repeat:no-repeat; background-position: 0 bottom; padding-bottom:30px; width:423px;}
.step3left {float:left; width:426px; padding:30px 0px 45px 225px;}
.step3right {float:left;padding-top:35px; padding-left:50px; width:476px; }
.wording2 {color:#FFF ; font-size:12px;}

.main6 {background-image: url(../img/step4back_08.gif); background-repeat::no-repeat; }
.step4icon {background-image:url(../img/1_60.png); background-repeat:no-repeat; background-position: 0 bottom; padding-bottom:30px; width:423px;}
.step4left {float:left;  padding:45px 50px 45px 225px;}
.step4right {float:left; padding-top:45px; width:431px;}

.main7 {background-image:url(../img/step5back_10.gif); background-repeat:no-repeat; }
.step5icon {background-image:url(../img/1_60.png); background-repeat:no-repeat; background-position: 0 bottom; padding-bottom:30px; width:423px;}
.step5left {float:left; width:426px; padding:30px 50px 45px 225px;}
.step5right {float:left;padding-top:35px; padding-bottom:45px; }

.centering2 {width:955px; padding-left:225px; padding-right:225px;}
.notice {color:#cc0000; font-size:20px; width:955px; border-bottom:#cc0000 dotted 2px; font-weight:600; line-height:14px; padding-top:30px;}

.notice2 {color:#cc0000; font-size:20px; width:955px; border-bottom:#cc0000 dotted 2px; font-weight:600; line-height:14px; padding-top:30px;}

.main8 {background-image:url(../img/noticeback_41.gif); }
.description {padding-top:15px; font-size:14px;}
.description2 {padding-top:15px;  font-size:14px; padding-bottom:37px;}

.step4background {background-image:url(../img/maindot_08.gif); background-repeat:repeat;}

.step1background,.step2background,.step3background,.step4background,.step5background {position:relative;height:100%;background-image:none; margin-top:10px;}
div.backgroundrepeat{position:absolute; top:0; left:0; width:50%; height:100%; z-index:-1;}
div.backgroundrepeat.contentsR {left:50%;}

div.backgroundrepeat.color1{background-color:#33B3EB;}
div.backgroundrepeat.color2{background-color:#71C9F1;}
div.backgroundrepeat.color3{background-color:#4DBCED;}
div.backgroundrepeat.color4{background-color:#00A0E6;}

.noticebackground {background-image:url(../img/maindot5_15.gif); background-repeat:repeat; margin-top:10px; }

.main3friend {background-image:url(../img/step1background_02.gif); background-repeat:no-repeat; padding-bottom:44px;}
.main4friend {background-image: url(../img/step2background_02.gif) ; background-repeat:no-repeat;}
.main5friend {background-image: url(../img/friendbackground3_04.gif); background-repeat:no-repeat; }
.main7friend {background-image: url(../img/friendbackground4_06.gif); background-repeat:no-repeat; }
.wordingfriend {color:#004986; font-size:15px;}
.wordingfriend2 {color:#004986; font-size:12px;}


.step1iconfriend {background-image:url(../img/bar50_03.gif); background-repeat:no-repeat; background-position: 0 bottom; padding-bottom:30px; width:427px;}
.step1leftfriend {float:left; background-color:#FFF; padding-top:25px; margin-top:38px; margin-left:225px;}
.step1rightfriend {float:left; padding:30px 224px 35px 50px; width:425px; }


.step2iconfriend {background-image:url(../img/bar50_03.gif); background-repeat:no-repeat; background-position: 0 bottom; padding-bottom:30px; width:427px;}
.step2leftfriend {float:left; padding-top:45px;padding:45px 50px 35px 225px; width:425px;}
.step2rightfriend {float:left; padding-top:45px; padding-bottom:35px; width:431px;}


.step3iconfriend {background-image:url(../img/bar50_03.gif); background-repeat:no-repeat; background-position: 0 bottom; padding-bottom:30px; width:427px;}
.step3leftfriend {float:left; width:426px; padding:30px 50px 45px 225px;}
.step3rightfriend {float:left;padding-top:35px; padding-left:52px; width:476px; }

.step4iconfriend {background-image:url(../img/bar50_03.gif); background-repeat:no-repeat; background-position: 0 bottom; padding-bottom:30px; width:427px;}
.step4leftfriend {float:left; width:426px; padding:30px 50px 45px 225px;}
.step4rightfriend {float:left;padding-top:35px; padding-bottom:45px; }


.step1backgroundfriend, .step2backgroundfriend, .step3backgroundfriend, .step4backgroundfriend {position:relative; height:100%; background-image:none; margin-top:10px;}
div.backgroundrepeat{position:absolute; top:0; left:0; width:50%; height:100%; z-index:-1;}
div.backgroundrepeat.contentsR{left:50%;}
div.backgroundrepeat.friendcolor1{background-color:#B9E5F8;}
div.backgroundrepeat.friendcolor2{background-color:#F1FAFD;}
div.backgroundrepeat.friendcolor3{background-color:#ccecfa;}