@charset "utf-8";

/* reset CSS */
html{height:100%;}
body{width:100%; height:100%; overflow-x:hidden; background-color:#b9eefc; background-image:url('images/bg_wrap.jpg'); font-family:Meiryo UI, ｡ｰｫﾒｫ鬮ｮｫﾎﾊﾇｫｴ Pro W3｡ﾈ, ｡ｰHiragino Kaku Gothic Pro｡ｱ,Osaka, ｡ｰｫ皚､ｫ・ｪ｡ｱ, Meiryo, ｡ｰ｣ﾍ｣ﾓ ｣ﾐｫｴｫｷｫﾃｫｯ｡ｱ, ｡ｰMS PGothic｡ｱ, sans-serif;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0; font-weight:normal;}
body,input,textarea,select,button,table{font-family:"Hiragino Kaku Gothic Pro","ﾋﾗギﾉ角ゴPro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif; font-size:13px; color:#636363; text-align:left; line-height:18px;}
img,fieldset{border:0}
ul,ol{list-style:none}
address{font-style:normal}
a:link{text-decoration:none; color:#636363;}
a:visited{text-decoration:none; color:#636363;}
form {margin:0}

/* Layout */
#wrap{width:100%; height:100%; margin:0 auto;}
#container{position:relative; width:100%; height:100%; margin:0 auto;}
.contents01{position:relative; margin:0 auto; width:1460px; height:1180px; background-image:url('images/img_bg01.png');}
.logo{position:absolute; top:25px; left:210px; width:84px; height:63px; background-image:url('images/logo.png'); font-size:0px;}
.logo a{display:block; width:100%; height:100%;}
.contents02{position:relative; margin:0 auto 20px; width:1460px; height:1040px; background-image:url('images/img_bg02.png'); z-index:2;}
#footer{position:relative; clear:both; font-family:Arial,Helvetica,freesans,sans-serif; width:100%; height:60px; margin:0 auto; padding-top:15px; background-color:#ffffff; text-align:center; color:#000000; line-height:24px; z-index:2;}
#footer a{color:#000000;}

/* contents */
.ct_blue01{display:block; position:absolute; top:703px; left:310px; width:70px; height:85px; font-size:0px;}
.ct_blue02{display:block; position:absolute; top:703px; left:384px; width:70px; height:85px; font-size:0px;}
.ct_blue03{display:block; position:absolute; top:703px; left:460px; width:70px; height:85px; font-size:0px;}
.ct_green01{display:block; position:absolute; top:703px; left:623px; width:70px; height:85px; font-size:0px;}
.ct_green02{display:block; position:absolute; top:703px; left:698px; width:70px; height:85px; font-size:0px;}
.ct_green03{display:block; position:absolute; top:703px; left:773px; width:70px; height:85px; font-size:0px;}
.ct_red01{display:block; position:absolute; top:703px; left:935px; width:70px; height:85px; font-size:0px;}
.ct_red02{display:block; position:absolute; top:703px; left:1010px; width:70px; height:85px; font-size:0px;}
.ct_red03{display:block; position:absolute; top:703px; left:1085px; width:70px; height:85px; font-size:0px;}
.btn_rainbow a{display:block; position:absolute; top:38px; left:508px; width:360px; height:88px; background-image:url('images/btn_rainbow.png'); font-size:0px;}
.btn_rainbow a:hover{background-position:center -87px;}
.btn_umb a{display:block; position:absolute; top:153px; left:1055px; width:180px; height:150px; background-image:url('images/btn_umb.png'); font-size:0px;}
.btn_umb a:hover{background-position:center -151px;}
.btn_menu01 a{display:block; position:absolute; top:305px; left:405px; width:190px; height:80px; background-image:url('images/menu01.png'); font-size:0px;}
.btn_menu01 a:hover{background-position:center -90px;}
.btn_menu02 a{display:block; position:absolute; top:255px; left:715px; width:205px; height:120px; background-image:url('images/menu02.png'); font-size:0px;}
.btn_menu02 a:hover{background-position:center -121px;}
.btn_menu03 a{display:block; position:absolute; top:507px; left:567px; width:300px; height:75px; background-image:url('images/menu03.png'); font-size:0px;}
.btn_menu03 a:hover{background-position:center -88px;}
.btn_menu04 a{display:block; position:absolute; top:540px; left:325px; width:216px; height:82px; background-image:url('images/menu04.png'); font-size:0px;}
.btn_menu04 a:hover{background-position:center -88px;}
.btn_menu05 a{display:block; position:absolute; top:405px; left:900px; width:175px; height:120px; background-image:url('images/menu05.png'); font-size:0px;}
.btn_menu05 a:hover{background-position:center -121px;}
.btn_menu06 a{display:block; position:absolute; top:740px; left:480px; width:250px; height:120px; background-image:url('images/menu06.png'); font-size:0px;}
.btn_menu06 a:hover{background-position:center -121px;}
.btn_menu07 a{display:block; position:absolute; top:605px; left:855px; width:235px; height:82px; background-image:url('images/menu07.png'); font-size:0px;}
.btn_menu07 a:hover{background-position:center -88px;}
.btn_menu08 a{display:block; position:absolute; top:760px; left:845px; width:205px; height:82px; background-image:url('images/menu08.png'); font-size:0px;}
.btn_menu08 a:hover{background-position:center -88px;}
.btn_coming01{display:block; position:absolute; top:550px; left:375px; width:129px; height:60px; background-image:url('images/menu_coming.png'); font-size:0px;}
.btn_coming02{display:block; position:absolute; top:435px; left:930px; width:129px; height:60px; background-image:url('images/menu_coming.png'); font-size:0px;}
.btn_coming03{display:block; position:absolute; top:760px; left:550px; width:129px; height:60px; background-image:url('images/menu_coming.png'); font-size:0px;}
.btn_coming04{display:block; position:absolute; top:605px; left:910px; width:129px; height:60px; background-image:url('images/menu_coming.png'); font-size:0px;}
.btn_coming05{display:block; position:absolute; top:760px; left:875px; width:129px; height:60px; background-image:url('images/menu_coming.png'); font-size:0px;}
.pdt_30{padding-top:30px;}
.at_bar{display:inline-block; margin:0 10px; width:1px; height:10px; background:#7f7f7f; vertical-align:-2px;}

/* SNS */
.login_openid_btn{height:24px; list-style:none outside none; overflow:hidden;}
.login_openid_btn li{float:left; height:48px; width:24px; margin-right:2px; overflow:hidden;}
.login_openid_btn .imgsp {background:url("images/sns_btn.png") no-repeat; display:block; height:0; overflow:hidden; padding:24px 0px 0px 0px; text-align:left; vertical-align:middle;}
.login_openid_btn .btn_google{background-position: 0 0;}
.login_openid_btn .btn_google:hover{background-position:0 -24px;}
.login_openid_btn .btn_yahoo{background-position:-26px 0;}
.login_openid_btn .btn_yahoo:hover{background-position:-26px -24px;}
.login_openid_btn .btn_twitter{background-position:-52px 0;}
.login_openid_btn .btn_twitter:hover{background-position:-52px -24px;}
.login_openid_btn .btn_facebook{background-position:-78px 0;}
.login_openid_btn .btn_facebook:hover{background-position:-78px -24px;}
.login_openid_btn .btn_mixi{background-position:-104px 0;}
.login_openid_btn .btn_mixi:hover{background-position:-104px -24px;}
.regist-block{padding:14px 0px 30px 0px;width:900px;margin:auto;}
.regist-block div{float:left;}
.regist-block div.chara{float:right;}
.regist-block .sns{padding:9px 19px 0px 19px;}
*html .regist-block .sns{width:128px;}

/* footer banner*/
.footer_bn{position:relative; clear:both; width:100%; height:150px; margin:0 auto; padding-top:20px; background-color:#515151; text-align:center;}
.regist-block .sns .login_openid_btn{padding-left:3px;}
.regist-block .sns .text{float:none;padding-top:6px;}