/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/ /* */ /* www.ispot.jp info店舗の皆様へ */ /* */ /*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/ /*---------------------------------------------------------------- ■基本style ----------------------------------------------------------------*/ /****** 文字間 ******/ body { letter-spacing: 1px;} /****** 画像 ******/ img { border: 0; margin: 0px; padding: 0px; line-height: 0px; font-size: 0px;} /****** ボックス ******/ div,p,h1,h2,h3,h4,h5,h6,h7,ul,li,dl,dt,dd { font-size: 0px; line-height: 0px; padding: 0px; margin: 0px;} /****** ナビ ******/ .shopLogo {float: left;width: 235px;} .ispotTop {float: right;width: 75px;padding-right: 5px;} div#shop_navi { margin:0px auto; padding: 0px; vertical-align:top; } div#shop_navi ul { float:right; width: 820px;margin:0pt;padding:0pt;} div#shop_navi li { float: left; display: block;margin:0pt;padding:0pt; text-decoration:none; } div#shop_navi li a { height: 25px; display: block;margin:0pt;/* Mac IE 5ハック \*/overflow:hidden;/* Mac IE 5ハック */ } li.shopnavi_01 a { width: 164px;} li.shopnavi_02 a { width: 164px;} li.shopnavi_03 a { width: 164px;} li.shopnavi_04 a { width: 164px;} li.shopnavi_05 a { width: 164px;} h1 { margin-bottom: 30px;} /****** フッターリンク ******/ div.shop_footLinkBg { background-color: #f0f0f0; margin-top: 30px;} div.shop_footLink { color: #ff6666; text-align: center; font-size: 10px; line-height: 14px; padding-top: 8px;} div.shop_footLink a:link { color: #ff6666; text-decoration:none;} div.shop_footLink a:visited { color: #ff6666; text-decoration:none;} div.shop_footLink a:hover { color: #ff6666; text-decoration:underline;} div.shop_footLink02 { color: #666; text-align: center; font-size: 12px; line-height: 28px;} div.shop_footLink02 a:link { color: #666; text-decoration:none;} div.shop_footLink02 a:visited { color: #666; text-decoration:none;} div.shop_footLink02 a:hover { color: #666; text-decoration:underline;} /****** コピーライト ******/ div#shop_footbg { background: url(/img/info/shop/shop_footbg.gif); color: #fff; height: 33px; text-align: center; font-size: 12px; padding-top: 3px; line-height: 14px; } div#shop_footbg a { color: #fff;} div#shop_footbg span { color: #fff; font-size: 10px; } /* リンク設定 */ div#shop_footbg a:link { color: #fff; text-decoration: none;} div#shop_footbg a:visited { color: #fff; text-decoration: none;} div#shop_footbg a:hover { color: #fff; text-decoration: underline;} div#shop_footbg img { position:relative; top:2px; } /****** ライン ******/ div.bk_line01 { width: 700px; height: 3px; background: url(/img/info/shop/shop_line01.gif) no-repeat; margin: 0 auto; font-size: 0px; line-height: 0px;} div.bk_line02 { width: 700px; height: 3px; background: url(/img/info/shop/shop_line02.gif) no-repeat; margin: 0 auto; font-size: 0px; line-height: 0px;} div.bgDot { width: 640px;background: url(/img/info/shop/bg_dot.gif) repeat-x; line-height: 1px; font-size: 0px;} .clear { margin: 0px; padding: 0px;} /****** リンク ******/ div#mainContent a:link { color: #ff6600; text-decoration: underline;} div#mainContent a:visited { color: #ff6600; text-decoration: underline;} div#mainContent a:hover { color: #ff6600; text-decoration: none;} /*---------------------------------------------------------------- ■main style ----------------------------------------------------------------*/ div#mainContent { margin:0px auto; padding: 0px; border: 10px solid #efeae5;padding: 20px; width: 640px;} p.txtBox { font-size: 12px; line-height: 20px; padding: 15px 0;} /*---------------------------------------------------------------- ■top style ----------------------------------------------------------------*/ /****** トップ ******/ div.topContent01 .titleCheck { padding-bottom: 4px;} div.topContent01 ul { width: 640px; background: url(/img/info/shop/bg_dot.gif) repeat-x scroll center bottom; float: left;} div.topContent01 ul li { width: 320px; float: left; font-size: 14px; line-height: 20px; text-indent: 32px; padding: 10px 0; background: url(/img/info/shop/top/bk_check.gif) no-repeat scroll 0 5px;} div.topContent01 .bkArrow { width: 71px; height: 17px; background: url(/img/info/shop/top/ico_arrow.jpg) no-repeat; margin: 20px auto;} div.topContent02 h3 { text-align: center; padding-bottom: 16px;} div.topContent02 .tel { width: 321px; float: left;} div.topContent02 ul.pc { width: 319px; float: left;} div.topContent02 p { height: 54px; font-size: 12px; line-height: 18px; text-align: center; background: url(/img/info/shop/bg_contact_txt.gif) no-repeat; padding-top: 16px;} div.topContent03 { margin: 0 auto;} div.topContent03 h4 { background: url(/img/info/shop/top/bk_bar.gif) no-repeat; padding: 24px 0 12px 0; margin-top: 40px; text-align: center;} div.topContent03 p { width: 546px; font-size: 12px; line-height: 20px; margin: 0 auto;} div.chartBox { width: 520px; background: url(/img/info/shop/top/bk_circle.gif) no-repeat; position: relative; height: 468px; margin: 30px auto 0;} div.chartBox .box { width: 210px;} div.chartBox .box dl dd { display: block; height: 93px; font-size: 12px; line-height: 18px; padding: 0px 22px; text-align: left;} div.chartBox .box a { display: block; margin-top: 3px;} /* 背景色 */ div.chartBox .box01 dl dd { background: url(/img/info/shop/top/bk_project.gif) no-repeat;} div.chartBox .box02 dl dd { background: url(/img/info/shop/top/bk_research.gif) no-repeat;} div.chartBox .box03 dl dd { background: url(/img/info/shop/top/bk_promotion.gif) no-repeat;} div.chartBox .box04 dl dd { background: url(/img/info/shop/top/bk_marketing.gif) no-repeat;} /* ボックス配置 */ div.box01 { position: absolute; top: 0; left: 0;} div.box02 { position: absolute; top: 0; left: 310px;} div.box03 { position: absolute; top: 275px; left: 0;} div.box04 { position: absolute; top: 275px; left: 310px;} div.information { width: 620px; margin: 0 auto 20px; padding: 10px; font-size: 12px; color: #f00; line-height: 18px; border: solid 1px #f00; } /****** 共通お問い合わせ ******/ div.contactArea { width: 640px; margin: 0 auto 20px;} div.contactArea h3 { text-align: center;} div.contactArea .tel { width: 321px; float: left;} div.contactArea ul.pc { width: 319px; float: left;} div.contactArea p { height: 54px; font-size: 12px; line-height: 18px; text-align: center; background: url(/img/info/shop/bg_contact_txt.gif) no-repeat; padding-top: 16px;} /****** お問い合わせページフリーダイアル ******/ div.contactTelArea { width: 640px; margin: 0 auto 20px;} div.contactTelArea h3 { text-align: center;} div.contactTelArea p { height: 38px; font-size: 12px; line-height: 18px; text-align: center; background: url(/img/info/shop/bg_contact_txt.gif) no-repeat; padding-top: 16px;} /****** サービス ******/ div.serviceContent01 ul li { float: left;} div.pageLink { margin-bottom: 24px;} div.wwwBox { float: left; width: 300px;} div.wwwBox h3 { padding-bottom: 10px;} div.wwwBox p { width: 122px; float: left;} div.wwwBox dl { width: 170px; float: left; margin-left: 8px;} div.wwwBox dl dt { padding-bottom: 4px;} div.wwwBox dl dd { font-size: 12px; line-height: 20px;} div.wwwBox dl dd a { display: block; text-align: right; margin-top: 24px;} div.mobileBox { float: left; width: 320px; margin-left: 20px;} div.mobileBox h3 { padding-bottom: 10px;} div.mobileBox p { width: 122px; float: left;} div.mobileBox dl { width: 190px; float: left; margin-left: 8px;} div.mobileBox dl dt { padding-bottom: 4px;} div.mobileBox dl dd { font-size: 12px; line-height: 20px;} div.mobileBox dl dd.qrBox { display: block; width: 188px; height: 64px; background: url(/img/info/shop/service/bana_qr.gif) no-repeat; margin-top: 3px;} div.mobileBox dl dd.qrBox span { display: block; width: 112px; font-size: 10px; line-height: 16px; color: #FFF; padding: 8px 10px;} div.channelBox { padding-top: 30px;} div.channelBox h3 { margin-bottom: 10px;} div.imgBox { width: 122px; float: left; margin-right: 10px;} div.detailBox { width: 508px; float: left; position: relative;} div.detailBox p { font-size: 12px; line-height: 20px; padding: 6px 0 10px 0;} div.btn01 { position: absolute; top: 26px; left: 184px;} div.btn02 { position: absolute; top: 26px; left: 350px;} div.serviceBox { width: 486px; float: left; background-color: #fff2f2; border: 1px solid #dfdfdf; padding: 9px 10px 4px;} div.serviceBox img { display: block; margin-bottom: 3px;} div.serviceBox ul li { float: left; background: url(/img/info/shop/service/ico_salon.gif) no-repeat scroll left center; font-size: 12px; line-height: 24px; text-indent: 20px; padding-right: 20px; white-space:nowrap;} /* 背景色変更 */ div.hairsalonService { background-color: #fff6f0;} div.schoolService { background-color: #f7fff2;} div.clinicService { background-color: #f2fbff;} div.petService { background-color: #fffced;} /* アイコン変更 */ div.hairsalonService ul li { background: url(/img/info/shop/service/ico_hairsalon.gif) no-repeat scroll left center;} div.schoolService ul li { background: url(/img/info/shop/service/ico_school.gif) no-repeat scroll left center;} div.clinicService ul li { background: url(/img/info/shop/service/ico_clinic.gif) no-repeat scroll left center;} div.petService ul li { background: url(/img/info/shop/service/ico_pet.gif) no-repeat scroll left center;} /****** ITカレッジ ******/ div.courseBox { margin-bottom: 30px;} div.courseBox dl dd { width: 558px; font-size: 12px; line-height: 20px; background-color: #f5e8c6; padding: 2px 41px 22px;} /****** メディアデータ ******/ .sitemediadata_list {width: 310px;float: left; position: relative;} .sitemediadata_list_left {width: 100px;float: left;} .sitemediadata_list_right {width: 202px;margin-left : 8px;float: right;} .sitemediadata_list_right p {padding-right: 10px;line-height: 18px; font-size: 12px; line-height: 18px;} .sitemediadata_list_right p span {color: #ff6600; font-weight: bold;font-size: 14px;} .sitemediadata_list_right a { display: block; position: absolute; bottom: 0; right: 10px;} .f2 {margin: 10px 0;} .data01 {width: 640px; margin: 0 0 0 13px; background: url(/shared/info/img/partner/dot.gif) repeat-x center;} .data02 {width: 640px; margin: 17px 0 0 13px;} .data_mag {margin-top : 26px;} .left_data {width: 320px; float: left;} .right_data {width: 320px; float: right;} .right_data .margin04 {margin-top : 17px;} .left_data .margin03 {margin-top : 62px;} .right_data .margin05 {margin-top : 26px;} .page_subtitle {padding: 23px 0 0 0;} /****** ITカレッジ ******/ div#shop_box table { border-left: 1px solid #CCC; width: 640px; border-top: 1px solid #CCC; font-size: 12px; line-height: 18px;} div#shop_box th { background-color: #FFFFCC; border-bottom: 1px solid #CCC; padding: 7px; color: #663300; width: 130px; font-weight: normal; text-align: left; line-height: 22px; } div#shop_box td { border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align: left; padding: 7px; line-height: 18px;} .shop_tit { background-color: #ffae00; width: 640px;height: 22px; display: block; margin-top : 10px;} .shop_tit span { font-size: 14px; color: #FFF; font-weight: bold; line-height: 22px; padding-left: 5px;} .shop_college_title { margin-top : 5px; padding-bottom: 10px; width: 640px; background:url(/shared/info/img/bg_college02.jpg) no-repeat right;height: 100px;} .shop_college_title_text { padding-left: 10px; padding-top: 5px; color: #663300; font-size: 12px; line-height: 20px; width: 390px;} .shop_college_bt_box { padding-bottom: 5px; width: 240px; float: left; padding-left: 33px; padding-right: 21px; margin : 8px 0px;} .shop_college_bt_box a { text-decoration: underline; font-size: 12px; line-height: 20px; color: #669900;} div#college_table table { border-left: 1px solid #CCC; width: 640px; margin-bottom : 6px; font-size: 12px; line-height: 18px;} div#college_table th { border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; background-color: #FFFFCC; padding: 7px; color: #663300; font-weight: normal; font-size: 14px; text-align: center; line-height: 22px; } div#college_table td { border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 5px 8px; line-height: 18px;} div#college_table td.text_center { text-align: center;} div#college_flow { text-align: center; width: 580px; padding-left: 15px; padding-bottom: 6px;} .college_flow { background-color: #ECDDBF; padding: 8px; vertical-align: middle; color: #663300; font-size: 12px; line-height: 18px; text-align: center;} .college_arrow { color: #663300; padding: 12px 10px;} table.h45 td { height:45px;} table.h45 tr.gray { background-color: #EFEFEF;} .college02kansai { background-color: #FDE8E5; width: 638px; padding: 4px 0px; text-align: center; color: #663300; font-size: 16px; line-height: 20px; font-weight: bold; border: 1px solid #CCC;letter-spacing: 2px; margin-top : 10px;} .college02kanto { background-color: #E5F0FD; width: 638px; padding: 4px 0px; text-align: center; color: #663300; font-size: 16px; line-height: 20px; font-weight: bold; border: 1px solid #CCC;letter-spacing: 2px; margin-top : 10px;} .college02tokai { background-color: #deffff; width: 638px; padding: 4px 0px; text-align: center; color: #663300; font-size: 16px; line-height: 20px; font-weight: bold; border: 1px solid #CCC;letter-spacing: 2px; margin-top : 10px;} .college02kyushu { background-color: #ffebd8; width: 638px; padding: 4px 0px; text-align: center; color: #663300; font-size: 16px; line-height: 20px; font-weight: bold; border: 1px solid #CCC;letter-spacing: 2px; margin-top : 10px;} .college02hokkaido { background-color: #e6ffcd; width: 638px; padding: 4px 0px; text-align: center; color: #663300; font-size: 16px; line-height: 20px; font-weight: bold; border: 1px solid #CCC;letter-spacing: 2px; margin-top : 10px;} .college_text02 { color: #663300; font-size: 12px; line-height: 18px;} .sabbox02 { margin-top: 5px; width: 190px;} .edit { background:url("/shared/info/img/mark.gif") no-repeat 0% 50%; text-indent:18px; line-height: 20px;} .edit02 { background:url("/shared/info/img/mark.gif") no-repeat 0% 10%; text-indent:18px; line-height: 20px;color: #663300;margin-bottom : 20px;margin-right : 10px;} div#college_flow02 { text-align: center; width: 610px; padding-left: 30px; padding-bottom: 6px;} .college_flow02 { background-color: #ECDDBF; padding: 8px 10px; vertical-align: middle; color: #663300; font-size: 12px; line-height: 18px; text-align: center;} .college_arrow02 { color: #663300; padding: 12px 10px;} .red { color: #FF0000;} /* エラー文 */ .error { line-height: 18px;} /* 上書き */ div#info_box { width: 640px;}