/*---------------------------------------------------- Title : paperboy.co.jp CSS Author : by paperboy &co. Update : 2009/04/22 ------------------------------------------------------*/ /* -------------------------------------- クリスマス -------------------------------------- */ #xmas2009_label{ position: absolute; top: 0px; left: 0px; z-index: 10000; } /* -------------------------------------- COMMON -------------------------------------- */ * { margin: 0; padding: 0; } body { font-size: 12px; font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif; color: #333; line-height: 165%; background: #FFF; text-align: center; } img { border: none; } img.image { border: 2px solid #999; } hr { color: #FFF; border-top: 1px solid #CCC; } li { list-style-position: outside; } strong { color: #000; } p { margin: 10px 0; } h1,h2,h3,th { font-weight: lighter; } span.alt { display: none; } br.clear { font: 0; line-height: 0; clear: both; } /* -------------------------------------- LINK COLOR -------------------------------------- */ a:link { color: #40659B; text-decoration: underline; } a:visited { color: #40659B; text-decoration: none; } a:hover { color: #98CA2C; text-decoration: underline; } /*--------------------------------- Form -----------------------------------*/ #main .button_area { text-align: center; margin: 0; } #main .button_area input { padding: 5px 10px; } /* -------------------------------------- LAYOUT -------------------------------------- */ #wrapper { text-align: left; } #header { background: #FFF url(/image/background/header.gif) repeat-x top; } #promotion { width: 740px; margin: 10px auto 0 auto; } #contents { width : 740px; margin : 0 auto; } #side { width: 200px; padding: 20px 0 10px 0; float: left; } #main { width: 520px; padding: 20px 0 10px 20px; float: left; clear: right; } body#home #side { padding: 10px 0 10px 0; } body#home #main { padding: 10px 0 10px 20px; } #footer { clear: both; font-size: 11px; margin: 0 0 20px 0; padding: 10px 0 10px 0; } /* -------------------------------------- Header -------------------------------------- */ #header #logo { clear: both; width: 740px; margin: 0 auto; } #header #logo #ad-head { margin: 10px 0 0 0; text-align: center; } #header #logo #ad-head a { color: #FF3333; } /* -------------------------------------- Header / global menu -------------------------------------- */ #global { width : 700px; margin : 0 auto; } #global ul { margin: 0; padding: 0; } #global ul li { float: left; display: inline; margin: 0 0 0 2px; } #global ul li a { display: block; width: 80px; height: 20px; background-repeat: no-repeat; } /* official */ #menu-official a { background: url(/image/menu/official.gif); } #menu-official a:hover { background: url(/image/menu/official_hover.gif); } body.official #menu-official a { background: url(/image/menu/official_here.gif); } body.official #menu-official a.hover { background: url(/image/menu/official_hover.gif); } /* unofficial */ #menu-unofficial a { background: url(/image/menu/unofficial.gif); } #menu-unofficial a:hover { background: url(/image/menu/unofficial_hover.gif); } body.unofficial #menu-unofficial a { background: url(/image/menu/unofficial_here.gif); } body.unofficial #menu-unofficial a.hover { background: url(/image/menu/unofficial_hover.gif); } /* -------------------------------------- Header / menu -------------------------------------- */ #menu { clear: both; width : 740px; margin : 0 auto; } #menu ul { margin: 5px 0 0 0; padding: 0; float: right; } #menu ul li { float: left; display: inline; margin: 0 0 0 2px; } #menu ul li a { display: block; width: 85px; height: 30px; background-repeat: no-repeat; } /* home */ #menu-home a { background: url(/image/menu/home.gif); } #menu-home a:hover { background: url(/image/menu/home_hover.gif); } body#home #menu-home a { background: url(/image/menu/home_here.gif); } /* news */ #menu-news a { background: url(/image/menu/news.gif); } #menu-news a:hover { background: url(/image/menu/news_hover.gif); } body#news #menu-news a, body#news_press #menu-news a, body#news_information #menu-news a, body#news_publish #menu-news a, body#news_lecture #menu-news a { background: url(/image/menu/news_here.gif); } /* service */ #menu-service a { background: url(/image/menu/service.gif); } #menu-service a:hover { background: url(/image/menu/service_hover.gif); } body#service #menu-service a, body#service_lolipop #menu-service a, body#service_goope #menu-service a, body#service_chicappa #menu-service a, body#service_heteml #menu-service a, body#service_muumuu #menu-service a, body#service_jugem #menu-service a, body#service_petit #menu-service a, body#service_grouptube #menu-service a, body#service_cmsp #menu-service a, body#service_calamel #menu-service a, body#service_comparing #menu-service a, body#service_uservoice #menu-service a, body#service_partner #menu-service a { background: url(/image/menu/service_here.gif); } /* company */ #menu-company a { background: url(/image/menu/company.gif); } #menu-company a:hover { background: url(/image/menu/company_hover.gif); } body#company #menu-company a, body#company_vision #menu-company a, body#company_history #menu-company a, body#company_access #menu-company a, body#company_legal #menu-company a, body#company_privacypolicy #menu-company a { background: url(/image/menu/company_here.gif); } /* recruit */ #menu-recruit a { background: url(/image/menu/recruit.gif); } #menu-recruit a:hover { background: url(/image/menu/recruit_hover.gif); } body#recruit #menu-recruit a, body#recruit_job #menu-recruit a, body#recruit_entry #menu-recruit a, body#recruit_staff #menu-recruit a, body#recruit_photo #menu-recruit a, body#recruit_album #menu-recruit a, body#recruit_important #menu-recruit a, body#recruit_graduates #menu-recruit a, body#recruit_experienced #menu-recruit a, body#recruit_feature #menu-recruit a { background: url(/image/menu/recruit_here.gif); } /* contact */ #menu-contact a { background: url(/image/menu/contact.gif); } #menu-contact a:hover { background: url(/image/menu/contact_hover.gif); } body#contact #menu-contact a { background: url(/image/menu/contact_here.gif); } body#faq #menu-contact a { background: url(/image/menu/contact_here.gif); } /* ir */ #menu-ir a { background: url(/image/menu/ir.gif); } #menu-ir a:hover { background: url(/image/menu/ir_hover.gif); } body#ir #menu-ir a { background: url(/image/menu/ir_here.gif); } /* -------------------------------------- Contents -------------------------------------- */ #contents #mainimage { clear: both; margin: 20px 0 0 0; } /* -------------------------------------- Side -------------------------------------- */ /* -------------------------------------- Side / sidemenu -------------------------------------- */ #side .sidemenu { background: #F5F5F5 url(/image/background/sidemenu_top.gif) no-repeat top; margin: 0 0 20px 0; padding-top: 10px; } body#home #side .sidemenu { margin-bottom: 10px; } #side .sidemenu:hover { background: #D2E9F9 url(/image/background/sidemenu_top.gif) no-repeat top; } #side .sidemenu dl { background: url(/image/background/sidemenu_bottom.gif) no-repeat bottom; list-style-type: none; padding: 0 0 10px 10px; } #side .sidemenu dt { margin: 0 0 1px 0; } #side .sidemenu dt a { width: 180px; height: 30px; margin: 0 0 1px 0; display: block; line-height: 0; background: #FFF; } /* sidemenu_nomal */ #side .sidemenu dt a.news { background: url(/image/sidemenu/news_nomal.gif) no-repeat; } #side .sidemenu dt a.news_press { background: url(/image/sidemenu/press_nomal.gif) no-repeat; } #side .sidemenu dt a.news_information { background: url(/image/sidemenu/information_nomal.gif) no-repeat; } #side .sidemenu dt a.news_publish { background: url(/image/sidemenu/publish_nomal.gif) no-repeat; } #side .sidemenu dt a.news_lecture { background: url(/image/sidemenu/lecture_nomal.gif) no-repeat; } #side .sidemenu dt a.service { background: url(/image/sidemenu/service_nomal.gif) no-repeat; } #side .sidemenu dt a.service_lolipop { background: url(/image/sidemenu/lolipop_nomal.gif) no-repeat; } #side .sidemenu dt a.service_goope { background: url(/image/sidemenu/goope_nomal.gif) no-repeat; } #side .sidemenu dt a.service_chicappa { background: url(/image/sidemenu/chicappa_nomal.gif) no-repeat; } #side .sidemenu dt a.service_heteml { background: url(/image/sidemenu/heteml_nomal.gif) no-repeat; } #side .sidemenu dt a.service_muumuu { background: url(/image/sidemenu/muumuu_nomal.gif) no-repeat; } #side .sidemenu dt a.service_jugem { background: url(/image/sidemenu/jugem_nomal.gif) no-repeat; } #side .sidemenu dt a.service_petit { background: url(/image/sidemenu/petit_nomal.gif) no-repeat; } #side .sidemenu dt a.service_grouptube { background: url(/image/sidemenu/grouptube_nomal.gif) no-repeat; } #side .sidemenu dt a.service_cmsp { background: url(/image/sidemenu/cmsp_nomal.gif) no-repeat; } #side .sidemenu dt a.service_calamel { background: url(/image/sidemenu/calamel_nomal.gif) no-repeat; } #side .sidemenu dt a.service_30days { background: url(/image/sidemenu/30days_nomal.gif) no-repeat; } #side .sidemenu dt a.comparing { background: url(/image/sidemenu/comparing_nomal.gif) no-repeat; } #side .sidemenu dt a.uservoice { background: url(/image/sidemenu/uservoice_nomal.gif) no-repeat; } #side .sidemenu dt a.partner { background: url(/image/sidemenu/partner_nomal.gif) no-repeat; } #side .sidemenu dt a.company { background: url(/image/sidemenu/company_nomal.gif) no-repeat; } #side .sidemenu dt a.company_vision { background: url(/image/sidemenu/vision_nomal.gif) no-repeat; } #side .sidemenu dt a.company_history { background: url(/image/sidemenu/history_nomal.gif) no-repeat; } #side .sidemenu dt a.company_access { background: url(/image/sidemenu/access_nomal.gif) no-repeat; } #side .sidemenu dt a.company_legal { background: url(/image/sidemenu/legal_nomal.gif) no-repeat; } #side .sidemenu dt a.company_privacypolicy { background: url(/image/sidemenu/privacypolicy_nomal.gif) no-repeat; } #side .sidemenu dt a.recruit { background: url(/image/sidemenu/recruit_nomal.gif) no-repeat; } #side .sidemenu dt a.recruit_job { background: url(/image/sidemenu/job_nomal.gif) no-repeat; } #side .sidemenu dt a.recruit_process { background: url(/image/sidemenu/process_nomal.gif) no-repeat; } #side .sidemenu dt a.recruit_entry { background: url(/image/sidemenu/entry_nomal.gif) no-repeat; } #side .sidemenu dt a.recruit_feature { background: url(/image/sidemenu/feature_nomal.gif) no-repeat; } #side .sidemenu dt a.recruit_photo { background: url(/image/sidemenu/photo_nomal.gif) no-repeat; } #side .sidemenu dt a.recruit_staff { background: url(/image/sidemenu/staff_nomal.gif) no-repeat; } #side .sidemenu dt a.recruit_album { background: url(/image/sidemenu/album_nomal.gif) no-repeat; } #side .sidemenu dt a.recruit_important { background: url(/image/sidemenu/important_nomal.gif) no-repeat; } #side .sidemenu dt a.recruit_graduates { background: url(/image/sidemenu/graduates_nomal.gif) no-repeat; } #side .sidemenu dt a.recruit_experienced { background: url(/image/sidemenu/experienced_nomal.gif) no-repeat; } #side .sidemenu dt a.contact { background: url(/image/sidemenu/contact_nomal.gif) no-repeat; } #side .sidemenu dt a.contact_faq { background: url(/image/sidemenu/faq_nomal.gif) no-repeat; } /* sidemenu_hover */ #side .sidemenu dt a.news:hover { background: url(/image/sidemenu/news_hover.gif) no-repeat; } #side .sidemenu dt a.news_press:hover { background: url(/image/sidemenu/press_hover.gif) no-repeat; } #side .sidemenu dt a.news_information:hover { background: url(/image/sidemenu/information_hover.gif) no-repeat; } #side .sidemenu dt a.news_publish:hover { background: url(/image/sidemenu/publish_hover.gif) no-repeat; } #side .sidemenu dt a.news_lecture:hover { background: url(/image/sidemenu/lecture_hover.gif) no-repeat; } #side .sidemenu dt a.service:hover { background: url(/image/sidemenu/service_hover.gif) no-repeat; } #side .sidemenu dt a.service_lolipop:hover { background: url(/image/sidemenu/lolipop_hover.gif) no-repeat; } #side .sidemenu dt a.service_goope:hover { background: url(/image/sidemenu/goope_hover.gif) no-repeat; } #side .sidemenu dt a.service_chicappa:hover { background: url(/image/sidemenu/chicappa_hover.gif) no-repeat; } #side .sidemenu dt a.service_heteml:hover { background: url(/image/sidemenu/heteml_hover.gif) no-repeat; } #side .sidemenu dt a.service_muumuu:hover { background: url(/image/sidemenu/muumuu_hover.gif) no-repeat; } #side .sidemenu dt a.service_jugem:hover { background: url(/image/sidemenu/jugem_hover.gif) no-repeat; } #side .sidemenu dt a.service_petit:hover { background: url(/image/sidemenu/petit_hover.gif) no-repeat; } #side .sidemenu dt a.service_grouptube:hover { background: url(/image/sidemenu/grouptube_hover.gif) no-repeat; } #side .sidemenu dt a.service_cmsp:hover { background: url(/image/sidemenu/cmsp_hover.gif) no-repeat; } #side .sidemenu dt a.service_calamel:hover { background: url(/image/sidemenu/calamel_hover.gif) no-repeat; } #side .sidemenu dt a.service_30days:hover { background: url(/image/sidemenu/30days_hover.gif) no-repeat; } #side .sidemenu dt a.comparing:hover { background: url(/image/sidemenu/comparing_hover.gif) no-repeat; } #side .sidemenu dt a.uservoice:hover { background: url(/image/sidemenu/uservoice_hover.gif) no-repeat; } #side .sidemenu dt a.partner:hover { background: url(/image/sidemenu/partner_hover.gif) no-repeat; } #side .sidemenu dt a.company:hover { background: url(/image/sidemenu/company_hover.gif) no-repeat; } #side .sidemenu dt a.company_vision:hover { background: url(/image/sidemenu/vision_hover.gif) no-repeat; } #side .sidemenu dt a.company_history:hover { background: url(/image/sidemenu/history_hover.gif) no-repeat; } #side .sidemenu dt a.company_access:hover { background: url(/image/sidemenu/access_hover.gif) no-repeat; } #side .sidemenu dt a.company_legal:hover { background: url(/image/sidemenu/legal_hover.gif) no-repeat; } #side .sidemenu dt a.company_privacypolicy:hover { background: url(/image/sidemenu/privacypolicy_hover.gif) no-repeat; } #side .sidemenu dt a.recruit:hover { background: url(/image/sidemenu/recruit_hover.gif) no-repeat; } #side .sidemenu dt a.recruit_job:hover { background: url(/image/sidemenu/job_hover.gif) no-repeat; } #side .sidemenu dt a.recruit_process:hover { background: url(/image/sidemenu/process_hover.gif) no-repeat; } #side .sidemenu dt a.recruit_entry:hover { background: url(/image/sidemenu/entry_hover.gif) no-repeat; } #side .sidemenu dt a.recruit_feature:hover { background: url(/image/sidemenu/feature_hover.gif) no-repeat; } #side .sidemenu dt a.recruit_photo:hover { background: url(/image/sidemenu/photo_hover.gif) no-repeat; } #side .sidemenu dt a.recruit_staff:hover { background: url(/image/sidemenu/staff_hover.gif) no-repeat; } #side .sidemenu dt a.recruit_album:hover { background: url(/image/sidemenu/album_hover.gif) no-repeat; } #side .sidemenu dt a.recruit_important:hover { background: url(/image/sidemenu/important_hover.gif) no-repeat; } #side .sidemenu dt a.recruit_graduates:hover { background: url(/image/sidemenu/graduates_hover.gif) no-repeat; } #side .sidemenu dt a.recruit_experienced:hover { background: url(/image/sidemenu/experienced_hover.gif) no-repeat; } #side .sidemenu dt a.contact:hover { background: url(/image/sidemenu/contact_hover.gif) no-repeat; } #side .sidemenu dt a.contact_faq:hover { background: url(/image/sidemenu/faq_hover.gif) no-repeat; } /* sidemenu_here */ body#news #side .sidemenu dt a.news { background: url(/image/sidemenu/news_here.gif) no-repeat; } body#news_press #side .sidemenu dt a.news_press { background: url(/image/sidemenu/press_here.gif) no-repeat; } body#news_information #side .sidemenu dt a.news_information { background: url(/image/sidemenu/information_here.gif) no-repeat; } body#news_publish #side .sidemenu dt a.news_publish { background: url(/image/sidemenu/publish_here.gif) no-repeat; } body#news_lecture #side .sidemenu dt a.news_lecture { background: url(/image/sidemenu/lecture_here.gif) no-repeat; } body#service #side .sidemenu dt a.service { background: url(/image/sidemenu/service_here.gif) no-repeat; } body#service_lolipop #side .sidemenu dt a.service_lolipop { background: url(/image/sidemenu/lolipop_here.gif) no-repeat; } body#service_goope #side .sidemenu dt a.service_goope { background: url(/image/sidemenu/goope_here.gif) no-repeat; } body#service_chicappa #side .sidemenu dt a.service_chicappa { background: url(/image/sidemenu/chicappa_here.gif) no-repeat; } body#service_heteml #side .sidemenu dt a.service_heteml { background: url(/image/sidemenu/heteml_here.gif) no-repeat; } body#service_muumuu #side .sidemenu dt a.service_muumuu { background: url(/image/sidemenu/muumuu_here.gif) no-repeat; } body#service_jugem #side .sidemenu dt a.service_jugem { background: url(/image/sidemenu/jugem_here.gif) no-repeat; } body#service_petit #side .sidemenu dt a.service_petit { background: url(/image/sidemenu/petit_here.gif) no-repeat; } body#service_grouptube #side .sidemenu dt a.service_grouptube { background: url(/image/sidemenu/grouptube_here.gif) no-repeat; } body#service_cmsp #side .sidemenu dt a.service_cmsp { background: url(/image/sidemenu/cmsp_here.gif) no-repeat; } body#service_calamel #side .sidemenu dt a.service_calamel { background: url(/image/sidemenu/calamel_here.gif) no-repeat; } body#service_30days #side .sidemenu dt a.service_30days { background: url(/image/sidemenu/30days_here.gif) no-repeat; } body#comparing #side .sidemenu dt a.comparing { background: url(/image/sidemenu/comparing_here.gif) no-repeat; } body#uservoice #side .sidemenu dt a.uservoice { background: url(/image/sidemenu/uservoice_here.gif) no-repeat; } body#partner #side .sidemenu dt a.partner { background: url(/image/sidemenu/partner_here.gif) no-repeat; } body#company #side .sidemenu dt a.company { background: url(/image/sidemenu/company_here.gif) no-repeat; } body#company_vision #side .sidemenu dt a.company_vision { background: url(/image/sidemenu/vision_here.gif) no-repeat; } body#company_history #side .sidemenu dt a.company_history { background: url(/image/sidemenu/history_here.gif) no-repeat; } body#company_access #side .sidemenu dt a.company_access { background: url(/image/sidemenu/access_here.gif) no-repeat; } body#company_legal #side .sidemenu dt a.company_legal { background: url(/image/sidemenu/legal_here.gif) no-repeat; } body#company_privacypolicy #side .sidemenu dt a.company_privacypolicy { background: url(/image/sidemenu/privacypolicy_here.gif) no-repeat; } body#recruit #side .sidemenu dt a.recruit { background: url(/image/sidemenu/recruit_here.gif) no-repeat; } body#main_recruit_top #side .sidemenu dt a.recruit { background: url(/image/sidemenu/recruit_here.gif) no-repeat; } body#recruit_job #side .sidemenu dt a.recruit_job { background: url(/image/sidemenu/job_here.gif) no-repeat; } body#recruit_process #side .sidemenu dt a.recruit_process { background: url(/image/sidemenu/process_here.gif) no-repeat; } body#recruit_entry #side .sidemenu dt a.recruit_entry { background: url(/image/sidemenu/entry_here.gif) no-repeat; } body#recruit_feature #side .sidemenu dt a.recruit_feature { background: url(/image/sidemenu/feature_here.gif) no-repeat; } body#recruit_photo #side .sidemenu dt a.recruit_photo { background: url(/image/sidemenu/photo_here.gif) no-repeat; } body#recruit_staff #side .sidemenu dt a.recruit_staff { background: url(/image/sidemenu/staff_here.gif) no-repeat; } body#recruit_album #side .sidemenu dt a.recruit_album { background: url(/image/sidemenu/album_here.gif) no-repeat; } body#recruit_important #side .sidemenu dt a.recruit_important { background: url(/image/sidemenu/important_here.gif) no-repeat; } body#recruit_graduates #side .sidemenu dt a.recruit_graduates { background: url(/image/sidemenu/graduates_here.gif) no-repeat; } body#recruit_experienced #side .sidemenu dt a.recruit_experienced { background: url(/image/sidemenu/experienced_here.gif) no-repeat; } body#contact #side .sidemenu dt a.contact { background: url(/image/sidemenu/contact_here.gif) no-repeat; } body#faq #side .sidemenu dt a.contact_faq { background: url(/image/sidemenu/faq_here.gif) no-repeat; } #side .service_banner { text-align: center; } #side ul.sidelist { margin: 0 0 0 20px; } #side ul.sidelist li { } body#contact #side .service_banner, body#faq #side .service_banner { margin: 20px 0 0 0; } #side .pickup { border: 2px solid #CCC; } #side .pickup h3 { margin: 10px 0 5px 0; background: #EEE; text-align: center; font-size: 11px; } #side .pickup .blog_banner { text-align: center; } #side .pickup .blog_banner img { margin: 2px 0; } #side .pickup ul { list-style-type: none; margin: 10px; } #side .pickup li { background: url(/image/list/pickup.gif) no-repeat; padding: 0 0 0 18px; } #side .side_banner { text-align: center; margin: 20px 0; } /* -------------------------------------- Main -------------------------------------- */ #main h1 { font-size: 18px; } #main h2 { width: 520px; height: 26px; } #news #main h2 { background: url(/image/title/news.gif) no-repeat; } #service #main h2 { background: url(/image/title/service.gif) no-repeat; } #company #main h2 { background: url(/image/title/company.gif) no-repeat; } #company_vision #main h2 { background: url(/image/title/company_vision.gif) no-repeat; } #company_history #main h2 { background: url(/image/title/company_history.gif) no-repeat; } #company_access #main h2 { background: url(/image/title/company_access.gif) no-repeat; } #company_privacypolicy #main h2 { background: url(/image/title/company_privacypolicy.gif) no-repeat; } #recruit #main h2 { background: url(/image/title/recruit.gif) no-repeat; } #recruit_job #main h2 { background: url(/image/title/recruit_job.gif) no-repeat; } #recruit_entry #main h2 { background: url(/image/title/recruit_entry.gif) no-repeat; } #recruit_process #main h2 { background: url(/image/title/recruit_process.gif) no-repeat; } #recruit_feature #main h2 { background: url(/image/title/recruit_feature.gif) no-repeat; } #recruit_photo #main h2 { background: url(/image/title/recruit_photo.gif) no-repeat; } #recruit_staff #main h2 { background: url(/image/title/recruit_staff.gif) no-repeat; } #recruit_album #main h2 { background: url(/image/title/recruit_album.gif) no-repeat; } #recruit_important #main h2 { background: url(/image/title/recruit_important.gif) no-repeat; } #recruit_graduates #main h2 { background: url(/image/title/recruit_graduates.gif) no-repeat; } #recruit_experienced #main h2 { background: url(/image/title/recruit_experienced.gif) no-repeat; } #contact #main h2 { background: url(/image/title/contact.gif) no-repeat; } #ir #main h2 { background: url(/image/title/ir.gif) no-repeat; } #faq #main h2 { background: url(/image/title/faq.gif) no-repeat; } #main h3 { margin: 20px 0 10px 0; font-size: 18px; } #main .footstamp { font-size: 11px; margin: 0 0 10px 0; } #main .mainimage { margin: 0 0 10px 0; } #main .explain { margin: 10px 0 10px 0; } #main .box { margin: 20px 0 20px 0; } #main .main_banner { text-align: center; margin: 20px 0 0 0; } /* -------------------------------------- Bottom links -------------------------------------- */ div.links { width: 740px; margin: 20px auto 0 auto; padding: 10px 0; border: 1px solid #ccc; text-align: center; background: #f5f5f5; } body#ir div.links { width: 699px; margin: 0 auto 15px auto; } div.links a { font-size: 14px; margin: 0 20px; } div.links a span { } /* -------------------------------------- Footer -------------------------------------- */ #footer #ci { width: 740px; margin: 0 auto; text-align: right; } #footer #paperboy_footer_title { height: 27px; background: url(/image/background/footer_title.gif) repeat-x; } #footer #paperboy_footer_title_inner { width: 670px; margin: 0 auto; } #footer #paperboy_footer_bottom { height: 27px; background: url(/image/background/footer_bottom.gif) repeat-x top; } #footer #paperboy_footer_bottom_inner { width: 740px; margin: 0 auto; text-align: right; } #footer .paperboy_footer { clear: both; margin: 0 auto 0 auto; padding: 0 0 0 0; background: #FFF url(/image/background/paperboy_footer.gif); } #footer .paperboy_footer_inner { width: 750px; margin: 0 auto; padding: 22px 0 18px 0; } #footer .paperboy_footer .block { width: 243px; margin: 0 2px 5px 3px; float: left; } #footer .paperboy_footer .block .badge { width: 46px; height: 46px; margin: 0 5px 0 10px; float: left; background: url(/image/footer/badge/background.gif) no-repeat; } #footer .paperboy_footer .block .badge:hover { background: url(/image/footer/badge/background_hover.gif) no-repeat; } #footer .paperboy_footer .block .badge img { margin: 5px 0 0 5px; border: 1px solid #EEE; } #footer .paperboy_footer .block .badge img:hover { border: 1px solid #98CA2C; } #footer .paperboy_footer .block .text { float: left; margin: 0 0 0 0; font-size: 11px; } #footer .paperboy_footer .block .text p.service_copy { margin: 3px 0 0 0; } #footer .paperboy_footer .block .text p.service_name { margin: 0 0 0 0; } #gmo_footer { clear: both; padding: 10px 0 20px 0; } #gmo_footer_inner { width: 750px; margin: 0 auto; } #gmo_footer #gmo_img { width: 130px; float: left; } #gmo_footer #gmo_link { width: 610px; float: right; margin: 0 0 15px 0; font-size: 11px; line-height: 15px; } #gmo_footer #gmo_link ul#gmo_ul { list-style-type: none; } #gmo_footer #gmo_link ul#gmo_ul li#gmo_service { } #gmo_footer #gmo_link ul#gmo_ul li { float: left; margin: 0 7px 0 0; } #footer .copyright { clear: both; text-align: center; padding: 10px 10px 0 10px; } /*--------------------------------- Index -----------------------------------*/ #service_news { background: url(/image/index/service_news_center.gif) repeat-y; margin: 0 0 10px 0; font-size: 11px; } #service_news_head { height: 5px; } #service_news_bottom { clear: both; height: 5px; } #service_news ul.box_left { width:250px; margin: 5px 0 5px 5px; float: left; } #service_news ul.box_right { width:250px; margin: 5px 5px 5px 0; float: left; } #service_news li { padding: 0 0 0 20px; list-style-type: none; background: #F1F1F1; } #service_news li.lolipop { background: #F1F1F1 url(/image/favicon/lolipop.gif) no-repeat 0 2px; } #service_news li.chicappa { background: #F1F1F1 url(/image/favicon/chicappa.gif) no-repeat 0 2px; } #service_news li.heteml { background: #F1F1F1 url(/image/favicon/heteml.gif) no-repeat 0 2px; } #service_news li.muumuu { background: #F1F1F1 url(/image/favicon/muumuu.gif) no-repeat 0 2px; } #service_news li.jugem { background: #F1F1F1 url(/image/favicon/jugem.gif) no-repeat 0 2px; } #service_news li.petit { background: #F1F1F1 url(/image/favicon/petit.gif) no-repeat 0 2px; } #service_news li.grouptube { background: #F1F1F1 url(/image/favicon/grouptube.gif) no-repeat 0 2px; } #service_news li.cmsp { background: #F1F1F1 url(/image/favicon/cmsp.gif) no-repeat 0 2px; } #service_news li.calamel { background: #F1F1F1 url(/image/favicon/calamel.gif) no-repeat 0 2px; } #service_news li.pookmark { background: #F1F1F1 url(/image/favicon/pookmark.gif) no-repeat 0 2px; } #service_news li.days { background: #F1F1F1 url(/image/favicon/30days.gif) no-repeat 0 2px; } #service_news li.lolipop:hover { background: #F1F1F1 url(/image/favicon/lolipop.gif) no-repeat 0 2px; } #service_news li.chicappa:hover { background: #F1F1F1 url(/image/favicon/chicappa.gif) no-repeat 0 2px; } #service_news li.heteml:hover { background: #F1F1F1 url(/image/favicon/heteml.gif) no-repeat 0 2px; } #service_news li.muumuu:hover { background: #F1F1F1 url(/image/favicon/muumuu.gif) no-repeat 0 2px; } #service_news li.jugem:hover { background: #F1F1F1 url(/image/favicon/jugem.gif) no-repeat 0 2px; } #service_news li.petit:hover { background: #F1F1F1 url(/image/favicon/petit.gif) no-repeat 0 2px; } #service_news li.grouptube:hover { background: #F1F1F1 url(/image/favicon/grouptube.gif) no-repeat 0 2px; } #service_news li.cmsp:hover { background: #F1F1F1 url(/image/favicon/cmsp.gif) no-repeat 0 2px; } #service_news li.calamel:hover { background: #F1F1F1 url(/image/favicon/calamel.gif) no-repeat 0 2px; } #service_news li.pookmark:hover { background: #F1F1F1 url(/image/favicon/pookmark.gif) no-repeat 0 2px; } #service_news li.days:hover { background: #F1F1F1 url(/image/favicon/30days.gif) no-repeat 0 2px; } #topics_area { margin: 0 0 0 0; } #topics_area dl.topics { margin: 5px 0 0 0; } #topics_area dl.topics dt { margin: 0 0 0 0; padding: 5px 0 0 3px; font-size: 11px; } #topics_area dl.topics dd { margin: 0 0 5px 5px; padding: 2px 2px 10px 17px; background: url(/image/list/news.gif) no-repeat 0 5px; border-bottom: 1px solid #CCC; } #topics_area p { font-size: 11px; text-align: right; } #ir-link { margin: 12px 0 0 0; padding: 0 0 10px 0; border-bottom: 1px solid #ccc; } #ir-link a { display: block; width: 520px; height: 38px; margin: 0 0 5px 0; } #ir-link a.link01 { background: url(/image/ir/01a.gif) no-repeat; } #ir-link a.link02 { background: url(/image/ir/02a.gif) no-repeat; } #ir-link a.link01:hover { background: url(/image/ir/01b.gif) no-repeat; } #ir-link a.link02:hover { background: url(/image/ir/02b.gif) no-repeat; } /*--------------------------------- News -----------------------------------*/ #news .pagenavi { text-align: right; margin: 10px 0 0 0; } #side ul.sidelist { margin: 10px 0 10px 25px; } #side ul.sidelist li { list-style-type: square; } .entry { margin: 10px 0 20px 0; padding: 30px 20px 0 20px; background: url(/image/news/entry_header.gif) no-repeat top; } .entry-date { margin: 0 0 5px 0; } .entry-title { font-size: 16px; line-height: 24px; margin: 0 0 0 0; padding: 0 0 10px 0; border-bottom: 1px solid #CCC; } .entry-body { line-height: 20px; } .entry-more { line-height: 20px; } .entry-excerpt { font-size: 11px; color: #666; margin: 10px 0 0 0; } .entry p { margin: 20px 0 20px 0; } .entry strong { font-weight: lighter; font-size: 14px; color: #003366; } .entry .remark { font-size: 11px; color: #666633; } .entry-footer { border-top: 1px solid #CCC; margin: 10px 0 0 0; padding: 10px 0 0 0; } .entry-footer li { list-style-type: none; margin: 2px 0; } .entry-footer li.category { font-size: 11px; padding: 0 0 0 20px; background: url(/image/list/category.gif) no-repeat 0 1px; } .entry-footer li.tag { font-size: 11px; padding: 0 0 0 20px; background: url(/image/list/tag.gif) no-repeat 0 2px; } .entry-footer li.trackback { font-size: 11px; padding: 0 0 0 20px; background: url(/image/list/trackback.gif) no-repeat 0 2px; } .entry-footer li.category a, .entry-footer li.tag a, .entry-footer li.trackback a { background: #EEE; text-decoration: none; } .entry-footer li.category a:hover, .entry-footer li.tag a:hover, .entry-footer li.trackback a:hover { background: #98CA2C; color: #FFF; } #news_information ul.entry-footer li.category, #news_press ul.entry-footer li.category, #news_publish ul.entry-footer li.category, #news_lecture ul.entry-footer li.category, #news_calamel ul.entry-footer li.tag, #news_cmsp ul.entry-footer li.tag, #news_grouptube ul.entry-footer li.tag, #news_jugem ul.entry-footer li.tag, #news_chicappa ul.entry-footer li.tag, #news_petit ul.entry-footer li.tag, #news_heteml ul.entry-footer li.tag, #news_paperboy ul.entry-footer li.tag, #news_paiporeader ul.entry-footer li.tag, #news_pookmark ul.entry-footer li.tag, #news_kinugasa ul.entry-footer li.tag, #news_muumuu-domain ul.entry-footer li.tag, #news_lolipop ul.entry-footer li.tag { display: none; } .trackback-area { margin: 40px 0 20px 0; } .trackback-title { background: #EEE; font-size: 14px; margin: 0 0 10px 0; padding: 10px 5px; } .trackback-url { text-align: center; } .trackback-url input { border: 2px solid #EEE; margin: 0 0 0 5px; padding: 2px; background: #FFF; font-size: 11px; width: 350px; font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif; } ol.trackback-contents { margin: 10px 0 0 0; padding: 0 10px 0 10px; } ol.trackback-contents li { list-style-type: none; border-top: 1px solid #CCC; } ol.trackback-contents li p.title { } ol.trackback-contents li p.excerpt { font-size: 11px; } .related-area { margin: 0 0 20px 0; border: 3px solid #CCC; } .related-title { background: #EEE; font-size: 14px; margin: 0 0 10px 0; padding: 10px 5px; } .related-area ul { margin: 0 0 0 20px; } .related-area li { } .pagenavi-area { } .pagenavi-area .prev { } .pagenavi-area .next { } .paginate { border-top: 1px solid #999; margin: 10px 0 10px 0; padding: 10px 0 0 0; text-align: center; } .paginate a { background: #EEE; text-decoration: none; } .paginate a:hover { background: #98CA2C; color: #FFF; } table.news-archive { margin: 10px 0 0 0; border-top: 1px solid #CCC; } table.news-archive tr:hover { background: #F5F5F5; } table.news-archive th { padding: 5px; border-bottom: 1px solid #CCC; } table.news-archive td { padding: 5px; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; } .entry table caption { border: 1px solid #8FAEBE; margin: 0 0 5px 0; padding: 5px 0; background: #EAF2FF; } .entry table.table-default { border-top: 1px solid #8FAEBE; border-right: 1px solid #8FAEBE; } .entry table.table-default th { padding: 5px 10px; border-bottom: 1px solid #8FAEBE; border-left: 1px solid #8FAEBE; background: #FAFCFF; font-weight: lighter; color: 111; text-align: center; } .entry table.table-default td { padding: 5px; border-bottom: 1px solid #8FAEBE; border-left: 1px solid #8FAEBE; } /*--------------------------------- Service -----------------------------------*/ /* サービス詳細ページ背景 */ body#service_lolipop, body#service_goope, body#service_chicappa, body#service_heteml, body#service_muumuu, body#service_jugem, body#service_petit, body#service_grouptube, body#service_cmsp, body#service_30days, body#service_calamel { background: url(/image/background/body_service.gif) repeat-x top; } /* トライアルボタン */ body#service_lolipop #contents, body#service_goope #contents, body#service_chicappa #contents, body#service_heteml #contents, body#service_petit #contents, body#service_cmsp #contents, body#service_grouptube #contents, body#service_30days #contents{ position: relative; } body#service_lolipop #contents .trial, body#service_goope #contents .trial, body#service_chicappa #contents .trial, body#service_heteml #contents .trial, body#service_petit #contents .trial, body#service_cmsp #contents .trial, body#service_grouptube #contents .trial, body#service_30days #contents .trial { position: absolute; top: -55px; right: -55px; width: 110px; height: 110px; clear: both; } /* ページタイトル */ body#service_lolipop #main h1, body#service_goope #main h1, body#service_chicappa #main h1, body#service_heteml #main h1, body#service_muumuu #main h1, body#service_jugem #main h1, body#service_petit #main h1, body#service_grouptube #main h1, body#service_cmsp #main h1, body#service_30days #main h1, body#service_calamel #main h1 { width: 280px; height: 35px; } body#service_lolipop #main h1 {background: url(/image/service/title/lolipop.gif) no-repeat;} body#service_goope #main h1 {background: url(/image/service/title/goope.gif) no-repeat;} body#service_chicappa #main h1 {background: url(/image/service/title/chicappa.gif) no-repeat;} body#service_heteml #main h1 {background: url(/image/service/title/heteml.gif) no-repeat;} body#service_muumuu #main h1 {background: url(/image/service/title/muumuu.gif) no-repeat;} body#service_jugem #main h1 {background: url(/image/service/title/jugem.gif) no-repeat;} body#service_petit #main h1 {background: url(/image/service/title/petit.gif) no-repeat;} body#service_grouptube #main h1 {background: url(/image/service/title/grouptube.gif) no-repeat;} body#service_cmsp #main h1 {background: url(/image/service/title/cmsp.gif) no-repeat;} body#service_calamel #main h1 {background: url(/image/service/title/calamel.gif) no-repeat;} body#service_30days #main h1 {background: url(/image/service/title/30days.gif) no-repeat;} p.lead { padding: 0 5px; } div.service-detail-graph { margin: 0 0 15px 0; } .table_3column { } .table_3column td { padding: 5px; font-size: 11px; color: #666; line-height: 145%; } .table_3column td img { margin: 0 5px 0 0; } .table_3column td strong { color: #6F8816; } .table_2column { } .table_2column td { padding: 10px; font-size: 11px; } .table_2column td img { margin: 0 5px 0 0; } .table_service_list { margin: 10px 0; } .table_service_list th { background: url(/image/service/capture/background.gif) no-repeat; width: 210px; height: 210px; } .table_service_list th img { margin: 5px; } .table_service_list td { padding: 10px 0 0 10px; } .table_service_list td p { margin: 10px 10px 10px 3px; line-height: 20px; color: #666; } .table_service_list td p:hover { color: #000; } .table_service_list td p.link a.detail { background: url(/image/service/detail.gif) no-repeat; margin: 0 10px 0 0; padding: 0 0 0 20px; height: 16px; display: block; float: left; } .table_service_list td p.link a.url { background: url(/image/service/url.gif) no-repeat; margin: 0 10px 0 0; padding: 0 0 0 20px; height: 16px; display: block; float: left; } .table_charge { margin: 0 0 10px 0; border-top: 1px solid #CCC; border-right: 1px solid #CCC; } .table_charge th { padding: 5px 5px 2px 5px; border-bottom: 3px solid #CCC; border-left: 1px solid #CCC; text-align: center; background: #EEE; } .table_charge td { padding: 2px 5px 2px 5px; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; text-align: right; } .table_charge td.left { text-align: left; padding-left: 10px; } .table_charge td.center { text-align: center; } .table_service { margin: 0 0 10px 0; } .table_service th { padding: 5px; } .table_service td { padding: 10px 0 0 0; } .table_service td p { margin: 0 10px 10px 10px; line-height: 20px; } .table_service td ul { margin: 0 10px 10px 30px; } .related-service { margin: 10px 0 0 0; float: right; } .related-service td.badge { background: url(/image/service/related/center.gif) repeat-x; } .related-service td.badge img { border: 1px solid #FFF; } .related-service td.badge img:hover { border: 1px solid #98CA2C; } .sitelink-area { margin: 30px 0 0 0; text-align: center; color: #D23E4E; } .sitelink { margin: 10px 0; text-align: center; color: #666; } div.border { width: 520px; height: 10px; background: url(/image/border/520.gif) no-repeat; } /*--------------------------------- Company -----------------------------------*/ #company #main ul { margin: 0 0 0 40px; padding: 0; } #company #main li { } #company #main p { margin: 0 0 0 20px; } #company .table_default { border-top: 2px solid #CCC; border-bottom: 1px solid #CCC; } #company .table_default th { border-bottom: 1px solid #CCC; padding: 5px; text-align: left; } #company .table_default td { border-bottom: 1px solid #CCC; padding: 5px; } #company .table_nostyle { border: 0px solid #FFF; } #company .table_nostyle th { text-align: left; background: #FFF; border: 0px solid #FFF; padding: 5px 0 5px 0; } #company .table_nostyle td { border: 0px solid #FFF; padding: 5px 0 5px 10px; } #company_history .table_default { border-top: 2px solid #CCC; border-bottom: 1px solid #CCC; } #company_history .table_default th { border-bottom: 1px solid #CCC; padding: 5px 30px 5px 15px; text-align: left; } #company_history .table_default td { border-bottom: 1px solid #CCC; padding: 5px 0; } #company_history .table_default td ul { margin: 0; } #company_legal ol { margin: 20px 0 20px 60px; } #company_vision #main .box { margin: 0 0 20px 0; } #company_vision #main .box p { margin: 10px 0 0 10px; font-size: 13px; line-height: 20px; } /*--------------------------------- Recruit -----------------------------------*/ #recruit .table_recruit { border-bottom: 1px solid #CCC; } #recruit .table_recruit th { width: 100px; font-size: 11px; padding: 5px; border-top: 1px solid #CCC; border-right: 1px solid #CCC; color: #666; background: #FFF; } #recruit .table_recruit td { font-size: 11px; padding: 5px; border-top: 1px solid #CCC; background: #F5F5F5; } #recruit h3 { margin-bottom:5px; } #recruit h4 { margin-bottom:10px; } #recruit_experienced h4 { margin-bottom:10px; } #recruit_entry .box_entry { margin: 0 0 20px 0; padding: 10px; border: 3px solid #CCC; } #recruit_entry .box_entry:hover { border: 3px solid #67C0F1; } #recruit_entry .box_check { margin: 0 0 10px 0; padding: 20px 20px 10px 20px; border: 3px solid #999; } #recruit_entry .box_check .table_entry { margin: 0 0 10px 0; } #recruit_entry .table_entry { border-bottom: 1px solid #999; } #recruit_entry .table_entry caption { font-size: 14px; color: #990000; text-align: left; margin: 0 0 5px 0; } #recruit_entry .table_entry th { width: 100px; font-size: 11px; padding: 5px; border-top: 1px solid #999; border-right: 1px solid #999; color: #333; background: #F5F5F5; text-align: right; } #recruit_entry .table_entry th.error { background: #FA7F8E; color: #FFF; } #recruit_entry .table_entry th.error span.require { color: #FFF; } #recruit_entry .table_entry td { font-size: 11px; padding: 5px; border-top: 1px solid #999; background: #FFF; } #recruit_entry .table_entry td.error { background: #FBC7CD; } #recruit_entry span.require { color: #FF6666; } #recruit_entry .table_entry input { font-size: 12px; font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif; padding: 3px; border: 1px solid #CCC; background: #FFF; } #recruit_entry .table_entry input.address { width: 350px; } #recruit_entry .table_entry input.mail { width: 300px; } #recruit_entry .table_entry input.url { width: 300px; } #recruit_entry .table_entry textarea { font-size: 12px; font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif; padding: 5px; border: 1px solid #CCC; background: #FFF; width: 360px; height: 75px; } #recruit_entry .table_entry select { font-size: 12px; padding: 3px; border: 1px solid #CCC; background: #FFF; width: 300px; } #recruit_entry .error_area { margin: 0 0 20px 0; } #recruit_entry .error_area th { padding: 0 10px 0 0; text-align: right; } #recruit_entry .error_area th p { padding: 0 0 0 25px; background: url(/image/list/error.gif) no-repeat 2px -2px; } #recruit_entry .error_area td { padding: 0 0 0 10px; border-left: 3px solid #FA7F8E; line-height: 17px; color: #FA7F8E; } #recruit_entry .message_area { margin: 0 0 20px 0; padding: 10px; border: 1px solid #CCC; background: #F5F5F5; line-height: 17px; } #recruit_entry .thanks { margin: 50px 20px 0 20px; } #recruit_entry .thanks h3 { font-size: 18px; } /*--------------------------------- Recruit / Job -----------------------------------*/ #recruit_job #main h2 { margin: 0 0 10px 0; padding: 0; } #recruit_job .table_job { border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999; margin: 10px 0 10px 0; } #recruit_job .table_job th { width: 100px; font-size: 11px; padding: 5px; border-top: 1px solid #999; border-right: 1px solid #999; color: #333; background: #F5F5F5; text-align: right; } #recruit_job .table_job td { padding: 5px; border-top: 1px solid #999; background: #FFF; } #recruit_job #main ul { margin: 0 0 0 30px; } #recruit_job .job_comment_area { margin: 0 0 10px 0; padding: 10px; border: 3px solid #67c1f1; } #recruit_job .job_comment_area .comment_title { border-bottom: 1px solid #eee; margin: 0 0 10px 0; padding: 0 0 10px 0; font-size: 12px; } #recruit_job .job_comment_area .comment_description { font-size: 13px; line-height: 18px; } /*--------------------------------- Recruit / Staff -----------------------------------*/ #recruit_staff #main .staff_area { border-right: 3px solid #EEE; border-bottom: 3px solid #EEE; border-left: 3px solid #EEE; padding: 10px 0 0 0; } #recruit_staff #main .staff_area .staff_menu { text-align: right; margin: 0 15px 5px 10px; } #recruit_staff #main .staff_area dl { } #recruit_staff #main .staff_area dt { margin: 0 10px; padding: 10px; background: #EEE; border-top: 1px solid #CCC; color: #111; } #recruit_staff #main .staff_area dd { margin: 10px 20px 15px 30px; } /*--------------------------------- Contact -----------------------------------*/ #contact #main h3 { padding: 20px 0 0 5px; border-top: 1px solid #CCC; font-size: 16px; } #contact #main .box p { margin: 0 0 0 5px; } #contact .box_entry { margin: 10px 0 20px 0; padding: 10px; border: 3px solid #CCC; } #contact .box_entry:hover { border: 3px solid #67C0F1; } #contact .box_check { margin: 0 0 10px 0; padding: 20px 20px 10px 20px; border: 3px solid #999; } #contact .box_check .table_entry { margin: 0 0 10px 0; } #contact .box_check form { margin: 10px 0 10px 0; } #contact .table_contact { border-bottom: 1px solid #999; } #contact .table_contact caption { font-size: 14px; color: #990000; text-align: left; margin: 0 0 5px 0; } #contact .table_contact th { width: 100px; font-size: 11px; padding: 5px; border-top: 1px solid #999; border-right: 1px solid #999; color: #333; background: #F5F5F5; text-align: right; } #contact .table_contact th.error { background: #FA7F8E; color: #FFF; } #contact .table_contact th.error span.require { color: #FFF; } #contact .table_contact td { font-size: 11px; padding: 5px; border-top: 1px solid #999; background: #FFF; } #contact .table_contact td.error { background: #FBC7CD; } #contact span.require { color: #FF6666; } #contact .table_contact input { font-size: 12px; font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif; padding: 3px; border: 1px solid #CCC; background: #FFF; } #contact .table_contact input.mail { width: 300px; } #contact .table_contact input.company { width: 200px; } #contact .table_contact input.url { width: 300px; } #contact .table_contact textarea { font-size: 12px; font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif; padding: 5px; border: 1px solid #CCC; background: #FFF; width: 360px; height: 200px; } #contact .table_contact select { font-size: 12px; padding: 3px; border: 1px solid #CCC; background: #FFF; width: 250px; } #contact .error_area { margin: 0 0 20px 0; } #contact .error_area th { padding: 0 10px 0 0; text-align: right; } #contact .error_area th p { padding: 0 0 0 25px; background: url(/image/list/error.gif) no-repeat 2px -2px; } #contact .error_area td { padding: 0 0 0 10px; border-left: 3px solid #FA7F8E; line-height: 17px; color: #FA7F8E; } #contact .message_area { margin: 0 0 20px 0; padding: 10px; border: 1px solid #CCC; background: #F5F5F5; line-height: 17px; } #contact #main ul { margin: 10px 0 0 30px; } #contact .thanks { margin: 50px 20px 0 20px; } #contact .thanks h3 { font-size: 18px; } /*--------------------------------- Next -----------------------------------*/ body#next #main div.box ul { margin: 0 0 0 20px; }