/* ============================ Base CSS ============================== 基本設定 0.共通スタイル 1.枠組み 1-1.ヘッダー 1-2.グローバルナビ 1-3.フッター 2.二階層目以降 2-1.メインカラム 2-2.右カラム 3.広告 3-1.アドネット 99.noDocument ==================================================================== */ /* 0.共通 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */ body { margin:0; padding:0; color:#333; font-style:normal; font-weight:normal; font-size:12px; line-height:17px; background:#FFF; font-family:"ＭＳ Ｐゴシック"; } /*--- New Clear Fix ---*/ .cf:before,.cf:after { content:""; display:table; } .cf:after{ clear:both; } .cf{ zoom:1; }/* For IE 6/7 (trigger hasLayout) */ /*--- フォントサイズ ---*/ .txt10 {font-size:10px;} .txt11 {font-size:11px;} .txt14 {font-size:14px;} /*--- フォントカラー ---*/ .txtRed { color:#df0000; } .txtBrown { color:#6e4529; } /* フォント */ .txtBold { font-weight:bold; } /*--- リンク ---*/ a {color:#0066cb;text-decoration:none;} a:hover {color:#ea6767;text-decoration:underline;} a.pattention {font-size:10px; text-decoration:underline;} a:hover.pattention {text-decoration:none;} /*--- ポイント表記 ---*/ #wrapper ol.point { padding:5px 0px;} #wrapper ol.point em {background:url(/img/point/point.gif) left top no-repeat; padding-left:14px;color:#4d4d4d; font-size:10px; margin:0px;font-style:normal;} #wrapper ol.point s {font-weight:bold;font-size:12px;} #wrapper ol.point u { text-decoration:none; font-weight:bold; color:#d50000; font-size:11px;} #wrapper ol.point i {font-style:normal; font-size:17px;} #wrapper ol.point .pointup {padding:5px 5px 0px 0px;} #wrapper .p_shop_no { color:#D50000; font-size:10px; } #wrapper .point_icon { padding:5px 0px 5px 15px; background:url(/img/point/point.gif) 0px 7px no-repeat; color:#c80000; font-style:normal; } #wrapper .point_icon i { font-style:normal; } /*--- margin ---*/ .mT05 { margin-top:5px;} .mT10 { margin-top:10px;} .mT15 { margin-top:15px;} .mT20 { margin-top:20px;} .mT25 { margin-top:25px;} .mT30 { margin-top:30px;} .mB05 { margin-bottom:5px;} .mB10 { margin-bottom:10px;} .mB15 { margin-bottom:15px;} /*--- padding ---*/ .pT10 { padding-top:10px;} .pB05 { padding-bottom:5px;} .pB10 { padding-bottom:10px;} .pR05 { padding-right:5px;} /*--- arrow ---*/ .arrow01 { background:url(/img/common/arrow.gif) 0px 3px no-repeat; padding-left:15px; } /* IE8,7 huck */ .arrow01 { /* IE8 */ background:url(/img/common/arrow.gif) 0px 2px no-repeat\9; /* IE7 */ *background:url(/img/common/arrow.gif) 0px 0px no-repeat; } /* IE9 huck */ :root .arrow01 { background:url(/img/common/arrow.gif) 0px -1px no-repeat \0/; } /*--- お知らせ・メンテナンス ---*/ .fmInfo { border:1px solid #ccc; padding:10px; text-align:center; background-color:#fffec5; } /* 1.枠組み ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */ #wrapper { width:950px; margin:0 auto; } /* smartphoneへの切替 */ #modePC { width:950px; margin:10px auto; } /* 1-1.ヘッダー ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */ #header { border-top:2px solid #fdaf05; width:950px; margin:0px auto; } #header .fruitlogo { float:left; margin-top:20px; } /*--- festival icon ---*/ #header .festivalNotice { padding-left: 10px; float:left; } /*--- search --- */ #searchBlock { background-color:#f0f0f0; padding:5px; height:23px; margin-bottom:5px; } #searchBlock li { float:left; } #searchBlock .searchTitle { position:relative; top:3px; margin-right:5px; } #searchBlock .yahooLogo { width:240px; border:1px solid #7f9db9; height:23px; padding:0px; line-height:20px; background:#ffffff url(/img/header/search_yahoo_bg.gif) no-repeat right 3px; } #searchBlock .btn { margin:0px 5px; } #searchBlock .rule { position:relative; top:4px; margin-right:5px; margin-top:1px; } #searchBlock .keywords { float:left; position:relative; top:3px; _top:5px; font-size:11px; } #searchBlock .keywords a { font-size:12px; } /*--- adnet ---*/ .adnet { float:right; margin:5px 0px 7px 0px; } /*--- path ---*/ .path { margin:10px 0px; } /* 1-2.グローバルナビ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */ #globalNavi { background:url(/img/header/global_navi.gif) no-repeat; height:42px; width:950px; margin:0px auto 0px auto; position:relative; z-index:200; } #globalNavi li { position:relative; float:left; margin:0; text-indent:-9999px; } #globalNavi li a:hover { display:block; } #globalNavi li ul { display:none; position:absolute; top:30px; left:-10px; padding:7px; width:215px; background:#fff; border:solid 1px #ccc; } #globalNavi li.top a { width:96px; height:42px; display:block; background-position:0px 0px; } #globalNavi li.top:hover { background:url(/img/header/global_navi.gif) 0px -42px no-repeat; } #globalNavi li.pointList a { width:170px; height:42px; display:block; } #globalNavi li.pointList:hover { background:url(/img/header/global_navi.gif) -96px -42px no-repeat; } #globalNavi li.research a { width:180px; height:42px; display:block; } #globalNavi li.research:hover { background:url(/img/header/global_navi.gif) -266px -42px no-repeat; } #globalNavi li.game a { width:149px; height:42px; display:block; } #globalNavi li.game:hover { background:url(/img/header/global_navi.gif) -446px -42px no-repeat; } #globalNavi li.present a { width:164px; height:42px; display:block; } #globalNavi li.present:hover { background:url(/img/header/global_navi.gif) -595px -42px no-repeat; } #globalNavi li.fruitshopping a { width:190px; height:42px; display:block; } #globalNavi li.fruitshopping:hover { background:url(/img/header/global_navi.gif) -759px -42px no-repeat; } #globalNavi li ul li { text-indent:0px; } #globalNavi li .naviBody { width:100%; } #globalNavi li .naviBody .ttl { font-weight:bold; background:url(/img/common/arrow.gif) 0 -405px no-repeat; padding-left:15px; margin-bottom:5px; } #globalNavi li .naviBody p { float:left; overflow:hidden; width:100%; } #globalNavi li .naviBody p a { float:left; background:url(/img/common/arrow.gif) 0 -309px no-repeat; padding-left:13px; width:auto; height:auto; margin-right:4px; line-height:18px; white-space:nowrap; } #globalNavi li .naviBody .more { float:right; margin-top:5px; } #globalNavi li .naviBody .more a { background:url(/img/common/arrow.gif) 0 -490px no-repeat; padding-left:12px; width:auto; height:auto; } #globalon { height:42px; } #globaloff { height:42px; } /* アイコン位置調整 */ #globalNavi li .naviBody .margin11 { margin-left:11px; } #globalNavi li .naviBody .margin03 { margin-left:3px; } div#naviUnderMenu { width: 950px; margin: 0 auto; background: #efefef; } div#naviUnderMenu span { font-weight: bold; } div#naviUnderMenu p, div#naviUnderMenu ul, div#naviUnderMenu li { float: left; } div#naviUnderMenu p { padding-left: 15px; } div#naviUnderMenu ul { padding-left: 5px; padding-right: 10px; } div#naviUnderMenu a{ background: url(/img/common/arrow.gif) 0px -311px no-repeat; padding-left:15px; } div#naviUnderMenu .naviUnderBox { float: left; padding: 4px 0 4px 10px; border-right: dotted 1px #ccc; font-size: 12px; } div#naviUnderMenu .naviUnderBoxLast { float: left; padding: 4px 0 4px 10px; font-size: 12px; } /* 1-3.フッター ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */ #footerArea { width:950px; overflow:hidden; margin:20px auto 0px auto; background:url(/img/footer/footer_bg.gif) 0px 33px no-repeat; } #footerArea p.pagetop { font-size:10px; line-height:14px; float:right; margin-right:10px; } #footerArea p.pagetop a { display:block; width:40px; background:url(/img/footer/pagetop.gif) no-repeat; padding:0px 0px 5px 48px; } #footerLink { overflow:hidden; width:950px; height:316px; } #footerLink dl { float:left; color:#0066cb; line-height:18px; margin:0px 15px; display:block; } #footerLink dt { font-weight:bold; margin-top:15px; } #footerLink dd { font-size:10px; } #footerLink dd.privacy { margin-top:90px; } #footerLink dd.privacy a { background:#fff; display:block; } #footerLink dd.noTitle { margin-top:32px; } #footerArea .footerGlobalLink { text-align:center; float:left; width:950px; font-size:14px; color:#725533; padding:5px; } #footerArea .footerGlobalLink a { color:#725533; text-decoration:none; } #footerArea .footerGlobalLink a:hover { text-decoration:underline; } #footerArea ul { margin:8px 0px; } #footerArea li { display:inline; } /* 2-1.メインカラム ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */ #mainContents { width:950px; margin-right:-250px; } #contentsLeft { width: 690px; float: left; } /*--- ログイン前　コンテンツ紹介 ---*/ div.otherContentsInfo { height: 100px; margin-top: 5px; background: url(/img/loginbefore/contents_info/bg_other.png) no-repeat; } div.otherContentsInfo .otherOne { float: left; width: 228px; height: 100px; } div.otherContentsInfo .rightDot { border-right: 1px dotted #f5a41d; } div.otherContentsInfo ul { float: left; width: 80px; padding-top: 15px; text-align: center; } div.otherContentsInfo dl { float: left; padding-top: 15px; } div.otherContentsInfo dd.toContents { padding-top: 5px; } div.instructionBtn { margin-top: 20px; } div.instructionBtn p { float: left; padding-left: 20px; } /* 2-2.右カラム ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */ /*--- ログイン前 ---*/ #contentsRight { width: 250px; float: right; color:#333; } #contentsRight a { text-decoration: underline; } #contentsRight a:hover { text-decoration: none; } #contentsRight .rightBox { width:240px; overflow:hidden; background:#efefef; text-align:center; border-left:1px solid #ddd; border-right:1px solid #ddd; padding: 0 4px 0; } #contentsRight p.greeting { height: 20px; width: 250px; padding-top: 26px; padding-left: 15px; font-size: 10px; background: url(/img/loginbefore/right_area/bg_greeting.gif) no-repeat; } #contentsRight p.registBtn { margin-bottom: 5px; } /* #contentsRight .fruitAbout { width:238px; overflow:hidden; background:#ffffff; text-align:left; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 10px 0 0; margin-bottom:10px; behavior: url(fruit/css/PIE.htc); } */ #contentsRight .fruitAbout { width:238px; overflow:hidden; background:#ffffff; text-align:left; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 10px 0 0; margin-bottom:10px; } #contentsRight .fruitAbout h3 { margin:10px 0 5px; } #contentsRight .fruitAbout h4 { margin:10px 10px 0; } #contentsRight .box { margin-bottom:10px; padding: 0 4px 10px; border-bottom:1px dotted #ccc; font-size:12px; } #contentsRight .borderNone { border-bottom: none; } #contentsRight .box p { padding: 0 5px; } #contentsRight .ranking { margin:5px 10px 0; } #contentsRight .ranking li { padding-bottom: 1px; margin-bottom: 3px; border-bottom: 1px solid #ccc; } #contentsRight .ranking dt { float: left; width: 115px; padding-left: 20px; } #contentsRight .ranking .rank1 { background: url(/img/loginbefore/right_area/icon_rank01.gif) no-repeat; } #contentsRight .ranking .rank2 { background: url(/img/loginbefore/right_area/icon_rank02.gif) no-repeat; } #contentsRight .ranking .rank3 { background: url(/img/loginbefore/right_area/icon_rank03.gif) no-repeat; } #contentsRight .ranking .rank4 { background: url(/img/loginbefore/right_area/icon_rank04.gif) no-repeat; } #contentsRight .ranking .rank5 { background: url(/img/loginbefore/right_area/icon_rank05.gif) no-repeat; } #contentsRight .ranking dd { float: left; color: #bc1a1a; } #contentsRight .moreExp { margin:5px 5px 0; } #contentsRight .moreExp li { padding-left: 22px; line-height: 1.1; margin-bottom: 10px; font-size:12px; } #contentsRight .moreExp .rank1 { background: url(/img/loginbefore/right_area/icon_more01.gif) no-repeat; } #contentsRight .moreExp .rank2 { background: url(/img/loginbefore/right_area/icon_more02.gif) no-repeat; } #contentsRight .moreExp .rank3 { background: url(/img/loginbefore/right_area/icon_more03.gif) no-repeat; } #contentsRight .moreExp .rank4 { background: url(/img/loginbefore/right_area/icon_more04.gif) no-repeat; } /*--- ログイン後 ---*/ #subRightArea { width:240px; padding-left:10px; } #subRightArea h3 { font-size:14px; font-weight:bold; color:#6e4529; border-bottom:1px dotted #b3b3b3; padding-bottom:5px; } /*--- rightBox ---*/ #rightBox { width:240px; margin-bottom:10px; } /*--- rightInfo ---*/ /* #subRightArea #rightInfo { width:240px; overflow:hidden; border-top:4px solid #ffa81e; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding:5px 4px; margin-bottom:10px; behavior: url(fruit/css/PIE.htc); } */ #subRightArea #rightInfo { width:240px; overflow:hidden; border-top:4px solid #ffa81e; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding:5px 4px; margin-bottom:10px; } /*--- exciteKw ---*/ /* #subRightArea #exciteKw { line-height:18px; width:230px; overflow:hidden; border-top:4px solid #ffa81e; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding:10px 9px; margin-bottom:10px; behavior: url(fruit/css/PIE.htc); } */ #subRightArea #exciteKw { line-height:18px; width:230px; overflow:hidden; border-top:4px solid #ffa81e; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding:10px 9px; margin-bottom:10px; } #subRightArea #exciteKw ul { margin:10px 0px; } #subRightArea #exciteKw li { float:left; width:90px; } /*--- nandemoqa ---*/ /* #subRightArea #nandemoqa { line-height:18px; width:230px; overflow:hidden; border-top:4px solid #ffa81e; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding:10px 9px; margin-bottom:10px; behavior: url(fruit/css/PIE.htc); } */ #subRightArea #nandemoqa { line-height:18px; width:230px; overflow:hidden; border-top:4px solid #ffa81e; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding:10px 9px; margin-bottom:10px; } /* hot */ #subRightArea #nandemoqa h4 { font-size:14px; padding:5px 0px 0px 5px; color:#6e4529; } #subRightArea #nandemoqa .hotqa { padding:5px; } /*--- recommendedLink ---*/ /* #subRightArea #recommendedLink { line-height:18px; width:230px; overflow:hidden; border-top:4px solid #ffa81e; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding:10px 9px; margin-bottom:10px; behavior: url(fruit/css/PIE.htc); } */ #subRightArea #recommendedLink { line-height:18px; width:230px; overflow:hidden; border-top:4px solid #ffa81e; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding:10px 9px; margin-bottom:10px; } #subRightArea #recommendedLink ul { margin:5px 0px; } #subRightArea #recommendedLink li { margin:3px 0px; } #subRightArea #recommendedLink li.ttl { color:#6e4529; border-bottom:1px dotted #b3b3b3; background:url(/img/common/arrow.gif) 0px -82px no-repeat; padding-left:15px; margin:10px 0px 5px 0px; } #subRightArea #recommendedLink a { background:url(/img/common/arrow.gif) 0px -309px no-repeat; padding-left:15px; } /* 3-1.アドネット ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */ .adnetIframe { text-align:center; } /* 4.ポイント有効期限延長キャンペーン ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */ #pointExtension01 { width:950px; margin:8px auto; text-align:center; } #pointExtension01 img { text-align:center; display:block; } #pointExtension02 { width:950px; margin:8px auto 2px auto; text-align:center; } #pointExtension02 img { text-align:center; display:block; } /* 99.noDocument ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */ .noDoc { text-align:center; } .noDoc #searchBlock { line-height:12px; } .noDoc #searchBlock .searchTitle { position:relative; top:3px; } .noDoc #searchBlock .yahooLogo { width:242px; height:25px; } .noDoc #searchBlock .rule { position:relative; top:4px; line-height:0px; margin-top:1px; } .noDoc #searchBlock .keywords { position:relative; top:5px; } /* IE7 huck */ .noDoc #searchBlock .yahooLogo { *position:relative; *top:1px; } /* IE8 huck */ .noDoc #searchBlock { line-height:15px\9; padding:3px 5px\9; height:18px\9; } .noDoc #searchBlock .searchTitle { position:relative\9; top:5px\9; } .noDoc #searchBlock .yahooLogo { position:relative\9; top:1px\9; } .noDoc #searchBlock .btn { position:relative\9; top:2px\9; left:5px\9; } .noDoc #searchBlock .rule { position:relative\9; top:6px\9; margin-right:5px\9; } .noDoc #searchBlock .keywords { position:relative\9; top:6px\9; } /* IE9 huck */ :root .noDoc #searchBlock { padding:4px \0/; height:25px \0/; } :root .noDoc #searchBlock .searchTitle { position:relative \0/; top:4px \0/; } :root .noDoc #searchBlock .btn { position:relative \0/; top:1px \0/; margin:0px 5px 0px 0px \0/; } :root .noDoc #searchBlock .rule { padding-left:5px \0/; position:relative \0/; top:6px \0/; } :root .noDoc #searchBlock .keywords { position:relative \0/; top:4px \0/; padding-top:1px \0/; } /* Chrome huck */ @media screen and (-webkit-min-device-pixel-ratio:0) { .noDoc #searchBlock .rule { position:relative; top:4px; } } .noDoc #globalNavi { margin:0px auto; font-size:12px; } /* IE8,7 huck */ .noDoc #globalNavi { /* IE8 */ margin:0px\9; /* IE7 */ *margin:0px; } /* IE9 huck */ :root .noDoc #globalNavi { margin:0px \0/; } .noDoc #globalNavi .naviBody { text-align:left; } .noDoc div#naviUnderMenu { padding:2px 0px; line-height:13px; } .noDoc #footerArea p.pagetop a { width:40px; } /* IE8,7 huck */ .noDoc #footerArea p.pagetop a { /* IE8 */ width:80px\9; /* IE7 */ *width:80px; } /* IE9 huck */ :root .noDoc #footerArea p.pagetop a { width:80px \0/; } .noDoc #footerArea dl { text-align:left; }