/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/ /* */ /* ispotスクールスタイルシート */ /* */ /*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/ /*---------------------------------------------------------------- ■basic set style ----------------------------------------------------------------*/ *{ color: #666; } h1,h2,h3,h3{ margin: 0px; padding: 0px; line-height: 2px; font-size: 2px; } p{ margin: 0px; padding: 0px; } ul{ margin: 0px; padding: 0px; } li{ margin: 0px; padding: 0px; list-style: none; } form{ margin: 0px; padding: 0px; } img{ border: none; margin: 0px; padding: 0px; } body{ margin: 0px; padding: 0px; font-family: 'ＭＳ Ｐゴシック',Osaka, MS UI Gothic, sans-serif,Arial, Helvetica, sans-serif; /* background: url(/img/body_bg.gif) repeat-x; */ font-size: 12px; background-color: #FFF; color: #666; } input,textarea { font-family: 'ＭＳ Ｐゴシック', Osaka, "ヒラギノ角ゴ Pro W3"; color: #333; padding: 0px; margin: 0px; } /*---------------------------------------------------------------- ■link style ----------------------------------------------------------------*/ A:link { color:#996600; text-decoration:none; } A:visited { color:#996600; text-decoration:none; } A:hover { color:#996600; text-decoration:underline; } /*---------------------------------------------------------------- ■allsite_style ----------------------------------------------------------------*/ div#container { width: 820px; display: block; margin: 0px auto; background-color: #FFF; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; /* IE */_width: 822px;} div#header_top { background: url(/img/header_top.gif) repeat-x; height: 19px; width: 100%; text-align: center; } div#header_top h1 { font-size: 10px; font-weight: normal; line-height: 12px; color: #999; width: 810px; display: block; text-align: left; margin: 0px auto; padding: 4px 5px 3px; } .left { float: left; } .right { float: right; } .tex_cen { text-align: center; } .clear { clear: both; padding: 0px; margin: 0px; line-height: 0px; font-size: 0px; float: none;} .red { color: #F00; } .padd2 { padding: 2px; } .padd3 { padding: 3px; } .padd4 { padding: 4px; } .padd5 { padding: 5px; } .padd10 { padding: 10px; } .padd15 { padding: 15px; } .area { font-size: 10px; color: #999; font-weight: normal; } .sidepadd10 { padding: 0px 10px; } .tpbtpadd10 { padding: 10px 0px; } .red { color: #F90; } .orange { color: #ff9900;} .j14 { font-size: 14px; line-height: 20px; } .j12 { font-size: 12px; line-height: 18px; } .j10 { font-size: 10px; line-height: 16px; } .dotted_line { clear: both; background: url(/img/dotted_line.gif) repeat-x; height: 1px; font-size: 1px; line-height: 1px; display: block; } .dotted_double { clear: both; background: url(/img/dotted_double.gif) repeat-x; height: 3px; font-size: 2px; line-height: 2px; display: block; } .dotted_double2 { clear: both; background: url(/img/dotted_double2.gif) repeat-x; height: 3px; font-size: 2px; line-height: 2px; display: block; } .under_link_o { font-size: 10px; padding-top: 7px; } .under_link_o a { background: url(/img/arrow_o.gif) no-repeat; padding-left: 8px;} .under_link_g { background: url(/img/arrow_g.gif) no-repeat; padding: 0px 0px 0px 8px; font-size: 10px; margin: 5px 0px 0px; } /*---------------------------------------------------------------- ■header_style ----------------------------------------------------------------*/ div#header { width: 820px; height: 71px; background: url(/img/header_bg.gif) repeat-x; /* IE */_width: 822px;} div#header .header_box { width: 815px; height: 71px; margin: 0px auto; padding: 0px 0px 0px 5px; } div#header .logo_big { width: 282px; height: 44px; display: block; padding: 0px; margin: 8px 0px 0px; float: left; } div#header .logo a { width: 231px; height: 44px; display: block; text-indent: -5555px; padding: 0px; margin: 8px 0px 0px; float: left; } /* ロゴ「あけましておめでとう」 */ div#header .logo a.area0 { background: url(/img/area0_logo.gif) no-repeat; } div#header .logo a.area1 { background: url(/img/area1_logo.gif) no-repeat; } div#header .logo a.area2 { background: url(/img/area2_logo.gif) no-repeat; } div#header .logo a.area3 { background: url(/img/area3_logo.gif) no-repeat; } div#header .logo a.area4 { background: url(/img/area4_logo.gif) no-repeat; } div#header .logo a.area0_newyear { background: url(/img/area0_logo_newyear.gif) no-repeat; } div#header .logo a.area1_newyear { background: url(/img/area1_logo_newyear.gif) no-repeat; } div#header .logo a.area2_newyear { background: url(/img/area2_logo_newyear.gif) no-repeat; } div#header .logo a.area3_newyear { background: url(/img/area3_logo_newyear.gif) no-repeat; } div#header .logo a.area4_newyear { background: url(/img/area4_logo_newyear.gif) no-repeat; } /****** area_btbox ******/ div#area_btbox { clear: both; width: 230px; height: 11px; display: block; float: left; } div#area_btbox ul { width: 230px; height: 11px; display: block; padding-left: 5px; } div#area_btbox li { display: block; float: left; background: url(/img/area_point.gif) no-repeat; padding: 0px 0px 0px 10px; margin: 2px 5px 0px 0px; font-size: 10px; } div#area_btbox li.now { background: url(/img/area_point_now.gif) no-repeat; } /****** member_box ******/ div#member_box { width: 510px; height: 40px; float: right; } div#member_box .user_name { font-size: 12px; padding: 5px 5px 0px; display: block; float: right; color: #996600; } div#member_box .user_name strong{ color: #996600; } div#member_box .bt { font-size: 12px; padding: 0px; display: block; float: right; color: #996600; } div#member_box .header_link { font-size: 10px; padding: 5px 0px 0px 5px; display: block; float: right; color: #996600; } div#member_box .bt02 { float: right; text-align: right; margin: 0px; padding: 0px; line-height:1px; } div#member_box .bt02 div.paddt2 { padding-top: 2px; } /****** groval_navigation ******/ div#groval_navi { height: 23px; display: block; float: right; padding: 5px 0px 0px; } div#groval_navi ul { padding: 0px; margin: 0px; } div#groval_navi li { display: block; float: left; width: 82px; height: 23px; margin-right: 1px; text-indent: -5555px; font-size: 5px; line-height: 5px; } div#groval_navi a { width: 82px; height: 23px; display: block; } div#groval_navi li.gnavi_01 a { background: url(/img/gnavi_01.gif) no-repeat; } div#groval_navi li.gnavi_01 a:hover { background: url(/img/gnavi_01_on.gif) no-repeat; } div#groval_navi li.gnavi_02 a { background: url(/img/gnavi_02.gif) no-repeat; } div#groval_navi li.gnavi_02 a:hover { background: url(/img/gnavi_02_on.gif) no-repeat; } div#groval_navi li.gnavi_03 a { background: url(/img/gnavi_03.gif) no-repeat; } div#groval_navi li.gnavi_03 a:hover { background: url(/img/gnavi_03_on.gif) no-repeat; } div#groval_navi li.gnavi_04 a { background: url(/img/gnavi_04.gif) no-repeat; } div#groval_navi li.gnavi_04 a:hover { background: url(/img/gnavi_04_on.gif) no-repeat; } div#groval_navi li.gnavi_05 a { background: url(/img/gnavi_05.gif) no-repeat; } div#groval_navi li.gnavi_05 a:hover { background: url(/img/gnavi_05_on.gif) no-repeat; } div#groval_navi li.gnavi_06 a { background: url(/img/gnavi_06.gif) no-repeat; } div#groval_navi li.gnavi_06 a:hover { background: url(/img/gnavi_06_on.gif) no-repeat; } /****** category_navigation ******/ div#category_navi { width: 820px; height: 27px; } div#category_navi ul { width: 820px; height: 27px; } div#category_navi li { display: block; float: left; text-indent: -5555px; } div#category_navi a { height: 27px; display: block; } div#category_navi li.cnavi_01 a { background: url(/img/cnavi_01.gif) no-repeat; width: 68px; } div#category_navi li.cnavi_01 a:hover { background: url(/img/cnavi_01_on.gif) no-repeat; } div#category_navi li.cnavi_02 a { background: url(/img/cnavi_02.gif) no-repeat; width: 68px; } div#category_navi li.cnavi_02 a:hover { background: url(/img/cnavi_02_on.gif) no-repeat; } div#category_navi li.cnavi_03 a { background: url(/img/cnavi_03.gif) no-repeat; width: 68px; } div#category_navi li.cnavi_03 a:hover { background: url(/img/cnavi_03_on.gif) no-repeat; } div#category_navi li.cnavi_04 a { background: url(/img/cnavi_04.gif) no-repeat; width: 68px; } div#category_navi li.cnavi_04 a:hover { background: url(/img/cnavi_04_on.gif) no-repeat; } div#category_navi li.cnavi_05 a { background: url(/img/cnavi_05.gif) no-repeat; width: 68px; } div#category_navi li.cnavi_05 a:hover { background: url(/img/cnavi_05_on.gif) no-repeat; } div#category_navi li.cnavi_06 a { background: url(/img/cnavi_06.gif) no-repeat; width: 68px; } div#category_navi li.cnavi_06 a:hover { background: url(/img/cnavi_06_on.gif) no-repeat; } div#category_navi li.cnavi_07 a { background: url(/img/cnavi_07.gif) no-repeat; width: 68px; } div#category_navi li.cnavi_07 a:hover { background: url(/img/cnavi_07_on.gif) no-repeat; } div#category_navi li.cnavi_08 a { background: url(/img/cnavi_08.gif) no-repeat; width: 68px; } div#category_navi li.cnavi_08 a:hover { background: url(/img/cnavi_08_on.gif) no-repeat; } div#category_navi li.cnavi_09 a { background: url(/img/cnavi_09.gif) no-repeat; width: 68px; } div#category_navi li.cnavi_09 a:hover { background: url(/img/cnavi_09_on.gif) no-repeat; } div#category_navi li.cnavi_10 a { background: url(/img/cnavi_10.gif) no-repeat; width: 72px; } div#category_navi li.cnavi_10 a:hover { background: url(/img/cnavi_10_on.gif) no-repeat; } div#category_navi li.cnavi_11 a { background: url(/img/cnavi_11.gif) no-repeat; width: 68px; } div#category_navi li.cnavi_11 a:hover { background: url(/img/cnavi_11_on.gif) no-repeat; } div#category_navi li.cnavi_12 a { background: url(/img/cnavi_12.gif) no-repeat; width: 68px; } div#category_navi li.cnavi_12 a:hover { background: url(/img/cnavi_12_on.gif) no-repeat; } /****** pan_list ******/ div.pan_list { font-size: 10px; padding: 5px 10px 0px; color: #999; } div.pan_list a:link { color: #999; } div.pan_list a:visited { color: #999; } div.pan_list a:hover { color: #999; } div.pan_list span { color: #063; } /*---------------------------------------------------------------- ■contents_style ----------------------------------------------------------------*/ div#top_style { clear: both; width: 800px; padding: 13px 10px 30px; margin: 0px; } div#top_style #left_container { width: 595px; margin-bottom: 20px; display: block; float: left; } div#top_style #right_container { width: 190px; display: block; float: right; } div#top_style #main_left { width: 190px; display: block; float: left; } div#top_style #main_right { width: 385px; display: block; float: right; } div#left_style { clear: both; width: 800px; padding: 5px 10px 30px; } div#left_style #left_container { width: 190px; display: block; float: left; } div#left_style #right_container { width: 590px; display: block; float: right; } div#full_style { clear: both; width: 800px; display: block; padding: 5px 10px 30px; } div.tab190_bottom { background: url(/img/tab190_bottom.gif) no-repeat; width: 190px; height: 10px; display :block; } div.tab200_bottom { background: url(/img/tab200_bottom.gif) no-repeat; width: 200px; height: 10px; display :block; } /*---------------------------------------------------------------- ↓↓↓↓↓↓↓↓↓↓↓↓↓■index_style■↓↓↓↓↓↓↓↓↓↓↓↓ ----------------------------------------------------------------*/ /*---------------------------------------------------------------- ■login_style ----------------------------------------------------------------*/ div#profile_box { width: 190px; float: left; } div#profile_box .name { background: url(/img/login_name.gif) no-repeat; width: 190px; height: 19px; padding: 10px 0px 0px; font-size: 12px; color: #FFF; text-align: center; } div#profile_box .name span { font-weight: bold; color: #FFF; font-size: 12px; } div#profile_box .inbox { float: left; background: url(/img/login_bg_in.gif) repeat-y; width: 180px; padding: 5px 5px 0 5px; } div#profile_box .photo img { margin-left : 5px; border: 1px solid #CCC; padding: 1px; display: block; float: left; } div#profile_box .user_data { margin-right : 5px; background: url(/img/user_dotted.gif); width: 90px; line-height: 19px; font-size: 12px; display: block; float: right; padding: 2px 0px 0px; } div#profile_box .user_data .point span { color: #F90; font-weight: bold; } div#profile_box .user_data .limit_day span { color: #F90; } div#profile_box .user_data .limit span { color: #F90; } div#profile_box .user_data .advantage span { color: #FF8A34; } div#profile_box .imail { width: 170px; text-align: center; margin: 0px auto; padding: 5px 0px; } div#profile_box .imail strong a { color: #F90; } div#profile_box .imail span a { color: #F90; } div#profile_box .mypage_btn { width: 148px; margin: 0px auto; padding: 5px 0px 5px; } div#profile_box .inbox ul { width: 172px; text-align: left; padding: 8px 0px 0px 5px; } div#profile_box .inbox li { padding: 0px 0px 5px 0px; } div#profile_box .inbox li span { color: #96c83f; padding: 0px 3px 0px 0px; } div#profile_box .login_dotted { background: url(/img/login_dotted.gif) repeat-x; height: 1px; width: 172px; font-size: 0px; line-height: 0px; } /*** logout_Ver ***/ div#profile_box .inbox_logout { float: left; background: url(/img/login_bg.gif) repeat-y; width: 180px; padding: 0px 5px 0px; } div#profile_box .inbox_logout .login_btn { padding: 7px 0; text-align: center; } div#profile_box .inbox_logout .login_btn a { font-size: 0px; line-height: 0px; vertical-align: top; } div#profile_box .inbox_logout .new_entry { padding: 7px 0; background: #ffffe0; text-align: center; } div#profile_box .inbox_logout .new_entry a { font-size: 0px; line-height: 0px; vertical-align: top; } div#profile_box .inbox_logout .login_dotted { background: url(/img/login_dotted.gif) repeat-x; height: 1px; width: 180px; font-size: 0px; line-height: 0px; } div#profile_box .inbox_logout ul { width: 172px; text-align: left; padding: 8px 0px 0px 8px; } div#profile_box .inbox_logout li { padding: 0px 0px 5px 0px; } div#profile_box .inbox_logout .out_list li span { color: #96c83f; padding: 0px 3px 0px 0px; } div#profile_box .bottom_s { float: left; background: url(/img/login_bottom_s.gif) no-repeat; width: 190px; height: 5px; font-size: 0px; line-height: 0px; } div#profile_box .bottom_s_in { float: left; background: url(/img/login_bottom_s_in.gif) no-repeat; width: 190px; height: 5px; font-size: 0px; line-height: 0px; } div#profile_box .bottom { float: left; background: url(/img/login_bottom.gif) no-repeat; width: 190px; height: 16px; font-size: 0px; line-height: 0px; } div#profile_box .guide_link { width: 166px; padding: 4px 12px 2px 0; text-align: right; background:url(/img/connect/bg_guide.gif) no-repeat right 4px; font-size: 10px; } div#profile_box .guide_link a { height: 13px; display: block; float: right; color: #82a916;} /* ソーシャルコネクト */ div.connectSideWaku { margin: 2px; } div.connectSide { width: 170px; float: left; background: url(/img/connect/cone_bg.gif) no-repeat center bottom; } div.connectSide img { margin-top : 0px; padding: 0px; line-height: 0px; } div.connectSide p.bt { padding: 3px 0 0 8px; margin: 0px; height: 20px;} div.connectSide div.bana { padding: 8px; } /*---------------------------------------------------------------- ■mainsearch_style ----------------------------------------------------------------*/ div#main_search { width: 595px; display: block; } /****** search_category ******/ div#main_search .sbox_category { width: 595px; height: 235px; display: block; } div#main_search .sbox_category h2 { background: url(/img/category_copy.jpg) no-repeat; width: 595px; height: 85px; display: block; text-indent: -5555px; } div#main_search .sbox_category .c_left { background: url(/img/category_left.jpg) no-repeat; width: 13px; height: 144px; display: block; float: left; } div#main_search .sbox_category .c_btbox { width: 432px; height: 144px; display: block; float: left; } div#main_search .sbox_category .c_right { background: url(/img/category_right.jpg) no-repeat; width: 150px; height: 144px; display: block; float: left; } div#main_search .sbox_category .c_bottom{ clear: both; background: url(/img/category_bottom.jpg) no-repeat; width: 595px; height: 6px; display: block; font-size: 1px; line-height: 1px; } div#main_search .sbox_category ul { width: 432px; height: 144px; padding: 0px; margin: 0px; } div#main_search .sbox_category li { width: 72px; height: 72px; display: block; float: left; text-indent: -5555px; padding: 0px; margin: 0px; } div#main_search .sbox_category li a { width: 72px; height: 72px; display: block; } div#main_search .sbox_category li.c_btn01 a { background: url(/img/category_bt01.jpg) no-repeat; } div#main_search .sbox_category li.c_btn01 a:hover { background: url(/img/category_bt01_on.jpg) no-repeat; } div#main_search .sbox_category li.c_btn02 a { background: url(/img/category_bt02.jpg) no-repeat; } div#main_search .sbox_category li.c_btn02 a:hover { background: url(/img/category_bt02_on.jpg) no-repeat; } div#main_search .sbox_category li.c_btn03 a { background: url(/img/category_bt03.jpg) no-repeat; } div#main_search .sbox_category li.c_btn03 a:hover { background: url(/img/category_bt03_on.jpg) no-repeat; } div#main_search .sbox_category li.c_btn04 a { background: url(/img/category_bt04.jpg) no-repeat; } div#main_search .sbox_category li.c_btn04 a:hover { background: url(/img/category_bt04_on.jpg) no-repeat; } div#main_search .sbox_category li.c_btn05 a { background: url(/img/category_bt05.jpg) no-repeat; } div#main_search .sbox_category li.c_btn05 a:hover { background: url(/img/category_bt05_on.jpg) no-repeat; } div#main_search .sbox_category li.c_btn06 a { background: url(/img/category_bt06.jpg) no-repeat; } div#main_search .sbox_category li.c_btn06 a:hover { background: url(/img/category_bt06_on.jpg) no-repeat; } div#main_search .sbox_category li.c_btn07 a { background: url(/img/category_bt07.jpg) no-repeat; } div#main_search .sbox_category li.c_btn07 a:hover { background: url(/img/category_bt07_on.jpg) no-repeat; } div#main_search .sbox_category li.c_btn08 a { background: url(/img/category_bt08.jpg) no-repeat; } div#main_search .sbox_category li.c_btn08 a:hover { background: url(/img/category_bt08_on.jpg) no-repeat; } div#main_search .sbox_category li.c_btn09 a { background: url(/img/category_bt09.jpg) no-repeat; } div#main_search .sbox_category li.c_btn09 a:hover { background: url(/img/category_bt09_on.jpg) no-repeat; } div#main_search .sbox_category li.c_btn10 a { background: url(/img/category_bt10.jpg) no-repeat; } div#main_search .sbox_category li.c_btn10 a:hover { background: url(/img/category_bt10_on.jpg) no-repeat; } div#main_search .sbox_category li.c_btn11 a { background: url(/img/category_bt11.jpg) no-repeat; } div#main_search .sbox_category li.c_btn11 a:hover { background: url(/img/category_bt11_on.jpg) no-repeat; } div#main_search .sbox_category li.c_btn12 a { background: url(/img/category_bt12.jpg) no-repeat; } div#main_search .sbox_category li.c_btn12 a:hover { background: url(/img/category_bt12_on.jpg) no-repeat; } /****** search_other ******/ div#main_search .sbox_other { width: 330px; display: block; float: left; margin-top: 10px; } div#main_search .sbox_other .topbar { background: url(/img/other_topbar.gif) no-repeat; width: 330px; height: 5px; display: block; font-size: 1px; line-height: 1px; } div#main_search .sbox_other .bottombar { background: url(/img/other_bottombar.gif) no-repeat; width: 330px; height: 8px; display: block; font-size: 1px; line-height: 1px; } div#main_search .sbox_other .otherbox { background: #FAFAFA; width: 328px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; } div#main_search .sbox_other .cap { width: 68px; height: 24px; display: block; float: left; text-indent: -5555px; padding: 0px 10px 0px 0px; } div#main_saerch .sbox_other .itembox { display: block; float: left; } div#main_search .sbox_other .direct { padding: 5px 0px 7px; } div#main_search .sbox_other .direct h3 { background: url(/img/other_cap01.gif) no-repeat; } div#main_search .sbox_other .train { padding: 5px 0px 7px; } div#main_search .sbox_other .train h3 { background: url(/img/other_cap02.gif) no-repeat; } div#main_search .sbox_other .area { padding: 5px 0px 7px; } div#main_search .sbox_other .area h3 { background: url(/img/other_cap03.gif) no-repeat; } div#main_search .sbox_other .map { padding: 5px 0px 0px; } div#main_search .sbox_other .map h3 { background: url(/img/other_cap04.gif) no-repeat; height: 33px;} div#main_search .map_list ul { width: 250px; padding-top: 4px; display: block; float: right; } div#main_search .map_list li { background: url(/img/arrow_g.gif) no-repeat; padding: 0px 18px 5px 10px; font-size: 12px; line-height: 14px; display: block; float: left; } *html div#main_search .map_list li { padding: 0px 18px 5px 10px; }/* IE6 */ head~/* */body div#main_search .map_list li { padding: 0px 18px 6px 10px; }/* IE8 */ html:not(:target) div#main_search .map_list li { padding: 0px 18px 6px 10px; }/* Firefox */ html:not(:only-child:only-child) div#main_search .map_list li { padding: 0px 18px 8px 10px; }/* safari */ /****** search_lesson ******/ div#main_search .sbox_trial { width: 594px; margin-top: 10px; line-height: 0px;} div#main_search .sbox_trial a { display: block; line-height: 0px;} div#main_search .sbox_lesson { width: 260px; float: right; margin-top: 10px; line-height: 0px;} div#main_search .sbox_lesson a { display: block; line-height: 0px;} div#main_search .sbox_info { width: 260px; float: right; margin-top: 3px; line-height: 0px;} div#main_search .sbox_info a { display: block; line-height: 0px;} /****** direct_style ******/ div.search_box { border: 1px solid #CCC; padding: 2px 0px 0px 0px; margin-right: 2px; height: 16px; display: block; float: left; } div.search_box input { padding: 0px 3px; margin: 0px; border: 0px; } /*---------------------------------------------------------------- ■special_style ----------------------------------------------------------------*/ div#special_box { width: 595px; padding: 17px 0px 0px; } div#special_box h2 { background: url(/img/special_cti.gif) no-repeat; width: 595px; height: 20px; display: block; text-indent: -5555px; } div#special_box .inbox { width: 595px; padding: 10px 0px 0px; } div#special_box .spbanar { width: 420px; height: 100px; display: block; float: left; } div#special_box .spback { width: 159px; height: 100px; display: block; float: right; } div#special_box .spback .cap { background: url(/img/spback_cap.gif) no-repeat; width: 159px; height: 31px; display: block; text-indent: -5555px; } div#special_box .spback .bgbox { background: url(/img/spback_bg.gif) no-repeat; width: 159px; height: 70px; display: block; font-size: 10px; } div#special_box .spback .bgbox a{ color: #666; } div#special_box .spback ul { padding: 5px 10px 0px; } div#special_box .spback li { background: url(/img/spback_point.gif) no-repeat; padding: 0px 0px 5px 10px; } div#special_box .all { font-size: 10px; display: block; float: right; padding: 0px 5px; } div#special_box .bk_box { width: 140px; height: 95px; display: block; float: left; padding: 5px 3px 0px 5px; } div#special_box .banar a { border: 1px solid #FFF; width: 133px; height: 70px; display: block; padding: 1px; } div#special_box .banar a:hover { border: 1px solid #F90; } div#special_box .link a { background: url(/img/arrow_o.gif) no-repeat; padding: 0px 0px 0px 10px; font-size: 10px; line-height: 16px; } /*---------------------------------------------------------------- ■banner_style ----------------------------------------------------------------*/ div#banner_box { width: 595px; padding: 17px 0px 0px; } div#banner_box .inbox { width: 595px; padding: 10px 0px 0px; } /*---------------------------------------------------------------- ■newschool_style ----------------------------------------------------------------*/ div#newsch_box { width: 200px; padding: 20px 0px 0px; } div#newsch_box h2 { background: url(/img/featured_title.gif) no-repeat; width: 200px; height: 23px; display: block; text-indent: -5555px; } div#newsch_box .inbox { width: 198px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; } div#newsch_box .item { padding: 8px; } div#newsch_box .photo a { border: 1px solid #CCC; padding: 1px; width: 60px; height: 60px; display: block; float: left; } div#newsch_box .photo a:hover{ border: 1px solid #F90; } div#newsch_box .databox { width: 110px; padding: 0px 0px 0px 5px; display: block; float: right; } div#newsch_box .databox a{ line-height: 14px; font-weight: bold; } div#newsch_box .text { font-size: 12px; line-height: 14px; padding: 2px 0px; } /*---------------------------------------------------------------- ■event_style ----------------------------------------------------------------*/ div#event_box { width: 200px; padding: 15px 0px 0px; } div#event_box h2 { background: url(/img/event_title.gif) no-repeat; width: 200px; height: 25px; display: block; text-indent: -5555px; } div#event_box .inbox { background: url(/img/event_bg.gif) no-repeat; width: 180px; height: 92px; display: block; padding: 8px 13px 8px 8px; } div#event_box .photo a { border: 1px solid #CCC; padding: 1px; width: 70px; height: 70px; display: block; float: left; font-size: 10px;} div#event_box .photo a:hover{ border: 1px solid #F90; } div#event_box .databox { width: 100px; padding: 0px 0px 8px 5px; display: block; float: right; line-height: 16px; } div#event_box .databox a{ font-weight: bold; } div#event_box .text { clear: both; font-size: 12px; line-height: 16px; padding: 0px 0px; } /*---------------------------------------------------------------- ■what's_new_style ----------------------------------------------------------------*/ div#news_box { width: 200px; padding: 15px 0px 0px; } div#news_box h2 { background: url(/img/news_title.gif) no-repeat; text-indent: -5555px; width: 200px; height: 23px; } div#news_box .inbox { background: url(/img/news_bg.gif) no-repeat; width: 200px; padding: 0px 0px 0px; } div#news_box .inbox .list { background: url(/img/news_point.gif) no-repeat 0 8px; width: 175px; padding: 0px 0px 0px 13px; font-size: 12px; margin: 0px auto; padding: 8px 0px 0 13px; } div#news_box .inbox .day { font-weight: bold; color: #363; padding: 0px 0px 2px; } div#news_box .inbox .title { font-size: 12px; font-weight: bold; line-height: 16px; } div#news_box .inbox span { font-size: 12px; line-height: 16px; } /*---------------------------------------------------------------- ■report_style ----------------------------------------------------------------*/ div#report_box { width: 385px; padding: 20px 0px 0px; } div#report_box h2.report_title { background: url(/img/report_title.gif) no-repeat; width: 25px; height: 112px; display: block; float: left; text-indent: -5555px; } div#report_box h2.mini_title { background: url(/img/mini_title.gif) no-repeat; width: 25px; height: 82px; display: block; float: left; text-indent: -5555px; margin-top: 1px; } div#report_box .r_box { width: 350px; height: 102px; display: block; float: left; padding: 10px 0px 0px 5px; } div#report_box .r_box .photo a { width: 90px; height: 90px; border: 1px solid #CCC; padding: 1px; display: block; float: left; } div#report_box .r_box .photo a:hover{ border: 1px solid #F90; } div#report_box .r_box .r_name a { font-size: 14px; font-weight: bold; line-height: 18px; } div#report_box .r_box .s_name { font-size: 10px; line-height: 16px; } div#report_box .r_box .data_box { width: 250px; display: block; float: right; } div#report_box .r_box .text { font-size: 12px; line-height: 16px; padding: 2px 0px 3px; } div#report_box .m_box { width: 175px; display: block; float: left; padding: 10px 0px 0px 5px; } div#report_box .m_box .photo a { width: 60px; height: 60px; border: 1px solid #CCC; padding: 1px; display: block; float: left; } div#report_box .m_box .photo a:hover{ border: 1px solid #F90; } div#report_box .m_box .data_box { width: 105px; display: block; float: right; } div#report_box .m_box .m_name a { font-size: 12px; font-weight: bold; line-height: 13px; padding: 0px 0px 5px; } div#report_box .m_box .s_name { font-size: 10px; line-height: 16px; } div#report_box .m_box .text { width: 105px; font-size: 10px; line-height: 10px; color: #999; padding: 5px 0px 2px; } /*---------------------------------------------------------------- ■w_pickup_style ----------------------------------------------------------------*/ div#w_pickup_box { width: 385px; padding: 10px 0px 0px; } div#w_pickup_box h2 { display: block; text-indent: -5555px; } div#w_pickup_box .inbox { background: url(/img/w_pickup_bg.gif) no-repeat; width: 355px; height: 167px; display: block; padding: 12px 15px 0px; } div#w_pickup_box .job_search { background: url(/img/w_pickup_title.gif) no-repeat; width: 385px; height: 43px; } div#w_pickup_box .job_search .job_link { width: 372px; margin-top: 17px; padding-right: 13px; letter-spacing: 1px; text-align: right; } div#w_pickup_box .job_search .job_link A:link { color:#375737; text-decoration:none; } div#w_pickup_box .job_search .job_link A:visited { color:#375737; text-decoration:none; } div#w_pickup_box .job_search .job_link A:hover { color:#375737; text-decoration:underline; } div#w_pickup_box .job_search .dotted_line { margin-bottom: 6px; } div#w_pickup_box .job_name { font-size: 14px; font-weight: bold; display: block; float: left; } div#w_pickup_box .more_bt { background: url(/img/w_pickup_arrow.gif) no-repeat; padding: 0px 0px 0px 10px; font-size: 10px; display: block; float: right; margin-top: 3px; } div#w_pickup_box .text { padding: 5px 0px 10px; font-size: 12px; line-height: 18px; } div#w_pickup_box .teacher_box { width: 170px; padding: 10px 3px 10px; display: block; float: left; } div#w_pickup_box .teacher_box .photo a { width: 45px; line-height:0px; border: 1px solid #CCC; padding: 1px; display: block; float: left; } div#w_pickup_box .teacher_box .photo a:hover { border: 1px solid #F90; } div#w_pickup_box .teacher_data { width: 115px; display: block; float: left; padding: 0px 0px 0px 5px; } div#w_pickup_box .column_name { font-size: 12px; line-height: 14px; color: #375737; font-weight: bold; } div#w_pickup_box .teacher_text { font-size: 10px; line-height: 14px; padding: 5px 0px 0px; } /*---------------------------------------------------------------- ■albumn_style ----------------------------------------------------------------*/ div#albumn_box { width: 385px; padding: 10px 0px 0px; } div#albumn_box h2 { background: url(/img/albumn_title.gif) no-repeat; width: 385px; height: 26px; display: block; text-indent: -5555px; } div#albumn_box .inbox { background: url(/img/albumn_bg.gif) no-repeat; width: 360px; height: 181px; display :block; padding: 0px 0px 0px 25px; } div#albumn_box .photo_waku { background: url(/img/albumn_waku.gif) no-repeat; width: 95px; height: 150px; display: block; float: left; padding: 16px 7px 0px; margin: 0px 8px 0px 0px; } div#albumn_box .photo { width: 90px; height: 90px; padding: 0px 4px 3px 0px; margin: 0px auto; text-align: center; } div#albumn_box .photo_name a { clear: both; font-size: 10px; color: #366; line-height: 14px; font-weight: bold; text-align: left; } div#albumn_box .s_name { font-size: 10px; padding: 5px 0px 0px; text-align: left; } /*---------------------------------------------------------------- ↓↓↓↓↓↓right_contents↓↓↓↓↓↓ ---------------------------------------------------------------*/ /*---------------------------------------------------------------- ■clinic_banner ----------------------------------------------------------------*/ div#right_container .clinicBnr { margin-top: 10px; } /*---------------------------------------------------------------- ■sample_present_style（サンプル枠） ----------------------------------------------------------------*/ div#sampleBox { width: 190px; padding: 5px 0px 0px; } div#sampleBox h3 { width: 190px; font-size: 0px; line-height: 0px; margin: 0px; } div#sampleBox .detailBox { width: 178px; float: left; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; padding: 5px; } div#sampleBox .detailBox .textData { width: 110px; float: right; margin-top : 4px; line-height: 18px; } div#sampleBox .detailBox .textData span {color:#FFFFFF; float:left; font-size:10px; line-height:10px; margin-right:3px; padding:2px 4px; } div#sampleBox .detailBox .textData span.present { background-color: #99CC00; } div#sampleBox .detailBox .textData span.trial { background-color: #ad85d6; } div#sampleBox .detailBox .textData a:link { color: #0048ff; text-decoration: underline;} div#sampleBox .detailBox .textData a:hover { color: #4c7fff; text-decoration: underline;} div#sampleBox .detailBox .textData a:visited { color: #0048ff; text-decoration: underline;} div#sampleBox .detailBox .textData img { margin: 0 0 -3px 2px; line-height: 18px; } div#sampleBox .detailBox a.photo { width: 60px; height: 60px; border: 1px solid #cccccc; float: left; } /*---------------------------------------------------------------- ■n_lesson_style ----------------------------------------------------------------*/ div#n_lesson_box { width: 190px; padding: 10px 0px 0px; } div#n_lesson_box h2 { background: url(/img/n_lesson_title.gif) no-repeat; width: 190px; height: 45px; display: block; text-indent: -5555px; } div#n_lesson_box .inbox { background: url(/img/n_lesson_bg.gif) no-repeat; width: 172px; display :block; border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 5px 8px 6px/* */; } div#n_lesson_box .photo a{ width: 60px; height: 60px; border: 1px solid #CCC; padding: 1px; display: block; float: left; } div#n_lesson_box .photo a:hover{ border: 1px solid #F90; } div#n_lesson_box .l_name{ width: 100px; font-size: 12px; line-height: 16px; font-weight: bold; display: block; float: right; padding: 32px 0px 0px; } div#n_lesson_box .text { clear: both; font-size: 10px; line-height: 14px; padding: 0px 0px 5px; } /*---------------------------------------------------------------- ■bbs_style ----------------------------------------------------------------*/ div#bbs_box { width: 188px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; } div#bbs_box h3 { clear: both; background: url(/img/bbs_title.gif) no-repeat; width: 188px; height: 30px; display: block; text-indent: -5555px; } div#bbs_box .inbox { width: 172px; padding: 0px 8px 6px; } div#bbs_box .photo a { width: 60px; height: 60px; border: 1px solid #CCC; padding: 1px; display: block; float: left; } div#bbs_box .photo a:hover{ border: 1px solid #F90; } div#bbs_box .data_box { width: 100px; font-size: 12px; display: block; float: right; } div#bbs_box .s_name { line-height: 16px; font-weight: bold; } div#bbs_box .s_voice { color: #359C9C; font-weight: bold; padding: 5px 0px 2px; } div#bbs_box .ques { color: #CD6701; font-weight: bold; padding: 5px 0px 2px; } div#bbs_box .text { font-size: 10px; line-height: 14px; padding: 0px 0px 5px; } /*---------------------------------------------------------------- ■ex_lesson_style ----------------------------------------------------------------*/ div#ex_counsel_box { width: 188px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 0px; } div#ex_counsel_box h3 { clear: both; background: url(/img/counsel_title.gif) no-repeat #ffffff; width: 188px; height: 30px; display: block; text-indent: -5555px; } div#ex_counsel_box .inbox { width: 172px; padding: 0px 8px 6px; } div#ex_counsel_box .photo a { width: 50px; height: 50px; border: 1px solid #CCC; padding: 1px; display: block; float: left; margin: 0px 5px 0px 0px; } div#ex_counsel_box .photo a:hover { border: 1px solid #F90; } div#ex_counsel_box .dataBox { width: 110px; font-size: 12px; display: block; float: right; } div#ex_counsel_box .ex_name { line-height: 16px; font-weight: bold; display: block; text-decoration: none; } div#ex_counsel_box .text { font-size: 10px; line-height: 14px; padding: 0 0 5px;} /*---------------------------------------------------------------- ■present_style ----------------------------------------------------------------*/ div#present_box { width: 188px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; } div#present_box h3 { clear: both; background: url(/img/present_title.gif) no-repeat; width: 188px; height: 30px; display: block; text-indent: -5555px; } div#present_box .inbox { font-size: 10px; line-height: 14px; width: 172px; padding: 0px 8px 10px; } div#present_box .photo a{ width: 60px; height: 60px; border: 1px solid #CCC; padding: 1px; display: block; float: left; margin: 0px 5px 0px 0px; } div#present_box .photo a:hover{ border: 1px solid #F90; } div#present_box .p_name { font-weight: bold; display: block; text-decoration: underline; } div#present_box .text { padding: 3px 0px 0px; display: block; } /*---------------------------------------------------------------- ■info_style ----------------------------------------------------------------*/ div#info_box { width: 188px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; } div#info_box h3 { clear: both; background: url(/img/info_title.gif) no-repeat; width: 188px; height: 30px; display: block; text-indent: -5555px; } div#info_box .inbox { width: 172px; padding: 0px 8px 5px; } div#info_box .inbox ul { width: 172px; padding: 5px 0px 0px; } div#info_box .inbox li { background: url(/img/arrow_g.gif) no-repeat; padding: 0px 0px 5px 12px; } /*---------------------------------------------------------------- ■counsel_style ----------------------------------------------------------------*/ div#counsel_box { width: 188px; height: 81px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; } div#counsel_box .inbox { background: url(/img/counsel_bg.gif) no-repeat; width: 168px; height: 71px; display: block; padding: 10px 10px 0px 10px; font-size: 10px; } div#counsel_box .image { width: 50px; display: block; float: left; } div#counsel_box .text_box { width: 115px; display: block; float: right; padding: 3px 0px 0px; } div#counsel_box .inbox strong { color: #558406; line-height: 16px; } div#counsel_box .inbox .text { color: #996600; line-height: 14px; } div.counsel_bottom { background: url(/img/counsel_bottom.gif) no-repeat; width : 190px; height: 9px; display: block; font-size: 1px; line-height: 1px; } /*---------------------------------------------------------------- ■mobile_style ----------------------------------------------------------------*/ div.mobileBanar { width: 190px; margin: 0px auto; padding: 0px 0px 10px; } div.mobileBanar dl { width: 190px; margin: 0px; } div.mobileBanar dt { width: 190px; height: 96px; margin: 0; padding: 0; } div.mobileBanar dd { width: 190px; margin: 0; padding: 0; font-size: 10px; background:url(/img/banner_middle.gif) repeat-y; } div.mobileBanar dd .text { width: 169px; display: block; line-height: 14px; padding: 5px 10px 0; margin: 0; } *html div.mobileBanar dd .qrImg { margin: 0px 0 0px 2px; width: 90px; display: block; font-size: 12px; line-height: 16px; float: left; } div.mobileBanar dd .qrImg { margin: 0px 0 0px 5px; width: 90px; display: block; font-size: 12px; line-height: 16px; float: left; } div.mobileBanar dd form { width: 85px; margin: 7px 0 0; display: block; float: left; } div.mobileBanar dd form input { width: 81px; margin: 3px 0 0; padding: 0; } div.mobileBanar dd form select { width: 85px; margin: 3px 0 0; padding: 0; } div.mobileBanar dd form submit { margin: 3px 0 0; padding: 0; } div.mobileBanar dl p { width: 190px; height: 4px; background:url(/img/banner_bottom.gif) no-repeat; } div.mobileBanar dd p.mobileRenewal { text-align: center; padding-bottom: 8px; height: 22px; background: none; clear: both;} div.shopBana { padding-top: 2px; margin: 0; font-size: 0px; line-height: 0px;} div.mailMaga { padding: 5px 0; margin: 0; font-size: 0px; line-height: 0px;} /*---------------------------------------------------------------- ■staff_style ----------------------------------------------------------------*/ div.staff_banar { width: 190px; margin: 0px auto; padding: 5px 0px 0px; } /*---------------------------------------------------------------- ↑↑↑↑↑↑↑↑↑↑↑■index_style_end■↑↑↑↑↑↑↑↑↑↑↑↑↑ ----------------------------------------------------------------*/ /*---------------------------------------------------------------- ■leftnavi_style ----------------------------------------------------------------*/ div#left_container .ninbox { width: 188px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; } div#left_container .bottom { background: url(/img/tab190_bottom.gif) no-repeat; width: 190px; height: 10px; display: block; } div.search_left01 h3 { background: url(/img/search_lcap01.gif) no-repeat; width: 190px; height: 23px; display: block; text-indent: -5555px; } div.search_left01 ul { width: 172px; margin: 0px auto; padding: 8px 0px; } div.search_left01 li { background: url(/img/arrow_g.gif) no-repeat; width: 92px; padding: 0px 0px 7px 10px; font-size: 12px; display: block; float: left; } div.search_left01 li.right { background: url(/img/arrow_g.gif) no-repeat; width: 58px; padding: 0px 0px 7px 10px; font-size: 12px; display: block; float: left; } div.search_left01 li span { font-weight: bold; } div.search_left02 h3 { background: url(/img/search_lcap02.gif) no-repeat; width: 190px; height: 23px; display: block; text-indent: -5555px; } div.search_left02 .itembox { width: 172px; margin: 0px auto; padding: 8px 0px; } div.search_left02 h4 { width: 100px; height: 12px; display: block; text-indent: -5555px; margin: 5px 0px 3px; } div.search_left02 .direct_lcap { background: url(/img/search_direct_lcap.gif) no-repeat; } div.search_left02 .train_lcap { background: url(/img/search_train_lcap.gif) no-repeat; } div.search_left02 .area_lcap { background: url(/img/search_area_lcap.gif) no-repeat; } div.search_left02 .map_lcap { background: url(/img/search_map_lcap.gif) no-repeat; } div.search_left02 .sticking_lcap { background: url(/img/search_sticking_lcap.gif) no-repeat; } div.search_left02 .map_list ul { width: 170px; margin: 0px auto; padding: 8px 0px 0px 5px; } div.search_left02 .map_list li { background: url(/img/arrow_g.gif) no-repeat; padding: 0px 0px 8px 10px; width: 75px; font-size: 12px; display: block; float: left; } div.search_left02 .sticking_set ul { width: 175px; margin: 0px auto; padding: 0px; } div.search_left02 .sticking_set li { font-size: 12px; display: block; padding: 0px 5px 0px 0px; } div.search_left02 .sticking_set li span { padding: 0px 0px 0px 2px; } div.search_left02 .sticking_set .search_bt{ width: 50px; margin: 0px auto; } div.search_left03 h3 { background: url(/img/search_lcap03.gif) no-repeat; width: 190px; height: 23px; display: block; text-indent: -5555px; } div.search_left03 .listbox { padding: 8px 8px 5px; } div.search_left03 ul { width: 172px; margin: 0px auto; padding: 0px 0px 5px; } div.search_left03 li { background: url(/img/arrow_g.gif) no-repeat; width: 160px; padding: 0px 0px 5px 10px; font-size: 12px; display: block; float: left; } div.search_left03 li span { font-weight: bold; color: #558406; } div.search_left03 h4 { width: 142px; height: 14px; display: block; text-indent: -5555px; padding: 0px 0px 3px; margin: 0px; } div.search_left03 h4.beauty { background: url(/img/search_beauty_cap.gif) no-repeat; } div.search_left03 h4.flower { background: url(/img/search_flower_cap.gif) no-repeat; } div.search_left03 h4.dance { background: url(/img/search_dance_cap.gif) no-repeat; } div.search_left03 h4.sports { background: url(/img/search_sports_cap.gif) no-repeat; } div.search_left03 h4.craft { background: url(/img/search_craft_cap.gif) no-repeat; } div.search_left03 h4.cooking { background: url(/img/search_cooking_cap.gif) no-repeat; } div.search_left03 h4.language { background: url(/img/search_language_cap.gif) no-repeat; } div.search_left03 h4.healthy { background: url(/img/search_healthy_cap.gif) no-repeat; } div.search_left03 h4.healing { background: url(/img/search_healing_cap.gif) no-repeat; } div.search_left03 h4.career { background: url(/img/search_careerup_cap.gif) no-repeat; } div.search_left03 h4.music { background: url(/img/search_music_cap.gif) no-repeat; } div.search_left03 h4.culture { background: url(/img/search_culture_cap.gif) no-repeat; } /*---------------------------------------------------------------- ■leftnavi_style(report) ----------------------------------------------------------------*/ div.report_left h3 { background: url(/report/img/step_cap_s.gif) no-repeat; width: 190px; height: 45px; display: block; text-indent: -5555px; } div.report_left .inbox { width: 188px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 0px; } div.report_left .flow_box { width: 168px; display: block; margin: 0px auto; padding: 0px 10px 10px; background: #FAF9F6; } div.report_left .flow_box .step_box { background: url(/report/img/report_dotted.gif) repeat-x bottom; width: 164px; display: block; padding: 5px 2px; } div.report_left .flow_box .step_no { width: 15px; display: block; float: left; } div.report_left .flow_box .step_name { width: 140px; font-size: 12px; display: block; float: right; padding: 0px; padding: 2px 0px 2px 5px; } div.report_left .flow_box .step_name_b { width: 140px; font-size: 12px; display: block; float: right; padding: 0px; padding: 2px 0px 2px 5px; font-weight: bold; } div.report_left .flow_box .report_top_bt{ width: 85px; margin: 10px auto 0px; } div.report_left .other_box { width: 168px; border-top: 2px solid #88C027; padding: 10px 10px 0px; } div.report_left .other_box .cap { background: url(/report/img/other_cap.gif) no-repeat; width: 70px; height: 14px; display: block; text-indent: -5555px; } div.report_left .other_box ul { width: 168px; padding: 10px 0px 0px; } div.report_left .other_box li { font-size: 12px; background: url(/report/img/other_point.gif) no-repeat; width: 156px; padding: 0px 0px 10px 12px; } /*---------------------------------------------------------------- ■leftnavi_style(clinicBnr) ----------------------------------------------------------------*/ #left_style #left_container .clinicBnr { margin-bottom: 5px; } /*---------------------------------------------------------------- ■footer_style ----------------------------------------------------------------*/ div#footer_box { background: url(/img/footer_bar.gif) repeat-x 0 52px; width: 100%; } div#footer_box .inbox { width: 822px; margin: 0px auto; } div#footer_box .textlink { width: 812px; text-align: center; font-size: 12px; line-height: 22px; margin: 0px auto; padding: 4px 5px; color: #CCC; background-color: #f0f0f0; } div#footer_box .textlink span { color: #669933; font-weight: bold; } div#footer_box .footer_link { width: 810px; font-size: 12px; text-align: center; margin-top: 11px; color: #FFF;} div#footer_box .footer_link a { padding: 0px 1px; } div#footer_box .copyright { width: 810px; color:#fff; text-align: center; font-size: 12px; margin: 3px 0 0px; padding-bottom: 5px; line-height: 150%; } div#footer_box .copyright a { color:#fff; } div#footer_box .copyright img { position:relative; top:2px; } /*---------------------------------------------------------------- ■special_banar_style ----------------------------------------------------------------*/ div#sp_banar_box a { background: url(http://school.ispot.jp/special/summernight_0708/img/hotel_top02.jpg) no-repeat; text-indent: -5555px; display: block; height: 80px; } div#tieup_box { width: 200px; display: block; padding: 20px 0px 0px;} div#tieup_box h2 { background: url(/img/tie_up_cap.gif) no-repeat; width: 200px; height: 20px; display: block; text-indent: -5555px; } div#tieup_box .inbox { width: 192px; margin: 8px auto 0px; } div#tieup_box .text_link { width: 115px; display: block; float: left; padding: 5px 0px; line-height: 16px; } div#tieup_box .image { width: 73px; height: 50px; padding: 5px 0px; } div#banner_box { width: 200px; display: block; padding: 0;} div#banner_box .inbox { width: 192px; margin: 0px auto 0px; } div#banner_box .text_link { width: 115px; display: block; float: left; padding: 5px 0px; line-height: 16px; } div.sp_pr_T { background: url(http://www.ispot.jp/shared/img/pr_background.gif) repeat-x; font-family: ＭＳ Ｐゴシック,serif; height: 19px; padding: 3px 0px 0px; font-size: 12px; font-weight: bold; color: #FFF; text-align: center; } div.sp_pr_S { background: url(http://www.ispot.jp/shared/img/pr_background.gif) repeat-x; font-family: ＭＳ Ｐゴシック,serif; width: 185px; height: 19px; padding: 3px 0px 0px; font-size: 12px; font-weight: bold; color: #FFF; text-align: center; } ins { text-indent:0px; } /* -------------------------[00]:WinIE用/透過pngの適用 */ .iepngfix { behavior: url(/iepngfix.htc); } /*----------------------------------------------------------- ■ソーシャルコネクト「イイネボタン」 ------------------------------------------------------------*/ .iineBt { background-color: #fffadd; text-align: right; padding: 4px 0px; vertical-align: top; } .iineBt li { font-size: 10px; color: #b79069; list-style: none; float: right; line-height: 20px; height: 20px; margin-right: 10px; } .iineBtBbs { width: 570px; margin: 5px auto 0; } .iineBtReport { width: 550px; margin: 10px auto 0; } .iineBtEvent { width: 538px; margin: 10px auto 0; } /* 背景なし */ .iineBtNobg { text-align: right; margin: 5px 0; padding: 4px 0px; vertical-align: top; } .iineBtNobg li { font-size: 10px; color: #b79069; list-style: none; float: right; line-height: 20px; height: 20px; margin-right: 10px; } .iineBtColumn { width: 580px; text-align: right; margin: 5px 0; padding: 4px 0px; vertical-align: top; }