/********************************************************************* * ベース *********************************************************************/ .hspace { height: 200px; } #pagetoplink { display: none !important; } body { letter-spacing: 2px; } .pcview { display: block; } .pcnone { display: none; } .box3 { letter-spacing: 3px; } .box1 ul li.long { min-width: 326px; } /********************************************************************* * ヘッダー *********************************************************************/ #index_mainvisual_logo { position: relative; top: -145px; width: 100%; text-align: center; margin-bottom: -145px; } #header_nav_container { position: absolute; left: 0px; top: 0px; width: 100%; } /********************************************************************* * ヘッダータイトル *********************************************************************/ .title a { white-space: nowrap; text-indent: 100%; margin: 0; position: absolute; left: 29px; top: 24px; width: 135px; height: 45px; display: block; background: url(../img/global/header_logo.png) no-repeat; overflow: hidden; } .header-container { position: relative; } .wrapper { margin: 0 auto; max-width: 1000px; } /********************************************************************* * ヘッダーナビゲーション *********************************************************************/ nav { position: absolute; right: 0px; top: 23px; } nav ul { margin: 0; padding: 0; list-style-type: none; } nav ul li { float: left; display: block; } nav ul li a { display: block; overflow: hidden; text-indent: 100%; height: 25px; } nav ul li.home a { background: url(../img/global/nav/btn_home.png ) no-repeat; width: 80px; } nav ul li.workflow a { background: url(../img/global/nav/btn_workflow.png) no-repeat; width: 100px; } nav ul li.graphic a { background: url(../img/global/nav/btn_graphic.png ) no-repeat; width: 95px; } nav ul li.photograph a { background: url(../img/global/nav/btn_photo.png ) no-repeat; width: 120px; } nav ul li.concept a { background: url(../img/global/nav/btn_concept.png ) no-repeat; width: 95px; } nav ul li.profile a { background: url(../img/global/nav/btn_profile.png ) no-repeat; width: 85px; } nav ul li.recruit a { background: url(../img/global/nav/btn_recruit.png ) no-repeat; width: 100px; } nav ul li.contact a { background: url(../img/global/nav/btn_contact.png ) no-repeat; width: 100px; } /********************************************************************* * フッター *********************************************************************/ .footer-container { color: white; background: #006E47 } #footer_contact { font-size: 15px; text-align: center } #footer_contact > h3 { max-width: 400px; height: 100px; margin: 0 auto; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url(../img/global/tl_contact2.png) no-repeat; background-size: cover; } #footer_contact > p { } #footer_contact_tel_area { max-width: 500px; margin: 0 auto } #footer_contact_tel_designoffice { float: left; max-width: 220px; height: 50px; margin: 0 auto; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url(../img/global/tel_g.png) no-repeat; } #footer_contact_tel_photooffice { float: right; max-width: 220px; height: 50px; margin: 0 auto; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url(../img/global/tel_p.png) no-repeat; } #footer_contact_mail { } #footer_contact_mail_email { max-width: 220px; height: 50px; margin: 0 auto; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url(../img/global/btn_mail.png) no-repeat; } #footer_contact_mail_botton { } #footer_twitter { } #footer_twitter> hr { width: 90%; margin: 40px auto; border-top: 1px solid #409375; border-bottom: 1px solid #509C80; height: 0; } #footer_twitter > h3 { max-width: 400px; height: 100px; margin: 0 auto; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url(../img/global/tl_twitter.png) no-repeat; background-size: cover; } #footer_access { } #footer_access > hr { width: 90%; margin: 40px auto; border-top: 1px solid #409375; border-bottom: 1px solid #509C80; height: 0; } #footer_access > h3 { max-width: 400px; height: 100px; margin: 0 auto; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url(../img/global/tl_access2.png) no-repeat; background-size: cover; } #footer_access > p { font-size: 14px; text-align: center } #footer_access_googlemap_botton { } #footer_access_images { } #footer_access_images_left { } #footer_access_images_right { } #footer_nav { } #footer_nav > ul { } #footer_logo { } #footer_logo > img { } #footer_copyright { } /********************************************************************* * フッターナビゲーション *********************************************************************/ #footer_nav { font-size: 12px; } #footer_nav ul { margin: 0; padding: 0; display: table; width: 80%; margin: 0 auto; } #footer_nav ul li { display: table-cell; } #footer_nav ul li a { display: inline-block; overflow: hidden; text-indent: 100%; height: 25px; } #footer_nav ul li.home a { background: url(../img/global/footer_nav/btn_home2.png ) no-repeat; width: 75px ; } #footer_nav ul li.workflow a { background: url(../img/global/footer_nav/btn_workflow2.png ) no-repeat; width: 95px ; } #footer_nav ul li.graphic a { background: url(../img/global/footer_nav/btn_graphic2.png ) no-repeat; width: 90px ; } #footer_nav ul li.photograph a { background: url(../img/global/footer_nav/btn_photo2.png ) no-repeat; width: 110px ; } #footer_nav ul li.concept a { background: url(../img/global/footer_nav/btn_concept2.png ) no-repeat; width: 85px; } #footer_nav ul li.profile a { background: url(../img/global/footer_nav/btn_profile2.png ) no-repeat; width: 80px ; } #footer_nav ul li.recruit a { background: url(../img/global/footer_nav/btn_recruit2.png ) no-repeat; width: 90px ; } #footer_nav ul li.contact a { background: url(../img/global/footer_nav/btn_contact2.png ) no-repeat; width: 90px ; } /********************************************************************* * フッターコピーライト *********************************************************************/ #footer_logo { float: right; } /********************************************************************* * フッターコピーライト *********************************************************************/ #footer_copyright { float: left; font-size: 11px; margin: 20px 0 0 9%; } #spnavbotton { display: none; } .main { padding: 20px 0 0; } /********************************************************************* * 制作実績 *********************************************************************/ .graphic_portfolio_description { margin-top: 34px; color: white; font-size: 15px; text-align: center; } /********************************************************************* * 固定ページ workflow *********************************************************************/ #workflow_photographer {} #workflow_photographer_photo_area {} #workflow_photographer_photo_area dl { width: 50%; float: left; margin: 0; } #workflow_photographer_photo_area dl dt { padding: 10px 0; text-align: center; background: #EFEFEF; } #workflow_photographer_photo_area dl dd { margin: 0; } /********************************************************************* * Profile 会社概要 *********************************************************************/ #profile_table { max-width: 655px; margin-right: auto; margin-left: auto; } #profile_table table { font-size: 15px; } #profile_table table tr {} #profile_table table tr th { width: 100px; font-weight: normal; text-align: left; white-space: nowrap; padding: 10px; vertical-align: top; } #profile_table table tr td { padding: 10px 10px 10px 40px; } /********************************************************************* * 固定ページ workflow *********************************************************************/ #workflow_photographer_photo_container { background: url(../img/workflow/cameraman_bg.gif) repeat-x top left; } /********************************************************************* * 固定ページ Graphic, Photograph *********************************************************************/ #graphic-menu { font-size: 14px; line-height: 1.6; text-align: center; max-width: 855px; margin: 0 auto; } #graphic-menu ul { list-style-type: none; display: block; width: 100%; padding: 0; margin-top: 20px; } #graphic-menu ul li { letter-spacing: 0; margin: 0 0 74px 0; display: block; float: left; text-align: center; width: 33.33333333%; text-align: center; } #graphic-menu ul li a { display: block; margin-bottom: 19px; } #graphic-menu ul li a img { display: block; margin: 0 auto 10px; } #graphic-menu-title { margin: 15px 0; } #graphic-menu-botton { margin: 65px 0 0 0; text-align: center; } #photograph-menu { font-size: 14px; line-height: 1.6; text-align: center; max-width: 855px; margin: 0 auto; } #photograph-menu ul { list-style-type: none; display: block; width: 100%; padding: 0; margin-top: 20px; } #photograph-menu ul li { letter-spacing: 0; margin: 0 0 74px 0; display: block; float: left; text-align: center; width: 33.33333333%; text-align: center; } #photograph-menu ul li a { display: block; margin-bottom: 19px; } #photograph-menu ul li a img { display: block; margin: 0 auto 10px; } #photograph-menu-title { margin: 15px 0; } #photograph-menu-botton { margin: 0 0 0 0; text-align: center; } /********************************************************************* * Recruit *********************************************************************/ #recruit_table { font-size: 16px; margin: 0 10px 30px; } #recruit_table h3 { font-weight: normal; } #recruit_table table { font-size: 16px; width: 100%;} #recruit_table table tr {} #recruit_table table tr th, #recruit_table table tr td { padding: 10px; border-collapse: collapse; border: 1px solid #ccc; } #recruit_table table tr th { font-weight: normal; background: #eee; white-space: nowrap; } #recruit_table table tr td { } #recruit_table dl {} #recruit_table dl dt {} #recruit_table dl dd { margin-bottom: 20px; }