@charset "utf-8"; /* ============================== 01 基本設定 */ /** { margin: 0; padding: 0; font-size: small; font-weight: normal; text-decoration: none; text-align: left; border: none; list-style: none; font-style: normal; } */ body { margin: 0; padding: 0; text-align: center; } /*================================================ Reset CSS Hack ================================================*/ /* 以下はfloatのバグをクリアするためのhack */ .clr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clr { display: inline-table; min-height: 1%; } /* Hide from mac IE5 \*/ * html .clr { height: 1%; } .clr { display: block; } /* End Hide from mac IE5 */ /* For modern browsers */ .clr:before, .clr:after { content:""; display:table; } .clr:after { clear:both; } /* For IE 6/7 (trigger hasLayout) */ .clr { zoom:1; } /* 以下はロールオーバーのテキストを隠すためのhack */ .hidetxt { text-indent: -9999px; overflow: hidden; } h1 { font-size: small; margin: 0; padding: 0; } h2 { font-size: small; margin: 0; padding: 0; } h3 { font-size: small; margin: 0; padding: 0; } p { margin: 0; padding: 0; } ul { margin: 0; padding: 0; list-style-type: none; } ol { margin: 0; padding: 0; list-style-type: none; } li { margin: 0; padding: 0; } dl,dt,dd { margin: 0; padding: 0; list-style-type: none; } a { color: #315fbc; text-decoration: none; } a:link, a:visited { color: #315fbc; text-decoration: none; } a:hover { color: #5987e4; text-decoration: none; } a:active { color: #5987e4; text-decoration: none; } a img { border: none; } *{ margin:0; padding:0; } table{ font-size:inherit; } textarea{ font-size:inherit; } th{ text-align:left; font-weight:normal; } img{ border:0; } em{ font-style:normal; } ::-moz-selection { background:#efefef; } ::selection { background:#efefef; } /* 左右振り分け */ .leftside { float: left; } .rightside { float: right; } a img.linkimg { background:none!important; } a:hover img.linkimg { opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background:none!important; } /*================================================ Layout ================================================*/ html{ width:100%; background:#F4F2E8 url(http://www.shinchosha.co.jp/gruri/image/common/navi/bg01.gif) repeat-x; } /*html{ width:100%; background:#f4f2e8 url(http://www.shinchosha.co.jp/gruri/image/common/navi/bg01.gif) repeat-x; }*/ body{ width:100%; font-size:12px; color:#6E6E6E; line-height:1; text-align:center; font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif; } #wrap { width:1034px; min-width:1034px; margin:0 auto; text-align:left; } #wrap2 { width:1034px; position: relative; margin:0 auto; text-align:left; } /*================================================ Contents ================================================*/ #contents { width:1034px; margin:0 0 40px 0; } #centerContents { float:left; width:734px; min-width:734px; } #rightContents { float:right; width:300px; } #contents2 { width:1034px; position: relative; } #contents2 .MainContents { width:714px; float:left; margin:0 auto; background: url(http://www.shinchosha.co.jp/gruri/image/common/bg_mainblog_fd.gif) no-repeat left bottom; padding-bottom:10px; } #contents2 .MainContents .Mainbox { width:714px; float:left; background: url(http://www.shinchosha.co.jp/gruri/image/common/bg_mainblog.gif) repeat-y; } #contents2 .SearchContents { min-width:734px; float:left; margin:0 auto; padding-bottom:10px; } #contents2 #SubContents { width:300px; float: right; position: relative; } /*================================================ navi ================================================*/ #head{ width:1034px; height:210px; margin:0 0 30px 0; text-align:left; } #head #line1 { width:1034px; height:32px; background:url(http://www.shinchosha.co.jp/gruri/image/common/navi/line1.gif) no-repeat left top; } #head #gnavitop { width:1034px; height:90px; margin:15px 0 27px 10px; } #head h1{ float:left; width:266px; height:90px; } #head #gnavitop .toparea_bn { text-align:left; float:left; width:758px; height:90px; } #head #gnavibox { width:1034px; height:46px; text-align:left; padding:0 1px; } /* ============================== global navigation */ #head #gnavi { width:1032px; height:46px; display:inline-block; position: relative; } #head #gnavi:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #head #gnavi ul li { float: left; position: relative; } #head #gnavi li ul.drop { width:172px; position:absolute; display:none; float:none; z-index:100; left:0; top:46px; /* 透け透けにしたいとき */ opacity: .90; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=90); /* IE lt 8 */ -ms-filter: "alpha(opacity=90)"; /* IE 8 */ -khtml-opacity: .90; /* Safari 1.x */ -moz-opacity: .90; /* FF lt 1.5, Netscape */ } #head #gnavi li ul.drop li { float:none; position:static; } #head #gnavi li ul.drop li a { display:block; background:#e3dacc; border-bottom:solid 1px #d0bea6; color:#6c6262; font-weight:bold; padding:10px; _zoom:1; /* IE 6 */ } #head #gnavi li ul.drop ul a { padding:10px 10px 10px 20px; } /* ============================= footer_top */ #foot { width:100%; margin-top:20px; padding: 30px 0 15px 0; background: url(http://www.shinchosha.co.jp/gruri/image/common/bg_fotter.gif) repeat; } #footbox { width:1034px; min-width:1034px; margin:0 auto; text-align:left; } #footbox #fnavi { float:left; width: 1034px; margin-bottom: 15px; text-align: left; } #footbox #fnavi ul { position: relative; margin-left: 20px; } #footbox #fnavi li { float: left; width: 300px; display:inline; } #footbox #frlink { width:300px; min-width:300px; margin:0 auto; text-align:left; } #footbox #frlink { margin:0 auto; float:left; padding-bottom:10px; margin-bottom: 15px; text-align: left; background: url(http://www.shinchosha.co.jp/gruri/image/common/rlink_bg.gif) repeat-y left bottom; } #footbox #frlink .title { width: 300px; height:28px; background: url(http://www.shinchosha.co.jp/gruri/image/common/rlink_title.gif) no-repeat left top; position:relative; } #footbox #frlink ul.rlink { position: relative; margin: 10px; } #footbox #frlink li.rlink { float: left; width: 68px; border:1px dashed #adadad; height: 28px; line-height:28px; text-align:center; } #footbox #fnavibox ul { position: relative; } #footbox #fnavibox li { float: left; padding:5px 20px; border-left:#DCC7CC solid 1px; } #footbox #fnavi li a { color:#544949; text-decoration:none; } #footbox #fnavi li a:hover{ text-decoration:underline; } #footline { width:100%; padding: 10px 0 10px 0; background-color: #b2b2b2; } #footcopy { width:964px; margin:0 auto; text-align:center; font-size:8px; color: #FFF; } /* ============================= footer_outer */ #footbox2 { position:relative; width:1034px; margin:0 auto; text-align:left; } #footbox2 #fnavi { float:left; width: 1034px; margin-bottom: 15px; text-align: left; } #footbox2 #fnavi ul { position: relative; margin-left: 20px; } #footbox2 #fnavi li { float: left; display:inline; } #footbox2 #fnavi li.box1 { width: 200px; } #footbox2 #fnavi li.box2 { width: 240px; margin-right: 5px; } #footbox2 #fnavi li.box3 { width: 300px; margin-right: 10px; } #footbox2 #fnavi li.box4 { width: 230px; } #footbox2 #fnavibox1 ul { position: relative; } #footbox2 #fnavibox1 li { width: 200px; float: left; padding: 5px 15px; border-left:#DCC7CC solid 1px; } #footbox2 #fnavibox2 ul { position: relative; } #footbox2 #fnavibox2 li { width: 240px; float: left; padding: 5px 15px; border-left:#DCC7CC solid 1px; } #footbox2 #fnavi li a { color:#544949; text-decoration:none; } #footbox2 #fnavi li a:hover{ text-decoration:underline; } /* ============================== 14 ページトップ */ #pagetop { width: 1034px; position: relative; margin:0 auto; line-height: 140%; text-align: right; } #pagetop p a { background: url(http://www.shinchosha.co.jp/gruri/image/listmarker_01_03.gif) no-repeat left center; padding: 0 0 0 9px; font-size: x-small; } /* ============================== 検索エリアとtw、fb、RSS、mailmag */ #sec_search_subcont { width: 300px; height: 103px; background: url(http://www.shinchosha.co.jp/gruri/image/common/subcol/search_bg.gif) no-repeat left top; border: 0px none ; margin-bottom: 15px; position: relative; } #search_subcont { width: 300px; height: 48px; padding: 12px 10px 0 8px; } #search_subcont .search_box { COLOR: #b8aa6b; display: inline; width: 220px; height: 19px; padding: 1px 3px; line-height: 1.2; border: 1px solid #c6b193; background: #f4f2e8; } #search_subcont .search_bt { position: absolute; top: 12px; right: 8px; } /* ============================== global navi smb */ #smbarea { width:300px; height:55px; padding: 0 10px 0 10px; position: relative; } #smbarea ul { } #smbarea ul li { display: inline; float:left; } #smbarea #fbn { width:28px; height:28px; margin: 0 auto; } #smbarea #tbn { width:28px; height:28px; margin:0 10px 1px 10px; } #smbarea #rss { width:56px; height:28px; margin:0 10px 1px 12px; } #smbarea #mailmag { width:115px; height:28px; margin:0 0 1px 12px; } /* ============================= トップページ・ランキング */ #allrank { width: 230px; padding-bottom: 3px; margin-bottom: 15px; text-align: left; background: url(http://www.shinchosha.co.jp/gruri/image/common/top/allrank_bg0.gif) repeat-y left bottom; } #allrank #title { width: 230px; height:30px; background: url(http://www.shinchosha.co.jp/gruri/image/common/top/allrank_title.gif) no-repeat left top; position:relative; } #allrank #title .btn { width: 70px; height:24px; position:absolute; right: 0; top: 0; } #allrank ul { padding-left: 5px; } #allrank li { background: url(http://www.shinchosha.co.jp/gruri/image/common/top/allrank_bg.gif) no-repeat left bottom; padding: 1px 3px 0 5px; } #allrank #rankarea { height:42px; margin-top: 8px; } #allrank #ranktxt { width: 187px; height: 36px; float:right; font-size: 12px; line-height: 120%; line-height: 1.2; color: #7e7e7e; } #allrank #ranklogo { width: 24px; height: 36px; float:left; margin-right: 3px; } #allrank li a { color:#464646; text-decoration:none; } #allrank li a:hover{ color:#747474; text-decoration:underline; } /* ============================= サイドナビ・ランキング */ #allrank_scol { width: 300px; padding-bottom: 3px; margin-bottom: 15px; text-align: left; background: url(http://www.shinchosha.co.jp/gruri/image/common/subcol/allrank_bg0.gif) repeat-y left bottom; } #allrank_scol #title { width: 300px; height:30px; background: url(http://www.shinchosha.co.jp/gruri/image/common/subcol/allrank_title.gif) no-repeat left top; position:relative; } #allrank_scol #title .btn { width: 70px; height:24px; position:absolute; right: 0; top: 0; } #allrank_scol ul { padding-left: 5px; } #allrank_scol li { background: url(http://www.shinchosha.co.jp/gruri/image/common/subcol/allrank_bg.gif) no-repeat left bottom; padding: 1px 3px 0 5px; } #allrank_scol #rankarea { height:42px; margin-top: 8px; } #allrank_scol #ranktxt { width: 257px; height: 36px; float:right; font-size: 12px; line-height: 120%; line-height: 1.2; color: #7e7e7e; } #allrank_scol #ranklogo { width: 24px; height: 36px; float:left; margin-right: 3px; } #allrank_scol li a { color:#464646; text-decoration:none; } #allrank_scol li a:hover{ color:#747474; text-decoration:underline; } /* ============================= 話題のキーワード */ #pickwd_box { width: 300px; margin-bottom: 15px; text-align: left; } #pickwd_box #title { width: 300px; height:33px; background: url(http://www.shinchosha.co.jp/gruri/image/common/subcol/pickwd_title.gif) no-repeat left top; position:relative; } #pickwd { width: 300px; padding-bottom: 3px; text-align: left; background: url(http://www.shinchosha.co.jp/gruri/image/common/subcol/pickwd_bg0.gif) repeat-y left bottom; } #pickwd ul { padding-left: 5px; } #pickwd li { height:32px; background: url(http://www.shinchosha.co.jp/gruri/image/common/subcol/pickwd_bg.gif) no-repeat left bottom; padding:10px 5px 3px 5px; } #pickwd #kwdtxt { background: url(http://www.shinchosha.co.jp/gruri/image/common/subcol/pickwd_listmark.gif) no-repeat left top; padding: 0 0 0 20px; text-align: left; font-size: 12px; line-height: 120%; line-height: 1.2; color: #7e7e7e; } /* ============================= サイドナビ・最新記事リスト */ #recent_list { width: 300px; margin-bottom: 15px; text-align: left; } #recent_list #title { width: 300px; height:33px; background: url(http://www.shinchosha.co.jp/gruri/image/common/subcol/recent_list_title.gif) no-repeat left top; position:relative; } #recent_list #recent { width: 300px; padding-bottom: 3px; text-align: left; background: url(http://www.shinchosha.co.jp/gruri/image/common/subcol/recent_list_bg0.gif) repeat-y left bottom; } #recent ul { padding-left: 5px; } #recent li { min-height:95px; background: url(http://www.shinchosha.co.jp/gruri/image/common/subcol/recent_list_bg.gif) no-repeat left bottom; padding:3px 5px 3px 5px; position: relative;} #recent li a { display: block; padding: 0 10px 0 0; background: url(http://www.shinchosha.co.jp/gruri/images/common/red_min.png) no-repeat right center; -webkit-background-size: 12px 20px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } #recent li h2 { margin: 0 0 3px; } #recent li a .category, #recent li a p { margin-bottom: 1px; color: #666; font-size: 10px; } #recent li a .category { margin-bottom: 2px; } #recent li .image { float: left; margin: 0 0 0 1px; } #recent li .image img { margin: 5px; vertical-align: top; -webkit-border-radius: 3px; border-radius: 3px; } #recent li .text { margin-top: 7px; padding: 2px 0 0 7px; } #recent li a .rankbox { float: left; margin: 7px 0 0 1px; display: -webkit-box; min-width: 15px; min-height:15px; padding:5px; background: #ef4d89; -webkit-border-radius: 2px; border-radius: 2px; line-height: 15px; color: #FFF; text-align: center; font-size: 14px; } /* ============================= サイドナビ・駅スタンプ */ #ekistamp { width:300px; height:250px; margin:0 auto; text-align:left; } #ekistamp { float:left; width: 300px; margin-top: 12px; margin-bottom: 12px; text-align: left; background: url(http://www.shinchosha.co.jp/gruri/image/common/subcol/ekistamp_bg.gif) no-repeat left top; } #ekistamp img { margin:50px 65px 20px 65px; width: 170px; height: 170px; } /*================================================ Top Center Contents ================================================*/ /* トップ・スライダー ================================================*/ #topsliderarea { behavior:url("http://www.shinchosha.co.jp/gruri/csshover.htc"); } #topsliderarea { width: 472px; height: 390px position: relative; } #topsliderslider { margin: 0 auto; width: 472px; height: 390px !important;} #topsliderslider .vi img { border:none; } .slider { position: relative; margin: 0 auto; width:472px; height: 390px; background-image:url(http://www.shinchosha.co.jp/gruri/image/common/bg_topslider.png); } .slider a:focus { outline: 0; } .sls-view { position: relative; margin: 0 0 0 5px; width: 457px; height: 360px; overflow: hidden; } .sls-container { position: absolute; top: 5px; left: 0; } .sls-content { position: relative; float: left; width: 457px; height: 360px; } .sls-pagination { position: absolute; top: 365px; left: 180px; } #topsliderarea .sls-pagination a { float: left; margin: 5px 3px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 12px; height: 12px; overflow: hidden; background-image:url(http://www.shinchosha.co.jp/gruri/image/common/topslider_nav.gif); cursor: pointer; border-radius: 6px; text-indent: -9999px; vertical-align: middle; } #topsliderarea .sls-pagination a:hover { background-image:url(http://www.shinchosha.co.jp/gruri/image/common/topslider_nav_over.gif); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); } #topsliderarea .sls-pagination a.current { opacity: 2; background-image:url(http://www.shinchosha.co.jp/gruri/image/common/topslider_nav_on.gif); } /*================================================ Pagination Links ================================================*/ #article-nav1 { width: 680px; text-align:right; margin: 10px; } #article-nav1 ul li { font-size:14px; _font-size:85%; list-style-type : none; display:inline; background-color:#FFFFF;} #article-nav1 ul li img.mid { vertical-align: middle; margin: 0 5px; } #article-nav1 ul li a { text-decoration:none; padding:3px 7px; color:#846248; } #article-nav1 ul li a:hover { color:#d6c7af; } #article-nav1 ul li a:visited { color:#d6c7af; } #paginate { width: 680px; text-align:center; margin: 20px; } #paginate ul li { list-style-type : none; font-size:80%; display:inline; background-color:#FFFFF; } #paginate ul img.mide { vertical-align: middle; margin: 0 5px; } #paginate ul li#count a { text-decoration:none; border:1px solid #c6b193; padding:3px 7px; color:#846248; } #paginate ul li#count a:hover { color:#846248; border:1px solid #c6b193; } #paginate ul li#count a:visited { color:#846248; border:1px solid #c6b193; } #paginate strong { BACKGROUND-COLOR: #e5dcce; COLOR: #846248; border:1px solid #c6b193; padding:3px 7px; } #article-nav2 { width: 680px; text-align:center; margin: 20px; } #article-nav2 ul li { list-style-type : none; font-size:80%; display:inline; background-color:#FFFFF; } #article-nav2 ul img.mid { vertical-align: middle; } #article-nav2 ul li a { text-decoration:none; border:1px solid #c6b193; padding:3px 7px; color:#846248; margin: 0 2px; } #article-nav2 ul li a:hover { color:#846248; border:1px solid #c6b193; } #article-nav2 ul li a:visited { color:#846248; border:1px solid #c6b193; } #article-nav2 .current_page { BACKGROUND-COLOR: #e5dcce; COLOR: #846248; border:1px solid #c6b193; padding:3px 7px; margin: 0 2px; } #shclink { width: 300px; margin-top: 10px; margin-bottom: 10px; } #bannerWide { width: 300px; margin-bottom: 15px; } /* ============================= 07 パンくず */ #crumb { width: 820px; padding: 0 5px 0 5px; text-align: left; margin: 0 auto; font-size: 10px; } #crumb a { font-size: 10px; } /* ============================= ランキングページ */ .ranking_set { padding: 0 6px 10px 6px; } #totalrank { width: 699px; margin-top: 20px; margin-bottom: 20px; text-align: left; } #totalrank #title_all { width: 699px; height:30px; background: url(http://www.shinchosha.co.jp/gruri/image/common/ranking/tit_all.gif) no-repeat left top; position:relative; } #totalrank #title_topics { width: 699px; height:30px; background: url(http://www.shinchosha.co.jp/gruri/image/common/ranking/tit_topics.gif) no-repeat left top; position:relative; } #totalrank #title_art { width: 699px; height:30px; background: url(http://www.shinchosha.co.jp/gruri/image/common/ranking/tit_art.gif) no-repeat left top; position:relative; } #totalrank #title_travel { width: 699px; height:30px; background: url(http://www.shinchosha.co.jp/gruri/image/common/ranking/tit_travel.gif) no-repeat left top; position:relative; } #totalrank #title_life { width: 699px; height:30px; background: url(http://www.shinchosha.co.jp/gruri/image/common/ranking/tit_life.gif) no-repeat left top; position:relative; } #totalrank #title_series { width: 699px; height:30px; background: url(http://www.shinchosha.co.jp/gruri/image/common/ranking/tit_series.gif) no-repeat left top; position:relative; } #totalrank ul { } #totalrank li { background: url(http://www.shinchosha.co.jp/gruri/image/common/ranking/bg.gif) repeat-x left bottom; padding: 1px 3px 0 5px; } #totalrank #rankarea { height:39px; margin-top: 8px; } #totalrank #ranktxt { width: 660px; float:right; font-size: 14px; color: #7e7e7e; padding-top: 10px; } #totalrank #ranklogo { width: 24px; height: 36px; float:left; margin-right: 6px; } /* ============================= カテゴリートップページ・ランキング */ #caterank { width: 529px; text-align: left; } #caterank #title_topics { width: 529px; height:30px; background: url(http://www.shinchosha.co.jp/gruri/image/common/cate/topics_tit.gif) no-repeat left top; position:relative; } #caterank #title_topics .btn { width: 95px; height:24px; position:absolute; right: 0; top: 0; } #caterank #title_art { width: 529px; height:30px; background: url(http://www.shinchosha.co.jp/gruri/image/common/cate/art_tit.gif) no-repeat left top; position:relative; } #caterank #title_art .btn { width: 95px; height:24px; position:absolute; right: 0; top: 0; } #caterank #title_travel { width: 529px; height:30px; background: url(http://www.shinchosha.co.jp/gruri/image/common/cate/travel_tit.gif) no-repeat left top; position:relative; } #caterank #title_travel .btn { width: 95px; height:24px; position:absolute; right: 0; top: 0; } #caterank #title_life { width: 529px; height:30px; background: url(http://www.shinchosha.co.jp/gruri/image/common/cate/life_tit.gif) no-repeat left top; position:relative; } #caterank #title_life .btn { width: 95px; height:24px; position:absolute; right: 0; top: 0; } #caterank #title_series { width: 529px; height:30px; background: url(http://www.shinchosha.co.jp/gruri/image/common/cate/series_tit.gif) no-repeat left top; position:relative; } #caterank ul { } #caterank li { background: url(http://www.shinchosha.co.jp/gruri/image/common/cate/bg2.gif) repeat-x left bottom; padding: 1px 3px 0 5px; } #caterank li.series { width: 500px; height: 36px; font-size: 14px; color: #7e7e7e; padding-top:12px; } #caterank #rankarea { height:38px; margin-top: 1px; } #caterank #ranktxt { width: 485px; float:right; font-size: 14px; color: #7e7e7e; padding-top:10px; } #caterank #ranklogo { width: 24px; height: 36px; float:left; margin-right: 6px; } #Search_category { width:714px; min-height: 24px; margin:0 auto; padding:10px; font-size: 14px; color: #7e7e7e; } #rootlink { width: 681px; height: 48px; margin-top: 10px; margin-bottom: 10px; text-align:right; vertical-align:middle; } img.rootlogo { vertical-align:middle; } /* ============================= サイド・提供元リンク */ #rlink { width:300px; min-width:300px; margin:0 auto; text-align:left; } #rlink { float:left; width: 300px; padding-bottom:10px; margin-bottom: 15px; text-align: left; background: url(http://www.shinchosha.co.jp/gruri/image/common/rlink_bg.gif) repeat-y left bottom; } #rlink .title { width: 300px; height:28px; background: url(http://www.shinchosha.co.jp/gruri/image/common/rlink_title.gif) no-repeat left top; position:relative; } #rlink ul { position: relative; margin: 10px; } #rlink li { float: left; text-align:center; width: 68px; height:28px; border:1px dashed #adadad; layout-grid-line:28px; }