@charset "utf-8";
/* CSS Document */
@import url(main.css);
@import url(contents.css);
/* Reset */
html{height:100%;}
body{height:100%; margin:0; padding:0; font-family:"Hiragino Kaku Gothic Pro", "긭깋긎긩둷긕 Pro W3", 긽귽깏긆 , Meiryo , "굃굍 긕긘긞긏", Verdana, monospace; font-size:0.75em; line-height:1; color:#707070;background-color:#fff;*word-break:break-all;-ms-word-break:break-all;-webkit-text-size-adjust:none;}
a:link, a:visited{color:#6e6e6e; text-decoration:none;}
a:focus, a:hover, a:active {color:#6e6e6e; text-decoration:none;}
input.text, textarea.textarea{vertical-align:middle; border:1px solid #d9d9d9;font-size:12px;}
hr{display:none}
label, input.button, input.submit , input.image, button{cursor:pointer;}
textarea, pre{overflow:auto;}
h1, h2, h3, h4, h5, h6, div, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, caption, th, td, form, fieldset, legend{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:0.75em;}
ul, ol {list-style:none;}
table{margin:0; padding:0; border-spacing:0; border:0; border-collapse:collapse;table-layout:fixed;}
img, fieldset, abbr{border:0;}
address, caption, em{font-style:normal; font-weight:normal;}
select, button, textarea{padding:0;marign:0;}
caption, .skip{width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;display:block;display:none;}
legend{display:none;}
input.chk,
input.rdo {padding:0;margin:0;width:13px;height:13px;margin-right:4px;vertical-align:middle;}
input.textbox,
input.file {border:solid 1px #cecece;height:20px;font-size:12px;}
label {position:relative;top:1px;*top:0;display:inline-block;}
button{border:0; cursor:pointer; }

/* float*/
.f-clear:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.f-clear { display:inline-block; }
* html .f-clear { height:1%; }
.f-clear { display:block; }
.cb {clear:both;height:0px;font-size:0px;padding:0px;margin:0px;}

.aC {text-align:center;}
.aR {text-align:right;}

.tm3 {margin-top:3px;} 
.tm5 {margin-top:5px;}
.tm10 {margin-top:10px;}
.tm12 {margin-top:12px;}
.pd12{padding-top:12px;}
.tm15 {margin-top:15px;}
.tm20 {margin-top:20px;}
.tm25 {margin-top:25px;}
.tm30 {margin-top:30px;}

.rm5 {margin-right:5px;}
.rm10 {margin-right:10px;}

.lm5 {margin-left:5px;}
.lm10 {margin-left:10px;}

.bm10 {margin-bottom:10px;}
.bm12 {margin-bottom:12px;}
.bm15 {margin-bottom:15px;}
.bm30 {margin-bottom:30px;}



body {background:url("../images/common/bg_body.gif") 0 0 repeat-x;background-color:#f8f8f8;}

#topBar {width:950px;height:27px;margin:0 auto;text-align:right;line-height:27px;color:#fff;}
#topBar a{color:#fff;}
#topBar a:hover{color:#e78cbf;}
#header {}
#header .headerWrap {width:950px;height:176px;margin:0 auto;}
#header .headerWrapGame {width:950px;height:276px;margin:0 auto;}
#header .logoSection {position:relative;height:92px;padding-top:20px;}
#header .logoSection .timeNotice {position:absolute;top:22px;right:0;width:323px;height:71px;background:url("../images/main/top_timeNotice.gif") 0 0 no-repeat;}
#header .logoSection .timeNotice .btnMailForm {position:absolute;top:30px;right:0;display:block;width:130px;height:41px;background:url("../images/btn/btn_mailForm.gif") 0 0 no-repeat;font-size:0;line-height:0;overflow:hidden;}
#header .logoSection .timeNotice .btnMailForm:hover {background-position:0 -41px;}
#header .gnbWrap {width:950px;height:45px;background:url("../images/common/bg_gnb.png") 0 0 no-repeat;}
#header .gnbWrap .gnbMenu {height:45px;}
#header .gnbWrap .gnbMenu li {float:left;height:45px;}
#header .gnbWrap .gnbMenu li a {display:block;height:45px;background-position:0 0;background-repeat:no-repeat;}
#header .gnbWrap .gnbMenu li a:hover {background-position:0 -45px;}
#header .gnbWrap .gnbMenu li.gnbM01 {}
#header .gnbWrap .gnbMenu li.gnbM01 a {width:156px;background-image:url("../images/common/gnb_m01.png");}
#header .gnbWrap .gnbMenu li.gnbM02 a {width:189px;background-image:url("../images/common/gnb_m02.png");}
#header .gnbWrap .gnbMenu li.gnbM03 a {width:132px;background-image:url("../images/common/gnb_m03.png");}
#header .gnbWrap .gnbMenu li.gnbM04 a {width:154px;background-image:url("../images/common/gnb_m04.png");}
#header .gnbWrap .gnbMenu li.gnbM05 a {width:154px;background-image:url("../images/common/gnb_m05.png");}
#header .gnbWrap .gnbMenu li.gnbM06 a {width:165px;background-image:url("../images/common/gnb_m06.png");}

#header .gnbWrap1 {width:950px;height:45px;background:url("../images/common/bg_gnb.png") 0 0 no-repeat;}
#header .gnbWrap1 .gnbMenu {height:45px;}
#header .gnbWrap1 .gnbMenu li {float:left;height:45px;}
#header .gnbWrap1 .gnbMenu li a {display:block;height:45px;background-position:0 0;background-repeat:no-repeat;}
#header .gnbWrap1 .gnbMenu li a:hover {background-position:0 -45px;}
#header .gnbWrap1 .gnbMenu li.gnbM01 {}
#header .gnbWrap1 .gnbMenu li.gnbM01 a {width:136px;background-image:url("../images/common/gnb1_m01.png");}
#header .gnbWrap1 .gnbMenu li.gnbM07 a {width:136px;background-image:url("../images/common/gnb1_m07.png");}
#header .gnbWrap1 .gnbMenu li.gnbM02 a {width:136px;background-image:url("../images/common/gnb1_m02.png");}
#header .gnbWrap1 .gnbMenu li.gnbM03 a {width:135px;background-image:url("../images/common/gnb1_m03.png");}
#header .gnbWrap1 .gnbMenu li.gnbM04 a {width:135px;background-image:url("../images/common/gnb1_m04.png");}
#header .gnbWrap1 .gnbMenu li.gnbM05 a {width:136px;background-image:url("../images/common/gnb1_m05.png");}
#header .gnbWrap1 .gnbMenu li.gnbM06 a {width:136px;background-image:url("../images/common/gnb1_m06.png");}

#mainContents {position:relative;width:950px;margin:0 auto;}
.menuState {font-size:12px;color:#333333;height:28px;padding-left:5px;}
.menuState span{margin:0 5px;font-size:11px;}
.rightContents {float:left;padding-left:25px;padding-left:24px;width:745px;height:1088px;}
.rightContents_temp {float:left;padding-left:25px;padding-left:24px;width:745px;height:1588px;}
.centerContents {float:left;padding-left:25px;width:630px;}
.centerContents .menuTitle{position:relative;width:630px;height:42px;background:url("../images/common/bg_menuBar.png") 0 0 no-repeat;margin-bottom:20px;}
.centerContents .menuTitle span{position:absolute;top:11px;left:27px;width:500px;line-height:22px;font-size:18px;font-weight:bold;color:#424242;}
.leftContents {float:left;width:180px;}
.leftContents .btnPlay {display:block;width:180px;height:71px;background:url("../images/btn/btn_play.png") 0 0 no-repeat;font-size:0;line-height:0;overflow:hidden;}
.leftContents .btnPlay:hover {background:url("../images/btn/btn_play_over.png") 0 0 no-repeat;}
.loginSection {padding:12px 12px 12px 12px;*padding-bottom:10px;width:156px;height:185px;background:url("../images/main/bg_loginBox.png") 0 0px no-repeat;}
.loginSection div.input_box {position:relative;margin-bottom:4px;}
.loginSection div.input_box input {border:solid 1px #e4e4e4;padding:5px 0 5px 10px;width:145px;font-size:12px;font-weight:bold;}
.loginSection div.input_box label {position:absolute;top:9px;right:15px;width:65px;text-align:right;font-size:12px;color:#b0adad;font-weight:bold;}

.loginSection .chk_id_login {margin-top:6px;}
.loginSection .chk_id_login .chk_login {vertical-align:middle;margin:-1px 0 1px;}
.loginSection a.btn {display:block;width:155px;height:41px;margin-top:6px;font-size:0;line-height:0;overflow:hidden;}
.loginSection a.btn.bt_login {background:url("../images/btn/btn_login.png") 0 0 no-repeat;}
.loginSection a.btn.bt_login:hover {background:url("../images/btn/btn_login_over.png") 0 0 no-repeat;}
.loginSection a.btn.bt_idPwdSearch {background:url("../images/btn/btn_idPwdSearch.png") 0 0 no-repeat;}
.loginSection a.btn.bt_idPwdSearch:hover {background:url("../images/btn/btn_idPwdSearch_over.png") 0 0 no-repeat;}

.registration a.btn {display:block;width:179px;height:51px;font-size:0;line-height:0;overflow:hidden;}
.registration a.btn.bt_registration {background:url("../images/btn/btn_registration.png") 0 0 no-repeat;}
.registration a.btn.bt_registration:hover {background:url("../images/btn/btn_registration_over.png") 0 0 no-repeat;}
.download a.btn {display:block;width:179px;height:51px;font-size:0;line-height:0;overflow:hidden;}
.download a.btn.bt_download {background:url("../images/btn/btn_download.png") 0 0 no-repeat;}
.download a.btn.bt_download:hover {background:url("../images/btn/btn_download_over.png") 0 0 no-repeat;}
.download a.btn.bt_download2 {background:url("../images/btn/btn_download2.png") 0 0 no-repeat;}
.download a.btn.bt_download2:hover {background:url("../images/btn/btn_download2_over.png") 0 0 no-repeat;}
.price a.btn {display:block;width:179px;height:46px;font-size:0;line-height:0;overflow:hidden;}
.price a.btn.bt_price {height:46px;background:url("../images/btn/btn_price.png") 0 0 no-repeat;}
.price a.btn.bt_price:hover {background:url("../images/btn/btn_price_over.png") 0 0 no-repeat;}
.management {position:relative;width:180px;height:130px;margin-bottom:0;background:url("../images/main/bg_managementBox.png") 0 0 no-repeat;}
.management p {position:absolute;top:50px;left:0;width:100%;text-align:center;font-size:13px;line-height:21px;color:#333;}
.management a.bt_managementInfo {position:absolute;top:95px;left:13px;width:155px;height:25px;background:url("../images/btn/btn_manageInfo.png") 0 0 no-repeat;font-size:0;line-height:0;overflow:hidden;}
.smartphone a.btn {display:block;width:179px;height:51px;font-size:0;line-height:0;overflow:hidden;}
.smartphone a.btn.bt_smartphone {background:url("../images/btn/btn_smartPhone.png") 0 0 no-repeat;}
.smartphone a.btn.bt_smartphone:hover {background:url("../images/btn/btn_smartPhone_over.png") 0 0 no-repeat;}

.banner2 a.btn {display:block;width:179px;height:51px;font-size:0;line-height:0;overflow:hidden;}
.banner2 a.btn.bt_banner2 {background:url("../images/banner/getsureirankingu_off.png") 0 0 no-repeat;}
.banner2 a.btn.bt_banner2:hover {background:url("../images/banner/getsureirankingu_on.png") 0 0 no-repeat;}
.banner3 a.btn {display:block;width:179px;height:51px;font-size:0;line-height:0;overflow:hidden;}
.banner3 a.btn.bt_banner3 {background:url("../images/banner/menjo_off.png") 0 0 no-repeat;}
.banner3 a.btn.bt_banner3:hover {background:url("../images/banner/menjo_on.png") 0 0 no-repeat;}



.leftContents .leftMenu {width:180px;position:relative;margin-bottom:12px;}
.leftContents .leftMenu .menuBar{height:36px;background:url("../images/common/bg_leftMenuBar.gif") 0 0 no-repeat;}
.leftContents .leftMenu .menuBar p{position:absolute;width:180px;top:9px;text-align:center;font-size:14px;font-weight:bold;line-height:21px;color:#333;}
.leftContents .leftMenu .menuBar2{height:55px;background:url("../images/common/bg_leftMenuBar2.gif") 0 0 no-repeat;}
.leftContents .leftMenu .menuBar2 p{position:absolute;width:180px;top:9px;text-align:center;font-size:14px;font-weight:bold;line-height:21px;color:#333;}
.leftContents .leftMenu .menuBox {border-left:1px solid #dda6d4;border-right:1px solid #dda6d4;background:#fff;padding:10px 8px 0 8px;}
.leftContents .leftMenu .leftMenuBom {display:block;width:180px;height:11px;background:url("../images/common/leftMenuBom.gif") 0 0 no-repeat;}
.leftContents .leftMenu .menuName li{}
.leftContents .leftMenu .menuName li a{display:block;line-height:33px;height:39px;text-align:center;background:url("../images/common/bg_menuBar.gif") 0 0 no-repeat;font-size:14px;font-weight:bold;color:#fff;}
.leftContents .leftMenu .menuName li a:hover{height:39px;background:url("../images/common/bg_menuBar_ov.gif") 0 0 no-repeat;}
.leftContents .leftMenu .menuName li.sell{height:39px;line-height:33px;background:url("../images/common/bg_menuBar_ov.gif") 0 0 no-repeat;font-size:14px;font-weight:bold;color:#fff;}
.leftContents .leftMenu .menuName li a.sellA{background:url("../images/common/bg_menuBar_ov.gif") 0 0 no-repeat;}
.leftContents .leftMenu .subMenu{border:1px solid #dca0d2;padding:8px 10px;margin-bottom:6px;width:140px;}
.leftContents .leftMenu .subMenu li a{background:none;display:block;padding-top:0px;height:22px;font-size:12px;text-align:left;font-weight:normal;color:#706f70;line-height:22px;padding-left:13px;}
.leftContents .leftMenu .none{margin-bottom:0px;}
.leftContents .leftMenu .subMenu li a:hover{color:#be5dae;height:22px;background:url("../images/common/bul_subMenu.gif") 0 center no-repeat;text-decoration:underline;padding-left:13px;}
.leftContents .leftMenu .subMenu li.subSelectA a{color:#be5dae;height:22px;background:url("../images/common/bul_subMenu.gif") 0 center no-repeat;text-decoration:underline;}
.leftContents .leftMenu .subMenu li.subSelect{color:#be5dae;line-height:22px;background:url("../images/common/bul_subMenu.gif") 0 center no-repeat;text-decoration:underline;padding-left:13px;}

.leftContents .myclub {width:180px;margin-top:0px;background:url("../images/common/bg_myclubBg.png") 0 bottom repeat-y;}
.leftContents .myclub .myclubTop{display:block;background:url("../images/common/bg_myclubTop.png") 0 0 no-repeat;height:31px;}
.leftContents .myclub p {width:100%;text-align:center;font-size:14px;font-weight:bold;line-height:21px;color:#333;padding:8px 0;}
.leftContents a.ban_club {display:block;margin:0px 0;width:180px;height:51px;background:url("../images/btn/btn_banClub.png") 0 0 no-repeat;font-size:0;line-height:0;overflow:hidden;}
.leftContents a.ban_club:hover {background-position:0 -51px;}
.leftContents .searchClub {position:relative;width:180px;height:108px;margin-bottom:12px;background:url("../images/common/bg_searchClubBox.png") 0 0 no-repeat;}
.leftContents .searchClub p {position:absolute;top:41px;left:0;width:100%;text-align:center;font-size:13px;line-height:21px;color:#333;}
.leftContents .searchClub input{border:solid 1px #e4e4e4;height:18px;padding:3px 0 3px 10px;width:145px;}
.leftContents .searchClub a.bt_searchClub {position:absolute;top:74px;left:57px;width:66px;height:21px;background:url("../images/btn/btn_searchClub.png") 0 0 no-repeat;font-size:0;line-height:0;overflow:hidden;}

p.memberFree_top{background:url("../images/common/member_bg.gif") 0 0 no-repeat;height:38px;padding-left:42px;line-height:38px;font-size:12px;}
.memberFree {padding-left:10px;padding-bottom:10px;width:180px;background:url("../images/common/member_bg_bom.gif") 0 bottom repeat-y;}
.memberFree ul li {width:162px;height:37px;margin-bottom:6px;font-size:0;line-height:0;}
.memberFree ul li.last {margin-bottom:0;}
.memberFree ul li a {display:block;width:162px;height:37px;font-size:0;line-height:0;overflow:hidden;}
.memberFree ul li a.bt_member1 {background:url("../images/btn/member_btn1.gif") 0 0 no-repeat;}
.memberFree ul li a.bt_member1:hover {background-image:url("../images/btn/member_btn1_ov.gif");}
.memberFree ul li a.bt_member2 {background:url("../images/btn/member_btn2.gif") 0 0 no-repeat;}
.memberFree ul li a.bt_member2:hover {background-image:url("../images/btn/member_btn2_ov.gif");}
.memberFree ul li a.bt_member3 {background:url("../images/btn/member_btn3.gif") 0 0 no-repeat;}
.memberFree ul li a.bt_member3:hover {background-image:url("../images/btn/member_btn3_ov.gif");}
.memberFree ul li a.bt_member31 {background:url("../images/btn/member_btn31.png") 0 0 no-repeat;}
.memberFree ul li a.bt_member31:hover {background-image:url("../images/btn/member_btn31_ov.png");}

.quickAside {float:right;padding-left:25px;margin-top:29px;width:90px;}
.mainQ{position:absolute;top:0;right:0;width:90px;margin-top:0px;}
.quickAside .helpWrap {position:relative;width:90px;height:252px;background:url("../images/main/bg_quickHelp.gif") 0 0 no-repeat;}
.quickAside .helpWrap ul {position:absolute;top:45px;left:10px;}
.quickAside .helpWrap ul li {width:72px;height:59px;margin-bottom:9px;font-size:0;line-height:0;}
.quickAside ul li.last {margin-bottom:0;}
.quickAside .helpWrap ul li a {display:block;width:72px;height:59px;font-size:0;line-height:0;overflow:hidden;}
.quickAside .helpWrap ul li a.bt_manual {background:url("../images/btn/btn_manual.gif") 0 0 no-repeat;}
.quickAside .helpWrap ul li a.bt_manual:hover {background-image:url("../images/btn/btn_manual_over.gif");}
.quickAside .helpWrap ul li a.bt_qna {background:url("../images/btn/btn_qna.gif") 0 0 no-repeat;}
.quickAside .helpWrap ul li a.bt_qna:hover {background-image:url("../images/btn/btn_qna_over.gif");}
.quickAside .helpWrap ul li a.bt_rating {background:url("../images/btn/btn_rating.gif") 0 0 no-repeat;}
.quickAside .helpWrap ul li a.bt_rating:hover {background-image:url("../images/btn/btn_rating_over.gif");}
.quickAside .etcLinkWrap {margin-top:16px;}
.quickAside .etcLinkWrap ul li {width:90px;height:90px;margin-bottom:10px;font-size:0;line-height:0;}
.quickAside .etcLinkWrap ul li a {display:block;width:90px;height:90px;font-size:0;line-height:0;overflow:hidden;}
.quickAside .etcLinkWrap ul li a.bt_sphone {background:url("../images/btn/btn_sphone.gif") 0 0 no-repeat;}
.quickAside .etcLinkWrap ul li a.bt_sphone:hover {background-image:url("../images/btn/btn_sphone_over.gif");}
.quickAside .etcLinkWrap ul li a.bt_site {background:url("../images/btn/btn_site.gif") 0 0 no-repeat;}
.quickAside .etcLinkWrap ul li a.bt_site:hover {background-image:url("../images/btn/btn_site_over.gif");}
.quickAside .etcLinkWrap ul li a.bt_mypage {background:url("../images/btn/btn_mypage.gif") 0 0 no-repeat;}
.quickAside .etcLinkWrap ul li a.bt_mypage:hover {background-image:url("../images/btn/btn_mypage_over.gif");}

ul.leftBanner li{text-align:center;padding-bottom:3px;}

.pageTop{clear:both;margin:0 auto;width:950px;height:56px;position:relative;}
.pageTop .bt_pageTop {position:absolute;left:462px;top:0;width:107px;height:27px;background:url("../images/btn/btn_pageTop.png") 0 0 no-repeat;font-size:0;line-height:0;overflow:hidden;}
.pageTop .bt_pageTop:hover {background-image:url("../images/btn/btn_pageTop_over.png");}

#footer {clear:both;height:236px;background:url("../images/common/bg_footer.gif") 0 0 repeat-x;}
#footer .footerWrap {position:relative;width:950px;height:184px;margin:0 auto;}
.footerWrap .footerLogo {position:absolute;top:52px;}
.footerWrap .footerMenu {position:absolute;top:30px;left:130px;}
.footerWrap .footerMenu li {float:left;padding:0 16px;height:130px;border-right:solid 1px #d991b9;}
.footerWrap .footerMenu li.last {border:0;padding-right:0;}
.footerWrap .footerMenu li h3 {color:#fff;font-size:12px;}
.footerWrap .footerMenu li ul.list {margin-top:10px;}
.footerWrap .footerMenu li ul.list li {float:none;height:auto;line-height:18px;color:#fff;padding:0 0 0 8px;background:url("../images/common/bul_footerMenu.gif") 0 center no-repeat;border:0;font-size:13px}
.footerWrap .footerMenu li ul.list li a {color:#fff;}
.footerWrap .footerMenu li ul.list li a:hover {color:#e78cbf;}

#footer .footerWrap2 {position:relative;width:1125px;height:184px;margin:0 auto;}
.footerWrap2 .footerLogo {position:absolute;top:52px;}
.footerWrap2 .footerMenu {position:absolute;top:30px;left:130px;}
.footerWrap2 .footerMenu li {float:left;padding:0 16px;height:130px;border-right:solid 1px #d991b9;}
.footerWrap2 .footerMenu li.last {border:0;padding-right:0;}
.footerWrap2 .footerMenu li h3 {color:#fff;font-size:12px;}
.footerWrap2 .footerMenu li ul.list {margin-top:10px;}
.footerWrap2 .footerMenu li ul.list li {float:none;height:auto;line-height:18px;color:#fff;padding:0 0 0 8px;background:url("../images/common/bul_footerMenu.gif") 0 center no-repeat;border:0;font-size:13px}
.footerWrap2 .footerMenu li ul.list li a {color:#fff;}
.footerWrap2 .footerMenu li ul.list li a:hover {color:#e78cbf;}

#footer .copyright {padding:20px 0;font-size:12px;text-align:center;color:#333;}
#footer .copyright p{line-height:24px;}
#footer .copyright a{display:inline;color:#c0478b;font-size:14px;font-weight:bold;}
#footer .copyright a:hover{color:#4f4f4f;}
#footer .copyright span{padding:0 10px;}