@charset "utf-8"; @import "./js/shadowbox-build-3.0b/shadowbox.css"; /*******************************************************************************/ /* 初期化 / /*******************************************************************************/ /* マージン・パディング */ * { margin: 0px; padding: 0px; } /* 背景色 */ body { background: #ffffff; } /* 画像のボーダー */ img { border: 0px; } /* 表示しない要素 */ .hidden { display: none; } /*

, ,

*/ p, li, dt, dd, td, address { font-size: 0.775em; } /* */ strong { font-weight: bold; } /* */ a:link, a:visited, a:hover, a:active { color: #e50012; } /*******************************************************************************/ /* ボックス初期値 / /*******************************************************************************/ /* */ body { border-top: 1px solid #b3b3b3; background: #e60012; } /* ページ全体 */ #container { width: 950px; margin: 0px auto; background: #ffffff; text-align: center; } /* ヘッダ */ #header { width: 950px; background: #ffffff; text-align: left; } /* パンくずリスト, ページタイトル, タイトルバナー, ティッカー, ラッパー */ /* ローカルナビゲーション, ページ先頭へのリンク, フッタ */ #footprint, #pagetitle, #titlebanner, #ticker, #wrapper, #localnavigation, #gototop, #footer { width: 950px; background: #ffffff; text-align: left; } /* コンテンツ */ #contents { display: inline; float: left; background: #ffffff; text-align: left; } /* サイドバー */ #sidebar { float: right; background: #ffffff; text-align: left; } /*******************************************************************************/ /* グローバルナビゲーション / /*******************************************************************************/ #header #globalnavigation ul#navigationbutton { margin-top: 45px; margin-left: 30px; } #header #globalnavigation ul#navigationbutton li { display: inline; float: left; } #header #globalnavigation ul#navigationbutton li.modelcasting, #header #globalnavigation ul#navigationbutton li.modelcasting a { background: url(../images/navibutton_large_modelcasting.png) no-repeat; } #header #globalnavigation ul#navigationbutton li.eventproduce, #header #globalnavigation ul#navigationbutton li.eventproduce a { background: url(../images/navibutton_large_eventproduce.png) no-repeat; } #header #globalnavigation ul#navigationbutton li.nailsalon, #header #globalnavigation ul#navigationbutton li.nailsalon a { background: url(../images/navibutton_large_nailsalon.png) no-repeat; } #header #globalnavigation ul#navigationbutton li.careerschool, #header #globalnavigation ul#navigationbutton li.careerschool a { background: url(../images/navibutton_large_careerschool.png) no-repeat; } #header #globalnavigation ul#navigationbutton li a { display: block; width: 160px; height: 20px; } /*******************************************************************************/ /* ヘッダ / /*******************************************************************************/ #header { height: 85px; } #header #logo { float: left; width: 280px; height: 55px; margin: 30px 0px 0px 0px; } #header #logo img { padding-left: 20px; } #header #globalnavigation { float: right; width: 670px; height: 85px; } /*******************************************************************************/ /* パンくずリスト / /*******************************************************************************/ #footprint { margin-bottom: 10px; border-top: 5px solid #e60012; } #footprint ol { margin: 10px 20px 0px 20px; padding-top: 0.1em; } #footprint ol li { display: inline; font-size: 0.7em; } /*******************************************************************************/ /* クイックリンク / /*******************************************************************************/ ul.quicklink { display: inline; float: right; margin-right: 20px; padding-top: 0.1em; } #header #globalnavigation ul.quicklink { margin-top: 10px; } ul.quicklink li { display: inline; font-size: 0.7em; } /*******************************************************************************/ /* ページタイトル / /*******************************************************************************/ h1 { padding: 5px 0px 22px 0px; } /*******************************************************************************/ /* リード / /*******************************************************************************/ p#lead { padding: 28px 40px 13px 40px; text-align: left; } /*******************************************************************************/ /* ラッパー / /*******************************************************************************/ #wrapper { padding-bottom: 50px; } /*******************************************************************************/ /* ページ先頭へのリンク / /*******************************************************************************/ p#gototop { display: none; width: 930px; padding: 0.1em 20px 10px 0px; font-size: 0.7em; text-align: right; } /*******************************************************************************/ /* フッタ / /*******************************************************************************/ #footer { border-top: 1px solid #e60012; } #footer p#tagline { float: left; padding: 10px 0px 0px 20px; } #footer ul.quicklink { margin-top: 10px; } #footer p#copyright { clear: both; padding: 10px 20px 25px 0px; font-size: 0.7em; text-align: right; } /*******************************************************************************/ /* ページごとの個別指定 / /*******************************************************************************/ /* ホーム */ #titlebanner.home ul li { display: none; width: 950px; height: 350px; overflow: hidden; } #prevBtn, #nextBtn{ display: none; } p#ticker { width: 890px; margin-bottom: 25px; padding: 7px 20px 7px 40px; border-bottom: 1px solid #e60012; } p#ticker span { padding-right: 1.5em; color: #e60012; letter-spacing: 0.1em; font-weight: bold; } #contents.home { width: 680px; } #contents.home div { width: 600px; } #contents.home div h2 { padding-top: 0.1em; color: #4d4d4d; font-size: 0.9em; font-weight: bold; } #contents.home div p { padding-top: 0.4em; } #contents.home div table { clear: left; width: 420px; } #contents.home div table tr td { height: 100px; } #contents.home div table tr td a { display:block; padding-top: 3px; color: #ff00aa; text-decoration: none; } #sidebar.home { width: 270px; } #sidebar.home p { padding-right: 20px; } #sidebar.home p strong { font-weight: bold; } #sidebar.home address { padding: 1.7em 20px 0px 0px; } /* モデルキャスティング - トップページ */ p#lead.modelcasting-index { border-bottom: 1px solid #ff00aa; } #contents.modelcasting-index { width: 950px; margin-bottom: 33px; } #contents.modelcasting-index div { display:inline; float: left; width: 160px; height: 405px; margin-top: 18px; border-left: 1px solid #b3b3b3; } #contents.modelcasting-index div h2 { margin-right: 20px; padding: 3px 16px 7px 5px; border-top: 1px solid #b3b3b3; color: #ff00aa; font-size: 0.9em; font-weight: bold; } #contents.modelcasting-index div p { padding: 0px 20px 7px 5px; } #contents.modelcasting-index div table { margin: 0px 0px 10px 5px; } #contents.modelcasting-index div table tr td { padding: 0px 0px 20px 0px; vertical-align: top; } #contents.modelcasting-index div table tr td img { padding-bottom: 5px; } #contents.modelcasting-index div a { color: #ff00aa; text-decoration: none; } /* モデルキャスティング - 個別ページ */ h1.modelcasting-indivisual { padding: 0px 40px 7px 40px; text-align: left; } #contents.modelcasting-indivisual { width: 638px; } #contents.modelcasting-indivisual table { width: 568px; height: 580px; margin-left: 40px; } #contents.modelcasting-indivisual table tr td { padding: 0px 5px 0px 0px; line-height: 100%; vertical-align: top; } #contents.modelcasting-indivisual p { padding: 30px 0px 0px 220px; } #sidebar.modelcasting-indivisual { width: 312px; } #sidebar.modelcasting-indivisual h2 { padding: 1.7em 40px 0.2em 0px; color: #ff00aa; font-size: 0.9em; font-weight: bold; } #sidebar.modelcasting-indivisual h3 { padding: 1.7em 40px 0px 0px; font-size: 0.8em; } #sidebar.modelcasting-indivisual p { padding-right: 40px; } #sidebar.modelcasting-indivisual dd { padding-left: 0.8em; } #localnavigation { height: 180px; margin-bottom: 20px; } #localnavigation h2, #localnavigation li { display: inline; float: left; } /* イベントプロデュース */ p#lead.eventproduce { border-bottom: 1px solid #87bc21; } #contents.eventproduce { width: 640px; } #contents.eventproduce h2 { margin: 0px 50px 15px 40px; padding: 18px 0px 8px 0px; border-bottom: 1px solid #87bc21; color: #87bc21; font-size: 0.9em; font-weight: bold; } #contents.eventproduce p { padding-left: 40px; } #contents.eventproduce div { width: 550px; margin: 0px 0px 40px 40px; } #contents.eventproduce div h3 { padding: 0px 0px 7px 0px; font-size: 0.9em; font-weight: bold; } #contents.eventproduce div p { padding-left: 0px; } #contents.eventproduce div ul { padding: 0px 0px 7px 0px; } #contents.eventproduce div ul li { padding-left: 15px; background: url(../../eventproduce/images/icon_03.png) no-repeat; } #contents.eventproduce div a { display: block; width: 300px; height: 200px; margin-bottom: 10px; } #sidebar.eventproduce .totalproduce { width: 310px; } #sidebar.eventproduce .totalproduce h2 { margin: 0px 40px 15px 0px; padding: 18px 0px 8px 0px; border-bottom: 1px solid #87bc21; color: #87bc21; font-size: 0.9em; font-weight: bold; } #sidebar.eventproduce .totalproduce a { display: block; padding-top: 0px; padding-bottom: 0px; color: #009144; font-size: 0.7em; text-decoration: none; } #sidebar.eventproduce .totalproduce h3 { padding: 18px 40px 5px 0px; color: #87bc21; font-size: 0.9em; font-weight: bold; } #sidebar.eventproduce .totalproduce p { margin-right: 40px; padding: 15px 15px 15px 15px; } #sidebar.eventproduce .stageproduce { width: 310px; } #sidebar.eventproduce .stageproduce h2 { margin: 0px 40px 15px 0px; padding: 18px 0px 8px 0px; border-bottom: 1px solid #009144; color: #009144; font-size: 0.9em; font-weight: bold; } #sidebar.eventproduce .stageproduce a { display: block; padding-top: 0px; padding-bottom: 0px; color: #87bc21; font-size: 0.7em; text-decoration: none; } #sidebar.eventproduce .stageproduce h3 { padding: 18px 40px 5px 0px; color: #009144; font-size: 0.9em; font-weight: bold; } #sidebar.eventproduce .stageproduce p { margin-right: 40px; padding: 15px 15px 15px 15px; } /* ブライダルプロデュース */ p#lead.bridalproduce { border-bottom: 1px solid #ffc200; } #contents.bridalproduce { width: 640px; } #contents.bridalproduce h2 { margin: 0px 50px 15px 40px; padding: 18px 0px 8px 0px; border-bottom: 1px solid #ffc200; color: #ffc200; font-size: 1.2em; line-height:120%; /*font-weight: bold;*/ } #contents.bridalproduce p { padding-left: 40px; } #contents.bridalproduce div { width: 550px; margin: 0px 0px 40px 40px; } #contents.bridalproduce div h3 { padding: 0px 0px 7px 0px; font-size: 0.9em; font-weight: bold; } #contents.bridalproduce div p { padding-left: 0px; } #contents.bridalproduce div ul { padding: 0px 0px 7px 0px; } #contents.bridalproduce div ul li { padding-left: 15px; background: url(../../bridalproduce/images/icon_03.png) no-repeat; } #contents.bridalproduce div a { display: block; width: 300px; height: 200px; margin-bottom: 10px; } #sidebar.bridalproduce .totalproduce { width: 310px; } #sidebar.bridalproduce .totalproduce h2 { margin: 0px 40px 15px 0px; padding: 18px 0px 8px 0px; border-bottom: 1px solid #ffc200; color: #ffc200; font-size: 0.9em; font-weight: bold; } #sidebar.bridalproduce .totalproduce a { display: block; padding-top: 0px; padding-bottom: 0px; color: #009144; font-size: 0.7em; text-decoration: none; } #sidebar.bridalproduce .totalproduce h3 { padding: 18px 40px 5px 0px; color: #ffc200; font-size: 0.9em; font-weight: bold; } #sidebar.bridalproduce .totalproduce p { margin-right: 40px; padding: 15px 15px 15px 15px; } #sidebar.bridalproduce .stageproduce { width: 310px; } #sidebar.bridalproduce .stageproduce h2 { margin: 0px 40px 15px 0px; padding: 18px 0px 8px 0px; border-bottom: 1px solid #009144; color: #ffc200; font-size: 0.9em; font-weight: bold; } #sidebar.bridalproduce .stageproduce a { display: block; padding-top: 0px; padding-bottom: 0px; color: #87bc21; font-size: 0.7em; text-decoration: none; } #sidebar.bridalproduce .stageproduce h3 { padding: 18px 40px 5px 0px; color: #ffc200; font-size: 0.9em; font-weight: bold; } #sidebar.bridalproduce .stageproduce p { margin-right: 40px; padding: 15px 15px 15px 15px; } /* add */ #contents.bridalproduce h3 { clear: both; margin: 0px 50px 0px 40px; padding: 0px 0px 8px 0px; color: #ffc200; font-size: 0.8em; font-weight: bold; } #contents.bridalproduce dl { width: 540px; margin: 0px 12px 15px 40px; padding: 0px 0px 8px 0px; } #contents.bridalproduce dl dt { font-weight: bold; padding-bottom: 0.2em; } #contents.bridalproduce dl dd { padding-bottom: 0.2em; } /* ネイルサロン */ p#lead.nailsalon { border-bottom: 1px solid #ffc200; } #contents.nailsalon { width: 640px; } #contents.nailsalon h2 { margin: 0px 50px 15px 40px; padding: 18px 0px 8px 0px; border-bottom: 1px solid #ffc200; color: #ffc200; font-size: 0.9em; font-weight: bold; } #contents.nailsalon p { margin: 0px 50px 15px 50px; padding: 0px 0px 8px 0px; } #contents.nailsalon div { float: left; padding: 0px 0px 23px 40px; } #contents.nailsalon img { float: right; display: block; margin: 0px 0px 8px 0px; padding: 0px 50px 15px 0px; } #contents.nailsalon h2 img { float: none; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #contents.nailsalon h3 { clear: both; margin: 0px 50px 0px 40px; padding: 0px 0px 8px 0px; color: #ffc200; font-size: 0.8em; line-height: 140%; font-weight: bold; } #contents.nailsalon h3 span { color: #333333; font-weight: bold; } #contents.nailsalon div h3 { margin: 0px 0px 0px 0px; padding: 0px 0px 8px 0px; } #contents.nailsalon div ul { margin: 0px 0px 0px 10px; padding: 0px; } #contents.nailsalon ul { width: 540px; margin: 0px 12px 15px 50px; padding: 0px 0px 8px 0px; } #sidebar.nailsalon { width: 310px; } #sidebar.nailsalon #map { width: 268px; height: 268px; margin-top: 15px; border: 1px solid #e50012; } #sidebar.nailsalon h2 { margin: 0px 40px 15px 0px; padding: 18px 0px 8px 0px; border-bottom: 1px solid #ffc200; color: #ffc200; font-size: 0.9em; } #sidebar.nailsalon h3 { padding: 0px 40px 15px 0px; color: #4d4d4d; font-size: 0.9em; font-weight: bold; } #sidebar.nailsalon p { margin-right: 40px; padding: 15px 15px 15px 15px; background: url(../../nailsalon/images/bkgd_yellow.png); color: #ffffff; } #sidebar.nailsalon dl { padding: 0px 40px 15px 0px; } #sidebar.nailsalon address { padding: 0px 40px 0px 0px; } #sidebar.nailsalon img { margin: 15px 0px 0px 0px; } /* キャリアスクール */ p#lead.careerschool { border-bottom: 1px solid #00c2ff; } #contents.careerschool { width: 640px; } #contents.careerschool #map{ width: 398px; height: 298px; margin-top: 15px; margin-left: 190px; border: 1px solid #e50012; } #contents.careerschool h2 { margin: 0px 50px 15px 40px; padding: 18px 0px 8px 0px; border-bottom: 1px solid #00c2ff; } #contents.careerschool h3 { clear: both; margin: 0px 50px 0px 40px; padding: 0px 0px 8px 0px; color: #00c2ff; font-size: 0.8em; font-weight: bold; } #contents.careerschool dl { width: 540px; margin: 0px 12px 15px 50px; padding: 0px 0px 8px 0px; } #contents.careerschool dl dt { font-weight: bold; padding-bottom: 0.2em; } #contents.careerschool dl dd { padding-bottom: 0.2em; } #contents.careerschool p { margin: 0px 50px 15px 40px; padding: 0px 0px 8px 0px; } #contents.careerschool address { float: left; width: 130px; padding-left: 40px; } #sidebar.careerschool { width: 310px; } #sidebar.careerschool h2 { margin: 0px 40px 15px 0px; padding: 30px 0px 8px 0px; border-bottom: 1px solid #00c2ff; color: #00c2ff; font-size: 0.9em; font-weight: bold; } #sidebar.careerschool h3 { width: 185px; margin-top: 30px; padding: 0px 15px 7px 0px; color: #4d4d4d; font-size: 0.9em; font-weight: bold; } #sidebar.careerschool p { clear: left; margin: 0px 40px 0px 0px; padding: 15px 15px 15px 15px; background: url(../../careerschool/images/bkgd_blue.png); color: #ffffff; } #sidebar.careerschool ul { float: left; width: 185px; padding: 0px 15px 15px 0px; } #sidebar.careerschool img { margin: -1.4em 0px 0px 0px; } /* 会社概要 */ h1.about { padding-left: 40px; text-align: left; } #contents.about { width: 640px; } #contents.about h2 { margin: 0px 50px 15px 40px; padding: 18px 0px 8px 0px; border-bottom: 1px solid #00c2ff; color: #00c2ff; font-size: 0.9em; font-weight: bold; } #contents.about p { margin: 0px 50px 0px 40px; padding: 0px 0px 15px 0px; } #contents.about strong { font-weight: bold; } #contents.about img { margin-left: 0px; padding: 0px 0px 15px 30px; } #sidebar.about { width: 310px; } #sidebar.about h2 { margin: 0px 40px 15px 0px; padding: 30px 0px 8px 0px; border-bottom: 1px solid #000000; color: #000000; font-size: 0.9em; font-weight: bold; } #sidebar.about h3 { width: 185px; padding: 17px 15px 7px 0px; color: #4d4d4d; font-size: 0.9em; font-weight: bold; } #sidebar.about p { padding: 0px 40px 15px 0px; } #sidebar.about ul { padding: 0px 40px 15px 0px; } #sidebar.about dl { padding: 0px 40px 0px 0px; } /* サイトマップ */ h1.sitemap { padding-left: 40px; text-align: left; } #contents.sitemap { width: 640px; } #contents.sitemap ul { margin: 0px 40px 50px 40px; } #contents.sitemap ul li { padding-bottom: 40px; } #contents.sitemap ul li img { vertical-align: middle; } /* お問い合わせ */ h1.contact { padding: 40px 40px 20px 40px; text-align: left; } #contents.contact { width: 640px; min-height: 600px; height: auto !important; height: 600px; } #contents.contact h2 { font-size: 0.9em; font-weight: bold; padding: 0px 40px 0px 40px; } #contents.contact p { padding: 0px 40px 25px 40px; } #contents.contact input { border: 1px solid #b3b3b3; } #contents.contact input#confirm { border: none; margin-left: 1em; vertical-align: middle; } #contents.contact table { width: 500px; margin: 0px 40px 0px 40px; } #contents.contact table tr td { width: 400px; padding-bottom: 25px; text-align: left; vertical-align: top; } #contents.contact table tr td input { vertical-align: top; } #contents.contact table tr td textarea { vertical-align: top; } #contents.contact label { color: #cc3333; font-weight: bold; }