@charset "utf-8"; /*Defult----------------------------------- リセットとかフォントサイズとか ------------------------------------------*/ body,html, div, dl,dt,dd,ul,ol,li, h1,h2,h3,h4,h5,h6, form,fieldset,input,textarea, p,blockquote,pre, table,thead,tbody,tfoot,th,td, article, aside, figure, footer, header, hgroup, menu, nav, section, audio, video, canvas { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0 none; } ol,ul { list-style:none; } h1,h2,h3,h4,h5,h6 { font-size:100%; } body { background-image: url(../images/body-bg.png); background-repeat: repeat; background-position: top left; line-height: 1.6; font-size: 13px; color: #444444; font-family: verdana,"MS Pゴシック","MS PGothic",Sans-Serif; /* font-family: "メイリオ",Meiryo,verdana,"MS Pゴシック","MS PGothic",Sans-Serif;*/ } a { } a:link { color: #2D83E1; } a:visited { color: #5135A6; } a:hover { color: #8FBDEF; text-decoration: none; } a:active { color: #258fb8; text-decoration: none; } /*Style----------------------------------- ヘッダーやフッターとかの基本ボックス 2カラムでサイドバーは右 W: 970px C(750px):(20px):S(200px) ------------------------------------------*/ #wrapper { margin: 0 auto; width: 1020px; } #faux { margin-bottom: 5px; overflow: hidden; width: 100%; } #faux { zoom: 100%; } #faux:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; overflow: hidden; } #header { width: 1020px; color: #333; margin: 0px auto; clear: both; } #content { float: left; margin: 0 0 0 0; padding: 15px 0 0 15px; width: 735px; display: inline; background: #FFFFFF; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #sidebar { float: right; margin: 0 0 0 0; padding: 0px; width: 250px; display: inline; } .sidebar-in { background: #FFFFFF; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px 0; margin-bottom: 20px; } #footer { clear: both; margin: 0; background-image: url(../images/footer-bg.png); background-position: top left; background-repeat: repeat-x; } #footer-in { width: 1020px; clear: both; margin: 40px auto 0; padding-top: 10px; } /*------------------------------------------ グローバルメニュー ------------------------------------------*/ /* ナビゲーション */ #nav { clear: both; background-image: url(../images/nav-bg.png); background-position: top left; background-repeat: repeat-x; margin: 0 0 10px 0; height: 46px; } #nav ul { width: 1020px; /zoom: 1; list-style: none; margin: 0 auto; } #nav ul:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; } #nav ul li { float: left; margin-right: 10px; } #nav ul li a { float: left; margin-top: 9px; text-decoration: none; } #menu { float: right; display: inline; margin-right: 5px; margin-top: 6px; } #menu ul li { display:inline; border-left: 1px solid #C6CDDB; padding: 0 0 0 7px; margin: 0 0 0 6px; } #menu ul li:first-child { border-left: none; } #menu ul li img { vertical-align: middle; } /* フッター */ #footer-in h3 { margin: 2px 5px; padding: 2px; color: #0066CC; } #footer-in ul { margin: 0 10px 10px 10px; } #footer-in ul li { border-bottom: 1px dotted #C0D4F2; padding: 2px 0 2px 10px; background-image: url(../images/footer-list.gif); background-position: 0 10px; background-repeat: no-repeat; } #footer-in a { color: #6699FF; } .update-item { float: left; _zoom: 1; overflow: hidden; width: 400px; padding-top: 10px; padding-right: 10px; margin-right: 30px; margin-left: 10px; background: #DCE7F8; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } .recommend-keyword { float: left; _zoom: 1; overflow: hidden; width: 190px; padding-top: 10px; padding-left: 10px; margin-right: 30px; background: #DCE7F8; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } .recommend-keyword p { margin: 0 10px 10px 0; } .footer-other { float: left; _zoom: 1; overflow: hidden; width: 290px; padding-left: 10px; padding-top: 10px; padding-right: 10px; background: #DCE7F8; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } #logo { float: left; display: inline; margin: 20px 20px 10px; } #subtitle { float: left; display: inline; background-image: url(../images/subtitle-bg.png); background-position: top left; background-repeat: no-repeat; width: 210px; height: 49px; margin-top: 10px; padding-top: 10px; padding-left: 30px; line-height: 1.3; font-size: 85%; color: #FFFFFF; } /*サイドバー*/ .sidebar-in h2 img { display: block; margin: 0 auto; } .looking, .search { margin-bottom: 15px; } .looking h3, .search h3 { display: block; margin: 10px; padding: 5px 0 7px 0; background: url(../images/sidebar-h3.gif) no-repeat bottom left; font-size: 93%; } .looking ul { margin: 5px 10px; } .looking ul li { border-bottom: 1px dotted #D8DDE7; } .looking ul li a { display: block; padding: 2px 1px 2px 18px; margin: 1px 0; text-decoration: none; font-size: 85%; } .looking ul li.look a { font-weight:bold; background: url(../images/sidebar-li.gif) no-repeat 5px 8px; font-size: 100%; } .looking ul li a:hover { color: #8FBDEF; } .search form { margin: 8px 0 10px 10px; padding: 0; } .search form .search-pla { height: 25px; padding: 1px 2px; width: 230px; margin-bottom: 4px; border: 1px solid #9B8CD0; } .search form .search-mode { font-weight: normal; padding: 3px 2px; margin-bottom: 4px; } .search form input.keyword { font-size: 90%; width: 185px; height: 25px; padding: 0 5px; background-color: #E7E2F3; border: 1px solid #9B8CD0; } .searchsubmit{ width: 33px; height: 27px; background: url('../images/searchsubmit-btn.gif') center top no-repeat scroll; cursor: pointer; border: none; vertical-align: bottom; } .search form #suggest { position: absolute; background-color: #FFFFFF; border: 1px solid #CCCCFF; width: 230px; } .search form #suggest div { display: block; width: 230px; overflow: hidden; white-space: nowrap; font-weight: normal; } .search form #suggest div.select{ /* キー上下で選択した場合のスタイル */ color: #FFFFFF; background-color: #3366FF; font-weight: normal; } #suggest div.over{ /* マウスオーバ時のスタイル */ background-color: #99CCFF; font-weight: normal; } .sendmail-text { margin: 5px 15px; text-align:center; } #comment { width: 165px; } .sidebar-pr { background-image: url(../images/pr-bg2.gif); background-position: bottom right; background-repeat: no-repeat; padding-bottom: 20px; margin-bottom: 8px; } /* .sidebar-pr { padding-top: 28px; background-image: url(../images/sidebar-pr-bg.gif); background-position: top right; background-repeat: no-repeat; margin-bottom: 20px; } */ .sidebar-ad { padding-top: 28px; background-image: url(../images/sidebar-ad-bg.gif); background-position: top right; background-repeat: no-repeat; margin-bottom: 10px; } .sidebar-7a { padding-top: 28px; background-image: url(../images/sidebar-7a-bg.gif); background-position: top right; background-repeat: no-repeat; margin-bottom: 10px; } .sidebar-site { padding-top: 28px; background-image: url(../images/sidebar-site-bg.gif); background-position: top right; background-repeat: no-repeat; margin-bottom: 20px; line-height:1.2; } .sidebar-site li { margin-bottom: 8px; font-size:85%; } #sidebar-banner { margin-bottom: 20px; } #sidebar-banner ul li { display: block; padding: 3px 0; } #copyright { font-size: 85%; text-align: center; color: #FFFFFF; padding: 5px 0; } /*Template----------------------------------- よく使う共通クラス ------------------------------------------*/ .floatLeft { float: left; } .floatRight { float: right; } .clearBoth { clear: both; } .alignLeft { text-align: left; } .alignRight { text-align: right; } .alignCenter { text-align: center; } .xx-large { font-size: xx-large; } .x-large { font-size: x-large; } .large { font-size: large; } .medium { font-size: 13px; } .small { font-size: small; } .x-small { font-size: x-small; } .xx-small { font-size: xx-small; } .red { color: #FF0000; } .white { color: #FFFFFF; } #content p{margin-bottom:2em;} .b-img {border: 5px solid #E5E5E5;} /*Style----------------------------------- ここから色々 ------------------------------------------*/ .pagetop { text-align: right; margin: 5px 5px; } /*パンくず*/ #topicpath { margin-bottom: 10px; margin-left: 10px; } #content h2 { margin: 0 0 7px; } /*------- トップページ -------*/ #topbanner-pr { margin: 15px 10px 15px 0; padding-rihgt:15px; background-image: url(../images/topbanner-pr.gif); background-position: top right; background-repeat: no-repeat; } #topbanner-pr2 { margin: 15px 10px 15px 0; padding-rihgt:15px; background-image: url(../images/topbanner-pr2.gif); background-position: top right; background-repeat: no-repeat; } #topbanner-pr3 { margin: 15px 10px 15px 0; padding-rihgt:15px; background-image: url(../images/topbanner-pr3.gif); background-position: top right; background-repeat: no-repeat; } #topbanner-pr4 { text-align: center; margin: 15px 10px 15px 0; padding-rihgt:15px; background-image: url(../images/topbanner-pr4.gif); background-position: top right; background-repeat: no-repeat; } #topbanner-pr5 { margin: 15px 10px 15px 0; padding-rihgt:15px; background-image: url(../images/topbanner-pr5.gif); background-position: top right; background-repeat: no-repeat; } #topbanner-pr6 { margin: 15px 10px 15px 0; padding-rihgt:15px; background-image: url(../images/topbanner-pr6.gif); background-position: top right; background-repeat: no-repeat; } #topbanner-ouen { margin: 15px; text-align: center; background-image: url(../images/topbanner-bg.gif); background-position: top right; background-repeat: no-repeat; } #topbanner-prpc { margin: 15px 10px 15px 0; text-align: center; padding-rihgt:15px; background-image: url(../images/topbanner-prpc.gif); background-position: top right; background-repeat: no-repeat; } #topbanner-radio { margin: 15px 10px 15px 0; padding-rihgt:15px; background-image: url(../images/topbanner-radio.gif); background-position: top right; background-repeat: no-repeat; } #topbanner-cd { margin: 15px 10px 15px 0; padding-rihgt:15px; background-image: url(../images/topbanner-cd.gif); background-position: top right; background-repeat: no-repeat; } #topbanner-prsf { margin: 15px 10px 15px 0; padding-rihgt:15px; background-image: url(../images/topbanner-prsf.gif); background-position: top right; background-repeat: no-repeat; } /*今月発売のゲーム*/ #sale { margin: 0 0 20px; } .saleFooter { text-align: right; margin-right: 15px; } /*ニュース*/ #news { margin: 0 0 20px; } .news-date { background-image: url(../images/news-date-bg.gif); background-position: 0 0; background-repeat: no-repeat; height: 33px; padding: 3px 5px; font-weight: bold; color: #FFFFFF; text-shadow: 0 0 4px #836DCD; } #news ul { width: 720px; margin-bottom: 10px; overflow: hidden; } #news ul li div.ml { float: left; margin-right:12px; padding: 4px 0; width: 146px; line-height: 1.6; overflow: hidden; } #news ul li div.nl { padding: 4px 0; line-height: 1.6; overflow: hidden; } #news ul li div.nl a { text-decoration: none; } #news ul li div.ml a { margin-left: 20px; color: #DAD6CA; background-color: #222222; padding: 1px 3px; display: block; text-decoration: none; font-size: 12px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #news ul li div.ml a:hover { background-color: #666666; } #news ul li div.ml span { margin-left: 20px; color: #DAD6CA; background-color: #666666; padding: 1px 3px; display: block; text-decoration: none; font-size: 12px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #news ul li div.game { background-image: url(../images/news-game.gif); background-position: 0 3px; background-repeat: no-repeat; } #news ul li div.mobile { background-image: url(../images/news-mobile.gif); background-position: 0 3px; background-repeat: no-repeat; } #news ul li div.other { background-image: url(../images/news-other.gif); background-position: 0 3px; background-repeat: no-repeat; } #news ul li.h { background-color: #F7F7F7; } #news ul li{ _zoom: 1; overflow: hidden; border-bottom: 1px dotted #E9E7E0; color: #666666; clear: both; } .newsHeader { text-align: right; margin-right: 15px; font-size:80%; } .newsFooter { margin-top: 10px; margin-bottom: 50px; margin-right: 15px; } .newsFooter a { display: block; background-image: url(../images/sidebar-li.gif); background-position: 20px 50%; background-repeat: no-repeat; padding: 15px; background-color: #F1F0E4; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius: 20px; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; text-decoration: none; text-align: center; font-weight: bold; } .newsFooter a:hover { color: #FFFFFF; background-color: #E88697; } /*インフォ・応援バナー*/ #topFooter { zoom: 100%; } #topFooter:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; } #topFooter-left { float: left; margin: 0; padding: 0px; width: 500px; display: inline; } #topFooter-right { float: right; margin: 0 15px 0 0; padding: 0px; width: 200px; display: inline; } #infomation dt { padding: 2px; font-weight: bold; } #infomation dd { padding: 2px; border-bottom: 1px dotted #DAD6CA; margin-bottom: 5px; } #banner { margin-bottom: 15px; } /*------- ゲーム一覧 -------*/ .actor, .category, .maker, .static, .cdseries { margin-bottom: 20px; clear: both; } .actor:after, .category:after, .maker:after, .static:after, .cdseries:after { display: block; height: 0; visibility: hidden; } .actor h2, .category h2, .maker h2, .cdseries h2 { float: left; margin-right: 10px; width: 156px; overflow: hidden; } .static h2 { float: left; margin-right: 10px; width: 156px; overflow: hidden; background-image: url(../images/cate-title-static.gif); background-position: 2px 10px; background-repeat: no-repeat; height: 35px; font-size: 117%; } .actor .text, .category .text, .maker .text, .static .text { _zoom: 1; overflow: hidden; border-left: 3px dotted #B09BFB; padding-left: 15px; } .actor .text2, .maker .text2, .static .text2 { _zoom: 1; overflow: hidden; border-left: 3px dotted #B1F87E; padding-left: 15px; } .actor .text3, .maker .text3, .static .text3, .cdseries .text3 { _zoom: 1; overflow: hidden; border-left: 3px dotted #FB827B; padding-left: 15px; } .actor ul, .maker ul, .static ul, .cdseries ul { overflow: hidden; margin-bottom: 30px; margin-left: 10px; clear: both; } .category ul { overflow: hidden; margin-bottom: 10px; margin-left: 10px; clear: both; } .actor ul li, .maker ul li { float: left; display: block; margin: 5px 30px 5px 0; background-image: url(../images/sidebar-li.gif); background-position: 0 8px; background-repeat: no-repeat; padding-left: 13px; border-bottom: 1px dotted #CCC7B7; } .static ul li, .category ul li { display: block; margin: 5px 30px 5px 0; background-image: url(../images/sidebar-li.gif); background-position: 0 8px; background-repeat: no-repeat; padding-left: 13px; border-bottom: 1px dotted #CCC7B7; } .cdseries ul li { float: left; display: block; margin: 5px 10px 5px 0; background-image: url(../images/sidebar-li.gif); background-position: 0 8px; background-repeat: no-repeat; padding-left: 13px; border-bottom: 1px dotted #CCC7B7; } .actor ul li a, .maker ul li a, .category ul li a, .cdseries ul li a { font-size:100%; } .actor ul li{ width: 129px; } .actor h3, .category h3, .cdseries h3 { clear: both; } .maker ul li { width: 216px; } .cdseries ul li { width: 241px; height: 110px; _zoom: 1; overflow: hidden; /*_zoom: 1; overflw: hidden; clear: both; padding: 2px 0;*/ } /*------- 商品ページ -------*/ #item { zoom: 100%; margin-bottom: 30px; } #item:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; } #item h1 { font-size: 134%; padding: 10px 10px 15px 30px; margin: 0 15px 5px 0; background-image: url(../images/item-title.png); background-position: 0 0; background-repeat: no-repeat; text-shadow:0 1px 1px #FFF; } #item h1.long-title { background-image: url(../images/long-title.png); } #item h1.app-title { background-image: url(../images/app-title.png); } #item h1.cd-title { background-image: url(../images/cd-title.png); } .subcategory { margin: 0 20px 22px 0; text-align: right; line-height: 2; } #item .item-imagebox { float: left; margin: 0 0 0 15px; padding: 0 15px 0 0; width: 255px; display: inline; } #item img.item-image { /* display: block;*/ border: 8px solid #EEEEEE; } #item .item-mainbox { float: right; margin: 0 5px 0 0; padding: 0px; width: 440px; display: inline; } .item-mainbox table.item-datatable { width: 435px; margin-bottom: 10px; overflow: hidden; } .item-mainbox table.item-datatable tr { } .item-mainbox table.item-datatable th { width: 160px; padding: 5px 0 5px 6px; text-align: left; vertical-align: top; background-image: url(../images/itembox-th.gif); background-position: 0 0; background-repeat: no-repeat; } .item-mainbox table.item-datatable td { padding: 5px 0; text-align: left; vertical-align: top; background-image: url(../images/itembox-td.gif); background-position: 0 0; background-repeat: no-repeat; } .item-mainbox dl { _zoom: 1; width: 435px; margin-bottom: 10px; overflow: hidden; } .item-mainbox dl dt { float: left; padding: 2px 0; width: 160px; background-image: url(../images/item-border.gif); background-position: bottom left; background-repeat: no-repeat; overflow: hidden; } .item-mainbox dl dt span { display: block; padding: 2px 2px; margin: 1px 30px 0 0; background: #EEEEEE; font-weight: bold; } .item-mainbox dl dd { margin-left: 10px; padding: 5px 30px; background-image: url(../images/item-border.gif); background-position: bottom left; background-repeat: no-repeat; overflow: hidden; } .amazon-sale { margin: 5px 0; } /*特典や声優*/ .item-databox, .app-databox, .cd-databox { padding: 10px; margin-bottom: 20px; clear: both; } .item-databox:after, .app-databox:after, .cd-databox:after { display: block; height: 0; visibility: hidden; } .item-databox h2, .app-databox h2, .cd-databox h2 { float: left; margin-right: 10px; width: 210px; overflow: hidden; } .item-databox .text { _zoom: 1; overflow: hidden; border-left: 3px dotted #B09BFB; padding-left: 15px; } .app-databox .text { _zoom: 1; overflow: hidden; border-left: 3px dotted #B1F87E; padding-left: 15px; } .cd-databox .text { _zoom: 1; overflow: hidden; border-left: 3px dotted #FB827B; padding-left: 15px; } .item-databox .text ul li, .app-databox .text ul li, .cd-databox .text ul li { background-image: url(../images/sidebar-li.gif); background-position: 0 5px; background-repeat: no-repeat; border-bottom: 1px dotted #CCC7B7; padding: 2px 0 2px 18px; } .item-databox .items, .app-databox .items, .cd-databox .items { position: relative; float: left; width: 150px; margin-right: 8px; margin-bottom: 20px; } .item-databox .items2, .app-databox .items2, .cd-databox .items2 { position: relative; float: left; width: 110px; margin-right: 6px; margin-bottom: 20px; font-size: 85%; } .item-databox .items2 img, .item-databox .items img, .app-databox .items2 img, .app-databox .items img, .cd-databox .items2 img, .cd-databox .items img { border: 3px solid #EEEEEE; text-decoration: none; } /* アイテムページナビ */ #itemnav{ width:86px; margin-left:-100px; top:200px; position:fixed; list-style-type:none; text-align: right; } #itemnav li{ margin-bottom:10px; text-align: right; } #itemnav li.inbookmark, #itemnav li.inbookmarkcom, #itemnav li.inbookmarkdel, #itemnav li.inbookmarkdelcom { margin-top:30px; } #itemnav li a{ display: block; background-repeat: no-repeat; height: 37px; background-image: url(../images/itemnav.png); } #itemnav li.intop a { background-position: 14px 0; } #itemnav li.incommon a { background-position: 14px -37px; } #itemnav li.incast a { background-position: 14px -74px; } #itemnav li.intokuten a { background-position: 14px -111px; } #itemnav li.intenpo a { background-position: 14px -148px; } #itemnav li.inreview a { background-position: 14px -185px; } #itemnav li.inbookmark a { background-position: 14px -222px; } #itemnav li.inbookmarkcom a { background-position: 14px -259px; } #itemnav li.inbookmarkdel a { background-position: 14px -296px; } #itemnav li.inbookmarkdelcom a { background-position: 14px -333px; } #itemnav li.intop a:hover { background-position: -72px 0; } #itemnav li.incommon a:hover { background-position: -72px -37px; } #itemnav li.incast a:hover { background-position: -72px -74px; } #itemnav li.intokuten a:hover { background-position: -72px -111px; } #itemnav li.intenpo a:hover { background-position: -72px -148px; } #itemnav li.inreview a:hover { background-position: -72px -185px; } #itemnav li.inbookmark a:hover { background-position: -72px -222px; } #itemnav li.inbookmarkcom a:hover { background-position: -72px -259px; } #itemnav li.inbookmarkdel a:hover { background-position: -72px -296px; } #itemnav li.inbookmarkdelcom a:hover { background-position: -72px -333px; } /*キーワード*/ .item-keyword a{ line-height: 2.2; padding: 5px; text-decoration:none; background-color:#DCE7F8; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius: 30px; } .item-keyword { word-wrap: break-word; } a.link { background:transparent url("../images/target-icon.gif") center right no-repeat; padding-right:15px; } a.mlink { background:transparent url("../images/target-icon-a.gif") center right no-repeat; padding-right:15px; } a.alink { background:transparent url("../images/remote-buy-jp1._V192237378_.gif") center right no-repeat; padding-right:15px; } a.aslink { background:transparent url("../images/amazon-botton.gif") center right no-repeat; padding-right:15px; } a.slink { background:transparent url("../images/sidebar-li.gif") center left no-repeat; padding-left:12px; } a.tlink { background:transparent url("../images/twitter.jpg") center right no-repeat; padding-right:18px; } /*------- ゲームカテゴリ -------*/ #game-title { margin: 0 15px 5px 0; background-image: url(../images/game-title.png); background-position: 0 0; background-repeat: no-repeat; height: 128px; } #appcate-title { margin: 0 15px 5px 0; background-image: url(../images/appcate-title.png); background-position: 0 0; background-repeat: no-repeat; height: 128px; } #cdcate-title { margin: 0 15px 5px 0; background-image: url(../images/cdcate-title.png); background-position: 0 0; background-repeat: no-repeat; height: 128px; } #game-title h1, #appcate-title h1, #cdcate-title h1 { font-size: 142%; padding: 10px 10px 0 30px; text-shadow:0 1px 1px #FFF; } #game-title p, #appcate-title p, #cdcate-title p { text-align: right; padding: 10px 10px 0 30px; } ul.category-menu { } ul.category-menu:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; } ul.category-menu li { font-size: 110%; font-weight:bold; float: left; margin-right: 21px; } ul.category-menu li a { display: block; background-image: url(../images/sidebar-li.gif); background-position: 5px 12px; background-repeat: no-repeat; padding: 5px 8px 5px 15px; background-color: #F1F0E4; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius: 20px; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; } ul.category-menu li a:hover { color: #FFFFFF; background-color: #D02746; } ul.category-menu li.current a { color: #FFFFFF; background-color: #E88697; } #game-list h1, .static h1, #news h1 { font-size: 134%; padding: 10px 10px 15px 30px; margin: 0 15px 5px 0; background-image: url(../images/item-title.png); background-position: 0 0; background-repeat: no-repeat; text-shadow:0 1px 1px #FFF; } #cd-list h1 { font-size: 134%; padding: 10px 10px 15px 30px; margin: 0 15px 5px 0; background-image: url(../images/cd-title.png); background-position: 0 0; background-repeat: no-repeat; text-shadow:0 1px 1px #FFF; } .sort-box { background-color:#F1F0E4; padding: 10px; margin-right:15px; margin-bottom:15px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; zoom: 100%; } .sort-box:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; } .sort-box dl { clear: both; border-bottom:1px dotted #DAD6CA; } .sort-box dl:after { content: "."; line-height: 0; display: block; height: 0; clear: both; visibility: hidden; font-size: 0.1em; } .sort-box dl dt{ float:left; font-weight:bold; width: 100px; padding: 3px; font-size: 93%; } .sort-box dl dd{ font-size: 93%; float:left; margin:0 2px 0 0; padding: 3px; } .sort-box dl dd.end{ margin-left:0; } .sort-box dl dd a{ display:block; padding: 2px 5px; text-decoration:none; background-color:#FFFFFF; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius: 10px; } .sort-box dl dd a:hover{ background-color:#D02746; color: #FFFFFF; } .sort-box dl dd a.current{ background-color:#E88697; color: #FFFFFF; } /*リスト*/ .game-list-box, .app-list-box { clear: both; padding: 15px; margin-bottom: 20px; margin-right: 20px; background: #eee; background-color:#F1F0E4; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden; } .game-list-box .datail { _zoom: 1; margin-bottom: 10px; padding: 15px; background-color:#FFFFFF; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden; } .game-list-box .datail:after { display: block; height: 0; visibility: hidden; } .game-list-box .datail .image { float: left; margin-right: 10px; padding-right: 10px; overflow: hidden; border-right: 2px dashed #F1F0E4; } .game-list-box .datail .text { _zoom: 1; overflow: hidden; } .game-list-box .datail p { margin-left: 10px; } .game-list-box .datail h4 { font-size: 110%; padding: 6px 0; } .game-list-box .datail .datail-category { text-align: left; } /*携帯アプリ*/ .app-list-box .datail { margin-bottom: 10px; margin-right: 5px; margin-left: 5px; padding: 15px; background-color:#FFFFFF; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden; } .app-list-box .datail .image { float: left; margin: 0 20px 0 0; border:1px solid #fff;-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.3); } .app-list-box .datail .text { } .app-list-box .datail .text p { margin-left: 10px; margin-bottom: 0px !important; overflow:auto; zoom: 1; } .app-list-box .datail h4 { font-size: 110%; padding: 6px 0; } .app-list-box .datail .datail-category { text-align: left; font-size: 93%; } /*タイプ*/ .type-otome, .type-bl, .type-ippan, .adult, .gameclass, .voiceclass { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #EBEBDC; padding: 2px; color: #8E776C; } .type-otome { background-color: #F7E6F2; } .type-bl { background-color: #E6E6F7; } .type-ippan { background-color: #D7ECFF; } .gameclass { background-color: #F1F0E4; } .adult { background-color: #F3A9D3; } .voiceclass { background-color: #E2F5E0; } /*------- ページャー -------*/ div.pager { margin-top: 20px; padding-bottom: 20px; margin-left: 10px; clear: both; } div.pager a, div.pager span { display: block; float: left; margin-right: 0.1em; padding: 0.2em 0.5em; } div.pager a { color: #E88697; background-color: #fff; border: 1px solid #E88697; text-decoration: none; } div.pager a:hover { color: #003; background-color: #F2BFC8; border: 1px solid #E88697; } div.pager span.current { color: #fff; background-color: #E88697; border: 1px solid #E88697; font-weight: bold; } div.pager span.nextprev { border: 1px solid #ddd; color: #999; background-color: #fff; } div.pager a.nextprev { font-weight: bold; } .indes { color: #FF3399; } a.unlink { color: #666666; } /* 注意書き */ .att { padding: 6px; margin-bottom: 10px; margin-right: 10px; color: #666666; } /*CD商品詳細*/ #item .cd-imagebox { float: left; margin: 0 0 0 5px; padding: 0 5px 0 0; width: 425px; display: inline; } #item cd.item-image { display: block; border: 8px solid #EEEEEE; } #item .cd-mainbox { float: right; margin: 0 15px 0 0; padding: 0px; width: 275px; display: inline; } .cd-mainbox dl { margin-bottom: 10px; overflow: hidden; } .cd-mainbox dl dt { padding: 2px 2px 2px 10px; margin: 2px 0; background: #EEEEEE; font-weight: bold; } .cd-mainbox dl dd { padding: 2px 2px 2px 10px; margin: 2px 0; } /*番号付きリスト*/ .num-list li { margin-left:2em; list-style-type: decimal; } table.ade-table { border: 1px #E3E3E3 solid; border-collapse: collapse; border-spacing: 0; margin-right: 5px; margin-bottom: 10px; } .ade-table th { padding: 3px; border: 1px solid #E3E3E3; background: #F5F5F5; font-weight: bold; text-align: center; } .ade-table td { padding: 3px; border: 1px solid #E3E3E3; text-align: left; } /*質問BOX*/ #que { margin: 0 15px 5px 0; } #que h1 { padding: 10px 10px 10px 35px; margin-bottom: 5px; background-image: url(../images/que-title.png); background-position: 0 0; background-repeat: repeat-x; font-weight: bold; font-size: 108%; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #que-title { margin-bottom: 15px; background-image: url(../images/que-bg.png); background-position: 0 0; background-repeat: no-repeat; height: 85px; } #que-title h1 { padding: 50px 0 0 15px; } #que h3 { background-color: #FBF7C6; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; font-weight: bold; padding: 5px 15px; margin: 15px 0; } #que-list { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color:#F1F0E4; padding: 15px; margin: 0 0 10px 0; } #que-list .datail { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color:#FFFFFF; padding: 10px; margin: 0 0 15px 0; } #que-list .datail .comment { padding: 5px; margin: 0 0 15px 0; } #que .user-name { margin-bottom: 5px; text-align: right; } #que .user-name span { color: #E7A0A4; } #que .ex { background-color:#F1F0E4; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; margin: 15px 0; } .calendar-table { background-color: #FFFFFF; } .calendar-table tr { } .calendar-table tr:nth-child(even) { background-color: #FAFAFA; } .calendar-table td { padding: 5px; border: 1px solid #E5E5E5; } .calendar-table td a:link { text-decoration: none; } .calendar-table td a:hover { text-decoration: underline; } .calendar-date { } .calendar-title { } .calendar-maker { font-size:11px; } .calendar-type { font-size:11px; text-align: center; } .calendar-pla { font-size:11px; text-align: center; } .item-mainbox table.apl-datatable { width: 435px; margin-bottom: 10px; overflow: hidden; } .item-mainbox table.apl-datatable tr { } .item-mainbox table.apl-datatable th { width: 130px; padding: 1px 5px; text-align: left; background-color: #EEEEEE; font-weight: normal; border-top: 1px dotted #FFFFFF; } .item-mainbox table.apl-datatable td { padding: 1px 1px 1px 10px; text-align: left; border-top: 1px dotted #FFFFFF; } .item-mainbox table.apl-datatable tr.app_platform th, .item-mainbox table.apl-datatable tr.app_platform td { border-top: 2px solid #FFFFFF; } .app-media { font-size: 11px; margin-bottom:5px; } .platform ul li { background-image: none; padding-bottom: 8px; } a.plabotton { display: block; margin-bottom: 8px; height: 43px; color: #333333; text-align: center; line-height: 43px; font-weight: bold; text-decoration: none; text-shadow: 0 -1px 1px #FFF, -1px 0 1px #CCCCCC, 1px 0 1px #CCCCCC; border: 1px solid #CCCCCC; background-color: #F1F0E4; background-repeat: no-repeat; background-position: 10px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; } a.pla-psp { background-image: url(../images/platform-icon-psp.gif); } a.pla-pspvita { background-image: url(../images/platform-icon-pspvita.gif); } a.pla-psstore { background-image: url(../images/platform-icon-psstore.gif); } a.pla-ps3 { background-image: url(../images/platform-icon-ps3.gif); } a.pla-ps2 { background-image: url(../images/platform-icon-ps2.gif); } a.pla-ps { background-image: url(../images/platform-icon-ps.gif); } a.pla-nds { background-image: url(../images/platform-icon-nds.gif); } a.pla-3ds { background-image: url(../images/platform-icon-3ds.gif); } a.pla-pc { background-image: url(../images/platform-icon-pc.gif); } a.plabotton:hover { color: #FFFFFF; background-position: 11px 4px; background-color: #E88697; text-shadow: 0 -1px 1px #D02746, -1px 0 1px #D02746, 1px 0 1px #D02746; } a.plasubbotton { display: block; margin-bottom: 5px; height: 26px; color: #555555; text-align: center; line-height: 26px; text-decoration: none; border: 1px solid #CCCCCC; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; } a.plasubbotton:hover { background: url(../images/sidebar-li.gif) no-repeat 12px 10px #E88697; } .fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 1; } .mobilebtn { display: block; padding: 5px 10px 5px; margin-bottom: 0; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; background-color: #FFFFFF; border: 2px solid #C1C1C1; border-bottom-color: #666666; border-right-color: #666666; font-size: 500%; } a.mobilebtn:hover { background-color:#D02746; color: #FFFFFF; } .bookmark-btn { display: block; background: -moz-linear-gradient(top,#FFF 0%,#EEE); background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE)); border: 1px solid #DDD; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #111; width: 230px; padding: 5px 0; text-decoration: none; text-align: center; margin-left: 10px; font-size: 12px; } .adsense-footer { width: 1020px; margin: 30px auto 0 auto; padding: 0; text-align: center; } /* 特別バナー */ .f_area{ position:relative; } .f_area img{ } .appstore{ display:block; position:absolute; width: 20%; height: 21%; top: 45%; left: 75%; } .googleplay{ display:block; position:absolute; width: 20%; height: 21%; top: 70%; left: 75%; }