@charset "utf-8"; /* Theme Name:カード情報サイト Theme URI: Description:カード情報サイトのテーマ Author: Author URI: Version:1.0 */ /* ---------------------------------------------------------------------- 基本設定 ---------------------------------------------------------------------- */ /* ======================================== +reset ======================================== */ /* universal ---------------------------------------- */ body { margin: 0; padding: 0; background: white url(img/background.gif) repeat-x left top; font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; font-size: .875em; color: #333333; line-height: 1.6; } img { border: none; vertical-align: top; } a img { border: none; } a, a:visited { color: #0f89b2; outline: none; } a:hover { color: #ef3982; } p { margin: 0; padding: 0; } h1, h2, h3, h4, h5 { margin: 0; padding: 0; } ul { list-style-type: none; margin: 0; padding: 0; } li { margin: 0; padding: 0; } form, table, input, textarea, dl, dt, dd { margin: 0; padding: 0; } label { display: inline-block; vertical-align: baseline; } table { border-collapse: collapse; border: 0; margin: 0; font-size: 12px; width: 100%; } td, th { padding: 10px 10px 6px; border: 1px solid #bbb; text-align: left; line-height: 120%; } th { font-weight: normal; background: url(img/table_bg.gif) no-repeat left top; } input, textarea { font-size: 100%; } textarea { overflow: auto; } .clear { clear: both; } .tooltip { display: none; background: transparent url(img/tTip.png); padding: 19px 20px 0 20px; height: 120px; width: 172px; line-height: 150%; } /* ---------- clearfix hack ---------- */ #page_navi ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } #page_navi ul { display: inline-block; } /* exlude MacIE5 \*/ * html #page_navi ul { height: 1%; } #page_navi ul { display: block; } /* end MacIE5 */ .cf:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .cf { display: inline-block; } /* exlude MacIE5 \*/ * html .cf { height: 1%; } .cf { display: block; } /* end MacIE5 */ /* ======================================== +mixins ======================================== */ .rightCat #rightCatTab, .rightCat .rightCatContent #rctCard, .rightCat .rightCatContent #rctBasic, .rightCat .rightCatContent #rctNews, #footer .footerTop, .post_content ul.double, .post_content ul.triple, #knowledge_child_term_list ul, .child_term_list ul, .categoryList, .morePostList, .thumbPosts .postsList li, .thumbnailPostList, .thumbnailPostList li, .underArticleRelatedPostList li a, body.news .post_content .double { *zoom: 1; } .rightCat #rightCatTab:after, .rightCat .rightCatContent #rctCard:after, .rightCat .rightCatContent #rctBasic:after, .rightCat .rightCatContent #rctNews:after, #footer .footerTop:after, .post_content ul.double:after, .post_content ul.triple:after, #knowledge_child_term_list ul:after, .child_term_list ul:after, .categoryList:after, .morePostList:after, .thumbPosts .postsList li:after, .thumbnailPostList:after, .thumbnailPostList li:after, .underArticleRelatedPostList li a:after, body.news .post_content .double:after { display: block; clear: both; height: 0; visibility: hidden; content: ""; } /* ---------------------------------------------------------------------- レイアウト ---------------------------------------------------------------------- */ #wrapper { width: 972px; margin: 0 auto; } #main_content { position: relative; } #index_top_col { width: 658px; height: 264px; float: left; position: relative; background: url(img/main_image.jpg) no-repeat left top; } #right_col { width: 300px; float: right; display: inline; padding: 0 0 50px 0; } #left_col { width: 650px; float: left; padding: 0 0 50px 0; } /* ---------------------------------------------------------------------- 右サイド ---------------------------------------------------------------------- */ /* 通常の見出し */ #right_col h4 img { display: block; } /* 一覧へのリンク付き見出し */ .right_headline { position: relative; width: 300px; height: 45px; } .right_headline h4 { position: absolute; z-index: 10; } .right_headline a { position: absolute; top: 16px; left: 218px; z-index: 20; display: inline; } /* 右上のバナー */ #right_top_ad { margin: 0 0 16px 0; min-height: 200px; } #right_top_ad .toggle { display: none; } /* タブ */ .rightCat { border: 7px solid #f2f2f2; width: 286px; margin-bottom: 16px; } .rightCat #rightCatTab li { width: 95px; height: 39px; float: left; margin: 0; padding: 0; } .rightCat #rightCatTab li.rctCatTab_02 { width: 96px; } .rightCat #rightCatTab li a { width: 100%; height: 100%; display: block; background-image: url(img/side/tab_right_category.png); background-repeat: no-repeat; text-indent: -9999px; } .rightCat #rightCatTab li.rctCatTab_01 a { background-position: 0 0; } .rightCat #rightCatTab li.rctCatTab_01 a:hover { background-position: 0 -39px; } .rightCat #rightCatTab li.rctCatTab_01 a.current { background-position: 0 bottom; } .rightCat #rightCatTab li.rctCatTab_02 a { background-position: -95px 0; } .rightCat #rightCatTab li.rctCatTab_02 a:hover { background-position: -95px -39px; } .rightCat #rightCatTab li.rctCatTab_02 a.current { background-position: -95px bottom; } .rightCat #rightCatTab li.rctCatTab_03 a { background-position: -191px 0; } .rightCat #rightCatTab li.rctCatTab_03 a:hover { background-position: -191px -39px; } .rightCat #rightCatTab li.rctCatTab_03 a.current { background-position: -191px bottom; } .rightCat .rightCatContent { width: 284px; background: #fff; border: 1px solid #ccc; border-top: none; font-size: 12px; } .rightCat .rightCatContent .rctList { width: 126px; } .rightCat .rightCatContent .rctList.rctList_01 { float: left; } .rightCat .rightCatContent .rctList.rctList_02 { float: right; } .rightCat .rightCatContent .rctList.rctList_03 { clear: both; width: 100%; } .rightCat .rightCatContent .rctList li { background: url(img/dot1.gif) repeat-x left bottom; line-height: 1.4; } .rightCat .rightCatContent .rctList li a { display: block; padding: 8px 0 8px 26px; background-image: none; background-repeat: no-repeat; background-position: left 0.7em; text-decoration: none; } .rightCat .rightCatContent .rctList li a:hover { text-decoration: underline; } .rightCat .rightCatContent .rctList li.cat-item-3 a { background-image: url(img/side_menu/first.png); } .rightCat .rightCatContent .rctList li.cat-item-4 a { background-image: url(img/side_menu/clock.png); } .rightCat .rightCatContent .rctList li.cat-item-5 a { background-image: url(img/side_menu/recommend2.png); } .rightCat .rightCatContent .rctList li.cat-item-6 a { background-image: url(img/side_menu/gold.png); } .rightCat .rightCatContent .rctList li.cat-item-7 a { background-image: url(img/side_menu/bag.png); } .rightCat .rightCatContent .rctList li.cat-item-8 a { background-image: url(img/side_menu/plane.png); } .rightCat .rightCatContent .rctList li.cat-item-9 a { background-image: url(img/side_menu/coin.png); } .rightCat .rightCatContent .rctList li.cat-item-10 { background: none; } .rightCat .rightCatContent .rctList li.cat-item-10 a { background-image: url(img/side_menu/present.png); } .rightCat .rightCatContent .rctList li.cat-item-12 a { background-image: url(img/side_menu/car.png); } .rightCat .rightCatContent .rctList li.cat-item-13 a { background-image: url(img/side_menu/visa.png); } .rightCat .rightCatContent .rctList li.cat-item-14 a { background-image: url(img/side_menu/smile.png); } .rightCat .rightCatContent .rctList li.cat-item-15 a { background-image: url(img/side_menu/school.png); } .rightCat .rightCatContent .rctList li.cat-item-261 a { background-image: url(img/side_menu/elec.png); } .rightCat .rightCatContent .rctList li.cat-item-262 a { background-image: url(img/side_menu/truck.png); } .rightCat .rightCatContent .rctList li.cat-item-263 a { background-image: url(img/side_menu/mobile.png); } .rightCat .rightCatContent .rctList li.cat-item-264 { background: none; } .rightCat .rightCatContent .rctList li.cat-item-264 a { background-image: url(img/side_menu/shopping.png); } .rightCat .rightCatContent .rctList li.last { background: none; } .rightCat .rightCatContent .rctTtl { clear: both; font-size: 11px; border-left: 4px solid #008ca5; padding-left: 5px; color: #555; margin: 8px 0 4px; } .rightCat .rightCatContent #rctCard { padding: 4px 10px; } .rightCat .rightCatContent #rctBasic { display: none; padding: 4px 10px; } .rightCat .rightCatContent #rctBasic .rctList li { padding-left: 6px; } .rightCat .rightCatContent #rctBasic .rctList li:nth-child(even) { background-color: #f0f7fc; } .rightCat .rightCatContent #rctBasic .rctList_01, .rightCat .rightCatContent #rctBasic .rctList_02 { margin-bottom: 14px; width: 132px; } .rightCat .rightCatContent #rctBasic .rctList li a { padding-left: 17px; background: url(img/icon/ico_simplerect_b.png) no-repeat left 1em; } .rightCat .rightCatContent #rctBasic .rctList.rctList_03 li a { background-image: url(img/icon/ico_simplerect_r.png); } .rightCat .rightCatContent #rctNews { display: none; padding: 0; } .rightCat .rightCatContent #rctNews li { margin: 0; padding: 10px 10px; position: relative; } .rightCat .rightCatContent #rctNews li.even { background: #f5f7f8; } .rightCat .rightCatContent #rctNews li span { background: url(img/icon_news.png) no-repeat left top; padding: 0 0 0 5px; width: 40px; height: 16px; line-height: 19px; display: block; float: left; color: #fff; font-size: 11px; } .rightCat .rightCatContent #rctNews li a { float: left; margin: 0 0 0 10px; display: inline; width: 205px; line-height: 150%; } /* 今のお勧めカード */ #right_recommend { background: url(img/side/right_sideline.gif) repeat-y left top; margin: 0 0 16px 0; padding: 10px 0 0 0; } #right_recommend ul { background: url(img/side/right_bottom.gif) no-repeat left bottom; padding: 0 0 6px 0; } #right_recommend ul li { background: url(img/dot1.gif) repeat-x left bottom; margin: 0 17px; padding: 10px 0 2px 0; } #right_recommend ul li div { width: 190px; float: right; } #right_recommend li h6 { font-size: 13px; margin: 0 0 5px 0; line-height: 120%; } #right_recommend li h6 a { display: block; } #right_recommend li .desc p { line-height: 140%; margin: 0 0 7px 0; font-size: 11px; } #right_recommend ul li.first { padding: 0 0 2px 0; } #right_recommend ul li.last { background: none; padding: 10px 0 5px 0; } /* 右下のバナー・小さいバナー */ .right_banner_box { margin: 0 0 16px; } .right_banner_box .right_small_ad { width: 280px; border: 7px solid #f2f2f2; padding: 2px; } .right_banner_box .desc { padding: 8px 10px 6px; font-size: 85%; } /* .right_small_ad { background:url(img/side/right_banner_background_bottom.gif) no-repeat left bottom; width:300px; margin:0 0 16px 0; } .right_small_ad .wrap { background:url(img/side/right_banner_background_top.gif) no-repeat left top; padding:10px; } .right_small_ad .image img { } .right_small_ad .desc { background:none; padding:8px 0 0 0; margin:0 10px 5px 10px; font-size:12px; } .right_small_ad .desc p { line-height:160%; } #right_col .banner_image { margin:0 0 10px 0; } .right_banner_box .right_small_ad { margin:0 0 10px 0; } .right_banner_box { padding:0 0 6px 0; } */ /* 週間アクセスランキング */ #right_ranking { background: url(img/side/right_sideline.gif) repeat-y left top; margin: 0 0 16px 0; } #right_ranking ul { background: url(img/side/right_bottom.gif) no-repeat left bottom; padding: 0 0 6px 0; } #right_ranking ul li { background: url(img/dot1.gif) repeat-x left bottom; margin: 0 17px; padding: 7px 0 9px; } #right_ranking li h6 { font-size: 14px; float: right; width: 190px; display: inline; margin: 2px 0 5px 0; line-height: 120%; } #right_ranking li p { float: right; width: 190px; line-height: 140%; display: inline; margin: 0; font-size: 11px; } #right_ranking li a img { display: block; margin: 0px 0; position: relative; top: 1px; left: 0px; } #right_ranking li.rank1 a img { background: url(img/side_rank1.gif) no-repeat top; padding: 24px 0 0 0; } #right_ranking li.rank2 a img { background: url(img/side_rank2.gif) no-repeat top; padding: 24px 0 0 0; } #right_ranking li.rank3 a img { background: url(img/side_rank3.gif) no-repeat top; padding: 24px 0 0 0; } #right_ranking li.rank4 img, #right_ranking li.rank5 img { display: block; position: relative; top: 1px; left: 13px; } #right_ranking li.rank4 a { background: url(img/side_rank4.gif) no-repeat 12px; padding: 2px 0 1px 75px; font-weight: bold; display: block; line-height: 140%; } #right_ranking li.rank5 a { background: url(img/side_rank5.gif) no-repeat 12px; padding: 3px 0 1px 75px; font-weight: bold; display: block; line-height: 140%; } /* ピックアップ記事 */ #right_pickup { background: url(img/side/right_sideline.gif) repeat-y left top; margin: 0 0 16px 0; } #right_pickup ul { background: url(img/side/right_bottom.gif) no-repeat left bottom; padding: 0 0 7px 0; } #right_pickup ul li { margin: 0 7px; padding: 5px 0; position: relative; } #right_pickup ul li.even { background: #f5f7f8; } #right_pickup li a.title { position: absolute; left: 68px; top: 6px; font-size: 14px; width: 210px; line-height: 130%; font-size: 12px; } #right_pickup li img.image { margin: 0 0 0 10px; border: 1px solid #ccc; background: #fff; padding: 2px; } #right_pickup li p { font-size: 11px; position: absolute; right: 15px; bottom: 0px; } /* 最新のお知らせ・コラム */ #right_latest_news { background: url(img/side/right_sideline.gif) repeat-y left top; margin: 0 0 16px 0; font-size: 12px; } #right_latest_news ul { background: url(img/side/right_bottom.gif) no-repeat left bottom; padding: 0 0 7px 0; } #right_latest_news ul li { margin: 0 7px; padding: 10px 10px; position: relative; } #right_latest_news ul li.even { background: #f5f7f8; } #right_latest_news ul li span { background: url(img/icon_news.png) no-repeat left top; padding: 0 0 0 5px; width: 40px; height: 16px; line-height: 19px; display: block; float: left; color: #fff; font-size: 11px; } #right_latest_news ul li a { float: left; margin: 0 0 0 10px; display: inline; width: 205px; line-height: 150%; } /* タイアップキャンペーン */ #right_tieup { background: url(img/side/right_banner_background_bottom.gif) no-repeat left bottom; padding: 0 0 6px 0; margin: 0 0 16px 0; } #right_tieup h3 { text-align: center; padding: 8px 10px 10px; font-size: 16px; } #right_tieup .card_image { display: block; margin: 0 auto 7px; text-align: center; } #right_tieup .campaign_wrap { background: url(img/side/right_tieup_campaign_bottom.gif) no-repeat left bottom; width: 262px; margin: 0 auto 10px; font-size: 12px; } #right_tieup .campaign_wrap div { background: url(img/side/right_tieup_campaign_top.gif) no-repeat left top; padding: 30px 15px 10px; } #right_tieup .campaign_wrap div p { line-height: 160%; } #right_tieup .link { display: block; margin: 0 auto 10px; text-align: center; } /* 全てのカード一覧 */ #right_all_card { background: url(img/side/right_sideline.gif) repeat-y left top; margin: 0 0 16px 0; } #right_all_card ul { background: url(img/side/right_bottom.gif) no-repeat left bottom; padding: 0 0 6px 0; } #right_all_card ul li { background: url(img/dot1.gif) repeat-x left bottom; margin: 0 17px; padding: 10px 0 10px 0; line-height: 140%; } #right_all_card ul li a { background: url(img/arrow3.gif) no-repeat 3px 5px; padding: 0 0 0 13px; display: block; } /* 右サイドに固定 */ .fixed_ad { position: fixed; top: 0px; } .fixed_ad2 { position: absolute; bottom: 75px; } #fixed_ad .bookmark_list { margin: 0 18px 10px 0; } #fixed_ad #side_return_top img { display: block; margin: 0 auto; height: 27px; } /* このカードの詳細はこちら */ #current_card_info { background: url(img/side/right_sideline.gif) repeat-y left top; margin: 0 0 16px 0; padding: 20px 0 0 0; } #current_card_info .content { background: url(img/side/right_bottom.gif) no-repeat left bottom; padding: 0 0 7px 0; } #current_card_info .card_image img { display: block; margin: 0 auto 15px; } #current_card_info .desc { width: 250px; margin: 0 auto 10px; font-size: 14px; line-height: 150%; } #current_card_info .link img { display: block; margin: 0 auto 15px; } /* 主なカテゴリー一覧 */ #right_common_category { background: url(img/side/right_sideline.gif) repeat-y left top; margin: 0 0 16px 0; } #right_common_category ul { background: url(img/side/right_bottom.gif) no-repeat left bottom; padding: 0 0 7px 0; } #right_common_category ul li { margin: 0 7px; padding: 5px 0; position: relative; } #right_common_category ul li.even { background: #f5f7f8; } #right_common_category li a.title { position: absolute; left: 68px; top: 9px; font-size: 14px; width: 210px; line-height: 150%; font-weight: bold; } #right_common_category li .image img { margin: 0 0 0 10px; border: 1px solid #ccc; background: #fff; padding: 2px; } #right_common_category li .image:hover img { border: 1px solid #0f89b2; } /* ---------------------------------------------------------------------- ヘッダー ---------------------------------------------------------------------- */ #header { width: 972px; margin: 0 0 12px 0; z-index: 9999; position: relative; } /* ロゴ */ #header #logo { float: left; margin: 24px 0 21px 0; } /* ヘッダーメニュー */ #header_menu { float: right; margin: 18px 0 0 0; } #header_menu li { display: inline; float: left; margin: 0; padding: 0; line-height: 0%; } /* グローバルメニュー */ #global_menu { clear: both; margin: 0 0 0 0; } #global_menu li { display: inline; float: left; margin: 0; padding: 0; line-height: 0%; } #header_middle { clear: both; background: url(img/header/breadcrumb.gif) no-repeat right bottom; margin: 0 0 14px 0; padding: 6px 0 5px 0; display: table; } /* キャッチコピー */ #header h2 { font-size: 11px; font-weight: normal; } /* パンくずリンク */ #bread_crumb_top { float: left; display: table-cell; vertical-align: middle; *display: inline; margin: 9px 0 5px 0; width: 648px; } .bread_crumb li { font-size: 10px; display: inline; background: url(img/arrow1.gif) no-repeat right 2px; margin: 0 7px 5px 0; padding: 0 12px 0 0; } .bread_crumb li.bc_last { background: none; margin: 0; } /* RSS */ .rssWrap { display: table-cell; vertical-align: middle; height: 27px; width: 290px; padding-left: 30px; } #rss { display: inline; float: left; margin: 0; } /* 検索ボックス */ #search_area { float: right; display: inline; margin: 0; background: url(img/header/search_input.gif) no-repeat left top; width: 223px; } #search_input { float: left; width: 178px; display: inline; margin: 4px 0 0 12px; border: none; background: transparent; } #search_button { background: url(img/header/search_button.gif) no-repeat left top; width: 32px; height: 27px; border: none; display: block; text-indent: -9999px; cursor: pointer; } /* テキスト広告 */ #header_text_ad { margin: 0; width: 972px; height: 39px; background: url(img/header/top_text_ad.gif) no-repeat left top; } #header_text_ad ul { margin: 0 auto 0; padding: 4px 0 0 0; text-align: center; display: block; } #header_text_ad li { background: url(img/header/top_text_ad_icon.gif) no-repeat left; display: inline; margin: 0 10px; padding: 2px 0 2px 18px; font-size: 12px; } /* ヘッダーリンク */ #header_text_link { position: absolute; top: 28px; left: 295px; } #header_text_link li { margin: 0 0 1px 0; padding: 0 0 0 8px; background: url(img/arrow8.gif) no-repeat left 5px; font-size: 12px; } #header_text_link li a { text-decoration: none; color: #333; } #header_text_link li a:hover { text-decoration: underline; color: #ef3982; } /* ---------------------------------------------------------------------- ドロップダウンメニュー ---------------------------------------------------------------------- */ #global_menu { z-index: 9999; } #global_menu li { position: relative; float: left; height: 55px; margin: 0; } #global_menu ul li { z-index: 9999; height: auto; padding: 0; left: auto; margin: 0; font-family: 'メイリオ',Meiryo; font-size: 11px; } #global_menu a, #global_menu a:visited { color: #999; display: block; position: relative; width: 162px; height: 55px; } #global_menu a:hover, #global_menu .current_page_item a, #global_menu .current_page_item a:visited { text-decoration: none; } #global_menu ul { position: absolute; top: 51px; left: 0px; margin: 0; display: none; width: 193px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); } #global_menu ul ul { left: 100%; top: 0; margin: 0 0 0 -1px; } #global_menu ul a, #global_menu ul a:visited, #global_menu .current_page_item ul a, #global_menu .current_page_item ul a:visited, #global_menu ul .current_page_item a, #global_menu ul .current_page_item a:visited { color: #333; line-height: 140%; padding: 14px 11px 11px 20px; width: 160px; margin: 0 0 -1px; border: 1px solid #ccc; height: auto; text-decoration: none; background: white url(img/arrow3.gif) no-repeat 13px 19px; } #global_menu ul a:hover, #global_menu .current_page_item ul a:hover, #global_menu ul .current_page_item a:hover { color: #fff; background: #0d7b97 url(img/arrow5.gif) no-repeat 13px 19px; } #global_menu ul.global_category_menu a { font-size: 11px; padding: 14px 11px 11px 35px; width: 145px; } #global_menu ul.global_category_menu li.cat-item-3 a { background: white url(img/side_menu/first.png) no-repeat 12px 13px; } #global_menu ul.global_category_menu li.cat-item-4 a { background: white url(img/side_menu/clock.png) no-repeat 12px 13px; } #global_menu ul.global_category_menu li.cat-item-5 a { background: white url(img/side_menu/recommend2.png) no-repeat 12px 13px; } #global_menu ul.global_category_menu li.cat-item-6 a { background: white url(img/side_menu/gold.png) no-repeat 12px 12px; } #global_menu ul.global_category_menu li.cat-item-7 a { background: white url(img/side_menu/bag.png) no-repeat 12px 11px; } #global_menu ul.global_category_menu li.cat-item-8 a { background: white url(img/side_menu/plane.png) no-repeat 12px 11px; } #global_menu ul.global_category_menu li.cat-item-9 a { background: white url(img/side_menu/coin.png) no-repeat 12px 13px; } #global_menu ul.global_category_menu li.cat-item-10 a { background: white url(img/side_menu/present.png) no-repeat 12px 11px; } #global_menu ul.global_category_menu li.cat-item-12 a { background: white url(img/side_menu/car.png) no-repeat 12px 13px; } #global_menu ul.global_category_menu li.cat-item-13 a { background: white url(img/side_menu/visa.png) no-repeat 10px 14px; } #global_menu ul.global_category_menu li.cat-item-14 a { background: white url(img/side_menu/smile.png) no-repeat 11px 13px; } #global_menu ul.global_category_menu li.cat-item-15 a { background: white url(img/side_menu/school.png) no-repeat 12px 11px; } #global_menu ul.global_category_menu li.cat-item-261 a { background: white url(img/side_menu/elec.png) no-repeat 12px 11px; } #global_menu ul.global_category_menu li.cat-item-262 a { background: white url(img/side_menu/truck.png) no-repeat 12px 13px; } #global_menu ul.global_category_menu li.cat-item-263 a { background: white url(img/side_menu/mobile.png) no-repeat 12px 11px; } #global_menu ul.global_category_menu li.cat-item-264 a { background: white url(img/side_menu/shopping.png) no-repeat 12px 12px; } #global_menu ul.global_category_menu li a:hover { background-color: #0d7b97; } /* ---------------------------------------------------------------------- フッター ---------------------------------------------------------------------- */ #footer_wrapper { background: url(img/footer/background.gif) repeat-x left top; min-width: 972px; } #footer { width: 972px; margin: 0 auto; position: relative; } /* パンくずリンク */ #bread_crumb_bottom { width: 650px; margin: 0 0 2px 0; } #bread_crumb_bottom li { margin: 0 7px 5px 0; } /* RSS */ #rss_bottom { position: absolute; top: -18px; right: 265px; } /* ページ上部へ移動 */ #return_top { float: right; display: inline; margin: -33px 0 0 0; } #footer .footerTop { padding: 32px 10px 0; margin: 0 0 35px; } #footer .footerTop li { margin-right: 20px; width: 218px; float: left; } #footer .footerTop li.last { margin-right: 0; } #footer .footerTop li a { background: url(img/site/ico_arrow_03.png) no-repeat left center; padding: 0 0 0 15px; display: block; color: #333333; text-decoration: none; } #footer .footerTop li a:hover { text-decoration: underline; color: #ef3982; } #footer .footerTop li h2 { margin: 0 0 18px; } #footer .footerTop .footerTopList li { float: none; margin: 0 0 3px; } #footer .footerMiddle { margin: 0 0 35px; } #footer .footerMiddle h2 { margin: 0 0 18px; } .footerBottom { width: 100%; background: url(img/site/bg_footer.png) repeat-x 0 0; padding: 18px 0 18px; color: #fff; } .footerBottom .footerBottomInner { width: 960px; margin: 0 auto; } .footerBottom h2 { margin: 0 0 10px; text-align: center; height: 13px; } .footerBottom a { color: #fff; } .footerBottom a:hover { text-decoration: none; } .footerBottom .description { font-size: 12px; text-shadow: #015f73 -1px -1px 0; text-align: center; margin: 0 0 14px; } .footerBottom .copyright { padding: 14px 0 0; background: url(img/site/footer_border.png) no-repeat center top; font-size: 10px; text-align: center; } .footerBottom .copyright a { text-decoration: none; } /* ---------------------------------------------------------------------- コンテンツ ---------------------------------------------------------------------- */ .post_content { /* 特別なクラス */ /* 簡単なまとめ */ /* 黄色背景 */ /* デザイン見出し 2013/06/27 */ /* h2 { @include background-image(url(img/site/bg_h2.png), linear-gradient(#059cb7, #067b91)); background-position: 6px 49%, 0 0; background-color: #067b91; background-repeat: no-repeat, repeat; @include box-shadow(rgba(39,65,70,0.4) 0 2px 4px); @include text-shadow(rgba(48,48,48,0.5) -1px -1px 0px); width: 598px; height: auto; font-size: 120%; font-weight: bold; padding: 12px 16px 12px 22px; line-height: 1.4; color: #fff; border-bottom: 1px solid #74eaff; margin:38px 0 20px -21px; } */ /* h5 { background:url(img/site/bg_h5.png) no-repeat left bottom; border-left: 4px solid #1ea0c1; height: auto; width: $contentWidth - 10px; line-height: 1.3; font-size: 112%; font-weight: bold; padding: 8px 0 10px 18px; margin:0 0 10px 0; } */ /* ポイント */ /* ～の公式サイトはこちらリンク */ /* リストアイテム追加 2013/06/27 */ /* デザイン見出し */ } .post_content .alignright { float: right; } .post_content .alignleft { float: left; } .post_content .aligncenter { margin-left: auto; margin-right: auto; } .post_content .centered { margin-left: auto; margin-right: auto; } .post_content img.centered, .post_content div.centered { display: block; margin: 0 auto 30px; } .post_content img.aligncenter, .post_content div.aligncenter { display: block; margin: 0 auto 30px; } .post_content img.alignright, .post_content div.alignright { margin: 0 0 30px 25px; display: inline; } .post_content img.alignleft, .post_content div.alignleft { margin: 0 25px 30px 0; display: inline; } .post_content .aligncenter, .post_content div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .post_content a { text-decoration: none; } .post_content a:hover, .post_content li a, .post_content a.de_link, .post_content a.de_link2, .post_content a.de_link3, .post_content .de_link a, .post_content .de_link2 a, .post_content .de_link3 a, .post_content a.underline { text-decoration: underline; } .post_content p { margin: 0; font-size: 112%; line-height: 1.9; } .post_content ul { list-style-type: none; margin: 0; padding: 0; } .post_content ul li { margin: 0; background: url(img/bullet2.gif) no-repeat left 1em; padding: 6px 0 4px 8px; } .post_content ol { padding-left: 24px; } .post_content ol li { margin: 0; padding: 6px 0 4px; } .post_content ul.list1 li { background: url(img/checkbox1.gif) no-repeat left; padding-left: 24px; } .post_content ul.list1_green li { background: url(img/checkbox2.gif) no-repeat left; padding-left: 24px; } .post_content ul.list1_pink li { background: url(img/checkbox3.gif) no-repeat left; padding-left: 24px; } .post_content ul.list2 li { background: url(img/arrow7.gif) no-repeat left; padding-left: 24px; } .post_content ul.list2_green li { background: url(img/arrow7_green.gif) no-repeat left; padding-left: 24px; } .post_content ul.list2_pink li { background: url(img/arrow7_pink.gif) no-repeat left; padding-left: 24px; } .post_content ul.double li { float: left; width: 270px; } .post_content ul.triple li { float: left; width: 172px; } .post_content ul.list3 li { background: url(img/arrow3.gif) no-repeat left; padding: 0 0 0 8px; } .post_content table { margin: 0 0 1em 0; width: 100%; font-size: 14px; } .post_content table p { font-size: 14px; } .post_content table li { font-size: 14px; } .post_content td, .post_content th { line-height: 190%; } .post_content blockquote { margin: 0 0 30px 0; padding: 35px 40px 0 40px; border: 1px solid #ddd; background: #fafafa url(img/quote1.gif) no-repeat 10px 10px; -moz-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; } .post_content .quote_bottom { height: 30px; background: #fafafa url(img/quote2.gif) no-repeat right; margin-right: -30px; } .post_content cite { text-style: italic; border-bottom: 1px dotted #333; } .post_content .de_link { background: url(img/icon_arrow.png) no-repeat 1px; padding: 1px 0 1px 25px; font-weight: bold; display: block; } .post_content .de_link2 { background: url(img/icon_arrow2.png) no-repeat 1px; padding: 1px 0 1px 25px; font-weight: bold; display: block; } .post_content .de_link3 { background: url(img/icon_arrow3.png) no-repeat 1px; padding: 1px 0 1px 25px; font-weight: bold; display: block; } .post_content .de_link4 { width: 585px; background: url(img/site/de_link_04_o_bg.png) no-repeat 0 0; height: 40px; padding: 44px 0 0; margin: 30px auto 40px; font-size: 18px; text-align: center; display: block; font-weight: bold; } .post_content .de_link4:hover { background-position: left bottom; } .post_content .de_link4.de_link4_o { background-image: url(img/site/de_link_04_o_bg.png); } .post_content .de_link4.de_link4_r { background-image: url(img/site/de_link_04_r_bg.png); } .post_content .de_link4.de_link4_b { background-image: url(img/site/de_link_04_b_bg.png); } .post_content .de_data { border: 1px solid #c9dcde; background: #f2f7f8; padding: 18px; font-size: 14px; line-height: 190%; margin: 0 0 30px 0; -moz-border-radius: 10px 10px 10px 10px; -khtml-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; } .post_content .de_data p, .post_content .de_data li { font-size: 14px; } .post_content .matome { background: url(img/single/matome_bottom.gif) no-repeat left bottom; margin: 0 0 35px 3px; padding: 0 0 20px 0; width: 588px; } .post_content .matome_contents { background: url(img/single/matome_top.gif) no-repeat left top; padding: 63px 0 18px 120px; } .post_content .matome p { font-size: 20px; font-family: "メイリオ", Meiryo; line-height: 160%; font-weight: bold; } .post_content .yellow_line { background: #fffc00; } .post_content h2 { background-image: url(img/site/bg_h2.png); background-position: 4px 1em; background-color: #f7fcff; background-repeat: no-repeat; text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 0px; width: 598px; height: auto; font-size: 120%; font-weight: bold; padding: 12px 16px 12px 22px; line-height: 1.6; border-top: 3px solid #008ca5; border-bottom: 1px solid #dbe9f2; margin: 48px 0 20px -21px; } .post_content h3 { background: url(img/site/bg_h3.png) no-repeat left top; height: auto; width: 586px; line-height: 1.3; font-size: 112%; font-weight: bold; margin: 30px 0 10px 0; padding: 20px 4px 13px 4px; border-bottom: 1px solid #ddd; } .post_content h4 { background: url(img/site/bg_h4.png) no-repeat left 0.15em; height: auto; width: 571px; line-height: 1.3; font-size: 112%; font-weight: bold; padding: 0 0 10px 22px; border-bottom: 3px solid #f3f3f3; margin: 0 0 10px 0; } .post_content h5 { border-bottom: 1px dotted #008ca5; height: auto; width: 594px; line-height: 1.3; font-size: 112%; font-weight: bold; padding: 8px 0 10px 0px; margin: 0 0 10px 0; } .post_content h6 { background: none; border-left: 4px solid #1ea0c1; height: auto; width: 584px; line-height: 1.3; font-size: 112%; font-weight: bold; padding: 1px 0 0px 18px; margin: 0 0 10px 0; } .post_content .headline_circle { background: url(img/single/headline_circle_blue.gif) no-repeat left; height: 69px; width: 517px; line-height: 69px; font-size: 112%; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 0 78px; color: #333; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-shadow: none; border: none; } .post_content .headline_circle_green { background: url(img/single/headline_circle_green.gif) no-repeat left; height: 69px; width: 517px; line-height: 69px; font-size: 112%; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 0 78px; color: #333; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-shadow: none; border: none; } .post_content .headline_circle_red { background: url(img/single/headline_circle_red.gif) no-repeat left; height: 69px; width: 517px; line-height: 69px; font-size: 112%; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 0 78px; color: #333; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-shadow: none; border: none; } .post_content .headline_note { background: url(img/single/headline_note.gif) no-repeat left; height: 58px; width: 517px; line-height: 53px; font-size: 16px; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 0 78px; } .post_content #point_wrapper h3 { background: none; margin: 0 0 10px 0; padding: 0; line-height: 100%; width: auto; height: auto; border: none; } .post_content #point_wrapper { background: url(img/single/point_wrapper.gif) no-repeat left bottom; margin: 0 0 50px 3px; padding: 0 0 20px 0; width: 588px; } .post_content #point_wrapper li { background: none; padding-top: 0; padding-bottom: 0; margin: 0; font-size: 112%; } .post_content #point_wrapper li a { text-decoration: none; display: block; width: 498px; padding: 0 0 0 53px; height: 58px; line-height: 60px; font-weight: bold; font-family: "メイリオ", Meiryo; } .post_content #point_wrapper li a span { letter-spacing: -1px; font-size: 14px; margin: 0 30px 0 0; color: #333; } .post_content #point_wrapper li.point_list1 a { background: url(img/single/point1.gif) no-repeat left top; } .post_content #point_wrapper li.point_list2 a { background: url(img/single/point2.gif) no-repeat left top; } .post_content #point_wrapper li.point_list3 a { background: url(img/single/point3.gif) no-repeat left top; } .post_content #point_wrapper li.point_list4 a { background: url(img/single/point4.gif) no-repeat left top; } .post_content #point_wrapper li.point_list5 a { background: url(img/single/point5.gif) no-repeat left top; } .post_content #point_wrapper li a:hover { background-position: left bottom; } .post_content #point_wrapper li a:hover span { color: #fff; } .post_content h3.point_headline { background: url(img/page/points.png) no-repeat 0 0; margin: 0 0 30px -21px; width: 545px; height: 51px; padding: 9px 0 0 85px; font-size: 22px; border: none; color: #fff; text-shadow: #0070b8 -1px -1px 0; font-weight: bold; } .post_content h3.point_headline span { display: block; font-size: 15px; margin-bottom: 2px; line-height: 1; } .post_content h3.point_headline#point1 { background-position: 0 0px; } .post_content h3.point_headline#point2 { background-position: 0 -60px; } .post_content h3.point_headline#point3 { background-position: 0 -120px; } .post_content h3.point_headline#point4 { background-position: 0 -180px; } .post_content h3.point_headline#point5 { background-position: 0 -240px; } .post_content .af_link1 { position: relative; width: 585px; height: 156px; background: url(img/single/af_link_background.gif) no-repeat left top; margin: 0 0 40px 4px; } .post_content .af_link1 .image1 { position: absolute; top: 48px; left: 55px; } .post_content .af_link1 .image { margin: 0 14px 0 0; } .post_content .af_link1 .headline { margin: 10px 0 0 0; } .post_content .af_link1 .image2 { position: absolute; top: 23px; left: 0px; } .post_content .af_link1 .link { position: absolute; top: 62px; left: 190px; } .post_content .af_link1 p { position: absolute; bottom: 40px; left: 190px; font-size: 15px; } .post_content .list_simplerect_b li { background: url(img/icon/ico_simplerect_b.png) no-repeat left 0.8em; padding-left: 18px; } .post_content .list_simplerect_r li { background: url(img/icon/ico_simplerect_r.png) no-repeat left 0.8em; padding-left: 18px; } .post_content .list_simplerect_g li { background: url(img/icon/ico_simplerect_g.png) no-repeat left 0.8em; padding-left: 18px; } .post_content .list_benrista li { background: url(img/icon/ico_li_benrista.png) no-repeat left 0.7em; padding-left: 18px; } .post_content .list_card_01 li { background: url(img/icon/ico_li_card_01.png) no-repeat left 0.45em; padding-left: 26px; } /* ---------------------------------------------------------------------- 404 NOT FOUND ---------------------------------------------------------------------- */ #form_404 { padding: 15px 0 0 0; } #search_input_404 input { float: left; padding: 3px; margin: 0 10px 0 0; } #search_button_404 input { padding: 1px 10px; font-size: 14px; } /* ---------------------------------------------------------------------- クレジットカード全般の特集 ---------------------------------------------------------------------- */ /* 見出し */ .headline1 { background: url(img/headline_base7.gif) no-repeat left top; height: 36px; width: 620px; line-height: 40px; font-size: 14px; font-weight: bold; margin: 0; padding: 0 0 0 30px; margin: 0 0 23px 0; } .headline2 { background: url(img/headline_base6.gif) no-repeat left top; height: 41px; width: 630px; line-height: 45px; font-size: 14px; font-weight: bold; margin: 0; padding: 0 0 0 20px; margin: 0 0 20px 0; } /* ---------------------------------------------------------------------- 最新ニュース ---------------------------------------------------------------------- */ #headline_trend { background: url(img/trend/headline_base.gif) no-repeat left top; height: 53px; width: 580px; line-height: 56px; font-size: 16px; font-weight: bold; margin: 0; padding: 0 0 0 70px; margin: -1px 0 20px 0; font-family: "メイリオ", Meiryo; } #trend_category_title { position: relative; background: url(img/trend/main_sub.gif) no-repeat left top; width: 650px; height: 218px; margin: 0 0 13px 0; } #trend_category_title h1 { position: absolute; left: 25px; line-height: 228px; font-size: 36px; letter-spacing: -2px; font-family: "メイリオ"; color: #fff; text-shadow: 0px 0px 1px black, 1px 1px 4px rgba(0, 77, 85, 0.9); } /* ---------------------------------------------------------------------- Q&A ---------------------------------------------------------------------- */ /* トップページ */ .faq_block h3 { background: url(img/headline_base7.gif) no-repeat left top; height: 36px; width: 620px; line-height: 40px; font-size: 14px; font-weight: bold; margin: 0; padding: 0 0 0 30px; margin: 0 0 23px 0; } .faq_block h3 a { text-decoration: none; display: block; } .faq_block ul { margin: 0 0 50px 0; } .faq_block li { font-size: 14px; } .faq_block li { background: url(img/dot1.gif) repeat-x left bottom; line-height: 120%; padding: 0 0 10px 3px; margin: 0 0 10px 0; font-size: 14px; float: left; width: 49%; } .faq_block li a { display: block; background: url(img/arrow2.gif) no-repeat left; padding: 0 0 0 15px; } #headline_faq { background: url(img/faq/headline_base.gif) no-repeat left top; height: 53px; width: 580px; line-height: 56px; font-size: 16px; font-weight: bold; margin: 0; padding: 0 0 0 70px; margin: -1px 0 20px 0; font-family: "メイリオ", Meiryo; } #faq_category_title { position: relative; background: url(img/faq/main_sub.gif) no-repeat left top; width: 650px; height: 218px; margin: 0 0 13px 0; } #faq_category_title h1 { position: absolute; left: 25px; line-height: 228px; font-size: 36px; letter-spacing: -2px; font-family: "メイリオ"; color: #fff; text-shadow: 0px 0px 1px black, 1px 1px 4px rgba(0, 77, 85, 0.9); } /* タグページ */ #faq_tag_title { position: relative; background: url(img/faq/main_sub.gif) no-repeat left top; width: 650px; height: 218px; margin: 0 0 13px 0; } #faq_tag_title h1 { position: absolute; left: 25px; line-height: 228px; font-size: 36px; letter-spacing: -2px; font-family: "メイリオ"; color: #fff; text-shadow: 0px 0px 1px black, 1px 1px 4px rgba(0, 77, 85, 0.9); } #faq_tag_page #bookmark { margin: 0 0 12px 0; } /* ---------------------------------------------------------------------- 比較結果 ---------------------------------------------------------------------- */ #hikaku_top h1 { width: 650px; float: left; } #result_headline { margin: 0 0 20px 0; } #result_menu { margin: 0 -5px 40px 0; overflow: hidden; position: relative; } #result_menu li { float: left; display: inline; margin: 0 2px 2px 0; } #hikaku_result { padding: 0 0 40px 0; } #hikaku_result table { margin: 0 0 15px 0; table-layout: fixed; } .result_back { display: inline-block; float: right; margin: 0 0 30px 0; height: 17px; line-height: 17px; background: url(img/arrow7.gif) no-repeat left; padding: 0 0 0 22px; } .hikaku-result-table th { width: 100px; background: url(img/hikaku/table_bg3.gif) no-repeat left top; } .hikaku-result-table thead th { background: url(img/hikaku/table_bg1.gif) no-repeat left top; } .hikaku-result-table thead td { background: url(img/hikaku/table_bg2.gif) no-repeat left top; } #hikaku_result td { text-align: center; } #hikaku_result td p { line-height: 160%; } #hikaku_result td.text_left { text-align: left; } #hikaku_result td .brand { display: block; margin: 0 auto; width: 123px; } #hikaku_result td .brand li { float: left; display: inline; margin: 0 3px 3px 0; } #hikaku_result td.link a { margin: 0 0 5px 0; display: block; } #hikaku_result .headline2 { clear: both; background: url(img/hikaku/headline_base.gif) no-repeat left top; height: 33px; width: 952px; font-size: 16px; font-weight: bold; padding: 8px 0 0 20px; margin: 0; line-height: 0; } .hikaku-result-table { width: 972px; } .hikaku-result-table.floatyHead { table-layout: fixed; } .hikaku-result-table.floatyHead tr td, .hikaku-result-table.floatyHead tr th { text-align: center; } .hikaku-result-table.floatyHead tr th { text-align: left; } .hikaku-result-table .move { display: inline-block; } .hikaku-result-table .next { float: right; margin: 17px -5px 0 0; background: url(img/hikaku/arrow_right.gif) no-repeat left top; width: 16px; height: 36px; text-indent: -9999px; position: relative; } .hikaku-result-table .prev { float: left; margin: 17px 1px 0 -5px; background: url(img/hikaku/arrow_left.gif) no-repeat left top; width: 16px; height: 36px; text-indent: -9999px; position: relative; } .hikaku-result-table .next:hover, .hikaku-result-table .prev:hover { background-position: left bottom; } .hikaku-result-table .image { text-align: center; display: block; width: 120px; margin: 0 auto; } .hikaku-result-table .image img { display: block; margin: 0 auto; } .hikaku-result-table .title { clear: both; display: block; margin: 7px auto; text-align: center; } .hikaku-result-table ul { text-align: center; margin: 0 auto 4px; } .hikaku-result-table li { display: inline; } .hikaku-result-table a.disabled { color: #ccc; } .hikaku-result-table tbody tr:hover { background: #f1fafb; } .hikaku-result-table thead .normal th, .hikaku-result-table thead .normal td { border-bottom: none; } .hikaku-result-table thead .dropshadow td, .hikaku-result-table thead .dropshadow th { height: 0px; padding: 0; line-height: 0; border: none; background: none; } .hikaku-result-table.floatyHead thead .dropshadow td, .hikaku-result-table.floatyHead thead .dropshadow th { background: url(img/hikaku/dropshadow.png) repeat-x left top; height: 30px; } /* ---------------------------------------------------------------------- 比較専用ページ ---------------------------------------------------------------------- */ #hikaku { margin: 0 0 75px 0; } #hikaku_top { margin: 0 0 10px 0; } #hikaku_top h2 { float: left; } #hikaku_top #bookmark { float: right; margin: 12px 21px 0 0; } #hikaku_top #right_top_ad { float: right; } #hikaku_headline { background: url(img/hikaku/headline_hikaku.gif) repeat-x left top; margin: 0 0 10px 0; width: 887px; height: 51px; line-height: 53px; font-size: 16px; padding: 0 0 0 85px; } #hikaku_desc { font-size: 16px; margin: 0 0 15px 0; } .hikaku_product_list { margin: 0 0 15px 0; } .hikaku_product_list tr.checked_tr { background: #f1fafb; } .hikaku_product_list tr:hover { background: #cdf1f5; } .hikaku_product_list td { text-align: center; } /* 見出し */ .hikaku_product_list th { background: url(img/hikaku/table_bg1.gif) no-repeat left top; text-align: center; } .hikaku_product_list th.line1 { width: 40px; } .hikaku_product_list th.line2 { width: 122px; } .hikaku_product_list th.line4 { width: 170px; } .hikaku_product_list th.line5 { width: 105px; } .hikaku_product_list th.line6 { width: 88px; } .hikaku_product_list th.line7 { width: 88px; } .hikaku_product_list th.line8 { width: 88px; } .hikaku_product_list th.line4 { padding: 0; } .hikaku_product_list th.line4 p { padding: 7px 0 4px; } .hikaku_product_list th .line4-box1, .hikaku_product_list th .line4-box2 { float: left; width: 50%; padding: 7px 0; background: url(img/hikaku/table_bg4-2.gif) no-repeat left top; } .hikaku_product_list th .line4-box2 { background: url(img/hikaku/table_bg4.gif) no-repeat left top; } .hikaku_product_list th p { font-weight: bold; } .hikaku_product_list th .line4-box1 p, .hikaku_product_list th .line4-box2 p { padding: 0; font-weight: normal; } .hikaku_product_list thead th { border-bottom: none; } .hikaku_product_list thead .dropshadow th { height: 0px; padding: 0; line-height: 0; border: none; background: none; } .hikaku_product_list.floatyHead thead .dropshadow th { background: url(img/hikaku/dropshadow.png) repeat-x left top; height: 30px; } .hikaku_product_list.floatyHead tr:hover { background: none; } /* ソートボタン */ .hikaku_product_list th .sort_button li { display: inline; } .hikaku_product_list th a span { width: 15px; height: 15px; display: inline-block; text-indent: -9999px; } .hikaku_product_list th a span.low { background: url(img/arrow_hikaku1.gif) no-repeat left top; } .hikaku_product_list th a span.high { background: url(img/arrow_hikaku2.gif) no-repeat left top; } .hikaku_product_list th a:hover span, .hikaku_product_list th a.active span { background-position: left bottom; } /* データ部分 */ .hikaku_product_list td.card_image .image { margin: 0 0 3px 0; display: block; } .hikaku_product_list td.card_image .name { margin: 0 0 2px 0; display: block; line-height: 160%; } .hikaku_product_list .brand { margin: 5px -5px -3px 0; position: relative; } .hikaku_product_list .brand li { float: left; display: inline; margin: 0 3px 3px 0; } .hikaku_product_list .nenkaihi { background: url(img/hikaku/table_bg_line.gif) no-repeat 85px top; padding: 0; } .hikaku_product_list .nenkaihi li { float: left; width: 40%; line-height: 200%; padding: 0 5%; } .hikaku_product_list td.link .button1 { display: block; margin: 0 0 10px 0; } /* 固定表示 */ .hikaku_product_list.floatyHead { width: 972px; } #confirm_check { text-align: center; } /* ---------------------------------------------------------------------- 比較リストフッター ---------------------------------------------------------------------- */ #hikaku_list_wrap { position: fixed; bottom: 0px; left: 0px; background: url(img/hikaku/footer_bg1.png) repeat-x left top; width: 100%; min-width: 972px; height: 119px; } #hikaku_list { width: 972px; margin: 15px auto 0; background: url(img/hikaku/footer_bg2.gif) no-repeat right top; height: 96px; min-width: 972px; } #hikaku_list li { float: left; display: inline; width: 150px; padding: 0 5px; text-align: center; position: relative; } #hikaku_list li#button_area { width: 165px; text-align: left; padding: 0; position: relative; } #hikaku_list li#button_area a.hikaku_button { display: block; margin: 7px 0 7px 0; } #hikaku_list li#button_area a.all_delete { display: block; margin: 0 0 0 35px; } #hikaku_list li .image img { height: auto; width: 70px; margin: 10px 0 5px 0; } #hikaku_list li .title { font-size: 11px; line-height: 130%; display: block; } #hikaku_list li.compare-list-box { position: relative; } #hikaku_list li .compare_delete { display: block; text-indent: -9999px; width: 18px; height: 18px; background: url(img/hikaku/footer_delete.png) no-repeat left top; position: absolute; top: 24px; right: 22px; } #hikaku_list li .compare_delete:hover { background-position: left bottom; } #hikaku_list_wrap.hide { display: none; } #hikaku_list .loader { display: none; position: absolute; top: 11px; left: 170px; } /* ---------------------------------------------------------------------- 基本設定 ---------------------------------------------------------------------- */ #page_contents { margin: -2px 0 30px 0; width: 650px; } #page_contents li { margin: 0 0 1em 0; } .page_headline { margin: 0 0 20px 0; } #page_desc { font-size: 14px; } .page_desc { font-size: 14px; margin: 0 0 25px 0; } #page_desc a, .page_desc a { text-decoration: none; } #page_desc a:hover, .page_desc a:hover { text-decoration: underline; } /* ---------------------------------------------------------------------- お薦めカードカテゴリー　トップページ ---------------------------------------------------------------------- */ /* 上部 */ #card_archive #main_image { margin: 0 0 11px 0; } #card_archive #bookmark { margin: 0 0 10px 0; } /* 中見出し */ #card_archive .headline2 { margin: 10px 0 10px 0; } /* メニュー部分 */ .category_menu_list { position: relative; margin: 10px -2px 15px 0; } .category_menu_list li { float: left; display: inline; margin: 0 1px 1px 0; } #category_menu_list_last { position: relative; margin: 10px -2px 30px 0; } /* ---------------------------------------------------------------------- お薦めカードカテゴリー ---------------------------------------------------------------------- */ /* 見出し */ .category_headline1 { margin: 0 0 10px 0; } .category_headline2 { margin: 15px 0 10px 0; } .category_headline3 { margin: -2px 0 15px 0; } .card_info_list { width: 650px; background: url(img/category/post_bottom.gif) no-repeat left bottom; padding: 0 0 5px 0; margin: 0 0 30px 0; } .card_info_list_content { background: url(img/category/post_side.gif) repeat-y left top; } /* タイトル */ .card_info_list h2 { background: url(img/category/post_top.gif) no-repeat left top; height: 58px; line-height: 65px; font-size: 18px; padding: 0 0 0 20px; font-family: "メイリオ", Meiryo; position: relative; } .card_info_list h2 a { text-decoration: none; margin: 0 0 0 5px; } .card_info_list h2 a img { vertical-align: middle; } .card_info_list h2 a.compare_add { position: absolute; right: 20px; top: -1px; } /* カードの画像 */ .card_info_list .card_image { float: left; display: inline; margin: 20px 0 20px 20px; width: 160px; } .card_info_list .card_image .brand { margin: 8px 0 0 5px; } .card_info_list .card_image .brand li { float: left; display: inline; margin: 0 3px 3px 0; } /* ポイント */ .card_info_list .point { float: right; display: inline; margin: 8px 20px 20px 0; width: 438px; background: url(img/category/point_bottom.gif) no-repeat left bottom; font-size: 14px; } .card_info_list .point .desc { background: url(img/category/point_top.gif) no-repeat left top; padding: 35px 20px 18px 80px; min-height: 127px; } .card_info_list .point p { line-height: 180%; margin: 0; } /* ボタン */ .card_info_list .button { clear: both; text-align: center; margin: 0 0 20px 0; } .card_info_list .button li { display: inline; margin: 0 25px; } /* 入会特典 */ .card_info_list .campaign_wrapper { background: url(img/category/present_bottom.gif) no-repeat left bottom; margin: 0 auto 20px; width: 608px; } .card_info_list .campaign_content { background: url(img/category/present_top.gif) no-repeat left top; padding: 10px 0 0 0; position: relative; min-height: 78px; } .card_info_list .campaign_content .image1 { position: absolute; top: -10px; left: 0px; } .card_info_list .campaign_content .desc { margin: 7px 20px 15px 150px; width: 425px; font-size: 14px; padding: 0 0 14px 0; } .card_info_list .campaign_content .desc p { line-height: 200%; margin: 0; } .card_info_list .campaign_content .image2 { position: absolute; right: 0px; bottom: 0px; } /* アイコン */ .card_info_list .icon { margin: 0 0 17px 20px; } .card_info_list .icon li { float: left; display: inline; margin: 0 3px 3px 0; } /* 会社情報 */ .card_info_list .data { margin: 0 20px 20px; width: 605px; font-size: 14px; table-layout: fixed; } .card_info_list .data th { background-image: none; background: #d7eefe; text-align: center; width: 100px; line-height: 180%; } .card_info_list .data td { line-height: 180%; } .card_info_list .data td.gray { background: #f9f9f9; text-align: center; } .card_info_list .data td.non_gray { text-align: center; } /* ---------------------------------------------------------------------- お薦めカード条件検索 ---------------------------------------------------------------------- */ /* 検索結果見出し */ #search_result h1 { background: url(img/headline_search.gif) no-repeat left top; height: 52px; width: 575px; line-height: 52px; font-size: 16px; font-weight: bold; margin: 0; padding: 3px 0 0 75px; margin: -4px 0 20px 0; } /* 検索結果用タイトル */ #search_result .card_info_list h1 { background: url(img/category/post_top.gif) no-repeat left top; height: 58px; line-height: 65px; font-size: 18px; padding: 0 0 0 20px; font-family: "メイリオ", Meiryo; width: auto; margin: 0; } #search_result .card_info_list h1 a { text-decoration: none; margin: 0 0 0 5px; } #search_result .card_info_list h1 a img { vertical-align: middle; } /* 検索エリア */ #card_search_form th { width: 90px; text-align: right; } #card_search_form td ul { padding: 5px 0 0 0; } #card_search_form td li { float: left; display: inline; width: 33%; margin: 0 0 0px 0; height: 25px; } #card_search_form td li input { position: relative; top: 2px; } #card_search_form td li label { display: block; cursor: pointer; } input#free_keyword { width: 180px; padding: 5px; } #card_search_button { text-align: center; padding: 20px 0; } /* ページナビ */ #page_navi ul { margin: 0 0 25px 0; } #page_navi li { line-height: 0%; display: inline; padding: 0; margin: 0; font-size: 12px; } #page_navi a, #page_navi a:visited, #page_navi a:hover, #page_navi span.current, #page_navi span.pages, #page_navi span.extend, #page_navi span.current, #page_navi span.dots { color: #333; padding: 1px 0 0 0; height: 29px; line-height: 30px; width: 30px; text-decoration: none; margin: 0 3px 0 0; display: block; float: left; text-align: center; background: url(img/pager1.gif) no-repeat left top; } #page_navi a:hover { color: #333; background: url(img/pager1.gif) no-repeat left bottom; text-decoration: none; } #page_navi span.current { background: url(img/pager2.gif) no-repeat left top; color: #fff; } /* ---------------------------------------------------------------------- 詳細ページ　（カード以外のカテゴリーも共通している部分） ---------------------------------------------------------------------- */ /* レイアウト */ .post_content { background: url(img/post_side.gif) repeat-y left top; padding: 20px 28px; } .post_footer { background: url(img/post_top.gif) no-repeat left top; padding: 20px 0 0 0; } /* タイトル */ .title_area { background: url(img/title_line.gif) repeat-x left top; padding: 16px 0 0 0; } .title_area h1, .title_area h2 { line-height: 140%; padding: 0 0 10px 0; margin: 0 0 10px 0; background: url(img/dot1.gif) repeat-x left bottom; display: block; font-size: 18px; font-family: "メイリオ", Meiryo; font-weight: normal; } .title_area a { margin: 0 0 0 15px; } .title_area img { vertical-align: middle; } /* タグ */ .title_area .tag { text-align: right; padding: 7px 0; line-height: 150%; } .title_area .tag li { display: inline; } .title_area .tag li.first { background: url(img/icon_tag.png) no-repeat left; padding: 3px 0 3px 20px; } /* ---------------------------------------------------------------------- お薦めカードの詳細ページ　【先頭のカード情報部分】 ---------------------------------------------------------------------- */ #card_info_top { width: 971px; background: url(img/single/post_bottom.gif) no-repeat left bottom; padding: 0 0 5px 0; margin: 0 0 10px 0; } #card_info_top_content { background: url(img/single/post_side.gif) repeat-y left top; } #card_info_top_content h1 img { vertical-align: middle; margin: 0 0 0 10px; } /* タイトル */ #card_info_top h1 { background: url(img/single/post_top.gif) no-repeat left top; height: 59px; line-height: 66px; font-size: 18px; padding: 0 0 0 20px; font-family: "メイリオ", Meiryo; } /* 左サイド */ #card_info_top #left_side { width: 359px; margin: 15px 0 12px 20px; float: left; display: inline; } /* カード */ #card_info_top .card_image { float: left; display: inline; width: 160px; height: 100px; margin: 0 19px 6px 0; } /* ブランド */ #card_info_top .brand { float: right; width: 180px; background: url(img/single/brand.gif) no-repeat top; padding: 34px 0 0 0; } #card_info_top .brand li { float: left; display: inline; margin: 0 3px 2px 0; } /* 比較リストに追加ボタン */ #card_info_top #add_hikaku_button a { clear: both; float: left; display: block; width: 163px; height: 67px; background: url(img/single/add_list.gif) no-repeat left top; text-indent: -9999px; } #card_info_top #add_hikaku_button a:hover { background-position: left bottom; } /* ETCカード　家族カード */ #card_info_top #etc_family_area { float: right; } #card_info_top #etc_family_area img { float: left; display: inline; margin: 0 3px 0 2px; } /* 入会特典 */ #card_info_top #campaign { margin: 0 auto 12px; clear: both; position: relative; background: url(img/single/present_bottom.gif) no-repeat left bottom; width: 931px; } #card_info_top #campaign .desc { font-size: 13px; background: url(img/single/present_top.gif) no-repeat left top; padding: 20px 30px 16px 150px; } #card_info_top #campaign .desc p { line-height: 200%; margin: 0; } #card_info_top #campaign img.ribbon { position: absolute; right: 0px; bottom: 0px; } /* ポイント */ #card_info_top #point { margin: 0 auto 12px; clear: both; position: relative; background: url(img/single/point_bottom.gif) no-repeat left bottom; width: 931px; } #card_info_top #point .desc { font-size: 13px; background: url(img/single/point_top.gif) no-repeat left top; padding: 15px 30px 13px 165px; } #card_info_top #point .desc p { line-height: 200%; margin: 0; } /* 右サイド */ #right_side { width: 560px; margin: 15px 18px 0 0; float: right; } /* アイコン */ #card_info_top .icon { margin: 0 -4px 10px 0; } #card_info_top .icon li { float: left; display: inline; margin: 0 3px 2px 0; } /* 会社情報 */ #card_info_top .data { margin: 0 auto 12px; width: 931px; font-size: 13px; table-layout: fixed; } #card_info_top .data th { background-image: none; background: #d7eefe; text-align: center; width: 160px; line-height: 180%; } #card_info_top .data td { line-height: 180%; } #card_info_top .data td.gray { background: #f9f9f9; text-align: center; } #card_info_top .data td.non_gray { text-align: center; } /* ボタン */ #card_info_top #button img { clear: both; display: block; margin: 0 auto 15px; } /* ブックマーク部分 ----------------------------------------------------- */ #post_meta { background: url(img/post_top.gif) no-repeat left bottom; padding: 0 0 15px 0; } #post_meta2 { background: url(img/post_top.gif) no-repeat left bottom; padding: 0 0 15px 0; } /* 印刷ボタン */ #post_meta2 #print_button_small { float: right; margin: 0 0 0 10px; } /* ブックマーク */ #card_bookmark { height: 35px; } .post_header .bookmark_list { float: right; } .post_footer .bookmark_list { clear: both; padding: 5px 0 15px; } .bookmark_list li { float: right; display: inline; margin: 0 0 0 10px; } #bookmark1 .twitter_button { width: 92px; } #bookmark1 .google_plus_button { width: 60px; } /* 文字サイズの変更 */ #font_change { background: url(img/font_background.gif) no-repeat 3px 1px; float: right; display: inline; margin: -4px 0 0 12px; padding: 22px 0 0 0; } #font_change, #post_meta2 #font_change { width: 91px; padding: 0 0 0 90px; background: url(img/font_background.gif) no-repeat left 8px; } #font_change li { display: inline; float: left; margin: 0 0 0 2px; } a#small_font { display: block; width: 28px; height: 29px; text-indent: -9999px; background: url(img/font_button.gif) no-repeat left -29px; } a#small_font:hover { background: url(img/font_button.gif) no-repeat left -29px; } a#medium_font { display: block; width: 28px; height: 29px; text-indent: -9999px; background: url(img/font_button.gif) no-repeat -28px top; } a#medium_font:hover { background: url(img/font_button.gif) no-repeat -28px bottom; } a#large_font { display: block; width: 28px; height: 29px; text-indent: -9999px; background: url(img/font_button.gif) no-repeat -56px top; } a#large_font:hover { background: url(img/font_button.gif) no-repeat -56px bottom; } .af_link2 { text-align: center; padding: 20px 0; } .af_link2 a { display: block; width: 593px; height: 59px; line-height: 63px; text-decoration: none; background: url(img/single/button2.gif) no-repeat left top; font-size: 18px; font-weight: bold; } .af_link2 p { background: url(img/arrow4.gif) no-repeat left; padding: 5px 0 5px 27px; display: inline-block; } /* 公式サイトへのボタン */ .af_link_button img { display: block; margin: -10px auto 0; } /* トラックバック */ #trackback_url_wrapper { background: url(img/trackback.gif) no-repeat 200px; height: 22px; margin: 0 0 15px 0; } #trackback_url_wrapper input { padding: 3px; border: 1px solid #ccc; float: right; width: 337px; } /* 更新日 */ #mod_time { margin: 1px 0 10px 15px; float: right; background: url(img/side_menu/clock.png) no-repeat left; padding: 0 0 0 22px; height: 18px; line-height: 20px; } #mod_time span { margin: 0 0 0 10px; } #post_meta2 #mod_time { float: left; margin: 5px 0 0 0; font-size: 85%; } /* カード情報下部 */ #card_info_bottom { margin: 0 0 30px 0; } #card_info_bottom table { margin: 0 0 30px 0; } #card_info_bottom th { width: 120px; text-align: right; line-height: 190%; } #card_info_bottom td { width: 160px; line-height: 190%; } #card_info_bottom tr.long td { width: auto; } #card_info_bottom .headline1 { background: url(img/headline_base7.gif) no-repeat left top; height: 36px; width: 620px; line-height: 40px; font-size: 14px; font-weight: bold; margin: 0; padding: 0 0 0 30px; margin: 0 0 23px 0; } #card_info_bottom .headline2 { background: url(img/headline_base2.gif) no-repeat left top; height: 33px; width: 630px; font-size: 14px; font-weight: bold; padding: 8px 0 0 20px; margin: 0; line-height: 0; } /* お得なカード紹介 */ #single_recommend { margin: 0 0 0 0; } #single_recommend ul { margin: 0 0 10px 0; } #single_recommend li { background: url(img/dot1.gif) repeat-x left bottom; position: relative; padding: 0 0 15px 0; margin: 0 0 15px 0; } #single_recommend li.row2 { background: none; } #single_recommend li .box { width: 203px; text-align: center; float: left; display: inline; margin: 0 20px 0 0; } #single_recommend li .num3, #single_recommend li .num6 { margin: 0; } #single_recommend li .image { display: block; margin: 0 0 6px 0; } #single_recommend li .title { line-height: 150%; margin: 0 0 0 0; font-weight: bold; background: url(img/index/pickup_arrow.gif) no-repeat 0px 2px; padding: 0 0 0 1.5em; font-size: 12px; display: inline-block; min-height: 40px; } #single_recommend li .catch { width: 183px; height: 51px; padding: 9px 10px 5px; text-align: center; background: url(img/index/pickup_bg.gif) no-repeat left bottom; margin: 8px 0 0 0; } #single_recommend li .catch p { line-height: 150%; font-size: 11px; } /* 関連しているカード ----------------------------------------------------- */ #single_related { margin: 0 0 40px 0; } #single_related li { background: url(img/dot1.gif) repeat-x left bottom; line-height: 120%; padding: 0 0 8px 3px; margin: 0 0 10px 0; font-size: 14px; } #single_related li .single_related_content { width: 300px; float: left; } #single_related ul li .box { width: 200px; float: right; } #single_related li .right_box { float: right; } #single_related li .right_box .box { margin: 0; } #single_related li h6 { font-size: 13px; margin: 0 0 5px 0; line-height: 120%; } #single_related li h6 a { display: block; background: url(img/arrow2.gif) no-repeat left 3px; padding: 1px 0 1px 15px; } #single_related li .desc p { line-height: 150%; margin: 0; font-size: 12px; } #single_related li .image img { width: 85px; height: auto; } /* カードタグページ */ #card_list2 { margin: 0 0 20px 0; } #card_list2 li { background: url(img/dot1.gif) repeat-x left bottom; float: left; width: 50%; padding: 0 0 14px 0; margin: 0 0 15px 0; } #card_list2 .box { width: 220px; float: right; margin: 0 15px 0 0; } #card_list2 h5 { font-size: 100%; margin: 0 0 5px 0; padding: 0; line-height: 160%; } #card_list2 h5 a { background: url(img/arrow7.gif) no-repeat left 2px; padding: 2px 0 4px 21px; } #card_list2 .desc { font-size: 85%; line-height: 1.6; } #card_list2 .image img { width: 80px; } /* ---------------------------------------------------------------------- お薦めカードのタグページ ---------------------------------------------------------------------- */ #card_tag_title { position: relative; background: url(img/category/main/base.gif) no-repeat left top; width: 650px; height: 218px; margin: 0 0 13px 0; } #card_tag_title h2 { position: absolute; left: 25px; line-height: 228px; font-size: 36px; letter-spacing: -2px; font-family: "メイリオ"; color: #fff; text-shadow: 0px 0px 1px black, 1px 1px 4px rgba(0, 77, 85, 0.9); } .headline_card_tag { background: url(img/category/headline_base.gif) no-repeat left top; height: 53px; width: 570px; line-height: 56px; font-size: 16px; font-weight: bold; margin: 0; padding: 0 0 0 80px; margin: 10px 0 20px 0; font-family: "メイリオ", Meiryo; } #tag_desc_area { background: url(img/dot1.gif) repeat-x left bottom; padding: 0 0 18px 0; margin: -10px 0 16px 0; } #card_tag_page .headline1 { margin: 0 0 10px 0; } /* タグページ共通 */ .headline_tax_desc { background: url(img/headline_tax_desc.gif) no-repeat left top; height: 53px; width: 580px; line-height: 56px; font-size: 16px; font-weight: bold; margin: 0; padding: 0 0 0 70px; margin: -10px 0 10px 0; font-family: "メイリオ", Meiryo; } .tax_desc { margin: 0 0 40px 0; line-height: 1.9; } .tax_desc li { margin: 0; line-height: 190%; background: url(img/bullet2.gif) no-repeat left; padding: 0 0 0 12px; } /* ---------------------------------------------------------------------- 基礎知識　トップページ ---------------------------------------------------------------------- */ /* メイン画像部分 */ #knowledge_category_top #main_image { margin: 0 0 12px 0; position: relative; width: 650px; height: 218px; } #knowledge_category_top #main_image img#image { position: absolute; left: 0px; top: 0px; } #knowledge_category_top #main_image a#button { position: absolute; right: 12px; bottom: 10px; } #knowledge_category_top #bookmark { margin: 0 0 7px 0; } #knowledge_top_menu { padding: 10px 0 20px 0; } #knowledge_top_menu li { margin: 0 0 0 0; } /* ---------------------------------------------------------------------- 基礎知識　サブページ ---------------------------------------------------------------------- */ /* 見出し画像 */ #knowledge_category #knowledge_category_title { position: relative; background: url(img/knowledge/image_sub.gif) no-repeat left top; width: 650px; height: 218px; margin: 0 0 13px 0; } #knowledge_category #knowledge_category_title h1 { position: absolute; left: 25px; line-height: 228px; font-size: 36px; letter-spacing: -2px; font-family: "メイリオ"; color: #fff; text-shadow: 0px 0px 1px black, 1px 1px 4px rgba(0, 77, 85, 0.9); } /* ブックマーク */ #knowledge_category #bookmark { margin: 0 0 7px 0; } /* 親カテゴリー専用ページ */ #knowledge_child_term_list, .child_term_list { padding: 2px 0 0 0; margin: 0 0 40px 0; } #knowledge_child_term_list ul, .child_term_list ul, .categoryList { margin: 0 -2px 40px 0; } #knowledge_child_term_list ul li, .child_term_list ul li, .categoryList li { float: left; display: inline; margin: 0 2px 2px 0; font-size: 85%; } #knowledge_child_term_list ul li a, .child_term_list ul li a, .categoryList li a { display: block; width: 200px; height: 48px; line-height: 50px; text-decoration: none; color: #333; background: url(img/button_base1.gif) no-repeat left top; padding: 0 0 0 15px; } #knowledge_child_term_list ul li a:hover, .child_term_list ul li a:hover, .categoryList li a:hover { background-position: left bottom; } #category_desc { font-size: 14px; } #category_desc_area { margin: 0 0 30px 0; font-size: 14px; } #category_desc_area a { text-decoration: none; } #category_desc_area a:hover { text-decoration: underline; } /* 見出し */ #headline_knowledge, .headline_pt { background: url(img/headline_knowledge.gif) no-repeat left top; height: 53px; width: 580px; line-height: 56px; font-size: 16px; font-weight: bold; margin: 0; padding: 0 0 0 70px; margin: -1px 0 20px 0; font-family: "メイリオ", Meiryo; } #headline_knowledge2 { background: url(img/headline_knowledge-cat.gif) no-repeat left top; height: 53px; width: 580px; line-height: 56px; font-size: 16px; font-weight: bold; margin: 0; padding: 0 0 0 70px; margin: -1px 0 10px 0; font-family: "メイリオ", Meiryo; } #headline_sub_category { background: url(img/headline_knowledge-cat.gif) no-repeat left top; height: 53px; width: 580px; line-height: 56px; font-size: 16px; font-weight: bold; margin: 0; padding: 0 0 0 70px; margin: 0 0 10px 0; font-family: "メイリオ", Meiryo; } #headline_category_list { background: url(img/headline_sub_category.gif) no-repeat left top; height: 53px; width: 580px; line-height: 56px; font-size: 16px; font-weight: bold; margin: 0; padding: 0 0 0 70px; margin: 0 0 10px 0; font-family: "メイリオ", Meiryo; } /* 記事リスト */ #knowledge_post_list { margin: 0 0 40px 0; } #knowledge_post_list li { float: left; width: 44%; height: 34px; background: url(img/dot1.gif) repeat-x left bottom; line-height: 130%; padding: 0 30px 10px 3px; margin: 0 0 10px 0; font-size: 14px; } #knowledge_post_list li a { display: block; background: url(img/arrow2.gif) no-repeat left 3px; padding: 0 0 0 15px; color: #333; } #knowledge_post_list li a:hover { color: #ef3982; } /* 見出し付 記事リスト*/ #knowledge_cat_post_list h4, h4.thumbnailPostsTtl { background: url(img/knowledge/headline_base2.gif) no-repeat left bottom; height: 41px; width: 627px; line-height: 40px; font-size: 16px; font-weight: bold; margin: 0; padding: 0 0 0 23px; margin: 0 0 10px 0; } /* #knowledge_cat_post_list h4 { font-size:14px; width:620px; height:36px; padding:0 0 0 30px; margin:0 0 15px 0; line-height:39px; background:url(img/knowledge/headline_base1.gif) no-repeat left top; } */ #knowledge_cat_post_list, #faq_cat_post_list, .cat_post_list { margin: 0 0 40px 0; } #knowledge_cat_post_list ul, #faq_cat_post_list ul, .cat_post_list ul { margin: 0 0 30px 0; } #knowledge_cat_post_list ul li, #faq_cat_post_list ul li, .cat_post_list ul li { float: left; width: 325px; min-height: 38px; _height: 38px; background: url(img/dot1.gif) repeat-x left bottom; line-height: 130%; padding: 0 0 8px 0; margin: 0 0 10px 0; font-size: 14px; } #knowledge_cat_post_list ul li a, #faq_cat_post_list ul li a, .cat_post_list ul li a { color: #333; } #knowledge_cat_post_list ul li a:hover, #faq_cat_post_list ul li a:hover, .cat_post_list ul li a:hover { color: #ef3982; } #knowledge_cat_post_list ul li a.image img, #faq_cat_post_list ul li a.image img, .cat_post_list ul li a.image img { float: left; display: block; } #knowledge_cat_post_list ul li a.title, #faq_cat_post_list ul li a.title, .cat_post_list ul li a.title { display: block; float: left; width: 245px; padding: 1px 0 0 10px; line-height: 160%; } #knowledge_cat_post_list .more_post_list, #faq_cat_post_list .more_post_list, .cat_post_list .more_post_list { float: right; position: relative; top: -34px; background: url(img/arrow7.gif) no-repeat left; padding: 3px 0 2px 24px; } .morePostList { margin-bottom: 20px; } .morePostList a { float: right; position: relative; background: url(img/arrow7.gif) no-repeat left; padding: 3px 0 2px 24px; display: block; } .thumbPosts { margin-bottom: 30px; } .thumbPosts .postsList { padding: 0; } .thumbPosts .postsList li { padding: 14px 8px; border-bottom: 1px dotted #ccc; } .thumbPosts .postsList li a { display: block; color: #333; text-decoration: none; } .thumbPosts .postsList li a:hover { text-decoration: underline; } .thumbPosts .postsList li:first-child { border-top: 1px dotted #ccc; } .thumbPosts .postsList li .post_title { float: left; width: 530px; } .thumbPosts .postsList li h3 { margin-bottom: 6px; } .thumbPosts .postsList li .title { font-size: 100%; } .thumbPosts .postsList li .date { color: #888; font-weight: normal; font-size: 80%; } .thumbPosts .postsList li .post_excerpt { color: #666; } .thumbPosts .postsList li .thumbnailWrap { float: left; width: 80px; height: 80px; border: 1px solid #eee; display: inline-block; text-align: center; vertical-align: middle; margin-right: 20px; background: #fff; } .thumbPosts .postsList li .thumbnailWrap img { position: relative; } .thumbPosts .postsList li.post_1 .post_title { float: left; width: 470px; } .thumbPosts .postsList li.post_1 .title { font-size: 120%; } .thumbPosts .postsList li.post_1 .thumbnailWrap { float: right; width: 150px; height: 150px; margin-right: 0; } .thumbnailPostList { margin-bottom: 15px; } .thumbnailPostList li { background: url(img/dot1.gif) repeat-x left bottom; padding: 14px 0px; width: 48%; float: left; } .thumbnailPostList li:nth-child(odd) { margin-right: 4%; } .thumbnailPostList li a { color: #333333; text-decoration: none; } .thumbnailPostList li a:hover { color: #ef3982; text-decoration: underline; } .thumbnailPostList li .image { width: 80px; height: 80px; text-align: center; display: block; float: left; margin-right: 20px; } .thumbnailPostList li .image img { position: relative; } .thumbnailPostList li .title { display: block; float: left; width: 210px; font-weight: bold; } .thumbnailPostList li .title .time { font-weight: normal; display: block; font-size: 90%; margin-top: 2px; } /* 親カテゴリーに移動する */ #back_to_parent { display: block; position: relative; margin: 0 0 40px 455px; } /* 詳細ページのタグ */ #knowledge_tag { clear: both; text-align: right; padding: 10px 0 10px; line-height: 150%; } #knowledge_tag li { display: inline; } #knowledge_tag li.first { background: url(img/icon_tag.png) no-repeat left; padding: 3px 0 3px 20px; } /* タグページ */ #knowledge_tag_title { position: relative; background: url(img/knowledge/image_sub.gif) no-repeat left top; width: 650px; height: 218px; margin: 0 0 13px 0; } #knowledge_tag_title h1 { position: absolute; left: 25px; line-height: 228px; font-size: 36px; letter-spacing: -2px; font-family: "メイリオ"; color: #fff; text-shadow: 0px 0px 1px black, 1px 1px 4px rgba(0, 77, 85, 0.9); } .headline_knowledge_tag { background: url(img/knowledge/headline_base3.gif) no-repeat left top; height: 53px; width: 575px; line-height: 56px; font-size: 16px; font-weight: bold; margin: 0; padding: 0 0 0 75px; margin: 10px 0 20px 0; font-family: "メイリオ", Meiryo; } /* ---------------------------------------------------------------------- 初めての方へ ---------------------------------------------------------------------- */ /* 初めての方へTOP ----------------------------------------------------- */ /* メイン画像部分 */ #begin_top #main_image { margin: 0 0 12px 0; position: relative; width: 650px; height: 218px; } #begin_top #main_image img#image { position: absolute; left: 0px; top: 0px; } #begin_top #main_image a#button { position: absolute; right: 12px; bottom: 10px; } #begin_top #bookmark { margin: 0 0 7px 0; } /* 3つのポイント */ #begin_point { position: relative; width: 651px; height: 314px; background: url(img/begin/3point.gif) no-repeat left top; margin: 30px 0 0 0; } #begin_point ul { position: absolute; top: 123px; left: 21px; } #begin_point ul li { float: left; display: inline; margin: 0 15px 0 0; } /* 記事一覧 */ #begin_post_list, #begin_cat_post_list { margin: 0 0 40px 0; } #begin_post_list h3, #begin_cat_post_list h3 { background: url(img/knowledge/headline_base2.gif) no-repeat left bottom; height: 41px; width: 627px; line-height: 40px; font-size: 16px; font-weight: bold; margin: 0; padding: 0 0 0 23px; margin: 0 0 10px 0; } #begin_post_list h3 a, #begin_cat_post_list h3 a { text-decoration: none; color: #333; } #begin_post_list h3 a:hover, #begin_cat_post_list h3 a:hover { color: #ef3982; text-decoration: underline; } #begin_post_list ul, #begin_cat_post_list ul { margin: 0 0 30px 0; } #begin_post_list ul li, #begin_cat_post_list ul li { float: left; width: 325px; height: 38px; background: url(img/dot1.gif) repeat-x left bottom; line-height: 130%; padding: 0 0 20px 0; margin: 0 0 10px 0; font-size: 14px; } #begin_post_list ul li a, #begin_cat_post_list ul li a { color: #333; } #begin_post_list ul li a:hover, #begin_cat_post_list ul li a:hover { color: #ef3982; } #begin_post_list ul li a.image img, #begin_cat_post_list ul li a.image img { float: left; display: block; border: 1px solid #ccc; padding: 1px; } #begin_post_list ul li a.title, #begin_cat_post_list ul li a.title { display: block; float: left; width: 245px; padding: 1px 0 0 10px; line-height: 160%; } /* カテゴリー一覧部分 （現在は使っていません）*/ .begin_block_wrap { margin: 20px -20px 20px 0; } .begin_block_wrap .begin_block { width: 314px; float: left; display: inline; margin: 0 20px 20px 0; } .begin_block_wrap .begin_block h3 { width: 284px; height: 36px; padding: 0 0 0 30px; margin: 0 0 15px 0; line-height: 39px; background: url(img/headline_base8.gif) no-repeat left top; } .begin_block_wrap .begin_block h3 a { text-decoration: none; color: #333; } .begin_block_wrap .begin_block h3 a:hover { color: #ef3982; text-decoration: underline; } .begin_block_wrap .begin_block li { background: url(img/dot1.gif) repeat-x left bottom; line-height: 120%; padding: 0 30px 10px 3px; margin: 0 0 10px 0; font-size: 14px; } .begin_block_wrap .begin_block li a { display: block; background: url(img/arrow2.gif) no-repeat left 2px; padding: 0 0 0 15px; } /* 見出し画像 */ #begin_category #begin_category_title { position: relative; background: url(img/begin/main_sub.gif) no-repeat left top; width: 650px; height: 218px; margin: 0 0 13px 0; } #begin_category #begin_category_title h1 { position: absolute; left: 25px; line-height: 228px; font-size: 36px; letter-spacing: -2px; font-family: "メイリオ"; color: #fff; text-shadow: 0px 0px 1px black, 1px 1px 4px rgba(0, 77, 85, 0.9); } /* ブックマーク */ #begin_category #bookmark { margin: 0 0 7px 0; } /* 見出し */ #headline_begin { background: url(img/begin/headline_base1.gif) no-repeat left top; height: 53px; width: 580px; line-height: 56px; font-size: 16px; font-weight: bold; margin: 0; padding: 0 0 0 70px; margin: -1px 0 20px 0; font-family: "メイリオ", Meiryo; } /* ---------------------------------------------------------------------- 専門用語集 ---------------------------------------------------------------------- */ #technical_term { margin: 0 0 40px 0; } #technical_term h1 { margin: -3px 0 20px 0; } #knowledge_tag_page .term_list { margin: 0 0 40px 0; } #knowledge_tag_page .term_list li, #technical_term .term_list_top li { background: url(img/dot1.gif) repeat-x left bottom; line-height: 120%; padding: 0 0 10px 3px; margin: 0 0 10px 0; font-size: 14px; float: left; width: 49%; } #knowledge_tag_page .term_list li a, #technical_term .term_list_top li a { display: block; background: url(img/arrow7.gif) no-repeat left; padding: 2px 0 2px 24px; } #tag_cloud ul { line-height: 2.5; } #tag_cloud li { display: inline; padding: 0; margin: 0; } #technical_term .more { display: block; margin: 0 0 30px 575px; } /* 関連用語一覧 */ #single_related_technical_term ul { margin: 5px 0 50px 0; } #single_related_technical_term li { width: 50%; float: left; display: inline; background: url(img/dot1.gif) repeat-x left bottom; padding: 10px 0; font-size: 14px; } #single_related_technical_term li a { background: url(img/arrow7.gif) no-repeat left 0px; padding: 2px 0 2px 24px; display: block; } /* ---------------------------------------------------------------------- 特集 ---------------------------------------------------------------------- */ /* 特集TOP new */ .category_list_wrap { position: relative; margin: 0 -20px 50px 0; } .category_list_box { width: 314px; float: left; display: inline; margin: 0 20px 20px 0; } .category_list_box h4 { font-size: 14px; width: 284px; height: 36px; padding: 0 0 0 30px; margin: 0 0 15px 0; line-height: 39px; background: url(img/headline_base8.gif) no-repeat left top; } .category_list_box h4 a { text-decoration: none; color: #333; } .category_list_box h4 a:hover { color: #ef3982; text-decoration: underline; } .category_list_box li { background: url(img/dot1.gif) repeat-x left bottom; line-height: 120%; padding: 0 30px 10px 3px; margin: 0 0 10px 0; font-size: 14px; } .category_list_box li a { display: block; background: url(img/arrow7.gif) no-repeat left 2px; padding: 2px 0 2px 23px; } /* 特集カテゴリーページ */ #featured_category #featured_category_title { position: relative; background: url(img/featured/sub.jpg) no-repeat left top; width: 650px; height: 218px; margin: 0 0 13px 0; } #featured_category #featured_category_title h1 { position: absolute; left: 25px; line-height: 228px; font-size: 36px; letter-spacing: -2px; font-family: "メイリオ"; color: #fff; text-shadow: 0px 0px 1px black, 1px 1px 4px rgba(0, 77, 85, 0.9); } #featured_category #bookmark { margin: 0 0 7px 0; } .sub_cat_desc { margin: -10px 0 20px 0; padding: 15px; background: #fafafa; -moz-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; border: 1px solid #ddd; box-shadow: 0 0 0 1px #ffffff inset; } .featured_cat_post_list .noPosts { margin: 0 0 40px; } #featured_cat_post_list .headline1 { clear: both; } #featured_cat_post_list .headline1 a { text-decoration: none; color: #333; } #featured_cat_post_list .headline1 a:hover { color: #ef3982; text-decoration: underline; } #featured_cat_post_list ul { position: relative; margin: 0 0 40px 0; overflow: hidden; background: url(img/campaign/dot1.gif) repeat-y center; } #featured_cat_post_list ul li { width: 325px; float: left; display: inline; padding: 25px 0 20px 0; margin: 0 0 -1px 0; background: url(img/campaign/dot2.gif) repeat-x left bottom; } #featured_cat_post_list ul li.even { padding-left: 25px; width: 300px; } #featured_cat_post_list ul li.num0, #featured_cat_post_list ul li.num1 { padding-top: 0; } #featured_cat_post_list ul li a img { display: block; margin: 0 0 12px 0; width: 300px; height: 94px; } #featured_cat_post_list ul li h5 { font-size: 14px; line-height: 150%; font-weight: bold; margin: 0 0 10px 0; width: 300px; } #featured_cat_post_list ul li h5 a { background: url(img/arrow7.gif) no-repeat left 1px; padding: 1px 0; display: block; text-indent: 25px; } #featured_cat_post_list ul li .desc { line-height: 150%; width: 300px; } #featured_cat_post_list .more_post_list { margin: -30px 0 40px 0; float: right; display: block; background: url(img/icon_arrow.png) no-repeat left top; padding: 5px 0 5px 25px; } /* 特集TOP */ #featured_top #main_image { margin: 0 0 12px 0; } #featured_top #bookmark { margin: 0 0 10px 0; } .featured_headline1 { margin: 0 0 10px 0; } #featured_top #page_desc { margin: 0 0 35px 0; } .featured_cat_desc { background: url(img/dot1.gif) repeat-x left bottom; line-height: 120%; padding: 0 0 8px 0; margin: -10px 0 15px 0; font-size: 14px; } /* 一覧部分 */ .featured_list { margin: 0 0 40px 0; } .featured_list li { background: url(img/dot1.gif) repeat-x left bottom; padding: 0 0 10px 0; margin: 0 0 10px 0; } .featured_list .info { float: right; width: 330px; min-height: 98px; background: url(img/arrow6.gif) no-repeat right bottom; } .featured_list .title { font-size: 14px; background: url(img/bullet3.gif) no-repeat left 0px; padding: 0 0 0 21px; line-height: 140%; margin: 7px 0 8px 0; } .featured_list .desc { font-size: 13px; width: 270px; line-height: 160%; } /* 詳細ページ */ #featured_image img { display: block; margin: 0 0 9px 0; } /* ---------------------------------------------------------------------- キャンペーン情報TOP ---------------------------------------------------------------------- */ /* メイン画像部分 */ #special_top #main_image { margin: 0 0 12px 0; } #special_top #bookmark { margin: 0 0 7px 0; } #special_top .desc p { font-size: 14px; } /* メニュー部分 */ #special_menu { width: 648px; height: 183px; background: url(img/campaign/menu_background.png) no-repeat left top; margin: 10px 0 50px 0; } #special_menu h4 { margin: 0 0 5px 0; } #special_menu p { line-height: 160%; margin: 0 5px; font-size: 12px; } #special_menu .btn_detail_01 { margin: 2px 0 0; text-align: center; } #special_menu1 { width: 297px; float: left; display: inline; margin: 13px 0 0 15px; } #special_menu2 { width: 297px; float: right; display: inline; margin: 13px 15px 0 0; } /* 見出し */ .special_headline { margin: 0 0 10px 0; } .special_top_list { background: url(img/campaign/dot1.gif) repeat-y center; margin: 20px 0 60px 0; } .special_contents { background: url(img/campaign/dot2.gif) repeat-x left bottom; margin: 0 0 20px 0; padding: 0 0 20px 0; } .special_contents li { width: 309px; margin: 0; float: left; display: inline; padding: 0 30px 0 0; } .special_contents li.even { padding: 0; } .special_contents h4 { margin: 0 0 28px 0; background: url(img/campaign/headline_base2.png) no-repeat left top; padding: 0 0 0 27px; font-size: 13px; width: 309px; height: 36px; line-height: 38px; } .special_contents h4 a { text-decoration: none; } .special_contents .card_image { display: block; float: left; margin: 0 0 10px 0; } .special_contents .icon1 { float: right; margin: 3px 0 0 0; } .special_contents .icon2 { float: right; margin: 5px 10px 0 0; } .special_contents .campaign_wrap { clear: both; background: url(img/campaign/campaign_bottom.gif) no-repeat left bottom; padding: 0 0 14px 0; margin-top: 3px; } .special_contents .campaign_wrap p { background: url(img/campaign/campaign_top.gif) no-repeat left top; padding: 31px 17px 0 17px; line-height: 150%; } .special_contents .point_wrap { clear: both; background: url(img/campaign/campaign_bottom.gif) no-repeat left bottom; padding: 0 0 14px 0; min-height: 50px; } .special_contents .point_wrap p { background: url(img/campaign/campaign_top2.gif) no-repeat left top; padding: 31px 17px 0 17px; line-height: 150%; } .special_contents table { clear: both; margin: 0 0 10px 0; font-size: 14px; } .special_contents table th { width: 100px; text-align: right; } .special_contents .button img { display: block; margin: 0 auto; } /* ---------------------------------------------------------------------- リンク集 ---------------------------------------------------------------------- */ #link_left { float: left; width: 314px; } #link_right { float: right; width: 314px; } #link_area h3 { width: 284px; height: 36px; padding: 0 0 0 30px; margin: 0 0 15px 0; line-height: 39px; background: url(img/headline_base8.gif) no-repeat left top; } #link_area li { background: url(img/dot1.gif) repeat-x left bottom; padding: 0 0 15px 0; } #link_area li a { background: url(img/bullet2.gif) no-repeat left; padding: 0 0 0 10px; } #link_area ul { margin: 0 17px 25px 17px; } /* ---------------------------------------------------------------------- サイトマップ ---------------------------------------------------------------------- */ #sitemap { margin: -2px 0 0 0; } #sitemap h3 a { text-decoration: none; } #sitemap ul { margin: 0 0 20px 0; } #sitemap li { float: left; width: 44%; background: url(img/dot1.gif) repeat-x left bottom; line-height: 130%; padding: 0 30px 10px 3px; margin: 0 0 10px 0; font-size: 14px; } #sitemap li a { display: block; background: url(img/arrow2.gif) no-repeat left 3px; padding: 0 0 0 15px; color: #333; } #sitemap li a:hover { color: #ef3982; } /* ---------------------------------------------------------------------- ランキング ---------------------------------------------------------------------- */ .ranking_headline_top { margin: 10px 0 10px 0; } #ranking_desc { font-size: 14px; margin: 0 0 25px 0; } #ranking_link { margin: 25px 0 0 -2px; position: relative; } #ranking_link li { display: inline; float: left; } .ranking_headline { margin: 0 0 15px 0; } .ranking_list ul { margin: 0 0 40px 0; } .ranking_list li.rank_top { width: 100%; float: none; display: block; padding: 0 0 10px 0; } .ranking_list li.rank_top .image { float: left; padding: 0 0 0 90px; } .ranking_list li.rank1 .image { background: url(img/ranking/rank1.gif) no-repeat 5px 0px; } .ranking_list li.rank2 .image { background: url(img/ranking/rank2.gif) no-repeat 5px 0px; } .ranking_list li.rank3 .image { background: url(img/ranking/rank3.gif) no-repeat 5px 0px; } .ranking_list li.rank_top .desc { float: right; display: inline; width: 415px; margin: 4px 0 0 0; } .ranking_list li.rank_top h6 { font-size: 16px; margin: 0 0 9px 0; padding: 0; line-height: 100%; } .ranking_list li.rank_top p { font-size: 12px; margin: 0; padding: 0; } .ranking_list li { display: inline; float: left; width: 50%; background: url(img/dot1.gif) repeat-x left bottom; padding: 0 0 5px 0; margin: 0 0 10px 0; } .ranking_list li.rank_bottom .desc { padding: 0 0 0 42px; } .ranking_list li.rank4 .desc { background: url(img/ranking/rank4.gif) no-repeat 0px 0px; } .ranking_list li.rank5 .desc { background: url(img/ranking/rank5.gif) no-repeat 0px 0px; } .ranking_list li.rank6 .desc { background: url(img/ranking/rank6.gif) no-repeat 0px 0px; } .ranking_list li.rank7 .desc { background: url(img/ranking/rank7.gif) no-repeat 0px 0px; } .ranking_list li.rank8 .desc { background: url(img/ranking/rank8.gif) no-repeat 0px 0px; } .ranking_list li.rank9 .desc { background: url(img/ranking/rank9.gif) no-repeat 0px 0px; } .ranking_list li.rank_bottom a { padding: 4px 0 0 0; display: block; font-weight: bold; } .ranking_list li.rank_bottom p { font-size: 11px; } /* ---------------------------------------------------------------------- 固定ページ ---------------------------------------------------------------------- */ /* 申込までの流れ */ #flow { width: 560px; height: 890px; position: relative; background: url(img/page/flow_bg.gif) no-repeat left top; margin: 0 auto; } #flow a { position: absolute; display: block; top: 192px; right: 12px; } /* ---------------------------------------------------------------------- attachment.php ---------------------------------------------------------------------- */ body.attachment .post_content img { max-width: 100%; height: auto; } /* ---------------------------------------------------------------------- 全体 ---------------------------------------------------------------------- */ h1.mainImg { line-height: 219px; font-size: 26px; color: #fff; width: 620px; height: 218px; padding-left: 30px; margin-bottom: 13px; } h1.mainImg.mainImg_column { background: url(img/page/main_column.jpg) no-repeat left top; } h1.mainImg.mainImg_news { background: url(img/site/main_news.jpg) no-repeat left top; } /* .home h1.mainImg.mainImg_news { margin-bottom: 30px; } */ .news .mainBookmark { margin-bottom: 7px; } /* ---------------------------------------------------------------------- single記事下 ---------------------------------------------------------------------- */ .underArticleRelatedPostList { margin: -12px 0 50px 10px; } .underArticleRelatedPostList li { border-bottom: 1px dotted #ccc; } .underArticleRelatedPostList li a { display: block; padding: 10px 0; color: #333333; } .underArticleRelatedPostList li a:hover { color: #ef3982; } .underArticleRelatedPostList li .image { display: block; width: 43px; float: left; margin-right: 16px; } .underArticleRelatedPostList li .title { display: block; float: left; width: 581px; font-weight: bold; } .underArticleRelatedPostList li .date { display: block; font-weight: normal; font-size: 85%; } /* PowerTip Plugin */ #powerTip { cursor: default; background-color: #fff; /* fallback for browsers that dont support rgba */ background-color: white; border-radius: 6px; color: #333; display: none; padding: 15px; position: absolute; z-index: 2; line-height: 160%; border: 3px solid #00a9cd; font-size: 14px; width: 250px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); } #powerTip.n:before, #powerTip.e:before, #powerTip.s:before, #powerTip.w:before, #powerTip.ne:before, #powerTip.nw:before, #powerTip.se:before, #powerTip.sw:before { content: ""; position: absolute; } #powerTip.n:before, #powerTip.s:before { border-right: 5px solid transparent; border-left: 5px solid transparent; left: 50%; margin-left: -5px; } #powerTip.e:before, #powerTip.w:before { border-bottom: 5px solid transparent; border-top: 5px solid transparent; margin-top: -5px; top: 50%; } #powerTip.n:before { border-top: 10px solid #00a9cd; bottom: -10px; } #powerTip.e:before { border-right: 10px solid #00a9cd; left: -10px; } #powerTip.s:before { border-bottom: 10px solid #00a9cd; top: -10px; } #powerTip.w:before { border-left: 10px solid #00a9cd; right: -10px; } #powerTip.ne:before, #powerTip.se:before { border-right: 10px solid transparent; border-left: 0; left: 10px; } #powerTip.nw:before, #powerTip.sw:before { border-left: 10px solid transparent; border-right: 0; right: 10px; } #powerTip.ne:before, #powerTip.nw:before { border-top: 10px solid #00a9cd; bottom: -10px; } #powerTip.se:before, #powerTip.sw:before { border-bottom: 10px solid #00a9cd; top: -10px; } body.news { /* ---------------------------------------------------------------------- 記事一覧 ---------------------------------------------------------------------- */ /* 記事外枠 */ /* タイトル */ /* 日時・カテゴリー部分 */ /* タグリスト */ /* 広告エリア */ /* ---------------------------------------------------------------------- 記事内容 ---------------------------------------------------------------------- */ /* ブックマーク */ /* トラックバック */ /* カテゴリー */ /* 関連記事 */ /* ---------------------------------------------------------------------- 右サイド ---------------------------------------------------------------------- */ /* 通常の見出し */ /* 一覧へのリンク付き見出し */ /* 右上のバナー */ /* 今のお勧めカード */ /* 右サイドのカテゴリー */ /* 右サイドのタグ */ /* 右サイドのアーカイブズ */ /* 主なカテゴリー一覧 */ /* feedreader等 */ } body.news .title_area .entryTitle { margin-left: 0; text-decoration: none; color: #333; } body.news .post_wrapper .meta { margin: 0; width: 100%; text-align: right; padding: 0 0 5px 0; } body.news .post_wrapper .meta li { display: inline; margin: 0 0 0 15px; padding: 5px 0; background: none; font-size: 12px; } body.news .post_wrapper .meta li.time { background: url(img/side_menu/clock.png) no-repeat left 2px; padding-left: 22px; } body.news .post_wrapper .meta li.category { background: url(img/category.png) no-repeat left 3px; padding-left: 20px; } body.news .post_wrapper .meta li.category a { margin: 0 2px; } body.news .taglist { clear: both; text-align: right; padding: 10px 0 10px; line-height: 150%; margin: 0 0 50px 0; } body.news .taglist li { display: inline; margin: 0 2px; line-height: 160%; font-size: 11px; } body.news .taglist li.first { background: url(img/icon_tag.png) no-repeat left; padding: 3px 0 3px 20px; } body.news #single_taglist { margin: 0 0 5px 0; } body.news #ad_area { text-align: center; margin: -30px 0 30px 0; } body.news #single_page_ad #ad_area { margin: -40px 0 20px 0; } body.news .post_content p { margin-bottom: 1.5em; } body.news .post_content .matome p { margin-bottom: 0; } body.news .post_content h2, body.news .post_content h3 { margin-top: 40px; } body.news .post_content h4, body.news .post_content h5, body.news .post_content h6 { margin-top: 30px; } body.news .post_header a:hover { color: #ef3982; } body.news #post_header .bookmark_list { float: right; padding: 3px 0 0 0; } body.news #post_footer .bookmark_list { margin: 0 0 10px 0; } body.news .bookmark_list li { float: right; display: inline; margin: 0 0 0 7px; } body.news #trackback_url_wrapper { background: url(img/trackback.gif) no-repeat 200px; height: 22px; margin: 0 0 20px 0; } body.news #trackback_url_wrapper input { padding: 3px; border: 1px solid #ccc; float: right; width: 337px; } body.news .category_menu_list { position: relative; margin: 10px -2px 15px 0; } body.news .category_menu_list li { float: left; display: inline; margin: 0 1px 1px 0; } body.news #category_menu_list_last { position: relative; margin: 10px -2px 30px 0; } body.news .category_headline2 { margin: 15px 0 10px 0; } body.news .st-related-posts { margin: 0 6px 50px 6px; } body.news .st-related-posts li { margin: 0 0 6px 0; padding: 0 0 6px 0; background: url(img/dot1.gif) repeat-x left bottom; } body.news .st-related-posts li a { background: url(img/arrow2.gif) no-repeat left; padding: 0 0 0 15px; } body.news .category_headline1 { margin: 0 0 20px 0; } body.news #right_col h4 img { display: block; } body.news .right_headline { position: relative; width: 300px; height: 45px; } body.news .right_headline h4 { position: absolute; z-index: 10; } /* body.news .right_headline a { position: relative; top: 16px; left: 218px; z-index: 20; display: inline; } */ body.news #right_top_ad { margin: 0 0 16px 0; } body.news #right_recommend { background: url(img/side/right_sideline.gif) repeat-y left top; margin: 0 0 16px 0; padding-top: 0; } body.news #right_recommend ul { background: url(img/side/right_bottom.gif) no-repeat left bottom; padding: 0 0 6px 0; } body.news #right_recommend ul li { background: url(img/dot1.gif) repeat-x left bottom; margin: 0 17px; padding: 10px 0 8px 0; } body.news #right_recommend li.first { padding-top: 0; } body.news #right_recommend li.first h5 { font-size: 16px; margin: 0 auto; display: block; text-align: center; padding: 10px 0 10px; line-height: 120%; } body.news #right_recommend li.first h5 a { background: url(img/icon_medal.gif) no-repeat left 3px; padding: 2px 0 2px 17px; } body.news #right_recommend li.first a img { float: left; display: inline; margin: 0; } body.news #right_recommend li.first p { float: right; width: 135px; font-size: 11px; display: inline; margin: 0; line-height: 1.4; } body.news #right_recommend li h6 { font-size: 13px; float: right; width: 190px; display: inline; margin: 0 0 5px 0; } body.news #right_recommend li p { float: right; width: 190px; display: inline; margin: 0; font-size: 11px; } body.news #right_recommend li a img { display: block; } body.news #right_recommend ul li.last { background: none; } body.news #side_category { background: url(img/side/right_banner_background_bottom.gif) no-repeat left bottom; margin: 0 0 20px 0; } body.news #side_category select { margin: 15px 20px 20px; width: 260px; padding: 5px; font-size: 14px; } body.news #side_tag { background: url(img/side/right_bottom.gif) no-repeat left bottom; padding: 0 0 7px 0; margin: 0 0 20px 0; } body.news #side_tag ul { background: url(img/side/right_sideline.gif) repeat-y left bottom; padding: 15px 20px; line-height: 190%; } body.news #side_tag li { display: inline; } body.news #side_archive { background: url(img/side/right_banner_background_bottom.gif) no-repeat left bottom; margin: 0 0 20px 0; } body.news #side_archive select { margin: 15px 20px 20px; width: 260px; padding: 5px; font-size: 14px; } body.news #right_common_category li { width: 286px; } body.news #right_col .other_button { margin: 5px 0 5px 10px; width: 280px; } body.news #right_col .other_button li { float: left; margin: 0 5px 10px 0; } /* ---------------------------------------------------------------------- トップページ ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- トップページ上部 ---------------------------------------------------------------------- */ #index_top_col #button { position: absolute; left: 170px; bottom: 38px; } #index_top_col ul { position: absolute; right: 0px; top: 0px; } #index_top_col ul li { margin: 0 0 6px 0; } .index_left_col_wrap { width: 658px; float: left; } /* ---------------------------------------------------------------------- スライダー部分 ---------------------------------------------------------------------- */ #index_slider_wrap { width: 658px; height: 252px; float: left; display: inline; margin: 0 0 15px 0; background: url(img/index/preloader.gif) no-repeat 280px 210px; } #index_slider_wrap .first_image { position: absolute; } .sliderkit { display: none; position: relative; overflow: hidden; text-align: left; width: 658px; height: 252px; } .sliderkit .sliderkit-nav { z-index: 10; position: absolute; text-align: center; bottom: 0px; left: 0px; width: 658px; } .sliderkit .sliderkit-nav-clip { position: relative; overflow: hidden; margin: 0 auto; } .sliderkit .sliderkit-nav-clip ul { position: relative; left: 0; top: 0; } .sliderkit .sliderkit-nav-clip ul li { float: left; display: inline; margin: 0 4px 0 0; } .sliderkit .sliderkit-nav-clip ul li a { display: block; overflow: hidden; border: 2px solid #fff; } .sliderkit .sliderkit-nav-clip ul li a:hover { border: 2px solid #9ee2f0; } .sliderkit .sliderkit-nav-clip ul li.sliderkit-selected a { border: 2px solid #9ee2f0; } .sliderkit-nav-prev a { position: absolute; left: 0px; bottom: 2px; text-indent: -9999px; display: block; background: url(img/index/arrow1.gif) no-repeat left top; width: 26px; height: 61px; text-decoration: none; } .sliderkit-nav-next a { position: absolute; right: 0px; bottom: 2px; text-indent: -9999px; display: block; background: url(img/index/arrow2.gif) no-repeat left top; width: 26px; height: 61px; text-decoration: none; } .sliderkit-nav-prev a:hover, .sliderkit-nav-next a:hover { background-position: left bottom; } .sliderkit .sliderkit-btn { z-index: 10; } .sliderkit .sliderkit-panel { z-index: 1; position: absolute; overflow: hidden; } .sliderkit .sliderkit-panel-active { z-index: 5; } .sliderkit .sliderkit-panel-old { z-index: 4; } .sliderkit .sliderkit-panel .sliderkit-panel-textbox { position: absolute; z-index: 1; } .sliderkit .sliderkit-panel .sliderkit-panel-text { position: absolute; z-index: 3; top: 0; left: 0; } .sliderkit .sliderkit-panel .sliderkit-panel-overlay { position: absolute; z-index: 2; top: 0; left: 0; } .sliderkit #panel1 { background: url(img/index/main1.jpg) no-repeat left top; width: 658px; height: 183px; } .sliderkit #panel1 a { position: absolute; right: 27px; bottom: 10px; } /* ---------------------------------------------------------------------- トップページ中央 ---------------------------------------------------------------------- */ #index_center { width: 468px; float: right; display: inline; margin: 0; padding: 0 0 50px 0; } /* 最新情報 --------------------------------------------------------- */ #index_news { width: 468px; background: url(img/index/index_center_line.gif) no-repeat left bottom; padding: 0 0 15px 0; margin: 0 0 16px 0; font-size: 85%; } /* メニュー部分 */ #index_news #news_menu li { margin: 0; float: left; display: inline; } #index_news #news_menu li a { display: block; text-indent: -9999px; text-decoration: none; height: 44px; } #index_news #news_menu li#button1 a { background: url(img/index/index_news_menu1.gif) no-repeat left top; width: 156px; } #index_news #news_menu li#button2 a { background: url(img/index/index_news_menu2.gif) no-repeat left top; width: 152px; } #index_news #news_menu li#button3 a { background: url(img/index/index_news_menu3.gif) no-repeat left top; width: 160px; } #index_news #news_menu li#button1 a:hover, #index_news #news_menu li#button2 a:hover, #index_news #news_menu li#button3 a:hover { background-position: left -44px; } #index_news #news_menu li#button1 a.active, #index_news #news_menu li#button2 a.active, #index_news #news_menu li#button3 a.active { background-position: left bottom; } #index_news #box1 ul { margin: 15px 0 0 20px; float: left; display: inline; width: 230px; } #index_news #box1 ul li { margin: 0 0 8px 0; padding: 0 0 6px 0; background: url(img/dot2.gif) repeat-x left bottom; line-height: 1.6; } #index_news #box1 ul li a { display: inline; background: url(img/arrow2.gif) no-repeat left 1px; padding: 0 0 0 16px; text-decoration: none; } #index_news #box1 .date { font-size: 85%; margin-left: 0.5em; color: #666; } /* NEWS部分のお勧めカード */ #index_news #box1 #index_reccomend_center { float: right; width: 170px; display: inline; margin: 12px 20px 0 0; text-align: center; } #index_news #box1 #index_reccomend_center .image { margin: 0 0 7px 0; display: block; } #index_news #box1 #index_reccomend_center .title { font-weight: bold; margin: 0 0 7px 0; display: block; font-size: 13px; line-height: 140%; } #index_news #box1 #index_reccomend_center .catch p { font-size: 12px; line-height: 140%; } /* もっと見る */ #index_news .read_more { clear: both; margin: 20px 0 5px 20px; display: block; } /* カードの基礎知識・専門用語 */ #index_news #box2 ul, #index_news #box3 ul { margin: 15px 0 0 20px; float: left; display: inline; width: 415px; } #index_news #box2 ul li, #index_news #box3 ul li { margin: 0 0 8px 0; padding: 0 0 6px 0; line-height: 120%; background: url(img/dot2.gif) repeat-x left bottom; } #index_news #box2 ul li a, #index_news #box3 ul li a { display: block; background: url(img/arrow2.gif) no-repeat left 1px; padding: 0 0 0 16px; text-decoration: none; } #index_news #box3 ul.menu1 { width: 120px; } #index_news #box3 ul.menu2 { width: 130px; } #index_news #box3 ul.menu3 { width: 140px; } /* 中央カラムのバナー --------------------------------------------------------- */ #index_center_banner { margin: 0 0 20px 0; } /* Pick Up クレジットカード --------------------------------------------------------- */ #index_pickup { width: 468px; background: url(img/index/index_center_line.gif) no-repeat left bottom; padding: 0 0 15px 0; margin: 0 0 16px 0; } #index_pickup ul { margin: 0 20px; padding: 20px 0 0 0; } #index_pickup li { background: url(img/dot1.gif) repeat-x left bottom; position: relative; margin: 0 0px 15px 0; padding: 0 0 15px 0; } #index_pickup li .index_pickup_content { width: 203px; float: left; display: inline; margin: 0 22px 0 0; text-align: center; } #index_pickup li .box2, #index_pickup li .box4, #index_pickup li .box6 { margin: 0; } #index_pickup li .image { display: block; margin: 0 0 6px 0; } #index_pickup li .title { line-height: 150%; margin: 0 0 20px 0; font-weight: bold; background: url(img/index/pickup_arrow.gif) no-repeat left 0px; padding: 0 0 10px 16px; font-size: 12px; } #index_pickup li .catch { width: 183px; height: 51px; padding: 9px 10px 5px; text-align: center; background: url(img/index/pickup_bg.gif) no-repeat left bottom; margin: 8px 0 0 0; } #index_pickup li .catch p { line-height: 150%; font-size: 11px; } #index_pickup li.row5 { background: none; margin: 0 -25px 0px 0; padding: 0 0 10px 0; } /* タイプ別ランキング --------------------------------------------------------- */ #index_ranking { width: 468px; background: url(img/index/index_center_line.gif) no-repeat left bottom; padding: 0 0 15px 0; margin: 0 0 16px 0; } #index_ranking .box { width: 200px; } #index_ranking #rank_box1 { float: left; display: inline; margin: 15px 0 10px 20px; } #index_ranking #rank_box2 { float: right; display: inline; margin: 15px 20px 10px 0; } #index_ranking #rank_box3 { clear: both; float: left; display: inline; margin: 10px 0 0 20px; } #index_ranking #rank_box4 { float: right; display: inline; margin: 10px 20px 0 0; } #index_ranking .box h5 { display: block; text-align: center; margin: 0 0 7px 0; } #index_ranking .box li { margin: 0 0 8px 0; padding: 0 0 6px 0; line-height: 120%; background: url(img/dot2.gif) repeat-x left bottom; } #index_ranking .box li a.image { display: block; text-align: center; margin: 0 0 8px 0; } #index_ranking .box li a.title { display: block; background: url(img/arrow2.gif) no-repeat left 3px; padding: 0 0 0 16px; line-height: 140%; } #index_ranking .box li.first a.title { font-weight: bold; font-size: 14px; } /* 特集 --------------------------------------------------------- */ #index_featured { width: 468px; background: url(img/index/index_center_line.gif) no-repeat left bottom; padding: 0 0 15px 0; margin: 0 0 16px 0; } #index_featured_top { position: relative; height: 44px; } #index_featured_top h4 img { position: absolute; left: 0px; top: 0px; } #index_featured_top a { position: absolute; right: 20px; top: 15px; } #index_featured ul { margin: 0 20px; } #index_featured ul li { background: url(img/dot2.gif) repeat-x left bottom; padding: 10px 0; } #index_featured ul li#last { background: none; padding-bottom: 0px; } #index_featured ul li img { float: left; display: block; } #index_featured ul li h5 { float: right; padding: 3px 0 0 0; font-size: 13px; line-height: 120%; width: 255px; } #index_featured ul li .desc { padding: 5px 0 0 0; font-size: 11px; line-height: 130%; width: 255px; float: right; } /* 自由欄 --------------------------------------------------------- */ .index_html { width: 468px; background: url(img/index/index_center_line.gif) no-repeat left bottom; margin: 0 0 16px 0; font-size: 85%; } .index_html .content { background: url(img/index/index_center_line_top.gif) no-repeat left top; padding: 15px 20px 12px; } .index_html .alignright { float: right; margin: 0 0 30px 25px; display: inline; } .index_html .de_link { background: url(img/icon_arrow.png) no-repeat 1px; padding: 1px 0 1px 25px; font-weight: bold; display: block; } /* ---------------------------------------------------------------------- トップページ左サイド ---------------------------------------------------------------------- */ #index_left_col { float: left; width: 180px; padding: 0 0 50px 0; } #index_left_col h4 img { display: block; } /* カテゴリー */ #index_left_col #left_category { background: url(img/index/left_side_line.gif) repeat-y left top; margin: 0 0 15px 0; } #index_left_col #left_category ul { background: url(img/index/left_side_bottom.gif) no-repeat left bottom; padding: 0 0 4px 0; } #index_left_col #left_category ul li { background: url(img/dot1.gif) repeat-x left bottom; margin: 0 6px; font-size: 85%; } #index_left_col #left_category ul li.no-bg { background: none; margin-bottom: -1px; } #index_left_col #left_category ul li a { display: block; padding: 10px 0 10px 34px; text-decoration: none; } #index_left_col #left_category ul li.cat-item-3 a { background: url(img/side_menu/first.png) no-repeat 11px 7px; } #index_left_col #left_category ul li.cat-item-4 a { background: url(img/side_menu/clock.png) no-repeat 11px 7px; } #index_left_col #left_category ul li.cat-item-5 a { background: url(img/side_menu/recommend2.png) no-repeat 11px 8px; } #index_left_col #left_category ul li.cat-item-6 a { background: url(img/side_menu/gold.png) no-repeat 11px 8px; } #index_left_col #left_category ul li.cat-item-7 a { background: url(img/side_menu/bag.png) no-repeat 11px 7px; } #index_left_col #left_category ul li.cat-item-8 a { background: url(img/side_menu/plane.png) no-repeat 11px 7px; } #index_left_col #left_category ul li.cat-item-9 a { background: url(img/side_menu/coin.png) no-repeat 11px 7px; } #index_left_col #left_category ul li.cat-item-10 a { background: url(img/side_menu/present.png) no-repeat 11px 6px; } #index_left_col #left_category ul li.cat-item-12 a { background: url(img/side_menu/car.png) no-repeat 11px 7px; } #index_left_col #left_category ul li.cat-item-13 a { background: url(img/side_menu/visa.png) no-repeat 9px 9px; } #index_left_col #left_category ul li.cat-item-14 a { background: url(img/side_menu/smile.png) no-repeat 10px 6px; } #index_left_col #left_category ul li.cat-item-15 a { background: url(img/side_menu/school.png) no-repeat 11px 6px; } #index_left_col #left_category ul li.cat-item-261 a { background: url(img/side_menu/elec.png) no-repeat 11px 6px; } #index_left_col #left_category ul li.cat-item-262 a { background: url(img/side_menu/truck.png) no-repeat 11px 6px; } #index_left_col #left_category ul li.cat-item-263 a { background: url(img/side_menu/mobile.png) no-repeat 11px 6px; } #index_left_col #left_category ul li.cat-item-264 a { background: url(img/side_menu/shopping.png) no-repeat 11px 6px; } #index_left_col #left_category ul li.cat-item-264 { margin-bottom: 1px; } #index_left_col #left_category ul li:hover { background-color: #f7fafb; } #index_left_col #left_category ul li a:hover { color: #0f89b2; } /* バナー */ .left_long_ad { width: 160px; border: 7px solid #f2f2f2; margin: 0 0 15px 0; padding: 3px; } /* ブランドリスト */ #index_left_col #index_brand { background: url(img/index/left_side_line.gif) repeat-y left top; margin: 0 0 15px 0; } #index_left_col #index_brand ul { background: url(img/index/left_side_bottom.gif) no-repeat left bottom; padding: 8px 0 14px 6px; } #index_left_col #index_brand li { float: left; } /* ---------------------------------------------------------------------- トップページ右サイド ---------------------------------------------------------------------- */ #index_bookmark { margin: 0 0 20px 0; } #index_bookmark ul { margin: 0 20px 0 0; } /* ---------------------------------------------------------------------- 管理画面 ---------------------------------------------------------------------- */ .wp-editor.post_content { width: 90%; background: none; } /*! ============================================================ */ /*! 2014/8 追加分 /*! ============================================================ */ /* レスポンシブとは無関係の青枠飛び出し修正 */ #index_pickup li .catch, #single_recommend li .catch { background: #f3f9f9; height: auto; border: 1px solid #b8d9d9; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } /* レスポンシブとは無関係のサムネイル画像の修正 */ #knowledge_cat_post_list ul li a.image img, #begin_post_list ul li a.image img, #begin_cat_post_list ul li a.image img { width: 43px; height: 43px; } /* オリジナルツールチップ */ .category_menu_list li { position: relative; } .pc-tooltip { display: none; background: #fff; background: rgba(255,255,255,0.95); border: 4px solid #008ca5; position: absolute; top: -160px; left: 50%; width: 300px; padding: 24px; margin: 0 0 0 -174px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; z-index: 100; } .pc-tooltip:after { content: ""; width: 0; height: 0; pointer-events: none; position: absolute; top: 100%; left: 50%; border: medium solid rgba(0, 0, 0, 0); border-color: #008ca5 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-width: 10px; margin-left: -10px; } .category_menu_list li:hover .pc-tooltip { display: block; } img, iframe { max-width: 100%; height: auto; } /*! レスポンシブメニュー */ #button-menu, #responsive_menu { display: none; } #xs-logo, #xs-menu { display: none; } /*! 画像をテキストに変更 */ .right_headline h4, body.news .right_headline h4 { position: relative; } .img_change { position: relative !important; text-indent: 100%; white-space: nowrap; overflow: hidden; } /*! ---------------------------------------------------------------------- benrista ---------------------------------------------------------------------- */ /*! img */ .img_headline_404 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/headline_404.gif) no-repeat; height: 51px; } .img_headline_mylage { background: url(http://card.benrista.com/wp-content/themes/benrista/img/headline_mylage.gif) no-repeat; height: 51px; } .img_headline_web_money { background: url(http://card.benrista.com/wp-content/themes/benrista/img/headline_web_money.gif) no-repeat; height: 51px; } .img_headline_technical { background: url(http://card.benrista.com/wp-content/themes/benrista/img/headline_technical.gif) no-repeat; height: 53px; } .img_headline_sitemap { background: url(http://card.benrista.com/wp-content/themes/benrista/img/headline_sitemap.gif) no-repeat; height: 51px; } .img_headline_technical_term_related { background: url(http://card.benrista.com/wp-content/themes/benrista/img/headline_technical_term_related.gif) no-repeat; height: 51px; } .img_headline_featured_list { background: url(http://card.benrista.com/wp-content/themes/benrista/img/headline_featured_list.gif) no-repeat; height: 51px; } /*! begin*/ .img_begin_headline_top { background: url(http://card.benrista.com/wp-content/themes/benrista/img/begin/headline_top.gif) no-repeat; height: 51px; } /*! campaign */ .img_campaign_headline1 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/campaign/headline1.gif) no-repeat; height: 51px; } .img_campaign_headline2 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/campaign/headline2.gif) no-repeat; height: 51px; } .img_campaign_headline3 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/campaign/headline3.gif) no-repeat; height: 51px; } /*! category */ .img_category_begin_headline { background: url(http://card.benrista.com/wp-content/themes/benrista/img/category/begin_headline.gif) no-repeat; height: 33px; } .img_category_headline_00 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/category/headline_00.gif) no-repeat; height: 51px; } .img_category_headline_01 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/category/headline_01.gif) no-repeat; height: 53px; } .img_category_headline_02 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/category/headline_02.gif) no-repeat; height: 53px; } .img_category_headline_03 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/category/headline_03.gif) no-repeat; height: 53px; } .img_category_headline_04 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/category/headline_04.gif) no-repeat; height: 53px; } .img_category_headline_05 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/category/headline_05.gif) no-repeat; height: 53px; } .img_category_headline_06 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/category/headline_06.gif) no-repeat; height: 53px; } .img_category_headline_07 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/category/headline_07.gif) no-repeat; height: 53px; } .img_category_headline_08 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/category/headline_08.gif) no-repeat; height: 53px; } .img_category_headline_09 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/category/headline_09.gif) no-repeat; height: 53px; } .img_category_headline_10 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/category/headline_10.gif) no-repeat; height: 53px; } .img_category_headline_11 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/category/headline_11.gif) no-repeat; height: 53px; } .img_category_headline_12 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/category/headline_12.gif) no-repeat; height: 53px; } .img_category_headline_13 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/category/headline_13.gif) no-repeat; height: 53px; } .img_category_headline_14 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/category/headline_14.gif) no-repeat; height: 53px; } .img_category_headline_15 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/category/headline_15.gif) no-repeat; height: 53px; } .img_category_headline_16 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/category/headline_16.gif) no-repeat; height: 53px; } .img_category_headline_category { background: url(http://card.benrista.com/wp-content/themes/benrista/img/category/headline_category.gif) no-repeat; height: 49px; } .img_category_headline_search { background: url(http://card.benrista.com/wp-content/themes/benrista/img/category/headline_search.gif) no-repeat; height: 52px; } .img_category_headline_small01 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/category/headline_small01.gif) no-repeat; height: 25px; } .img_category_headline_small02 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/category/headline_small02.gif) no-repeat; height: 24px; } .img_category_headline_small03 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/category/headline_small03.gif) no-repeat; height: 24px; } .img_category_headline01 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/category/headline01.gif) no-repeat; height: 49px; } .img_category_headline02 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/category/headline02.gif) no-repeat; height: 52px; } /*! faq */ .img_faq_headline1 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/faq/headline1.gif) no-repeat; height: 51px; } /*! featured */ .img_featured_headline1 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/featured/headline1.gif) no-repeat; height: 51px; } /*! hikaku */ .img_hikaku_headline_result { background: url(http://card.benrista.com/wp-content/themes/benrista/img/hikaku/headline_result.gif) no-repeat; height: 51px; } .img_hikaku_headline_top { background: url(http://card.benrista.com/wp-content/themes/benrista/img/hikaku/headline_top.gif) no-repeat; height: 53px; } /*! index */ .img_index_index_featured_top { background: url(http://card.benrista.com/wp-content/themes/benrista/img/index/index_featured_top.gif) no-repeat; height: 44px; } .img_index_index_menu_headline1 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/index/index_menu_headline1.gif) no-repeat; height: 29px; } .img_index_index_menu_headline2 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/index/index_menu_headline2.gif) no-repeat; height: 29px; } .img_index_index_pickup { background: url(http://card.benrista.com/wp-content/themes/benrista/img/index/index_pickup.gif) no-repeat; height: 44px; } .img_index_index_ranking_top { background: url(http://card.benrista.com/wp-content/themes/benrista/img/index/index_ranking_top.gif) no-repeat; height: 44px; } .img_index_left_side_headline1 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/index/left_side_headline1.gif) no-repeat; height: 44px; } /*! knowledge */ .img_knowledge_headline1 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/knowledge/headline1.gif) no-repeat; height: 51px; } .img_knowledge_headline2 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/knowledge/headline2.gif) no-repeat; height: 53px; } .img_knowledge_menu1 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/knowledge/menu1.gif) no-repeat; height: 59px; } .img_knowledge_menu2 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/knowledge/menu2.gif) no-repeat; height: 59px; } .img_knowledge_menu3 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/knowledge/menu3.gif) no-repeat; height: 59px; } /*! ranking */ .img_ranking_headline_ranking_month { background: url(http://card.benrista.com/wp-content/themes/benrista/img/ranking/headline_ranking_month.gif) no-repeat; height: 51px; } .img_ranking_headline_ranking_top { background: url(http://card.benrista.com/wp-content/themes/benrista/img/ranking/headline_ranking_top.gif) no-repeat; height: 51px; } .img_ranking_headline_ranking_week { background: url(http://card.benrista.com/wp-content/themes/benrista/img/ranking/headline_ranking_week.gif) no-repeat; height: 51px; } .img_ranking_headline_ranking_year { background: url(http://card.benrista.com/wp-content/themes/benrista/img/ranking/headline_ranking_year.gif) no-repeat; height: 51px; } /*! side */ .img_side_headline_all_card { background: url(http://card.benrista.com/wp-content/themes/benrista/img/side/headline_all_card.gif) no-repeat; height: 45px; } .img_side_headline_card_info { background: url(http://card.benrista.com/wp-content/themes/benrista/img/side/headline_card_info.gif) no-repeat; height: 45px; } .img_side_headline_common_category { background: url(http://card.benrista.com/wp-content/themes/benrista/img/side/headline_common_category.gif) no-repeat; height: 45px; } .img_side_right_headline_news { background: url(http://card.benrista.com/wp-content/themes/benrista/img/side/right_headline_news.gif) no-repeat; height: 45px; } .img_side_right_headline_pickup { background: url(http://card.benrista.com/wp-content/themes/benrista/img/side/right_headline_pickup.gif) no-repeat; height: 45px; } .img_side_right_headline_ranking { background: url(http://card.benrista.com/wp-content/themes/benrista/img/side/right_headline_ranking.gif) no-repeat; height: 45px; } .img_side_right_headline_recommend { background: url(http://card.benrista.com/wp-content/themes/benrista/img/side/right_headline_recommend.gif) no-repeat; height: 45px; } .img_side_right_headline_tieup { background: url(http://card.benrista.com/wp-content/themes/benrista/img/side/right_headline_tieup.gif) no-repeat; height: 45px; } /*! single */ .img_single_headline_otoku { background: url(http://card.benrista.com/wp-content/themes/benrista/img/single/headline_otoku.gif) no-repeat; height: 51px; } .img_single_headline_related { background: url(http://card.benrista.com/wp-content/themes/benrista/img/single/headline_related.gif) no-repeat; height: 51px; } .img_single_point_headline_top { background: url(http://card.benrista.com/wp-content/themes/benrista/img/single/point_headline_top.gif) no-repeat; height: 85px; } /*! trend */ .img_single_headline1 { background: url(http://card.benrista.com/wp-content/themes/benrista/img/trend/headline1.gif) no-repeat; height: 51px; } /*! ---------------------------------------------------------------------- benrista_news ---------------------------------------------------------------------- */ /*! category */ .newsimg_category_begin_headline { background: url(http://card.benrista.com/news/wp-content/themes/benrista_news/img/category/begin_headline.gif) no-repeat; height: 33px; } /*! side */ .newsimg_side_headline_side_category { background: url(http://card.benrista.com/news/wp-content/themes/benrista_news/img/side/headline_side_category.gif) no-repeat; height: 45px; } .newsimg_side_headline_side_tieup { background: url(http://card.benrista.com/news/wp-content/themes/benrista_news/img/side/headline_side_tieup.gif) no-repeat; height: 45px; } .newsimg_side_headline_side_tag { background: url(http://card.benrista.com/news/wp-content/themes/benrista_news/img/side/headline_side_tag.gif) no-repeat; height: 45px; } .newsimg_side_headline_side_recommend { background: url(http://card.benrista.com/news/wp-content/themes/benrista_news/img/side/headline_side_recommend.gif) no-repeat; height: 45px; } .newsimg_side_headline_card_info { background: url(http://card.benrista.com/news/wp-content/themes/benrista_news/img/side/headline_card_info.gif) no-repeat; height: 45px; } .newsimg_side_headline_side_pickup { background: url(http://card.benrista.com/news/wp-content/themes/benrista_news/img/side/headline_side_pickup.gif) no-repeat; height: 45px; } .newsimg_side_headline_side_archives { background: url(http://card.benrista.com/news/wp-content/themes/benrista_news/img/side/headline_side_archives.gif) no-repeat; height: 45px; } .newsimg_side_headline_common_category { background: url(http://card.benrista.com/news/wp-content/themes/benrista_news/img/side/headline_common_category.gif) no-repeat; height: 45px; } /*! =Responsive ----------------------------------------------- */ /*! レスポンシブ・スマートフォン */ @media screen and (max-width: 767px) { body { background: #fff; } /*! ---------------------------------------------------------------------- タブレット表示だった分・ここから ---------------------------------------------------------------------- */ #wrapper { margin-bottom: 40px; } /*! レスポンシブメニュー */ #button-menu { background: #fff; padding: 6px; display: block; position: absolute; top: 32px; right: 32px; z-index: 99999; } #button-menu img { width: 26px; } #responsive_menu { background: #fff; border: 4px solid #008ca5; margin-bottom: 24px; display: none; float: right; position: absolute; top: 80px; right: 32px; width: 300px; z-index: 0; } #responsive_menu li a { border-bottom: 1px solid #c5c5c5; text-decoration: none; display: block; padding: 8px 8px 8px 32px; position: relative; } #responsive_menu li a:before { content: ""; background: url(img/responsive_menu_li.png); -webkit-background-size: contain; background-size: contain; width: 20px; height: 20px; position: absolute; top: 50%; left: 8px; margin: -10px 0 0; } #responsive_menu li ul li a, #responsive_menu .no-link { font-size: 11px; padding: 8px 8px 8px 64px; position: relative; border-bottom: 1px solid #c5c5c5; } #responsive_menu li ul li a:before, #responsive_menu .no-link:before { content: ""; background: url(img/responsive_menu_li_li.png); -webkit-background-size: contain; background-size: contain; width: 14px; height: 14px; position: absolute; top: 50%; left: 40px; margin: -7px 0 0; } #responsive_menu li ul li ul li a { padding: 8px 8px 8px 82px; } #responsive_menu ul.global_category_menu li.cat-item-3 a { background: white url(img/side_menu/first.png) no-repeat 54px 10px; } #responsive_menu ul.global_category_menu li.cat-item-4 a { background: white url(img/side_menu/clock.png) no-repeat 54px 10px; } #responsive_menu ul.global_category_menu li.cat-item-5 a { background: white url(img/side_menu/recommend2.png) no-repeat 54px 10px; } #responsive_menu ul.global_category_menu li.cat-item-6 a { background: white url(img/side_menu/gold.png) no-repeat 54px 10px; } #responsive_menu ul.global_category_menu li.cat-item-7 a { background: white url(img/side_menu/bag.png) no-repeat 54px 10px; } #responsive_menu ul.global_category_menu li.cat-item-8 a { background: white url(img/side_menu/plane.png) no-repeat 54px 10px; } #responsive_menu ul.global_category_menu li.cat-item-9 a { background: white url(img/side_menu/coin.png) no-repeat 54px 10px; } #responsive_menu ul.global_category_menu li.cat-item-10 a { background: white url(img/side_menu/present.png) no-repeat 54px 10px; } #responsive_menu ul.global_category_menu li.cat-item-12 a { background: white url(img/side_menu/car.png) no-repeat 54px 10px; } #responsive_menu ul.global_category_menu li.cat-item-13 a { background: white url(img/side_menu/visa.png) no-repeat 54px 10px; } #responsive_menu ul.global_category_menu li.cat-item-14 a { background: white url(img/side_menu/smile.png) no-repeat 54px 10px; } #responsive_menu ul.global_category_menu li.cat-item-15 a { background: white url(img/side_menu/school.png) no-repeat 54px 10px; } #responsive_menu ul.global_category_menu li.cat-item-261 a { background: white url(img/side_menu/elec.png) no-repeat 54px 10px; } #responsive_menu ul.global_category_menu li.cat-item-262 a { background: white url(img/side_menu/truck.png) no-repeat 54px 10px; } #responsive_menu ul.global_category_menu li.cat-item-263 a { background: white url(img/side_menu/mobile.png) no-repeat 54px 10px; } #responsive_menu ul.global_category_menu li.cat-item-264 a { background: white url(img/side_menu/shopping.png) no-repeat 54px 10px; } #responsive_menu li ul li ul li a:before { content: none; } .menu-show #responsive_menu { display: block !important; position: relative; } #page { background: none repeat scroll 0 0 #fff; box-sizing: border-box; left: 0; position: relative; top: 0; transition: left 0.3s ease 0s; width: 100%; z-index: 2; } .menu-show #page { opacity: 0.6; filter: alpha(opacity=60); box-shadow: 2px 0 2px rgba(0, 0, 0, 0.1); height: 100%; left: -50%; position: fixed; } /*! 共通 */ #wrapper { max-width: 100%; } /*! ヘッダー */ #header { max-width: 100%; } #header_menu { width: 425px; max-width: 100%; margin-left: auto; margin-right: auto; float: none; } #header_text_ad { background: #fff; max-width: 100%; height: auto; } #header_text_ad ul { width: 600px; max-width: 100%; padding: 7px 0 9px; margin-left: auto; margin-right: auto; } #header_text_ad li { white-space : nowrap; } #global_menu { display: none; } #header h2 { padding: 0 16px; } #header_middle { background: #fff; display: block; margin: 0; padding: 16px 0; } #bread_crumb_top { text-align: center; max-width: 95%; margin: 0 auto 24px; display: block; float: none; } .rssWrap { background: #fff; max-width: 100%; margin-left: auto; margin-right: auto; display: block; float: none; height: auto; overflow: hidden; } #header_text_link { text-align: center; width: 185px; padding: 24px 0 0; margin: 0 auto 16px; clear: both; position: relative; top: auto; left: auto; } #header_text_link li { padding-left: 12px; display:inline-block; *display:inline; *zoom:1; } /*! サイドバー */ #right_col { max-width: 100%; float: none; margin-left: auto; margin-right: auto; clear: both; } /* 中央寄せ */ #right_col h4, #right_top_ad, #right_recommend, .right_headline, #right_tieup, .right_banner_box, .right_headline, #right_pickup, #side_category, #side_archive, #side_tag, .standard_we_ad, body.news #right_col h4, body.news #right_top_ad, body.news #right_recommend, body.news .right_headline, body.news #right_tieup, body.news .right_banner_box, body.news .right_headline, body.news #right_pickup, body.news #side_category, body.news #side_archive, body.news #side_tag, body.news .standard_we_ad { width: 300px; margin-left: auto; margin-right: auto; } .rightCat, body.news .rightCat { border: 7px solid #f2f2f2; margin: 0 auto 16px; width: 286px; } #right_col .other_button, body.news #right_col .other_button { margin: 5px auto; width: 280px; } #fixed_ad #side_return_top img { display: none; } /*! フッター */ #footer_wrapper { min-width: 100%; } #footer { max-width: 100%; margin-left: auto; margin-right: auto; } #footer .footerTop > li { float: left; margin: 0 8% 24px; width: 34%; } #footer .footerTop li:nth-child(2n+1) { clear: both; } #footer .footerMiddle { margin: 0 auto 24px; max-width: 90%; } .footerBottom .description { font-size: 10px; padding: 0 16px; } .footerBottom .footerBottomInner { max-width: 100%; } /*! index */ #index_slider_wrap { display: block; float: none; margin-left: auto; margin-right: auto; } .index_left_col_wrap { max-width: 100%; float: none; margin-left: auto; margin-right: auto; } #index_pickup li.row5 { margin-left: auto; margin-right: auto; } #card_info_top, #card_bookmark, #left_col { float: none; width: 650px; max-width: 100%; margin-left: auto; margin-right: auto; } .card_info_list .data th, #card_info_top .data th { width: 60px; } .title_area, #post_meta2 { padding-left: 8px; padding-right: 8px; } .post_content { background: #fff; padding: 8px; } .post_content img { display: block !important; float: none !important; margin-left: auto; margin-right: auto; } .post_content .af_link1 .image { margin-left: auto; margin-right: auto; } .post_content table { max-width: 100% !important; } .card_info_list { max-width: 100%; } .card_info_list .button li { display: block; margin: 0 auto 16px; } #bread_crumb_bottom { text-align: center; max-width: 90%; margin: 0 auto 40px; padding: 0 5%; } /* flow */ #flow { -webkit-background-size: contain !important; background-size: contain !important; background-position: center center !important; max-width: 100%; height: 486px; margin: 0 auto 40px; } #flow a { top: auto; right: 0; bottom: -40px; } #flow img { max-width: 100%; } /*! single */ /* 赤い箱 */ .card_info_list .campaign_content .image1 { position: relative; } .card_info_list .campaign_content .image2 { display: none; } #card_info_top #campaign, #card_info_top #campaign .desc, .card_info_list .campaign_content .desc { background: none; max-width: 90%; margin: 0 auto; padding-left: 0; padding-right: 0; } #card_info_top #campaign .desc { border: 1px solid #f6c4c4; background: #fffafa; margin: 0 auto 24px; padding: 12px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } #card_info_top #campaign img.ribbon { display: none; } #card_info_top_content { -webkit-background-size: contain !important; background-size: contain !important; } #card_info_top h1 { height: auto; line-height: 2; -webkit-background-size: cover !important; background-size: cover !important; } #card_info_top{ background: #f2f2f2; max-width: 100%; margin-left: auto; margin-right: auto; } /* table等 max-width*/ .post_content table, #card_info_bottom table, .card_info_list .data, #card_info_top #left_side, #right_side, #card_info_top #point, #card_info_top #point .desc, #card_info_top .data { display: block; float: none; max-width: 98% !important; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; clear: both; } #card_info_top #point { -webkit-background-size: cover !important; background-size: cover !important; } #card_info_top #point .desc { padding: 38px 10px 12px; -webkit-background-size: contain !important; background-size: contain !important; } #card_info_top .icon { text-align: center; margin-left: auto; margin-right: auto; } /* pagination */ #page_navi ul { text-align: center; } #page_navi li { display:inline-block; *display:inline; *zoom:1; } /* Special-Top */ .special_contents h4 { width: auto; max-width: 100%; } /*! ---------------------------------------------------------------------- タブレット表示だった分・ここまで ---------------------------------------------------------------------- */ /* 非表示 */ #header_menu, #header_text_link, #header_text_ad, .left_long_ad, #footer .footerTop li:nth-child(1), #footer .footerTop li:nth-child(2), #footer .footerTop li:nth-child(3), #font_change, .print_button, body.news .print_button, #print_button_small, body.news #print_button_small { display: none !important; } /* fixed ad 無効 */ .fixed_ad, .fixed_ad2 { position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; } /*! レスポンシブメニュー */ #responsive_menu { border-top: 4px solid #008ca5; border-bottom: 4px solid #008ca5; border-left: none; border-right: none; position: absolute; top: 80px; right: 0; width: 100%; } .menu-show #page { opacity: 0.6; filter: alpha(opacity=60); box-shadow: 2px 0 2px rgba(0, 0, 0, 0.1); height: 100%; left: -100%; position: fixed; } /*! 共通 */ /*! ヘッダー */ #header { background: #008097; } #header #logo { display: none; } /*! スマホロゴ */ #xs-logo { width: 280px; max-width: 100%; padding: 24px 0; margin: 0 auto; float: none; display: block; } #xs-logo img { width: 200px; } /*! スマホグローバルメニュー */ #xs-menu { background-color: #d8d8d8; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFf8f8f8', endColorstr='#FFd8d8d8'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f8), color-stop(100%, #d8d8d8)); background-image: -webkit-linear-gradient(#f8f8f8 0%, #d8d8d8 100%); background-image: -moz-linear-gradient(#f8f8f8 0%, #d8d8d8 100%); background-image: -o-linear-gradient(#f8f8f8 0%, #d8d8d8 100%); background-image: linear-gradient(#f8f8f8 0%, #d8d8d8 100%); display: block; overflow: hidden; } #xs-menu li { display: inline; } #xs-menu li a { border-bottom: 1px solid #aaa; font-size: 12px; text-align: center; text-decoration: none; width: 33.3%; background-color: #d8d8d8; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFf8f8f8', endColorstr='#FFd8d8d8'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f8), color-stop(100%, #d8d8d8)); background-image: -webkit-linear-gradient(#f8f8f8 0%, #d8d8d8 100%); background-image: -moz-linear-gradient(#f8f8f8 0%, #d8d8d8 100%); background-image: -o-linear-gradient(#f8f8f8 0%, #d8d8d8 100%); background-image: linear-gradient(#f8f8f8 0%, #d8d8d8 100%); padding: 8px 0; float: left; position: relative; } #xs-menu li:last-child a { width: 33.4%; } #xs-menu li a:hover { text-decoration: none; background-color: #f8f8f8; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFd8d8d8', endColorstr='#FFf8f8f8'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d8d8d8), color-stop(100%, #f8f8f8)); background-image: -webkit-linear-gradient(#d8d8d8 0%, #f8f8f8 100%); background-image: -moz-linear-gradient(#d8d8d8 0%, #f8f8f8 100%); background-image: -o-linear-gradient(#d8d8d8 0%, #f8f8f8 100%); background-image: linear-gradient(#d8d8d8 0%, #f8f8f8 100%); } #xs-menu li a:before { content: ""; display: block; background: #fff; width: 2px; height: 100%; position: absolute; top: 0; right: 0; z-index: 3; } #xs-menu li a:after { content: ""; display: block; background: #aaa; width: 1px; height: 100%; position: absolute; top: 0; right: 0; z-index: 4; } #xs-menu li:last-child a:before, #xs-menu li:last-child a:after { content: none; } #header_menu { width: 255px; clear: both; } #header_text_link { width: 100%; } /*! サイドバー */ .index_html .alignright { float: none; display: block; margin-left: auto; margin-right: auto; } /* フッター */ /* 中央寄せ */ #right_col h4, #right_top_ad, #right_recommend, .right_headline, #right_tieup, .right_banner_box, .right_headline, #right_pickup, #side_category, #side_archive, #side_tag, .standard_we_ad, body.news #right_col h4, body.news #right_top_ad, body.news #right_recommend, body.news .right_headline, body.news #right_tieup, body.news .right_banner_box, body.news .right_headline, body.news #right_pickup, body.news #side_category, body.news #side_archive, body.news #side_tag, body.news .standard_we_ad { width: 100%; margin-left: auto; margin-right: auto; } .rightCat, body.news .rightCat { width: 100%; border: none; } #rightCatTab, #index_news #news_menu , .rightCat #rightCatTab { text-align: center; } #rightCatTab li, .rightCat #rightCatTab li { width: 30% !important; float: none; display:inline-block; *display:inline; *zoom:1; height: auto; } #rightCatTab li a, #index_news #news_menu li a, .rightCat #rightCatTab li a { font-size: 12px; color: #0f89b2; text-decoration: none; background: none !important; width: auto !important; height: auto; margin: 0 auto 4px; padding: 8px 0; text-align: center; text-indent: 0px; border: 1px solid #333; } #rightCatTab li a:hover, #index_news #news_menu li a:hover, .rightCat #rightCatTab li a:hover { text-decoration: none; background: rgba(0,0,0,0.1) !important; } #rightCatTab li a.current, #index_news #news_menu li a.active, .rightCat #rightCatTab li a.current { color: #fff; background: #0f89b2 !important; border: 3px double #fff; } #right_recommend, #right_recommend ul, #right_pickup, #right_pickup ul, #right_tieup, #current_card_info, #current_card_info .content, body.news #right_recommend, body.news #right_recommend ul, body.news #right_pickup, body.news #right_pickup ul, body.news #right_tieup, body.news #current_card_info, body.news #current_card_info .content { background: none; } .rightCat, .rightCat .rightCatContent { width: 100%; border: none; margin-left: auto; margin-right: auto; } .rightCat .rightCatContent .rctList { width: 100%; float: none !important; margin: 0 0 16px; } .right_headline, body.news .right_headline { width: 100%; height: auto; } .right_headline h4, body.news .right_headline h4 { position: relative; } .banner_image img, .right_small_ad img { display: block; margin: 0 auto; } #right_col { width: 100%; } #hikaku_top #right_top_ad, #right_top_ad, body.news #right_top_ad { width: 300px; margin-left: auto; margin-right: auto; float: none; } .right_banner_box .right_small_ad { width: 100%; padding: 0; border: none; } #right_recommend ul li, body.news #right_recommend ul li { width: 310px; margin: 0 auto; } #right_recommend ul li .image, body.news #right_recommend ul li .image { width: 64px; } #right_recommend ul li div, body.news #right_recommend li h6, body.news #right_recommend li p { width: 230px; } #right_recommend li .desc p, body.news #right_recommend li .desc p { max-width: none; } #right_pickup li a.title, body.news #right_pickup li a.title { width: auto; } #index_bookmark ul { text-align: center; margin-left: auto; margin-right: auto; } #fixed_ad .bookmark_list { text-align: center; } .rightCat .rightCatContent #rctBasic .rctList_01, .rightCat .rightCatContent #rctBasic .rctList_02 { width: 100%; } .rightCat .rightCatContent #rctNews li a { width: 270px; } /*! フッター */ .footerBottom { background: #008097; } #footer .footerMiddle h2 { text-align: center; } #footer .footerTop > li { float: none; margin-left: auto; margin-right: auto; width: 100%; } #footer .footerTop .footerTopList li { float: none; margin: 0 auto; width: 100%; } #footer .footerTop h2 img { display: block; margin-left: auto; margin-right: auto; } #ad_area { padding-left: 8px; padding-right: 8px; } #ad_area img { display: block; float: none !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; } /*! index */ #index_news .read_more { text-align: center; margin-left: auto; margin-right: auto; } .index_html img { display: block; margin-left: auto; margin-right: auto; } #index_news #news_menu { width: 90%; margin: 0 auto 16px; } #index_news #news_menu li { float: none; } #box1, #box2 { width: 100%; margin-left: auto; margin-right: auto; } #box3 { width: 320px; max-width: 100%; margin-left: auto; margin-right: auto; } #index_left_col h4 img { display: none; } #index_news #box1 ul, #index_news #box2 ul { width: 90%; margin: 0 auto 16px; float: none; display: block; } #index_news #box3 ul { width: 130px; margin: 0 10px 16px; } #index_news #box1 #index_reccomend_center { display: block; float: none; margin: 0 auto; width: 280px; } #index_center { width: 100%; max-width: 100%; } #index_slider_wrap { display: none !important; } #index_news, #index_pickup, .index_html, #index_featured { background: none; width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; } #index_left_col #index_brand { text-align: center; } #index_left_col #index_brand li { float: none; display:inline-block; *display:inline; *zoom:1; } .index_html .content { background: none; } #index_featured ul li h5, #index_featured ul li img, #index_featured ul li .desc { float: none; margin-left: auto; margin-right: auto; margin-bottom: 8px; } #index_featured ul li h5, #index_featured ul li .desc { width: 300px; max-width: 100%; } #index_center { display: block; float: none; max-width: 100%; margin-left: auto; margin-right: auto; clear: both; } #index_left_col { float: none; margin-left: auto; margin-right: auto; clear: both; } #index_left_col #left_category ul li.cat-item-headline:hover { background: none; } /* 左サイドバー */ h4 img, #index_center_banner img { display: block; margin-left: auto; margin-right: auto; } #index_reccomend_center h4 img { display: inline; } #index_featured_top h4 img { position: relative; } #index_featured_top a, body.news #index_featured_top a, .right_headline a, body.news .right_headline a { background: #fff; padding: 6px; line-height: 0; position: absolute; top: 4px; right: 6px; left: auto; } #index_left_col #left_category, #index_left_col #left_category ul, #index_left_col #index_brand, #index_left_col #index_brand ul { background: none; } #index_left_col { width: 100%; } .left_long_ad { margin-left: auto; margin-right: auto; } /* news独自 */ body.news #side_category, body.news #side_archive, body.news #side_tag, body.news #side_tag ul { background: none; text-align: center; } body.news #right_col .other_button { margin-left: auto; margin-right: auto; } body.news #right_col .other_button li { display:inline-block; *display:inline; *zoom:1; float: none; } #right_common_category { background: none; } #right_common_category ul { background: none; width: 100%; margin-left: auto; margin-right: auto; } .rightCat .rightCatContent .rctList li { padding: 0 5%; } #right_common_category ul li, body.news #right_common_category li { width: 100%; padding: 6px 0; margin: 0; } #right_common_category li a.title, body.news #right_common_category li a.title { width: auto; padding: 0 6px; } /*! single */ /* メイン画像のリサイズ */ h1.mainImg { color: #333; max-width: 100%; height: auto; margin-bottom: 24px; padding-left: 0; padding-right: 0; -webkit-background-size: contain !important; background-size: contain !important; } #special_top #main_image, #begin_top #main_image { max-width: 100%; height: auto; margin-bottom: 24px; } #begin_top #main_image img#image { position: relative; } #begin_post_list ul, #begin_cat_post_list ul { margin: 0 auto 10px; max-width: 97%; padding: 0 1%; } #begin_post_list ul li, #begin_cat_post_list ul li { width: 100%; height: auto; float: none; display: block; margin-left: auto; margin-right: auto; } #begin_post_list ul li a.image img, #begin_cat_post_list ul li a.image img { margin: 0 16px 0 0; } #begin_post_list ul li a.title, #begin_cat_post_list ul li a.title { width: auto; float: none; } /* pタグのリサイズ */ #category_desc_area p, #category_desc p, .page_desc p, .desc p, #page_desc p { max-width: 90%; margin-left: auto !important; margin-right: auto !important; } /* 記事内の画像の右寄せ左寄せ修正 */ .post_content img.alignright, .post_content div.alignright, .post_content img.alignleft, .post_content div.alignleft { display: block; float: none; margin-left: auto; margin-right: auto; } /* 記事内の画像サイズ横幅を矯正 */ .post_content .content_wrap .content > div { max-width: 100%; margin-left: auto; margin-right: auto; } .post_content .content_wrap .content > div img { margin-left: 0 !important; margin-right: 0 !important; } /* li 中央寄せ */ .special_contents, #begin_point ul { text-align: center; position: relative; top: auto; left: auto; } .special_contents li, #begin_point ul li { display:inline-block; *display:inline; *zoom:1; float: none; padding-left: 0; padding-right: 0; margin: 0 0 24px; } /* 属しているニュース一覧 */ .underArticleRelatedPostList li .title { max-width: 78%; } /* まとめ */ .post_content .matome, .post_content .matome_contents, .post_content #point_wrapper li.point_list1 a, .post_content #point_wrapper li.point_list2 a, .post_content #point_wrapper li.point_list3 a, .post_content #point_wrapper li.point_list4 a, .post_content #point_wrapper li.point_list5 a, .post_content #point_wrapper li.point_list6 a, #card_info_bottom .headline1, #card_info_bottom .headline2 { background: none; max-width: 95%; padding-left: 2%; padding-right: 2%; text-align: left; } .post_content #point_wrapper li.point_list1 a:hover span, .post_content #point_wrapper li.point_list2 a:hover span, .post_content #point_wrapper li.point_list3 a:hover span, .post_content #point_wrapper li.point_list4 a:hover span, .post_content #point_wrapper li.point_list5 a:hover span, .post_content #point_wrapper li.point_list6 a:hover span { color: #333; } /* featured */ #headline_sub_category, #headline_category_list, #headline_knowledge, .headline_pt { background: none; max-width: 100%; padding-left: 0; padding-right: 0; } .sub_cat_desc { max-width: 90%; margin: 24px auto; padding-left: 3%; padding-right: 3%; } #featured_cat_post_list ul { background: none; } #featured_cat_post_list ul li { width: 300px; background: none; float: none; display: block; margin-left: auto; margin-right: auto; padding-left: 0 !important; padding-right: 0 !important; } /* trend */ .thumbPosts .postsList li .post_title { max-width: 100%; float: none; } .thumbPosts .postsList li.post_1 .thumbnailWrap { float: none; display: block; margin-left: auto; margin-right: auto; height: auto; border: none; } .thumbPosts .postsList li.post_1 .thumbnailWrap img { position: relative; top: auto !important; margin: 16px 0 8px; border: 1px solid #eee; } /* knowledge */ #knowledge_category_top #main_image a#button { position: relative; bottom: 0; right: 0; width: 266px; display: block; margin: 0 auto; } #knowledge_child_term_list ul, .child_term_list ul, .categoryList { margin: 0 auto 40px; text-align: center; } #knowledge_cat_post_list ul li { width: 100%; max-width: 95%; float: none; padding-left: 2%; padding-right: 2%; margin: 8px auto; height: auto !important; overflow: hidden; } #knowledge_cat_post_list ul li a.image { width: 15%; margin: 0 2% 0 0; float: left; } #knowledge_cat_post_list ul li a.title { float: left; width: 80%; padding: 0; } /* category */ .category_list_wrap { margin-left: auto; margin-right: auto; } .category_list_box { display: block; float: none; width: 100%; height: auto !important; margin-left: auto; margin-right: auto; } .category_list_box li { width: 90%; padding: 0 4% 10px; } .category_list_box h4 { max-width: 100%; margin-left: auto; margin-right: auto; } .post_content #point_wrapper { background: none; max-width: 100%; margin-left: auto; margin-right: auto; } /* card */ #technical_term .more { text-align: center; margin: 8px auto; } .post_content #point_wrapper li a span { display: block; margin: 0 0 4px; } #tag_desc_area { padding: 8px; } #card_list2 .image { float: left; } #card_list2 .box { width: 220px; margin: 0; } #card_info_top .card_image, #card_info_top .brand, #card_info_top #add_hikaku_button a, #card_info_top #etc_family_area { float: none; display: block; margin: 0 auto 8px; text-align: center; } #card_info_top #etc_family_area img { float: none; display:inline-block; *display:inline; *zoom:1; } #card_info_top .icon li { float: none; } .post_content .matome { border: 1px solid #aec8cd; background: #fff; max-width: 95%; padding: 0; margin: 0 auto 24px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } .post_content .matome_contents { padding: 24px 8px; } .post_content .matome p { font-size: 16px; line-height: 20px; } .post_content #point_wrapper h3 { max-width: 100%; } .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 { max-width: 90%; margin-left: auto; margin-right: auto; line-height: 1.6; } .post_content h2 { background-position: 4px center !important; } .post_content h4 { background-position: left center !important; } .card_info_list h2 { background: #fafafa; border-top: 3px solid #008097; line-height: 1.6; height: auto; padding: 4px 80px 4px 8px; } .card_info_list h2 a.compare_add { position: absolute; top: 6px; right: 6px; } .card_info_list, .card_info_list_content { background: none; } /* カード */ .card_info_list .card_image { float: none; display: block; margin-left: auto; margin-right: auto; } /* 青い箱 */ .card_info_list .point { background: none; max-width: 95%; margin: 0 auto 24px; float: none; display: block; } .card_info_list .point .desc { border: 3px solid #b0dbe1; background: #fbfdfd; max-width: 95%; margin-left: auto; margin-right: auto; padding: 12px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } /* 赤い箱 */ #card_info_top #campaign, .card_info_list .campaign_wrapper { background: none; max-width: 100%; } .card_info_list .campaign_content { border: 1px solid #f6c4c4; background: #fffafa; max-width: 95%; margin-left: auto; margin-right: auto; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } .card_info_list .campaign_content .image1 { display: none; } .card_info_list .campaign_content .image2 { display: none; } #font_change { margin: 0 auto 8px; } .post_header .bookmark_list { width: 300px; margin: 0 auto; float: none; } .taglist, body.news .taglist { padding: 10px; } /* SNSボタン */ #card_bookmark { padding: 16px 0; height: auto; } #font_change { float: none; display: block; } /* 特典ボタン */ .post_content .af_link1 { border: 1px solid #ddd; background: none; max-width: 90%; height: auto; margin-left: auto; margin-right: auto; padding: 24px 4%; text-align: center; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } .post_content .af_link1 .image1 { position: relative; top: 0; left: 0; } .post_content .af_link1 p { margin: 8px 0 0; position: relative; bottom: auto; left: auto; } .post_content .af_link1 .image2 { position: absolute; top: 0; left: 0; } #mod_time { height: auto; padding: 0 6px 0 26px; } #fixed_ad .bookmark_list, .post_footer .bookmark_list { text-align: center; width: 92%; margin: 0 auto; } #bookmark1 { text-align: center; } .bookmark_list li, body.news .bookmark_list li { margin: 0 2px; float: none; display:inline-block; *display:inline; *zoom:1; } #knowledge_tag { padding: 10px 16px; } #single_related li { background: none; border-bottom: 1px dotted #999; padding: 12px 0; height: auto !important; } #single_related li .single_related_content { float: none !important; margin: 0 auto 16px; overflow: hidden; } #trackback_url_wrapper, body.news #trackback_url_wrapper { background-position: center top !important; height: 48px; text-align: center; } #trackback_url_wrapper input, body.news #trackback_url_wrapper input { float: none; margin: 28px auto 0; max-width: 90%; } .category_menu_list { max-width: 100%; padding-left: 0; padding-right: 0; } /* ツールチップ無効 */ .category_menu_list li:hover .pc-tooltip { display: none !important; } /* 青のボックス周り */ #index_pickup ul { margin: 0; } #index_pickup li, #single_recommend li { background: none; height: auto !important; margin: 0; padding: 0; } #card_list2 li, #index_pickup li .index_pickup_content, #single_recommend li .box { background: none; border-bottom: 1px dotted #999; display: block; float: none; width: 310px; margin: 0 0 10px; padding: 0 0 10px; margin-left: auto; margin-right: auto; overflow: hidden; } #index_pickup li .image, #single_recommend li .image { float: left; margin: 8px 6px 6px 0; } #index_pickup li .title, #single_recommend li .title { background: url("img/index/pickup_arrow.gif") no-repeat scroll 0 3px rgba(0, 0, 0, 0); font-size: 12px; font-weight: bold; line-height: 150%; width: 150px; display: block; text-align: left; float: right; min-height: 0; margin-bottom: 8px; padding: 0 0 0 1.5em; } #index_pickup li .catch, #single_recommend li .catch { float: right; width: 150px; margin: 0 auto; } /* 2列に並べる画像 */ .card_info_list .icon, .category_menu_list { text-align: center; margin-left: auto; margin-right: auto; } #card_info_top .icon li, .card_info_list .icon li, .category_menu_list li, body.news .category_menu_list li { max-width: 90%; float: none; display:inline-block; *display:inline; *zoom:1; text-align: center; margin: 0 2px 12px; } #card_info_top .icon li a, .card_info_list .icon li a, .category_menu_list li a, body.news .category_menu_list li a { position: relative; z-index: 99999; } #card_info_top .icon li img, .card_info_list .icon li img, .category_menu_list li img, body.news .category_menu_list li img { width: 150px; } .category_menu_list_large li img, body.news .category_menu_list_large li img { width: auto; } #card_search_form td li { display: inline; line-height: 2; float: none; } #card_search_form { width: 98%; margin-left: auto; margin-right: auto; } /* category */ #knowledge_cat_post_list h4, h4.thumbnailPostsTtl { margin: 0 auto 10px; max-width: 80%; padding: 0 6%; } #knowledge_cat_post_list .more_post_list, #faq_cat_post_list .more_post_list, .cat_post_list .more_post_list { float: none; max-width: 260px; padding: 3px 10px 2px 30px; display: block; margin: 0 auto; } #begin_child_term_list ul, .categoryList { max-width: 90%; margin-left: auto; margin-right: auto; text-align: center; } #knowledge_child_term_list ul li, .child_term_list ul li, .categoryList li { display: block; float: none; margin: 0; } #back_to_parent { width: 195px; margin: 0 auto 40px; } /* begin */ #begin_point { background: none; max-width: 100%; height: auto; } #begin_post_list h3, #begin_cat_post_list h3 { max-width: 90%; height: auto; margin-left: auto; margin-right: auto; } #begin_cat_post_list ul li a.title { width: auto; } #post_meta2 #mod_time { float: none; } /* Special-Top */ #special_menu { background: none; max-width: 100%; height: auto; } #special_menu1, #special_menu2 { max-width: 100%; margin: 0 auto 24px; display: block; float: none; } .special_top_list { background: none; } .special_contents h4 { width: auto; max-width: 100%; } /* FAQ */ .faq_block li { width: 91%; float: none; padding: 0 4% 10px; } /* 404 */ #form_404 { width: 90%; margin-left: auto; margin-right: auto; } /* 比較する */ #hikaku_list_wrap { min-width: 0; } #hikaku_list { text-align: center; max-width: 100%; min-width: 0; overflow-x: auto; } #hikaku_list li#button_area { width: 140px; height: 100px; } #hikaku_list li { display:inline-block; *display:inline; *zoom:1; float: none; padding: 0; width: 140px; height: 100px; } /* 比較結果 */ body.postid-1903, body.page-template-page-hikaku-result-php { width: 972px; } body.postid-1903 #button-menu, body.page-template-page-hikaku-result-php #button-menu { right: auto; left: 32px; z-index: 99999; } body.postid-1903 #hikaku_top h1, body.page-template-page-hikaku-result-php #hikaku_top h1 { float: none; display: block; margin: 0 auto 24px; } body.postid-1903 .hikaku-result-table, body.page-template-page-hikaku-result-php #hikaku_top .hikaku-result-table { position: relative !important; } /* スマホのリンクエリア */ #header_text_link li { background: none; display: block; padding: 0; margin: 0; } .headline1, .faq_block h3 { text-align: center; background: none; width: auto; height: auto; padding: 0; margin: 0; } #knowledge_category_top #main_image { max-width: 100%; height: auto; } #knowledge_category_top #main_image img#image { position: relative; } #knowledge_tag_page .term_list li, #technical_term .term_list_top li, .post_content #point_wrapper li, #sitemap li { background: none; width: 100%; padding: 0; margin: 0; text-align: center; } #knowledge_tag_page .term_list li, #technical_term .term_list_top li a, .post_content #point_wrapper li a, #knowledge_top_menu a, #footer .footerTop .footerTopList li a, #sitemap li a { color: #0f89b2; text-align: center; text-decoration: none; display: block; padding: 8px 0; width: 100%; height: auto; line-height: 20px; background: #fff; border-bottom: 1px dotted #e5e5e5; padding-left: 0; padding-right: 0; } #knowledge_tag_page .term_list li, #technical_term .term_list_top li a:hover, .post_content #point_wrapper li a:hover, #knowledge_top_menu a:hover, #footer .footerTop .footerTopList li a:hover, #sitemap li a:hover { color: #ef3982; background: #f3f9f9; text-decoration: none; } /* スマホのリンクボタン */ #knowledge_child_term_list ul li a, .child_term_list ul li a, .categoryList li a, #header_text_link li a, .headline1 a, #featured_cat_post_list .headline1 a, .faq_block h3 a { background: url("img/headline_base8.gif") no-repeat scroll left top rgba(0, 0, 0, 0); color: #333; font-size: 14px; font-weight: bold; text-align: left; width: 284px; height: 36px; line-height: 39px; margin: 0 auto 15px; padding: 0 0 0 30px; display: block; } #knowledge_child_term_list ul li a:hover, .child_term_list ul li a:hover, .categoryList li a:hover, #header_text_link li a:hover, .headline1 a:hover, #featured_cat_post_list .headline1 a:hover, .faq_block h3 a:hover { color: #ef3982; text-decoration: underline !important; } /*! 画像サイズ変更 */ #trackback_url_wrapper { background: url("img/trackback.gif") no-repeat scroll left center rgba(0, 0, 0, 0); } #card_info_top #point .desc { background: url("img/single/sm_point_top.gif") no-repeat scroll left top rgba(0, 0, 0, 0); -webkit-background-size: auto !important; background-size: auto !important; } #card_info_top #point { background: none; } #card_info_top #point .desc { background: url("img/single/sm_point_top.gif") no-repeat scroll left top rgba(0, 0, 0, 0); -webkit-background-size: auto !important; background-size: auto !important; } #card_info_top #point { background: none; } /*! 画像をテキストに変更 */ .img_change { background: none; text-indent: 0px; height: auto; } /*! ---------------------------------------------------------------------- benrista ---------------------------------------------------------------------- */ h1.mainImg.mainImg_column, #trend_category_title, #faq_category_title, #search_result, #hikaku_headline, #headline_faq, #headline_knowledge2, #begin_category #begin_category_title, #knowledge_category #knowledge_category_title, #featured_category #featured_category_title, #card_tag_title { background: none; max-width: 100%; height: auto; } h1.mainImg.mainImg_column, #trend_category_title h1, #faq_category_title h1, #search_result h1, #begin_category #begin_category_title h1, #knowledge_category #knowledge_category_title h1, #featured_category #featured_category_title h1, #card_tag_title h2 { position: relative; left: auto; } h1.mainImg.mainImg_column, #trend_category_title h1, #faq_category_title h1, #search_result h1, #hikaku_headline, #headline_faq, #headline_knowledge2, #begin_category #begin_category_title h1, #knowledge_category #knowledge_category_title h1, #featured_category #featured_category_title h1, #card_tag_title h2, #headline_knowledge, .post_content h3.point_headline, #card_info_bottom .headline1, h1.mainImg.mainImg_news, #headline_trend, .img_begin_headline_top, .img_campaign_headline1, .img_campaign_headline2, .img_campaign_headline3, .img_category_begin_headline, .img_category_headline_00, .img_category_headline_01, .img_category_headline_02, .img_category_headline_03, .img_category_headline_04, .img_category_headline_05, .img_category_headline_06, .img_category_headline_07, .img_category_headline_08, .img_category_headline_09, .img_category_headline_10, .img_category_headline_11, .img_category_headline_12, .img_category_headline_13, .img_category_headline_14, .img_category_headline_15, .img_category_headline_16, .img_category_headline_category, .img_category_headline_search, .img_category_headline01, .img_category_headline02, .img_faq_headline1, .img_featured_headline1, .img_hikaku_headline_top, .img_hikaku_headline_result, .img_index_index_featured_top, .img_index_index_pickup, .img_index_index_ranking_top, .img_index_left_side_headline1, .img_knowledge_headline1, .img_knowledge_headline2, .img_ranking_headline_ranking_month, .img_ranking_headline_ranking_top, .img_ranking_headline_ranking_week, .img_ranking_headline_ranking_year, .img_side_headline_all_card, .img_side_headline_card_info, .img_side_headline_common_category, .img_side_right_headline_news, .img_side_right_headline_pickup, .img_side_right_headline_ranking, .img_side_right_headline_recommend, .img_side_right_headline_tieup, .img_headline_featured_list, .img_single_headline_otoku, .img_single_headline_related, .img_single_point_headline_top, .img_single_headline1, .img_headline_technical, .img_headline_sitemap, .img_headline_technical_term_related, .img_headline_404, .newsimg_category_begin_headline, .newsimg_side_headline_card_info, .newsimg_side_headline_side_recommend, .newsimg_side_headline_common_category, .newsimg_side_headline_side_tieup, .newsimg_side_headline_side_category, .newsimg_side_headline_side_tag, .newsimg_side_headline_side_pickup, .newsimg_side_headline_side_archives { text-align: left; width: 90%; color: #fff; font-size: 14px; font-weight: bold; background: #008097; padding: 8px 5%; margin: 0 auto 8px; height: auto; line-height: 20px; text-shadow: none; letter-spacing: 0; } .category_headline2 { width: 95%; margin-left: auto; margin-right: auto; } .headline_knowledge_tag, .headline_card_tag, #headline_sub_category, #headline_category_list, .headline_pt, #hikaku_result .headline2, #card_info_bottom .headline2, #technical_term .headline1, .img_index_index_menu_headline1, .img_index_index_menu_headline2, .img_headline_mylage, .img_headline_web_money, .img_category_headline_small01, .img_category_headline_small02, .img_category_headline_small03 { background: none; text-align: left; width: 90%; font-size: 12px; font-weight: bold; border-bottom: 2px solid #008097; padding: 4px 16px; margin: 0 auto 8px; height: auto; line-height: 20px; } .special_contents h4 { background: none; text-align: left; width: 90%; font-size: 16px; font-weight: bold; border-bottom: 2px solid #008097; padding: 4px 16px; margin: 0 auto 8px; height: auto; line-height: 20px; } #headline_begin { max-width: 90%; height: auto; line-height: 19px; background: none; color: #fff; font-size: 12px; font-weight: bold; background: #008097; padding: 6px 5%; margin: 0 auto 8px; } }