/* 全体設定 */ /*------------------------------*/ body { margin: 0px; padding: 0px; background-color: #ffffff; color: #707070; font-family: "MS Pゴシック", "Osaka"; font-size: 85%; *font-size: medium; *font: small; line-height: 150%; } body > ul { font-size: 15px; *font-size: medium; *font: small; } #container { text-align: center; padding: 0px; margin-top: 0px; margin-right: auto; margin-bottom: auto; margin-left: 0px; } #bg_center { width: 976px; background-image: url(images/common/bg_center.jpg); background-repeat: repeat-y; margin: auto; padding: 0px; } #header { margin: auto; padding: 0px; width: 800px; height: 40px; background-image: url(images/common/header.gif); background-repeat: no-repeat; text-align: left; } #content { margin: auto; padding: 0px; width: 800px; background-image: url(images/common/bg.gif); background-repeat: repeat-y; } #beta { margin: 0px 0px 0px 1px; padding: 0px; text-align: left; width: 210px; float: left; } #alpha { margin: 0px; padding: 0px; text-align: left; width: 588px; float: right; } #footer { margin: auto; padding: 0px; clear: both; width: 750px; background-image: url(images/common/footer.gif); background-repeat: no-repeat; } .clear { clear: both; } .right { float: right; } .left { float: left; } .center { text-align: center; } /*----------共通パーツ----------*/ .common_p { margin: 0px 0px 100px 0px; padding: 0px; } ul#common_point { margin: 40px 0px 0px 0px; padding: 0px; list-style: none; } ul#common_point li { margin: 0px 0px 40px 0px; padding: 0px; } /*------------------------------*/ /* ヘッダー設定 */ /*------------------------------*/ #logo { margin: 0px; padding: 0px; float: left; width: 800px; height: 40px; } #obi h1 { margin: 0px; text-indent: -9999px; width :800px; height: 40px; background-image: url(images/common/header.gif); } #obi h1 a { text-decoration: none; /* ■Firefox等で線が表示されないようにする */ display: block; width :800px; height: 40px; } /*------------------------------*/ /* メニュー設定:新刊本紹介 */ /*------------------------------*/ #new_intro_book { margin: 0px; padding: 5px 10px; font-size: 12px; line-height: 120%; } #new_intro_book p { margin: 0px; padding: 0px; font-size: 12px; line-height: 120%; } /*------------------------------*/ /* メニュー設定 */ /*------------------------------*/ ul#menu_button { margin: 0px; padding: 0px; list-style: none; } li.menu_button { margin: 0px 0px 0px 1px; padding: 0px; width: 200px; height: 55px; } li.menu_button a { text-decoration: none; /* ■Firefox等で線が表示されないようにする */ display: block; width: 200px; height: 55px; outline-width: 0px; } li#menu_button_top { text-indent: -9999px; background: url(images/common/menu.jpg) no-repeat 0px 0px; } li#menu_button_profile { text-indent: -9999px; background: url(images/common/menu.jpg) no-repeat 0px -55px; } li#menu_button_tenreigogyou { text-indent: -9999px; background: url(images/common/menu.jpg) no-repeat 0px -110px; } li#menu_button_tenreigogyou_eco { text-indent: -9999px; background: url(images/common/menu.jpg) no-repeat 0px -165px; } li#menu_button_kaofusui { text-indent: -9999px; background: url(images/common/menu.jpg) no-repeat 0px -220px; } li#menu_button_karadafusui { text-indent: -9999px; background: url(images/common/menu.jpg) no-repeat 0px -275px; } li#menu_button_shokufusui { text-indent: -9999px; background: url(images/common/menu.jpg) no-repeat 0px -330px; } li#menu_button_tenreisuimeijutsu { text-indent: -9999px; background: url(images/common/menu.jpg) no-repeat 0px -385px; } li#menu_button_kandukisenseijutsu { text-indent: -9999px; background: url(images/common/menu.jpg) no-repeat 0px -440px; } li#menu_button_books { text-indent: -9999px; background: url(images/common/menu.jpg) no-repeat 0px -495px; } li#menu_button_webmobile { text-indent: -9999px; background: url(images/common/menu.jpg) no-repeat 0px -550px; } li#menu_button_active { text-indent: -9999px; background: url(images/common/menu.jpg) no-repeat 0px -605px; } li#menu_button_column { text-indent: -9999px; background: url(images/common/menu.jpg) no-repeat 0px -660px; } li#menu_button_contact { text-indent: -9999px; background: url(images/common/menu.jpg) no-repeat 0px -725px; } li#menu_button_privacypolicy { text-indent: -9999px; background: url(images/common/menu.jpg) no-repeat 0px -790px; } li#menu_button_top a:hover { text-indent: -9999px; background: url(images/common/menu_on.jpg) no-repeat 0px 0px; } li#menu_button_profile a:hover { text-indent: -9999px; background: url(images/common/menu_on.jpg) no-repeat 0px -55px; } li#menu_button_tenreigogyou a:hover { text-indent: -9999px; background: url(images/common/menu_on.jpg) no-repeat 0px -110px; } li#menu_button_tenreigogyou_eco a:hover { text-indent: -9999px; background: url(images/common/menu_on.jpg) no-repeat 0px -165px; } li#menu_button_kaofusui a:hover { text-indent: -9999px; background: url(images/common/menu_on.jpg) no-repeat 0px -220px; } li#menu_button_karadafusui a:hover { text-indent: -9999px; background: url(images/common/menu_on.jpg) no-repeat 0px -275px; } li#menu_button_shokufusui a:hover { text-indent: -9999px; background: url(images/common/menu_on.jpg) no-repeat 0px -330px; } li#menu_button_tenreisuimeijutsu a:hover { text-indent: -9999px; background: url(images/common/menu_on.jpg) no-repeat 0px -385px; } li#menu_button_kandukisenseijutsu a:hover { text-indent: -9999px; background: url(images/common/menu_on.jpg) no-repeat 0px -440px; } li#menu_button_books a:hover { text-indent: -9999px; background: url(images/common/menu_on.jpg) no-repeat 0px -495px; } li#menu_button_webmobile a:hover { text-indent: -9999px; background: url(images/common/menu_on.jpg) no-repeat 0px -550px; } li#menu_button_active a:hover { text-indent: -9999px; background: url(images/common/menu_on.jpg) no-repeat 0px -605px; } li#menu_button_column a:hover { text-indent: -9999px; background: url(images/common/menu_on.jpg) no-repeat 0px -660px; } li#menu_button_contact a:hover { text-indent: -9999px; background: url(images/common/menu_on.jpg) no-repeat 0px -725px; } li#menu_button_privacypolicy a:hover { text-indent: -9999px; background: url(images/common/menu_on.jpg) no-repeat 0px -790px; } ul#menu_banner { margin: 0px 30px 0px 34px; padding: 0px; list-style: none; } li.menu_banner { margin: 0px 0px 0px 20px; } #menu.unkurabe { margin: 20px auto; } /*------------------------------*/ /* 本文設定 */ /*------------------------------*/ /*----------各ページタイトル----------*/ h2.title_frame { margin: 10px 0px 0px 0px; padding: 0px; } h2#title_top { width: 580px; height: 267px; text-indent: -9999px; background-image: url(images/title_top.jpg); } h2#title_profile { width: 580px; height: 170px; text-indent: -9999px; background-image: url(images/title_profile.jpg); } h2#title_tenreigogyou { width: 580px; height: 170px; text-indent: -9999px; background-image: url(images/title_tenreigogyou.jpg); } h2#title_tenreigogyou_eco { width: 580px; height: 170px; text-indent: -9999px; background-image: url(images/title_tenreigogyou_eco.jpg); } h2#title_kaofusui { width: 580px; height: 170px; text-indent: -9999px; background-image: url(images/title_kaofusui.jpg); } h2#title_karadafusui { width: 580px; height: 170px; text-indent: -9999px; background-image: url(images/title_karadafusui.jpg); } h2#title_shokufusui { width: 580px; height: 170px; text-indent: -9999px; background-image: url(images/title_shokufusui.jpg); } h2#title_tenreisuimeijutsu { width: 580px; height: 170px; text-indent: -9999px; background-image: url(images/title_tenreisuimeijutsu.jpg); } h2#title_kandukisenseijutsu { width: 580px; height: 170px; text-indent: -9999px; background-image: url(images/title_kandukisenseijutsu.jpg); } h2#title_books { width: 580px; height: 170px; text-indent: -9999px; background-image: url(images/title_books.jpg); } h2#title_webmobile { width: 580px; height: 170px; text-indent: -9999px; background-image: url(images/title_webmobile.jpg); } h2#title_active { width: 580px; height: 170px; text-indent: -9999px; background-image: url(images/title_active.jpg); } h2#title_column { width: 580px; height: 170px; text-indent: -9999px; background-image: url(images/title_column.jpg); } h2#title_form { width: 580px; height: 170px; text-indent: -9999px; background-image: url(images/title_form.jpg); } h2#title_privacypolicy { width: 580px; height: 170px; text-indent: -9999px; background-image: url(images/title_privacypolicy.jpg); } /*----------見出し----------*/ #main_content { margin: 0px; padding: 20px 24px; width: 548px; } h3.midashi { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 540px; height: 38px; text-indent: -9999px; } h3#midashi_message { background-image: url(images/midashi_message.jpg); } h3#midashi_news { background-image: url(images/midashi_news.jpg); } h3#midashi_books { background-image: url(images/midashi_books.jpg); } h3#midashi_contents { background-image: url(images/midashi_contents.jpg); } h3#midashi_web_mobile { background-image: url(images/midashi_web_mobile.jpg); } /*----------段落----------*/ .top_p { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 40px; width: 500px; } * html .top_p { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 40px; width: 540px; } /*----------Message----------*/ /*----------News----------*/ ul#top_news { font-size: 85%; margin: 10px 0px; padding: 0px; list-style: none; } ul#top_news li { margin: 0px 0px 10px 0px; padding: 0px; } /*----------Books----------*/ ul#top_new_intro_book { margin: 0px; padding: 0px; list-style: none; } ul#top_new_intro_book { margin: 0px; padding: 0px; list-style: none; } ul#top_new_intro_book li { height: 240px; font-size: 12px; line-height: 120%; text-align: center; margin: 0px 15px 30px 0px; padding: 0px 10px 15px 0px; border-right: 1px dotted #cccccc; border-bottom: 1px dotted #cccccc; float: left; } /*----------Contents----------*/ ul#top_contents_icon { width: 475px; height: 43px; margin: 0px 0px 20px 0px; padding: 0px; } ul#top_contents_icon li { margin: 0px 5px 0px 0px; padding: 0px; width: 90px; height: 43px; float: left; display: block; } ul#top_contents_icon li a { width: 90px; height: 43px; display: block; } li#top_contents_icon_kaofusui { text-indent: -9999px; background-image: url(images/icon_kaofusui.jpg); } li#top_contents_icon_karadafusui { text-indent: -9999px; background-image: url(images/icon_karadafusui.jpg); } li#top_contents_icon_shokufusui { text-indent: -9999px; background-image: url(images/icon_shokufusui.jpg); } li#top_contents_icon_tenreisuimeijutsu { text-indent: -9999px; background-image: url(images/icon_tenreisuimeijutsu.jpg); } li#top_contents_icon_kandukisenseijutsu { text-indent: -9999px; background-image: url(images/icon_kandukisenseijutsu.jpg); } /*------------------------------*/ /* フッター設定 */ /*------------------------------*/ #footer_contents { margin: 0px 0px 0px 210px; padding: 0px; } /*----------テキストメニュー----------*/ #menu_text { text-align: left; margin: 0px; padding: 5px 10px; border-top: 2px solid #e6e6e6; font-size: 77%; } /*----------コピーライト----------*/ #copyright { background-color :#F5F2ED; font-weight: bold; } /*------------------------------*/ /* プロフィール設定 */ /*------------------------------*/ #profile_left { margin: 0px; padding: 0px; width: 180px; float: left; } *html #profile_right { margin: 0px 0px 0px 20px; padding: 0px; width: 320px; float: right; } #profile_right { margin: 0px; padding: 0px; width: 360px; float: right; } /*------------------------------*/ /* 天麗五行はエコ理論設定 */ /*------------------------------*/ h4.midashi_tenreigogyou_eco { margin: auto; padding: 0px; /* border-left: 2px solid #EBF8CD; */ } /*------------------------------*/ /* 顔風水とは設定 */ /*------------------------------*/ #kaofusui_catch { line-height: 180%; margin: 40px 0px; padding: 0px; text-align: center; background-image: url(images/bg_kaofusui_grad.jpg); background-repeat: repeat-x; } #kaofusui_chart_detail { margin: 20px 0px 40px 0px; padding: 0px; width: 530px; } #kaofusui_chart_detail_sousei { margin: 0px; padding: 5px; width: 250px; float: left; font-size: 77%; border: 1px dotted #FF8533; background-color: #FFE3D0; } #kaofusui_chart_detail_soukoku { margin: 0px; padding: 5px; width: 250px; float: right; font-size: 77%; border: 1px dotted #FFC855; background-color: #FFEFCE; } #kaofusui_chart_detail_sousei strong { text-align: center; color: #FF8533; } #kaofusui_chart_detail_soukoku strong { text-align: center; color: #FFC855; } ul#kaofusui_new_intro_book { margin: 50px 0px 0px 0px; padding: 0px; list-style: none; } ul#kaofusui_new_intro_book li { text-align: center; margin: 0px 20px 20px 0px; padding: 0px 15px 15px 0px; border-right: 5px dotted #D5D3DE; float: left; } /*------------------------------*/ /* 著書の紹介設定 */ /*------------------------------*/ .book_cover { width: 160px; margin: 0px; padding: 0px; float: left; } *html .book_info { width: 360px; margin: 0px; padding: 0px; float: right; } .book_info { width: 388px; margin: 0px; padding: 0px; float: right; } h3.books_midashi { width: 540px; height: 50px; margin: 0px; line-height: 50px; padding: 0px 5px 0px 5px; background-image: url(images/bg_books_midashi.jpg); background-repeat: repeat-x; } h4.books_contents { color: #F2ACAA; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 10px; border-left: 5px solid #f9dad9; border-bottom: 1px solid #f9dad9; } ul.books_index li { color: #FFB6B4; font-weight: bold; } .books_index_main { color: #FFA8A6; font-weight: bold; } ul.books_index_mini li { color: #707070; font-weight: normal; } /*------------------------------*/ /* Web & 携帯サイト設定 */ /*------------------------------*/ ul#link_pc { margin: 0px; padding: 0px; list-style: none; } ul#link_pc li { width: 540px; margin: 0px 0px 30px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px dotted #cccccc; } .link_banner { width: 150px; margin: 0px; padding: 0px; float: left; } .link_detail { width: 390px; margin: 0px; padding: 0px; float: right; } *html .link_detail { width: 340px; margin: 0px; padding: 0px; float: right; } .link_detail a { padding-right: 20px; background: transparent url(images/icon_link.gif) center right no-repeat; } #link_mobile_left { margin: 0px; padding: 0px; width: 145px; float: left; } *html #link_mobile_right { margin: 0px; padding: 0px; width: 200px; float: right; } #link_mobile_right { margin: 0px; padding: 0px; width: 200px; float: right; } ul#link_mobile { margin: 0px; padding: 0px; list-style: none; } *html ul#link_mobile li { height: 50px; margin: 0px 0px 30px 0px; padding: 0px 0px 10px 60px; } ul#link_mobile li { height: 50px; margin: 0px 0px 30px 0px; padding: 0px 0px 10px 60px; } li#icon_i-mode { margin: 0px; padding: 0px 0px 0px 60px; background: url(images/keitai_logo_i.gif) no-repeat; } li#icon_ezweb { margin: 0px; padding: 0px 0px 0px 60px; background: url(images/keitai_logo_ezweb.gif) no-repeat; } li#icon_yahoo { margin: 0px; padding: 0px 0px 0px 60px; background: url(images/keitai_logo_yahoo.gif) no-repeat; } #smart_phone_left { width: 70px; float: left; border: 1px solid #ff0000; } #smart_phone_right { width: 350px; float: right; border: 1px solid #0000ff; } table#tenrei_mobile { width: 400px; border-color: #ff0000; } /*------------------------------*/ /* 活動情報設定 */ /*------------------------------*/ ul#active_category_menu { width: 540px; margin: 0px 0px 40px 0px; padding: 0px; list-style: none; } ul#active_category_menu li { width: 240px; margin: 0px 10px 10px 0px; padding: 5px; float: left; background-color: #FCCED3; border-top: 1px solid #FBE4E7; border-bottom: 1px solid #F7BCC3; border-left: 5px solid #E898A1; border-right: 1px solid #F7BCC3; } ul#active_category_menu li a { width: 240px; color: #E67F8B; outline-width: 0px; } #active_case { width: 540px; margin: 0px; padding: 0px; list-style: none; } #active_case h3 { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 3px; border-left: 5px solid #E898A1; border-bottom: 1px solid #E898A1; } .active_case_item { margin: 0px 0px 20px 0px; padding: 0px; border: 1px solid #cccccc; } .active_case_midashi { margin: 0px; padding: 0px; border: 1px solid #000000; } .active_case_midashi h3 { margin: 0px; padding: 0px; } #active_case li h4 { margin: 0px; padding: 5px 5px 5px 35px; color: #ffffff; font-size: 100%; background: #E898A1 url(images/bg_flower.gif) top left no-repeat; } .active_case_detail { margin: 0px; padding: 5px; } .active_case_detail a { padding-right: 20px; background: transparent url(images/icon_link.gif) center right no-repeat; } .active_case_item_continue { margin: 0px 0px 30px 0px; padding: 0px; } .active_case_item_continue a { text-decoration: none; /* ■Firefox等で線が表示されないようにする */ display: block; width: 540px; height: 22px; outline-width: 0px; } #active_case_item_continue_menu_books { text-indent: -9999px; background: url(images/active_case_item_continue_menu.jpg) no-repeat 0px 4px; } #active_case_item_continue_menu_webandmobile { text-indent: -9999px; background: url(images/active_case_item_continue_menu.jpg) no-repeat 0px -15px; } #active_case_item_continue_menu_magazines2009 { text-indent: -9999px; background: url(images/active_case_item_continue_menu.jpg) no-repeat 0px -35px; } #active_case_item_continue_menu_magazines2008 { text-indent: -9999px; background: url(images/active_case_item_continue_menu.jpg) no-repeat 0px -56px; } /*------------------------------*/ /* コラム設定 */ /*------------------------------*/ #column_case { width: 540px; margin: 0px; padding: 0px; list-style: none; } #column_case li { margin: 0px 0px 40px 0px; padding: 0px; border: 1px solid #E898A1; } #column_case li h3 { margin: 0px; padding: 5px; color: #ffffff; font-size: 144%; background: #E898A1 url(images/bg_column.jpg) repeat-x; } .column_detail { margin: 0px; padding: 5px; } .column_detail a { padding-right: 20px; background: transparent url(images/icon_link.gif) center right no-repeat; } /*------------------------------*/ /* 問い合わせ設定 */ /*------------------------------*/ fieldset { width: 500px; margin: 20px; padding: 5px; border:1px solid #E898A1; } legend { border-right: 1px solid #CACACA; border-bottom: 1px solid #CACACA; font-weight:bold; } dt.otoiawase { margin-top: 20px; padding-left: 5px; border-left: 5px solid #E898A1; } dd.otoiawase { margin: 5 10px; } .broad{ width: 85%; border:1px solid #A5A5A5; } textarea { font-family: monospace; } input, textarea { border-style: solid; border-width: 1px; border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94; background: #f1f1ed; } input:focus,textarea:focus { backgroud: #ffffff; } #submit input#mail_preview,input#mail_post { border-color: #ffffff #000000 #00000 #ffffff; vertical-align: middle; color: #ffffff; background: #333333; } #submit input#mail_reset,input#mail_historyback { border-color: #dbdbdb #000000 #000000 #dbdbdb; vertical-align: middle; color: #333333; background: #ffffff; } input#mail_url,input#mail_tel,input#mail_email { ime-mode: disabled; } input#mail_company,input#mail_author,input#mail_email,input#mail_email_confirm,input#mail_text { border-color: #E898A1; } p#error { color: #ffffff; background: #EA9242; } ul#radio_request { margin: 0px; padding: 0px; list-style: none; } ul#radio_request li { margin: 0px 0px 5px 0px; padding: 0px; } .aleart { color: #ff0000; dd.otoiawase li { list-style: none; } }