/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/ /* */ /* ispotスクールスタイルシート */ /* */ /*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/ /*---------------------------------------------------------------- ■basic set style ----------------------------------------------------------------*/ *{ color: #666; } h1{ font-size:12px; position:absolute; top : 36px ; left: 131px; line-height: 18px; margin: 0px;} 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(/s/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{ background: url(/s/img/contents_bg.gif) repeat-y; width: 770px; display: block; margin: 0px auto; position: relative;} .left { float: left; } .right { float: right; } .clear { clear: both; padding: 0px; margin: 0px; line-height: 0px; font-size: 0px; float: none;} .red { color: #F00; } .kome { color: #79a926; } .orange { color: #ff9900;} .padd2 { padding: 2px; } .padd3 { padding: 3px; } .padd4 { padding: 4px; } .padd5 { padding: 5px; } .padd10 { padding: 10px; } .padd15 { padding: 15px; } .sidepadd10 { padding: 0px 10px; } .hmar10 { margin: 10px 0px; } .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_double3.gif) repeat-x; height: 3px; font-size: 2px; line-height: 2px; display: block; } .dotted_double3 { clear: both; background: url(/s/img/dotted_double.gif) repeat-x; height: 3px; font-size: 2px; line-height: 2px; display: block; } .dotted_triple { clear: both; background: url(/img/dotted_triple.gif) repeat-x; height: 5px; font-size: 2px; line-height: 2px; display: block; } /*---------------------------------------------------------------- ■header_style ----------------------------------------------------------------*/ div#header { width: 770px; margin: 0; padding: 0; height: 64px; background: url(/s/img/header_bg.gif) no-repeat; } div#header ul { width: 750px; padding: 7px 0 0 15px; height: 56px; } div#header li { float: left; } div#header li.logo { width: 99px; height: 56px; padding-right: 17px; } div#header li.shop { width: 558px; padding: 1px 0 0; } div#header li.wwwLink { width: 70px; padding: 6px 0 0; text-align: right; } div#header li.wwwLink img { vertical-align: middle; padding-right: 3px; } div#header li.wwwLink a { color: #558406; font-weight: bold; } div#header .header_box { width: 740px; height: 46px; margin: 0px auto; padding: 0px 0px 0px 10px; } div#header h2 { padding: 6px 0 0px; } div#header h2 a { font-size: 17px; color: #558406; line-height: 22px; padding: 0px; } div#header .bt_box { width: 90px; display: block; float: right; padding: 10px 5px 0px 0px; text-align: right; } /* エラー */ div.loginAlert { background:url(/s/img/contents_inbg.gif) no-repeat 0 0; padding: 0 5px 5px 5px; width:760px; float: left; } div.loginAlert div { color: #ff0000; font-size: 10px; text-align: right; background-color: #ffe9e9; width: 760px; float: left; line-height: 15px; } div#memberBox { width: 770px; font-size: 12px; height: 27px; display:inline; margin: 0 0px; float: left; padding: 0; background: url(/s/img/login_bg.gif) repeat-y; border-top: solid 1px #d2e0ed; } div#memberBox dl.userBox { display:inline; margin: 0px; } div#memberBox dl.userBox dt { float: left; padding-top: 4px; padding-left: 10px; color: #fff; } div#memberBox dl.userBox dt span{ font-weight: bold;} /* リンク設定 */ div#memberBox dl.userBox dt span a:link{ color: #996600; text-decoration: none;} div#memberBox dl.userBox dt span a:visited{ color: #996600; text-decoration: none;} div#memberBox dl.userBox dt span a:hover{ color: #996600; text-decoration: underline;} div#memberBox dl.userBox dd { float: left; margin : 3px 0 0 2px;} div#memberBox dl.userBox dd ul { margin : 0 0 0 2px; background-color: #000; height: 21px; display:inline; } dl.userBox dd ul li { float: left; height: 21px; } div#memberBox dl.userBox dd.point li.baloonLeft { width: 10px; height: 21px; padding: 0; background: url(/s/login/img/balloon_left.gif) no-repeat; float: left; } div#memberBox dl.userBox dd.point li.baloonCenter { padding: 6px 5px 0 7px; line-height: 0px; height: 21px; background: url(/s/login/img/balloon_center.gif) repeat-x; display: block; float: left; } *html div#memberBox dl.userBox dd.point li.baloonCenter { padding: 5px 5px 0 7px; } div#memberBox dl.userBox dd.point li.baloonCenter img { margin: 0px 3px 0; vertical-align: middle; } div#memberBox dl.userBox dd.point li.baloonCenter span { color: #f00; } div#memberBox dl.userBox dd.point li.baloonRight { width: 5px; height: 21px; background: url(/s/login/img/balloon_right.gif) no-repeat; display: block; float: left; } /****** logoutBox ******/ div#memberBox div.logout { width: 65px; float: left; margin : 3px 0 0 3px; display:inline; } div#memberBox dl.userBox dd.btLogin { margin: 3px 0px 0px 4px; float: left; } div#memberBox div.bt { float: right; margin: 3px 10px 0 0; display:inline;} div#memberBox div.bt p { float: left; margin: 0px; height: 22px; } div#memberBox div.bt form { float: left; } div#memberBox div.bt p.listBt { margin-left : 1px; } /*---------------------------------------------------------------- ■contents_style ----------------------------------------------------------------*/ div#s_style { background: url(/s/img/contents_inbg.gif) no-repeat; width: 740px; display: block; padding: 13px 15px 30px; margin: 0px; } div#s_style #left_container { width: 174px; display: block; float: left; } div#s_style #right_container { width: 560px; display: block; } @media screen{ div#s_style #right_container { float: right; } } /*---------------------------------------------------------------- ■leftnavi_style ----------------------------------------------------------------*/ /****** groval_navigation ******/ div#groval_navi { width: 174px; display: block; padding: 0px 0px 8px; } div#groval_navi .gnavi_top { background: url(/s/img/gnavi_topbar.gif) no-repeat; width: 173px; height: 5px; display: block; font-size: 1px; line-height: 1px; } div#groval_navi .gnavi_bottom { background: url(/s/img/gnavi_bottom.gif) no-repeat; width: 174px; height: 3px; display: block; font-size: 1px; line-height: 1px; } div#groval_navi ul { width: 174px; } div#groval_navi li { display: block; width: 174px; text-indent: -5555px; font-size: 5px; line-height: 5px; } div#groval_navi a { width: 174px; display: block; } div#groval_navi li.gnavi_01 a { background: url(/s/img/gnavi_01.gif) no-repeat; height: 28px; } div#groval_navi li.gnavi_01 a:hover { background: url(/s/img/gnavi_01_on.gif) no-repeat; } div#groval_navi li.gnavi_01 div { width: 174px; height: 28px; display: block; background: url(/s/img/gnavi_01_on.gif) no-repeat; } div#groval_navi li.gnavi_02 a { background: url(/s/img/gnavi_02.gif) no-repeat; height: 30px; } div#groval_navi li.gnavi_02 a:hover { background: url(/s/img/gnavi_02_on.gif) no-repeat; } div#groval_navi li.gnavi_02 div { width: 174px; height: 30px; display: block; background: url(/s/img/gnavi_02_on.gif) no-repeat; } div#groval_navi li.gnavi_03 a { background: url(/s/img/gnavi_03.gif) no-repeat; height: 30px; } div#groval_navi li.gnavi_03 a:hover { background: url(/s/img/gnavi_03_on.gif) no-repeat; } div#groval_navi li.gnavi_03 div { width: 174px; height: 30px; display: block; background: url(/s/img/gnavi_03_on.gif) no-repeat; } div#groval_navi li.gnavi_04 a { background: url(/s/img/gnavi_04.gif) no-repeat; height: 30px; } div#groval_navi li.gnavi_04 a:hover { background: url(/s/img/gnavi_04_on.gif) no-repeat; } div#groval_navi li.gnavi_04 div { width: 174px; height: 30px; display: block; background: url(/s/img/gnavi_04_on.gif) no-repeat; } div#groval_navi li.gnavi_05 a { background: url(/s/img/gnavi_05.gif) no-repeat; height: 30px; } div#groval_navi li.gnavi_05 a:hover { background: url(/s/img/gnavi_05_on.gif) no-repeat; } div#groval_navi li.gnavi_05 div { width: 174px; height: 30px; display: block; background: url(/s/img/gnavi_05_on.gif) no-repeat; } div#groval_navi li.gnavi_06 a { background: url(/s/img/gnavi_06.gif) no-repeat; height: 30px; } div#groval_navi li.gnavi_06 a:hover { background: url(/s/img/gnavi_06_on.gif) no-repeat; } div#groval_navi li.gnavi_06 div { width: 174px; height: 30px; display: block; background: url(/s/img/gnavi_06_on.gif) no-repeat; } div#groval_navi li.gnavi_07 a { background: url(/s/img/gnavi_07.gif) no-repeat; height: 30px; } div#groval_navi li.gnavi_07 a:hover { background: url(/s/img/gnavi_07_on.gif) no-repeat; } div#groval_navi li.gnavi_07 div { width: 174px; height: 30px; display: block; background: url(/s/img/gnavi_07_on.gif) no-repeat; } div#groval_navi li.onavi_01 { height: 30px; } div#groval_navi li.onavi_01 a { background: url(/s/img/onavi_01.gif) no-repeat; height: 30px; } div#groval_navi li.onavi_01 a:hover { background: url(/s/img/onavi_01_on.gif) no-repeat; } div#groval_navi li.onavi_01 div { width: 174px; height: 30px; display: block; background: url(/s/img/onavi_01_on.gif) no-repeat; } /****** comment_header ******/ div.comment_header { width: 172px; display: block; padding: 5px 0px 5px; } div.comment_header h3 { background: url(/s/img/comhead_cap.gif) no-repeat; width: 172px; height: 35px; display: block; text-indent: -5555px; } div.comment_header .contents { background: url(/s/img/comhead_bg.gif) repeat-y; width: 172px; display: block; } div.comment_header p { padding: 2px 10px 5px; line-height: 20px; font-size: 10px; } div.comment_header .bottom { background: url(/s/img/comhead_bottom.gif) no-repeat; width: 172px; height: 10px; display: block; } /****** side_contents ******/ div.requisition_bt { padding: 0px 0px 10px; } div.requisition_bt a { background: url(/s/img/requisition_bt.gif) no-repeat; width: 174px; height: 34px; display: block; text-indent: -5555px; } div.requisition_bt a:hover { background: url(/s/img/requisition_bt_on.gif) no-repeat; width: 174px; height: 34px; display: block; text-indent: -5555px; } div.trial_bt { padding: 0px 0px 1px; } div.trial_bt a { background: url(/s/img/trial_bt.gif) no-repeat; width: 174px; height: 34px; display: block; text-indent: -5555px; } div.trial_bt a:hover { background: url(/s/img/trial_bt_on.gif) no-repeat; width: 174px; height: 34px; display: block; text-indent: -5555px; } /****** report ******/ div#report_navi { width: 172px; padding: 0px 0px 10px; margin: 0px auto; } div#report_navi h3 { background: url(/s/img/report_cap.gif) no-repeat; width: 172px; height: 20px; display: block; text-indent: -5555px; } div#report_navi .inbox { width: 172px; padding: 5px 0px 0px; } div#report_navi .report_bt { padding: 0px 0px 5px; } div#report_navi .report_bt a { background: url(/s/img/report_bt.gif) no-repeat; width: 172px; height: 64px; display: block; text-indent: -5555px; } div#report_navi .report_bt a:hover { background: url(/s/img/report_bt_on.gif) no-repeat; } div#report_navi .mini_bt { padding: 0px 0px 5px; } div#report_navi .mini_bt a { background: url(/s/img/mini_bt.gif) no-repeat; width: 172px; height: 44px; display: block; text-indent: -5555px; } div#report_navi .mini_bt a:hover { background: url(/s/img/mini_bt_on.gif) no-repeat; } div#report_navi .movie_bt { padding: 0px; } div#report_navi .movie_bt a { background: url(/s/img/movie_bt.gif) no-repeat; width: 172px; height: 54px; display: block; text-indent: -5555px; } div#report_navi .movie_bt a:hover { background: url(/s/img/movie_bt_on.gif) no-repeat; } /****** option_navi ******/ div#option_navi { width: 172px; margin: 0px auto; padding: 10px 0px 5px; } div#option_navi ul { width: 172px; } div#option_navi li { width: 172px; height: 44px; padding: 0px 0px 5px; } div#option_navi li a { width: 172px; height: 44px; display: block; text-indent: -5555px; } div#option_navi li.opnavi_01 a { background: url(/s/img/opnavi_01.gif) no-repeat; } div#option_navi li.opnavi_01 a:hover { background: url(/s/img/opnavi_01_on.gif) no-repeat; } div#option_navi li.opnavi_02 a { background: url(/s/img/opnavi_02.gif) no-repeat; } div#option_navi li.opnavi_02 a:hover { background: url(/s/img/opnavi_02_on.gif) no-repeat; } div#option_navi li.opnavi_03 a { background: url(/s/img/opnavi_03.gif) no-repeat; } div#option_navi li.opnavi_03 a:hover { background: url(/s/img/opnavi_03_on.gif) no-repeat; } div#option_navi li.opnavi_04 a { background: url(/s/img/opnavi_04.gif) no-repeat; } div#option_navi li.opnavi_04 a:hover { background: url(/s/img/opnavi_04_on.gif) no-repeat; } div#option_navi li.opnavi_05 a { background: url(/s/img/opnavi_05.gif) no-repeat; } div#option_navi li.opnavi_05 a:hover { background: url(/s/img/opnavi_05_on.gif) no-repeat; } div#option_navi li.opnavi_06 a { background: url(/s/img/opnavi_06.gif) no-repeat; } div#option_navi li.opnavi_06 a:hover { background: url(/s/img/opnavi_06_on.gif) no-repeat; } /****** mobile ******/ div#mobile_box { width: 170px; margin: 0px auto; } div#mobile_box .cap { width: 150px; margin: 0px auto; padding: 10px 0px 5px; } div#mobile_box p { font-size: 10px; line-height: 16px; display: inline; } /****** group ******/ div#group_box { width: 172px; padding: 10px 0px 0px; } div#group_box .cap { background: url(/s/img/group_cap.gif) no-repeat; width: 172px; height: 19px; display: block; text-indent: -5555px; } div#group_box ul { width: 160px; padding: 8px 5px 0px; } div#group_box li { background: url(/s/img/group_point.gif) no-repeat; padding: 0px 0px 5px 10px; font-size: 10px; } /*---------------------------------------------------------------- ↓↓↓↓↓↓↓↓↓↓↓↓↓■index_style■↓↓↓↓↓↓↓↓↓↓↓↓ ----------------------------------------------------------------*/ /****** main_photo ******/ div#normalPlan { width: 335px; margin-top: 2px; display: block; float: left; } div#normalPlan .photo01 { width: 120px; height: 160px; display: block; float: left; padding: 0px 3px 0px 0px; } div#normalPlan .photo02 { width: 212px; height: 160px; display: block; float: left; padding: 0px 0px 0px 0px; } div#normalPlan .photo03 { width: 120px; height: 120px; display: block; float: left; padding: 3px 3px 0px 0px; } div#trialPlan .photo { width: 560px; line-height: 0px; margin-top: 2px;} div#trialPlan #info_box { margin-top: 4px;} /****** info_box ******/ div#info_box { width: 212px; height: 123px; display: block; float: left; } div#info_box cap_box { background: url(/s/img/info_box_bg.gif) no-repeat; width: 212px; } div#info_box h3 { background: url(/s/img/info_cap.gif) no-repeat; width: 117px; height: 40px; display: block; float: left; text-indent: -5555px; } div#info_box .detail_bt { background: url(/s/img/info_detail.gif) no-repeat; font-size: 10px; width: 90px; height: 27px; display: block; float: left; padding: 13px 0px 0px 5px; } div#info_box .detail_bt span { background: url(/s/img/info_arrow.gif) no-repeat; display: block; padding: 0px 0px 0px 10px; } div#info_box .infodata { background: url(/s/img/info_bg.gif) no-repeat; width: 204px; height: 78px; padding: 0px 0px 5px 8px; font-size: 12px; } div#info_box .infodata ul { width: 200px; height: 80px; overflow: auto; margin: 0px; padding: 0px; } div#info_box .infodata li { background: url(/s/img/info_point.gif) no-repeat; width: 170px; padding: 0px 0px 5px 10px; line-height: 14px; } div#info_box .infodata li span { display: block; font-size: 10px;} /****** impression ******/ div#r_voice_box { width: 212px; height: 288px; display: block; float: right; } div#r_voice_box h3 { background: url(/s/img/r_voice_cap.gif) no-repeat; width: 212px; height: 70px; display: block; text-indent: -5555px; } div#r_voice_box .inbox { background: url(/s/img/r_voice_bg.gif) no-repeat; width: 192px; height: 218px; display: block; padding: 0px 10px; } div#r_voice_box .text { background: url(/s/img/r_voice_dotted.gif); font-size: 12px; line-height: 23px; padding: 2px 2px 0px; color: #666; } div#r_voice_box .reporter_name { position: absolute right; margin: 5px 0px 0px; display: block; float: right; } /****** trialBox ******/ div#trialBox { width: 340px; float: right; margin-top: 7px;} div#trialBox p { line-height: 0px;} div.trialList { width: 340px; height: 90px; background: url(/s/img/bg_trial.gif) no-repeat;} div.trialList dl { margin: 0px; padding: 0px; width: 306px; margin-left: 24px; /* background: url(/s/img/bg_dot.gif) repeat-x left bottom; */ } div.trialList dl dt { width: 242px; float: left; color: #960; padding: 5px 0 4px;} div.trialList dl dt a:link { color: #39C; text-decoration: none;} div.trialList dl dt a:visited { color: #39C; text-decoration: none;} div.trialList dl dt a:hover { color: #39C; text-decoration: underline;} div.trialList dl dd { width: 64px; float: right; line-height: 0px; padding-top: 4px;} div.trialList .noLesson { margin: 10px 0 0 24px;} /****** school_message ******/ div#message_box { width: 560px; padding: 15px 0px 0px; } div#message_box h3 { background: url(/s/img/message_cap.gif) no-repeat; width: 560px; height: 39px; display: block; text-indent: -5555px; } div#message_box .inbox { background: url(/s/img/message_bg.gif) no-repeat #faf9f6; width: 544px; padding: 0px 8px; } div#message_box .text { font-size: 12px; line-height: 23px; padding: 2px 2px 10px; background: url(/s/img/message_bg_dot.gif) repeat 0 45px; } div#message_box .bottom { background: url(/s/img/message_bottom.gif) no-repeat; width: 560px; height: 10px; display: block; } /****** school_data ******/ div#schdata_box { width: 560px; padding: 10px 0px 0px; } div#schdata_box h3 { background: url(/s/img/schooldata_cap.gif) no-repeat; width: 560px; height: 25px; display: block; text-indent: -5555px; } div#schdata_box .inbox { width: 538px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 10px; } div#schdata_box .inbox img.smooth { display:block; } div#schdata_box .change_box { width: 560px; height: 17px; display: block; float: right; padding: 0px 0px 1px; } div#schdata_box .change_box .salon a { background: url(/s/img/change_bt_salon.gif) no-repeat; width: 94px; height: 17px; display: block; float: right; text-indent: -5555px; } div#schdata_box .change_box .salon a:hover { background: url(/s/img/change_bt_salon_on.gif) no-repeat; } div#schdata_box .change_box .hair a { background: url(/s/img/change_bt_hair.gif) no-repeat; width: 114px; height: 17px; display: block; float: right; text-indent: -5555px; } div#schdata_box .change_box .hair a:hover { background: url(/s/img/change_bt_hair_on.gif) no-repeat; } div#schdata_box .change_box .clinic a { background: url(/s/img/change_bt_clinic.gif) no-repeat; width: 112px; height: 17px; display: block; float: right; text-indent: -5555px; } div#schdata_box .change_box .clinic a:hover { background: url(/s/img/change_bt_clinic_on.gif) no-repeat; } div#schdata_box .change_box .pet a { background: url(/s/img/change_bt_pet.gif) no-repeat; width: 92px; height: 17px; display: block; float: right; text-indent: -5555px; } div#schdata_box .change_box .pet a:hover { background: url(/s/img/change_bt_pet_on.gif) no-repeat; } div#schdata_box .change_box .job a { background: url(/s/img/change_bt_job.gif) no-repeat; width: 84px; height: 17px; display: block; float: right; text-indent: -5555px; } div#schdata_box .change_box .job a:hover { background: url(/s/img/change_bt_job_on.gif) no-repeat; } div#schdata_box .change_box .shopping a { background: url(/s/img/change_bt_shopping.gif) no-repeat; width: 94px; height: 17px; display: block; float: right; text-indent: -5555px; } div#schdata_box .change_box .shopping a:hover { background: url(/s/img/change_bt_shopping_on.gif) no-repeat; } div#schdata_box .data_box { width: 350px; display: block; float: left; } div#schdata_box .data_box .conditionBox { width: 350px; padding: 6px 0 5px 1px; background: url(/s/img/data_dotted.gif) repeat-x top; } div#schdata_box .data_box .conditionBox .icon_box { line-height: 0px; font-size: 0px;} div#schdata_box .data_box .conditionBox .icon_box div { padding: 0px 1px 1px 0px; display: block; float: left; } div#schdata_box .data_box table { width: 350px;} div#schdata_box .data_box th { width: 86px; color: #960; text-align: left; padding: 3px; line-height: 16px; vertical-align: top; } div#schdata_box .data_box td { width: 256px; padding: 4px 0px 4px 4px; line-height: 16px; vertical-align: top; } div#schdata_box .data_box td.iconDetail { padding: 3px 0; line-height: 0px; font-size: 0px;} div#schdata_box .data_box td.url { word-break: break-all; } div#schdata_box .data_box td.url a { color: #066; } div#schdata_box .data_box .data_dotted { clear: both; background: url(/s/img/data_dotted.gif) repeat-x; height: 1px; font-size: 1px; line-height: 1px; } div#schdata_box .data_box .btbox { width: 348px; margin: 0px auto; padding: 10px 0px 0px; } div#schdata_box .data_box .op_bt01 a { background: url(/s/img/coupon_bt.gif) no-repeat; width: 116px; height: 50px; display: block; float: left; text-indent: -5555px; } div#schdata_box .data_box .op_bt01 a:hover { background: url(/s/img/coupon_bt_on.gif) no-repeat; } div#schdata_box .data_box .op_bt02 a { background: url(/s/img/mailreserve_bt.gif) no-repeat; width: 116px; height: 50px; display: block; float: left; text-indent: -5555px; } div#schdata_box .data_box .op_bt02 a:hover { background: url(/s/img/mailreserve_bt_on.gif) no-repeat; } div#schdata_box .data_box .op_bt03 a { background: url(/s/img/event_bt.gif) no-repeat; width: 116px; height: 50px; display: block; float: left; text-indent: -5555px; } div#schdata_box .data_box .op_bt03 a:hover { background: url(/s/img/event_bt_on.gif) no-repeat; } div#schdata_box .map_box { width: 176px; display: block; float: right; } div#schdata_box .map_box .gmap { border: 1px solid #CCC; padding: 2px; width: 170px; height: 170px; } div#schdata_box .map_box .map_bt { width: 129px; height: 21px; margin: 5px auto 8px; } div#schdata_box .map_box .other { width: 176px; text-align: right; color: #ff6600; } div#schdata_box .map_box .other a { height: 18px; color: #ff6600; } div#schdata_box .conditionBox { padding: 0;} div#schdata_box .bottom { background: url(/s/img/schooldata_bottom.gif) no-repeat; width: 560px; height: 10px; display: block; } div.under_box { width: 376px; display: block; float: right; padding: 0px 0px 15px; } div.under_box a { padding: 0px 0px 0px 3px; } /****** school_report ******/ div#school_report_box { width: 560px; padding: 15px 0px 0px; } div#school_report_box h3 { background: url(/s/img/school_report_cap.gif) no-repeat; width: 560px; height: 25px; display: block; text-indent: -5555px; } div#school_report_box .inbox { width: 560px; } div#school_report_box .r_box { padding: 10px 0px 0px; } div#school_report_box .r_box h4 { background: url(/s/img/report_scap.gif) no-repeat; width: 560px; height: 15px; display: block; text-indent: -5555px; padding: 0px; margin: 0 0 10px 0; } div#school_report_box .r_box .norm_detail{ width: 550px; margin: 0px auto; padding: 0px 0px 0px; } div#school_report_box .r_box .repoTab { float: left; background:transparent url(/s/img/repo_tab.gif) no-repeat scroll left; height: 68px; } div#school_report_box .r_box .repoTab p { padding-left : 25px; padding-top: 9px; } div#school_report_box .r_box .repoPhoto { float: right; width: 90px; line-height: 0px;} div#school_report_box .r_box .groupR { text-align: right; font-size: 12px; margin-right: 5px; } div#school_report_box .r_box .groupR a { color: #996600; } div#school_report_box .m_box { padding: 20px 0px 0px; } div#school_report_box .m_box h4 { background: url(/s/img/mini_scap.gif) no-repeat; width: 560px; height: 15px; display: block; text-indent: -5555px; padding: 0px; margin: 0px; } div#school_report_box .m_box .mini_detail { width: 550px; margin: 0px auto; padding: 10px 0px 0px; } div#school_report_box .m_box .photo { width: 60px; height: 60px; border: 1px solid #CCC; padding: 1px; display :block; float: left; } div#school_report_box .m_box .data_box { width: 475px; display: block; float: right; padding: 0px 0px 0px 10px; } div#school_report_box .m_box .data_box .name { font-size: 14px; line-height: 18px; font-weight: bold; } div#school_report_box .m_box .data_box .text { font-size: 12px; line-height: 18px; padding: 5px 0px; } div#school_report_box .m_box .data_box .groupM { text-align: right; font-size: 12px; color: #666; margin-right: 5px; line-height: 14px; } div#school_report_box .m_box .data_box .groupM a{ text-align: right; font-size: 12px; font-weight: normal; } /****** new_school_report ******/ div.sreportBox dl,dt,dd,p { padding: 0px; margin: 0px; font-size: 12px; line-height: 18px; color: #666;} div.sreportBox dl { width: 550px; background: url(/s/img/report_dot.gif) repeat-x scroll left bottom; margin : 4px 0 0 5px; padding-bottom: 5px;} div.sreportBox dl dt { width: 118px; float: left;} div.sreportBox dl dt a { display:block; width: 112px; height: 84px; border: 1px solid #CCC; padding: 1px;} div.sreportBox dl dd { width: 421px; float: left; margin-left: 5px; padding-right: 5px;} div.sreportBox dl dd a { display:block; font-size: 14px; color: #996600; font-weight: bold; text-indent:53px; line-height: 30px; background: url(/s/img/ico_report.jpg) no-repeat; padding-bottom: 3px;} div.sreportBox dl dd span { display: block; text-align: right; line-height: 12px; margin-right: 0; } div.sreportBox dl dd span a { background: none; font-size: 12px; font-weight: normal; display: inline; line-height: 12px; } /* リンク設定 */ div.sreportBox dl dd a:link { color: #996600; text-decoration: none;} div.sreportBox dl dd a:visited { color: #996600; text-decoration: none;} div.sreportBox dl dd a:hover { color: #996600; text-decoration: underline;} /*---------------------------------------------------------------- ↑↑↑↑↑↑↑↑↑↑↑■index_style_end■↑↑↑↑↑↑↑↑↑↑↑↑↑ ----------------------------------------------------------------*/ /*---------------------------------------------------------------- ■footer_style ----------------------------------------------------------------*/ div.linkbox { width: 770px; background: url(/s/img/contents_bg.gif) repeat-y; margin: 0px auto; } div.linkbox .textlink { width: 750px; margin-left: 10px; padding: 5px 0 4px; text-align: center; border-top: 1px solid #CCC; } div#footer_box { background: url(/s/img/footer_bg.gif) repeat-x top; width: 770px; display: block; margin: 0px auto 0px; padding: 9px 0 9px; line-height: 14px; } div#footer_box p { text-align: center; color:#fff; font-size:12px; line-height: 16px; font-family: ＭＳ Ｐゴシック; } div#footer_box p a { color:#fff; } div#footer_box p a img.copyrightimg { position:relative; top:2px; } div#footer_box p span { font-size: 10px; color: #fff; } /****** number_box ******/ div.number_box { background: url(/s/bbs/img/number_bar.gif) no-repeat; width: 532px; height: 30px; display: block; margin: 0px auto; text-align: center; } div.number_box .under_text { padding: 7px 5px 0px; } div.number_box .under_text_s { width: 100px; padding: 7px 5px 0px; } div.number_box .under_text a { color: #960; } div.number_box .under_text_s a { color: #960; } div.number_box .under_text span { color: #F30; font-weight: bold; } /* -------------------------[00]:WinIE用/透過pngの適用 */ .iepngfix { behavior: url(/iepngfix.htc); }