/* base */ /* 0 site config */ body{ background:#fff url(/web/img/common/bg/bg_body.gif) 0 0 repeat-x; text-align:center; color:#666;} /* Atag */ a:link { color:#0066CC; text-decoration:underline;} a:visited { color:#666; text-decoration:underline;} a:hover { color:#EA782C; text-decoration:none;} a:active { color:#0066CC; text-decoration:underline;} /* SiteRule */ #wrapper .mar0 { padding:0px;} #wrapper .mar_tp0 { margin-top:0px;} #wrapper .mar_rt0 { margin-right:0px;} #wrapper .mar_rt5 { margin-right:5px;} #wrapper .mar_rt20 { margin-right:20px;} #wrapper .mar_bm0 { margin-bottom:0px;} #wrapper .mar_bm4 { margin-bottom:4px;} #wrapper .mar_bm10 { margin-bottom:10px;} #wrapper .mar_bm30 { margin-bottom:30px;} #wrapper .mar_bm40 { margin-bottom:40px;} #wrapper .mar_lt0 { margin-left:0px;} #wrapper .mar_lt5 { margin-left:5px;} #wrapper .mar_lt20 { margin-left:20px;} #wrapper .pad0 { padding:0px;} #wrapper .pad_tp0 { padding-top:0px;} #wrapper .pad_tp10 { padding-top:10px;} #wrapper .pad_tp12 { padding-top:12px;} #wrapper .pad_rt0 { padding-right:0px;} #wrapper .pad_rt5 { padding-right:5px;} #wrapper .pad_bm0 { padding-bottom:0px;} #wrapper .pad_bm12 { padding-bottom:12px;} #wrapper .pad_lt0 { padding-left:0px;} #wrapper .pad_lt5 { padding-left:5px;} #wrapper .pad_lt10 { padding-left:10px;} #wrapper .pad_lt15 { padding-left:15px;} #wrapper .pad_lt20 { padding-left:20px;} #wrapper .pad_lt2em { padding-left:2em;} #wrapper .padTB5 { padding:10px 0;} #wrapper .pos_relative { position:relative;} #wrapper .clr { clear:both;} /* font color */ /* Layout */ /* page wrapper */ #pagebody { width:950px; margin:0 auto;} /* header */ #header { position:relative; width:950px; height:114px;} #headline { position:absolute; top:5px; left:0px; font-weight:normal; text-align:left;} #logo { position:absolute; top:24px; left:10px;} .p_lead_head1 { position:absolute; top:8px; left:0px; font-size:77%;} #spnav_list { position:absolute; top:22px; right:162px; text-align:right;} #spnav_list li { display:inline; padding-right:12px; margin-right:10px; background:url(/web/img/common/icon/icon_blue1.gif) right bottom no-repeat; letter-spacing:-0.5px;} #spnav_list li a { text-decoration:none;} #bnr_head1 { position:absolute; top:18px; right:0px;} #glnav_list { position:absolute; top:53px; right:0px;} #glnav_list li { float:left;} #glnav_list li a { display:block; overflow:hidden; float:left; height:31px; background:url(/web/img/common/header/bg_glnav1_201109.jpg) 0 0 no-repeat; text-indent:-9999px;} #glnav_list .glnav1 a { width:109px; background-position:0px 0px;} #glnav_list .glnav2 a { width:101px; background-position:0px 0px;}/*マイページ*/ #glnav_list .glnav3 a { width:134px; background-position:-101px 0px;}/*みんなのマイモ*/ #glnav_list .glnav4 a { width:95px; background-position:-345px 0px;}/*大会*/ #glnav_list .glnav5 a { width:114px; background-position:-440px 0px;}/*コース紹介*/ #glnav_list .glnav6 a { width:115px; background-position:-554px 0px;}/*ショップ検索*/ #glnav_list .glnav7 a { width:102px; background-position:-669px 0px;}/*ニュース*/ #glnav_list .glnav8 a { width:110px; background-position:-235px 0px;}/*ランキング*/ #glnav_list .glnav1 a:hover , #glnav_list .glnav1 a.on { background-position:0px -31px;} #glnav_list .glnav2 a:hover , #glnav_list .glnav2 a.on { background-position:0px -31px;} #glnav_list .glnav3 a:hover , #glnav_list .glnav3 a.on { background-position:-101px -31px;} #glnav_list .glnav4 a:hover , #glnav_list .glnav4 a.on { background-position:-345px -31px;} #glnav_list .glnav5 a:hover , #glnav_list .glnav5 a.on { background-position:-440px -31px;} #glnav_list .glnav6 a:hover , #glnav_list .glnav6 a.on { background-position:-554px -31px;} #glnav_list .glnav7 a:hover , #glnav_list .glnav7 a.on { background-position:-669px -31px;} #glnav_list .glnav8 a:hover , #glnav_list .glnav8 a.on { background-position:-235px -31px;} /* wrapper */ #wrapper {} #wrapper_inner { padding:0 0 40px 0; text-align:left;} /* alpha */ #alpha { overflow:hidden; float:right; width:710px;} #crumb_list { margin-bottom:20px;} #crumb_list li { display:block; float:left; height:26px; line-height:26px; font-size:85%;} #crumb_list li.on { padding:0 10px 0 18px; background:url(/web/img/common/bg/bg_clumb_right.gif) 0 0 no-repeat; font-weight:bold; color:#333;} #crumb_list li a { display:block; float:left; padding:0 2px 0 24px; text-decoration:none; background:url(/web/img/common/bg/bg_clumb.gif) 0 0 no-repeat;} #crumb_list .crumb1 a { padding-left:10px; background:url(/web/img/common/bg/bg_clumb.gif) right 0 no-repeat;} .alpha_readmore1 { padding-top:10px; text-align:right;} .alpha_readmore1 a { padding-right:10px; background:url(/web/img/common/icon/icon_blue1.gif) right bottom no-repeat; text-decoration:none;} /* toppage */ .top_top_left1 .alpha_readmore1 { margin-top:-20px;} /* beta */ #beta { float:left; width:210px;} .beta_title1 { margin-bottom:10px;} .beta_readmore1 { padding-top:10px; border-top:1px dotted #ccc; text-align:right;} .beta_readmore1 a { padding-right:10px; background:url(/web/img/common/icon/icon_blue1.gif) right bottom no-repeat; text-decoration:none;} /* mypage menu */ #mypage_menu_list { margin-bottom:25px; border:1px solid #ccc; border-bottom:0px;} #mypage_menu_list li { border-bottom:1px solid #ccc;} #mypage_menu_list li a { display:block; overflow:hidden; width:208px; height:38px; background:url(/web/img/common/beta/bg_mypage_menu.gif) 0 0 no-repeat; text-indent:-9999px;} #mypage_menu_list .mypage_menu1 a { background-position:0px 0px;} #mypage_menu_list .mypage_menu2 a { background-position:0px -39px;} #mypage_menu_list .mypage_menu3 a { background-position:0px -78px;} #mypage_menu_list .mypage_menu4 a { background-position:0px -117px;} #mypage_menu_list .mypage_menu1 a:hover , #mypage_menu_list .mypage_menu1 a.on { background-position:-208px 0px;} #mypage_menu_list .mypage_menu2 a:hover , #mypage_menu_list .mypage_menu2 a.on { background-position:-208px -39px;} #mypage_menu_list .mypage_menu3 a:hover , #mypage_menu_list .mypage_menu3 a.on { background-position:-208px -78px;} #mypage_menu_list .mypage_menu4 a:hover , #mypage_menu_list .mypage_menu4 a.on { background-position:-208px -117px;} /* compe menu */ #compe_menu_list { margin-bottom:25px; border:1px solid #ccc;} #compe_menu_list li {} #compe_menu_list li a { display:block; overflow:hidden; width:208px; background:url(/web/img/compe/btn_compe_set_201011.gif) 0 0 no-repeat; text-indent:-9999px;} #compe_menu_list .compe_menu1 a { height:39px; background-position:0px 0px;} #compe_menu_list .compe_menu2 a { height:29px; background-position:0px -39px;} #compe_menu_list .compe_menu3 a { height:29px; background-position:0px -68px;} #compe_menu_list .compe_menu4 a { height:29px; background-position:0px -97px;} #compe_menu_list .compe_menu5 a { height:32px; background-position:0px -126px;} #compe_menu_list .compe_menu1 a:hover , #compe_menu_list .compe_menu1 a.on { background-position:-208px 0px;} #compe_menu_list .compe_menu2 a:hover , #compe_menu_list .compe_menu2 a.on { background-position:-208px -39px;} #compe_menu_list .compe_menu3 a:hover , #compe_menu_list .compe_menu3 a.on { background-position:-208px -68px;} #compe_menu_list .compe_menu4 a:hover , #compe_menu_list .compe_menu4 a.on { background-position:-208px -97px;} #compe_menu_list .compe_menu5 a:hover , #compe_menu_list .compe_menu5 a.on { background-position:-208px -126px;} #news_menu_list { margin-bottom:25px; border:1px solid #ccc;} #news_menu_list li {} #news_menu_list li a { display:block; overflow:hidden; width:208px; background:url(/web/img/news/btn_news_set.gif) 0 0 no-repeat; text-indent:-9999px;} #news_menu_list .news_menu1 a { height:39px; background-position:0px 0px;} #news_menu_list .news_menu2 a { height:30px; background-position:0px -39px;} #news_menu_list .news_menu3 a { height:29px; background-position:0px -69px;} #news_menu_list .news_menu4 a { height:29px; background-position:0px -98px;} #news_menu_list .news_menu5 a { height:31px; background-position:0px -127px;} #news_menu_list .news_menu1 a:hover , #news_menu_list .news_menu1 a.on { background-position:-208px 0px;} #news_menu_list .news_menu2 a:hover , #news_menu_list .news_menu2 a.on { background-position:-208px -39px;} #news_menu_list .news_menu3 a:hover , #news_menu_list .news_menu3 a.on { background-position:-208px -69px;} #news_menu_list .news_menu4 a:hover , #news_menu_list .news_menu4 a.on { background-position:-208px -98px;} #news_menu_list .news_menu5 a:hover , #news_menu_list .news_menu5 a.on { background-position:-208px -127px;} #faq_menu_list { margin-bottom:25px; border:1px solid #ccc;} #faq_menu_list li {} #faq_menu_list li a { display:block; overflow:hidden; width:208px; background:url(/web/img/faq/btn_faq_set.gif) 0 0 no-repeat; text-indent:-9999px;} #faq_menu_list .faq_menu1 a { height:39px; background-position:0px 0px;} #faq_menu_list .faq_menu2 a { height:29px; background-position:0px -39px;} #faq_menu_list .faq_menu1 a:hover , #faq_menu_list .faq_menu1 a.on { background-position:-208px 0px;} #faq_menu_list .faq_menu2 a:hover , #faq_menu_list .faq_menu2 a.on { background-position:-208px -39px;} #other_menu1_list { margin-bottom:25px; border:1px solid #ccc;} #other_menu1_list li {} #other_menu1_list li a { display:block; overflow:hidden; width:208px; background:url(/web/img/other/btn_other_set1.gif) 0 0 no-repeat; text-indent:-9999px;} #other_menu1_list .other_menu1 a { height:30px; background-position:0px 0px;} #other_menu1_list .other_menu2 a { height:29px; background-position:0px -30px;} #other_menu1_list .other_menu1 a:hover , #other_menu1_list .other_menu1 a.on { background-position:-208px 0px;} #other_menu1_list .other_menu2 a:hover , #other_menu1_list .other_menu2 a.on { background-position:-208px -30px;} #ranking_menu_list { margin-bottom:25px; border:1px solid #ccc;} #ranking_menu_list li {} #ranking_menu_list li a { display:block; overflow:hidden; width:208px; background:url(/web/img/ranking/btn_ranking_set.gif) 0 0 no-repeat; text-indent:-9999px;} #ranking_menu_list .ranking_menu1 a { height:39px; background-position:0px 0px;} #ranking_menu_list .ranking_menu2 a { height:30px; background-position:0px -39px;} #ranking_menu_list .ranking_menu3 a { height:30px; background-position:0px -69px;} #ranking_menu_list .ranking_menu4 a { height:29px; background-position:0px -99px;} #ranking_menu_list .ranking_menu1 a:hover , #ranking_menu_list .ranking_menu1 a.on { background-position:-208px 0px;} #ranking_menu_list .ranking_menu2 a:hover , #ranking_menu_list .ranking_menu2 a.on { background-position:-208px -39px;} #ranking_menu_list .ranking_menu3 a:hover , #ranking_menu_list .ranking_menu3 a.on { background-position:-208px -69px;} #ranking_menu_list .ranking_menu4 a:hover , #ranking_menu_list .ranking_menu4 a.on { background-position:-208px -99px;} .news_beta { clear:both; margin-bottom:25px;} .news_beta_list { margin-bottom:10px;} .news_beta_list li { clear:both; margin-bottom:10px; height:55px;} .news_beta_list .p_date { padding-left:64px; margin-bottom:2px; color:#666; font-size:93%;} .news_beta_list .news_status1 .p_date { background:url(/web/img/common/icon/icon_news_status1.gif) 0 0 no-repeat;} .news_beta_list .news_status2 .p_date { background:url(/web/img/common/icon/icon_news_status2.gif) 0 0 no-repeat;} .news_beta_list .news_status3 .p_date { background:url(/web/img/common/icon/icon_news_status3.gif) 0 0 no-repeat;} .news_beta_list .news_status4 .p_date { background:url(/web/img/common/icon/icon_news_status4.gif) 0 0 no-repeat;} .faq_beta { clear:both; margin-bottom:25px;} .feed_beta { margin-bottom:25px; padding:10px; border:1px solid #CCC;} .feed_left { float:left; width:28px;} .feed_right { float:right; width:150px; font-size:93%; line-height:1.2;} .bnr_beta_list {} .bnr_beta_list li { margin-bottom:10px;} .new_entry1_beta { margin-bottom:10px;} .login_beta { margin-bottom:25px; border:1px solid #ccc; background:#EAEAEA;} .login_beta_inner { position:relative; width:208px; height:108px; background:url(/web/img/common/beta/bg_login_box1.gif) 0 0 no-repeat;} .login_beta_inner .login_id { position:absolute; top:32px; left:13px; width:180px; padding:0; border:0; outline:none;} .login_beta_inner .login_pass { position:absolute; top:84px; left:13px; width:180px; padding:0; border:0; outline:none;} .login_beta_inner .label_login_beta_id1 { position:absolute; top:8px; left:10px;} .login_beta_inner .label_login_beta_pass1 { position:absolute; top:61px; left:10px;} .login_beta_bottom { padding:10px 0px 10px 13px;} .login_beta_bottom .login_auto { margin:0 5px 4px 0; padding:0; vertical-align:middle;} .login_beta_bottom .login_auto_label { padding-bottom:2px; font-size:85%; color:#333;} .login_beta_bottom .btn_login_bottom { padding:3px 0 0;} .login_beta_bottom .btn_login_bottom img { vertical-align:middle;} .login_beta_bottom .link_forget1 { padding-left:5px; font-size:77%;} .newcourse_beta { margin-bottom:10px;} .newcourse_beta .bnr_box1 { padding:14px 0; margin-bottom:3px; border-bottom:1px dotted #ccc; text-align:center;} .newcourse_beta .bnr_box1 .bnr_img1 { margin-bottom:5px;} .bnr_course_info1 .course_num1 { margin-bottom:3px;} .bnr_course_info1 .course_num1 .spn_course_num1 { color:#7EB200; font-size:182%; font-weight:bold;} .bnr_course_info1 .btn_demo_movie1 { text-align:center;} /* footer */ #footer { clear:both; text-align:center; background:#F3F3F3 url(/web/img/common/footer/bg_footer.gif) 0 0 repeat-x;} #footer_inner { position:relative; width:950px; margin:0 auto; padding-top:11px; background:url(/web/img/common/footer/bg_footer_inner.gif) 475px 11px no-repeat; font-size:85%; text-align:left;} #footer_inner .btn_pagetop { position:absolute; right:0px; top:-26px;} #footer_inner .link_sitetop { position:absolute; right:120px; top:-20px;} #footer_inner p { color:#333;} #footer_left { float:left; width:450px;} #footer_left_left { float:left; width:110px; margin-right:8px;} #footer_left_right { float:left; width:326px;} #footer_right { float:right; width: 450px;} #footer_right_left { float:left; width:110px; margin-right:8px;} #footer_right_right { float:left; width:306px;} .footer_title { margin-bottom:8px;} .footnav_list { margin-bottom:15px;} .footnav_list li { display:inline; margin-right:5px; padding-left:6px; border-left:1px solid #666;} .footnav_list li.footnav_first { padding-left:0px; border-left:0;} .p_foot1 { height:48px;} #footer_bottom { clear:both; padding:10px 0 15px; border-top:1px solid #ccc; text-align:center;} #footer_bottom .p_copyright { text-align:center;} /* graph */ #body_graph1 #header { width:820px; height:66px;} #body_graph1 #pagebody { width:820px; padding-bottom:65px;} #body_graph1 #logo { top:14px; left:0px;} #body_graph1 #footer { clear:both; text-align:center; background:none; border-top:2px solid #CBE804;} #body_graph1 #footer_inner { width:780px; margin:0 auto; background:none;} #body_graph1 #footer_bottom { border:0px;} #body_graph1 #footer_bottom .p_copyright { text-align:right;} .graph_contents { width:780px; padding:20px; border-top:1px solid #E3E3E3;} .graph_head1 {} .graph_head1 .tbl1 { float:right;} .graph_head1 .tbl1 th { padding:0 10px 0 80px; vertical-align:middle;} .graph_head1 .p_lead1 { clear:both; padding:20px 0; font-size:93%; color:#333;} .graph_body1 { position:relative; width:780px; height:544px;} .graph_body1 .box_right1 { position:absolute; bottom:14px; right:0px;} .graph_body1 .tbl_data1 { border-top:1px solid #ccc; border-left:1px solid #ccc; margin:0 0 10px;} .graph_body1 .tbl_data1 th ,.graph_body1 .tbl_data1 td { border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-size:93%; padding:5px 0; text-align:center;} .graph_body1 .tbl_data1 th { background:#EEF6DF; color:#333;} .graph_body1 .tbl_data1 .th1 { background:#FFEB99;} .graph_body1 .tbl_data1 .th2 { background:#A3CDF1;} .graph_body1 .tbl_data1 th .p_color1 { color:#E00729;} .graph_body1 .tbl_data1 th .p_color2 { color:#004A8D;} .graph_body1 .tbl_data1 th .p_color3 { color:#336600;} #footer_bottom { clear:both; padding:10px 0 15px; border-top:1px solid #ccc; text-align:center;} #footer_bottom .p_copyright { text-align:center;}