@charset "utf-8";
/* Basic Elements */
*{margin:0;padding:0;border:0;}
body{font-size:14px; line-height:18px;font-family:"メイリオ", Arial, Helvetica, sans-serif; color:#fff;height: 100%; background:#000; overflow-x:hidden; }
input,textarea,button,h1,h2,h3,h4,h5,h6{ font-size:12px;}
table{border-collapse:collapse; border-spacing:0;}
input{vertical-align:middle;}
img{border:0;}
a{display:block;text-decoration:none;}
a:hover{text-decoration:underline;}
.pa{position:absolute}
.pr{position:relative}
.fr{float:right}
.fl{float:left}
.ml535{margin-left:535px;}


/* note_box */
.note_box{width:624px;height:759px;background:url(../images/bg_note_box.png) no-repeat;z-index:3;position:fixed;top:2%;}
.close_need{width:80px;height:80px;) no-repeat;}
.note_box p{width:540px;height:640px;color:#fff;position:absolute;top:50px;left:40px;line-height:20px;}
.note_box span a{color:#6666ff;text-decoration:underline;}
.note_box span a:hover{color:#fff;}
/* login_box */
.login_box_and{width:624px;height:553px;background:url(../images/login_bg.png) no-repeat;position:fixed;top:10%; left:50%; margin-left:-312px;}
.input_box{width:530px;height:50px;position:absolute;top:154px;left:42px;text-indent:20px;font-size:1.2em;}
.login_box_and h1{width:482px;height:50px;background:url(../images/login_title_and.png) no-repeat;margin:0 auto;}
.login_next{width:300px;height:96px;background:url(../images/login_in.png) no-repeat;position:absolute;margin:90px 0 0 152px;}
.login_box_and p{width:540px;height:190px;line-height:20px;margin:220px 40px;position:absolute;}

.login_box_ios{width:624px;height:553px;background:url(../images/login_bg.png) no-repeat;position:fixed;top:10%; left:50%; margin-left:-312px; z-index:9999}
.input_box{width:530px;height:50px;position:absolute;top:154px;left:42px;text-indent:20px;font-size:1.2em;}
.login_box_ios h1{width:412px;height:50px;background:url(../images/login_title_ios.png) no-repeat;margin:0 auto;}
.login_next{width:300px;height:96px;background:url(../images/login_in.png) no-repeat;position:absolute;margin:90px 0 0 152px;}
.login_box_ios p{width:540px;height:190px;line-height:20px;margin:220px 40px;position:absolute;}

/* final_box */
.final_box{width:624px;height:553px;background:url(../images/login_bg.png) no-repeat;position:fixed;top:10%; left:50%; margin-left:-312px;}
.final_box h1{width:547px;height:147px;background:url(../images/final_title.png) no-repeat;margin:-22px 0 0 38px;position:absolute;}
.final_box p{width:540px;height:124px;line-height:20px;margin:140px 0 0 40px;position:absolute;}
.final_box span a{color:#6666ff;text-decoration:underline;}
.final_box span a:hover{color:#fff;}
.final_box h2{width:555px;height:50px;background:url(../images/final_p.png) no-repeat;margin:260px auto 0 auto;}
.button_tw_big{width:76px;height:76px;background:url(../images/button_tw_big.png) no-repeat;position:absolute;margin:20px 0 0 194px;}
.button_fb_big{width:76px;height:76px;background:url(../images/button_fb_big.png) no-repeat;position:absolute;margin:20px 0 0 343px;}
/* content  */
#wrapper{width:640px; margin:0 auto; position:relative;}
.cont_1{width:640px;height:780px;background:url(../images/bg_01.jpg) no-repeat;position:relative;float:left;}
.cont_2{width:640px;height:654px;background:url(../images/bg_02.jpg) no-repeat;position:relative;float:left;}
.cont_3{width:640px;height:488px;background:url(../images/bg_03.jpg) no-repeat;position:relative;float:left;}
.cont_4{width:640px;height:497px;background:url(../images/bg_04.jpg) no-repeat;position:relative;float:left;}
.cont_5{width:640px;height:394px;background:url(../images/bg_05.jpg) no-repeat;position:relative;float:left;}
.cont_6{width:640px;height:582px;background:url(../images/bg_06.jpg) no-repeat;position:relative;float:left;}
.cont_7{width:640px;height:223px;background:url(../images/bg_07.jpg) no-repeat;position:relative;float:left;}

.text_login{position:absolute;top:750px;left:52px;}
.text_login a{float:left;}
.text_login p{float:left;}

/* video  */
.video{margin:22px 0 0 56px;}
/* nav_button  */
.button_nav_tw{background:url(../images/twitter_button_nav.png) no-repeat;width:48px; height:48px;top:17px;left:502px;position:relative;}
.button_nav_fb{background:url(../images/fb_button_nav.png) no-repeat;width:48px; height:48px;top:-31px;left:572px;position:relative;}
/* button_login  */
.button_login{top:647px;width:640px;height:96px;position:absolute;}
.button_login_ios{width:300px;height:96px;background:url(../images/ios_s.png) no-repeat;margin:0 0 0 17px;}
.button_login_and{width:300px;height:96px;background:url(../images/and_s.png) no-repeat;margin:0 0 0 6px;}
.button_login_bottom{width:640px;height:96px;}
/* button_banner  */
.button_banner_01{width:600px;height:147px;background:url(../images/banner_tw.png) no-repeat;margin:44px 0 0 20px;}
.button_banner_02{width:600px;height:147px;background:url(../images/banner_cs.png) no-repeat;margin:6px 0 0 20px;}
/* footer  */
.footer{width:640px;height:144px;background:url(../images/bg_footer.jpg) no-repeat;float:left;}
.go_top{width:242px;height:79px;background:url(../images/go_top.png) no-repeat;margin:24px auto;cursor:pointer;}
.footer_link{text-align:center;line-height:22px;margin:6px 20px;width:600px;color:#fff;height:64px;font-size:1.1em;}
.footer_link a{color:#fff;margin:0 7px;display:inline;}
.footer_logo{margin:13px 0 0 108px;width:424px;height:67px;}



/* inbox-page  */
.content_01{width:640px;height:523px;background:url(../images/bg_twitter_01.jpg) no-repeat;position:relative;float:left;}
.content_02{width:640px;height:963px;background:url(../images/bg_twitter_02.jpg) no-repeat;position:relative;float:left;}
.twitter_go{width:480px;height:70px;background:url(../images/twitter_btn.png) no-repeat;margin:0 auto;}
.text_cont{line-height:24px;font-size:1.15em;width:540px;height:716px;margin:35px auto 0 auto;text-align:left;}
.text_cont span a{color:#6666ff;text-decoration:underline;}
.text_cont span a:hover{color:#fff;}