@charset "utf-8"; body { margin: 0; font-family: "MS ゴシック", Osaka, "ヒラギノ角ゴシック Pro"; font-size: 10pt; color: #222222; background: #EEE8AA url(images/back.gif) repeat; text-align: center; } body#site_top { background: #FF6699 url(none) } body#newrelease,body#freemail,body#news_old { background: white none; } h1 { margin: 0; padding: 0; font-weight: normal; } h2 { margin: 0 0 7px 0; padding: 0; font-weight: normal; font-size: 11pt; color: #866464; } h3 { margin: 0; } #news h3 { margin: 10px 0 10px 40px; font-size: 10pt; font-weight: normal; color: green; } #sitemap h3 { margin-left: 30px; font-size: 14px; font-weight: normal; } img { border: none; margin: 0; padding: 0; vertical-align: middle; } ul { margin: 0; padding: 0; } li { margin-left: 0; padding-left: 20px; list-style-type: disc; list-style-position: inside; } p { margin: 0; } a { color: #218aaf; } a:link { color: #218aaf; text-decoration: none; } a:visited { color: #2a5f80; text-decoration: none; } a:hover { color: #e4960e; text-decoration: underline; } a:active { color: #e4960e; text-decoration: none; } #imglink li { width: 80px; height: 20px; margin: 0; padding: 0; display: inline; } #imglink a { text-indent: -9999px; text-decoration: none; display: block; overflow: hidden; width: 80px; height: 20px; text-align: center; background-repeat: no-repeat; background-position: 0 0; } /* cd list */ #imglink1 a { background-image: url(images/products/pro2004.gif); } #imglink2 a { background-image: url(images/products/pro2005.gif); } #imglink3 a { background-image: url(images/products/pro2006.gif); } #imglink4 a { background-image: url(images/products/pro2007.gif); } #imglink5 a { background-image: url(images/products/pro2008.gif); } #imglink6 a { background-image: url(images/products/pro2009.gif); } #imglink7 a { background-image: url(images/products/pro2010.gif); } #imglink8 a { background-image: url(images/products/pro2011.gif); } #imglink9 a { background-image: url(images/products/pro2012.gif); } #imglink10 a { background-image: url(images/products/pro2013.gif); } #imglink11 a { background-image: url(images/products/pro2014.gif); } #imglink12 a { background-image: url(images/products/pro2015.gif); } #imglink13 a { background-image: url(images/products/pro2016.gif); } #imglink14 a { background-image: url(images/products/interview2004.gif); } /* interview */ #imglink15 a { background-image: url(images/products/interview2005.gif); } #imglink16 a { background-image: url(images/products/interview2006.gif); } #imglink17 a { background-image: url(images/products/interview2007.gif); } #imglink18 a { background-image: url(images/products/interview2008.gif); } #imglink19 a { background-image: url(images/products/interview2009.gif); } #imglink20 a { background-image: url(images/products/interview2010.gif); } #imglink21 a { background-image: url(images/products/interview2011.gif); } #imglink22 a { background-image: url(images/products/interview2012.gif); } #imglink23 a { background-image: url(images/products/interview2013.gif); } #imglink24 a { background-image: url(images/products/interview2014.gif); } #imglink_ippan a { background-image: url(images/products/pro_ippan.gif); } #imglink_djcd a { background-image: url(images/products/pro_djcd.gif); } #imglink_elsecd a { background-image: url(images/products/pro_elsecd.gif); } #imglink_dvd a { background-image: url(images/products/pro_dvd.gif); } #imglink_goods a { background-image: url(images/products/pro_goods.gif); } #imglink_r a { text-indent: -9999px; text-decoration: none; display: block; overflow: hidden; text-align: center; background-repeat: no-repeat; background-position: 0 0; } #imglink_r1 a { height: 30px; width: 64px; background-image: url(images/release/bl_icon.gif); } #imglink_r2 a { height: 30px; width: 82px; background-image: url(images/release/ippan_icon.gif); } #imglink_r3 a { height: 30px; width: 96px; background-image: url(images/release/djcd_icon.gif); } #imglink_r4 a { height: 30px; width: 113px; background-image: url(images/release/elsecd_icon.gif); } #imglink_r5 a { height: 30px; width: 73px; background-image: url(images/release/dvd_icon.gif); } #imglink_r6 a { height: 30px; width: 84px; background-image: url(images/release/goods_icon.gif); } /* link hover */ #imglink1 a:hover { background-position: 0 -20px; } #imglink2 a:hover { background-position: 0 -20px; } #imglink3 a:hover { background-position: 0 -20px; } #imglink4 a:hover { background-position: 0 -20px; } #imglink5 a:hover { background-position: 0 -20px; } #imglink6 a:hover { background-position: 0 -20px; } #imglink7 a:hover { background-position: 0 -20px; } #imglink8 a:hover { background-position: 0 -20px; } #imglink9 a:hover { background-position: 0 -20px; } #imglink10 a:hover { background-position: 0 -20px; } #imglink11 a:hover { background-position: 0 -20px; } #imglink12 a:hover { background-position: 0 -20px; } #imglink13 a:hover { background-position: 0 -20px; } #imglink14 a:hover { background-position: 0 -20px; } #imglink15 a:hover { background-position: 0 -20px; } #imglink16 a:hover { background-position: 0 -20px; } #imglink17 a:hover { background-position: 0 -20px; } #imglink18 a:hover { background-position: 0 -20px; } #imglink19 a:hover { background-position: 0 -20px; } #imglink20 a:hover { background-position: 0 -20px; } #imglink21 a:hover { background-position: 0 -20px; } #imglink22 a:hover { background-position: 0 -20px; } #imglink23 a:hover { background-position: 0 -20px; } #imglink24 a:hover { background-position: 0 -20px; } #imglink_ippan a:hover { background-position: 0 -20px; } #imglink_djcd a:hover { background-position: 0 -20px; } #imglink_elsecd a:hover { background-position: 0 -20px; } #imglink_dvd a:hover { background-position: 0 -20px; } #imglink_goods a:hover { background-position: 0 -20px; } #imglink_r1 a:hover { background-position: 0 -30px; } #imglink_r2 a:hover { background-position: 0 -30px; } #imglink_r3 a:hover { background-position: 0 -30px; } #imglink_r4 a:hover { background-position: 0 -30px; } #imglink_r5 a:hover { background-position: 0 -30px; } #imglink_r6 a:hover { background-position: 0 -30px; } /* コンテナブロック */ #container,#container2 { width: 750px; margin: 0 auto; text-align: left; background-color: white; } #faq #container,#shop #container,#inquiry #container,#cbanner #container,#container2 { height: 100%; } #site_top #container { width: 100%; margin: 0; border: none; } /*#index #container,*/ #contents { margin: 0 60px; padding: 10px 0; overflow: hidden; } #newrelease #container { padding: 0; margin: 0; border: none; } /* header */ #header { width: 630px; } .head_upp_l { width: 200px; height: 36px; float: left; } .head_upp_r { float: left; width: 430px; height: 36px; margin-bottom: 6px; } .sep { clear: both; width: 630px; height: 10px; background: url(images/sep.gif) no-repeat; } .sep_img1 { clear: both; background: url(images/sep1.gif) repeat-x; } .sep_img2 { clear: both; background: url(images/sep2.gif) repeat-x; } #header ul,#pro_search ul { font-size: 9pt; overflow: hidden; float: right; } #header li { margin: 7px 10px 0 10px; padding: 0; list-style-type: none; color: #2a5f80; float: left; } #page_intro { margin: 10px 0; padding-left: 10px; background: url(images/top_intro_pastel.gif) no-repeat; } #page_intro h1 { width: 620px; font-size: 9pt; color: #89093D; line-height: 40px; } /* フレーム */ #outer_box { width: 630px; margin-bottom: 20px; font-size: 9pt; line-height: 13pt; overflow: hidden; } .col_title { width: 630px; height: 40px; } .box_border { padding-left: 3px; padding-right: 3px; padding-bottom: 3px; background-color: #51ADA6; } #newinfo .box_border { background-color: #e49078; } .inner_text { width: 624px; background-color: white; position: relative; overflow: hidden; } #news_text { height: 470px; background-color: white; overflow: auto; overflow-y: scroll; overflow-x: hidden; } #outer_box h1,#outer_box h2 { margin-top: 7px; margin-left: 15px; margin-bottom: 0; padding-left: 18px; background: url(images/h2.gif) no-repeat; } #outer_box h2.topbanner { margin-left: 0; padding: 0; background: none; } #faq #outer_box h1 { margin-top: 30px; margin-left: 15px; margin-bottom: 0; padding-left: 0; font-size: 15pt; background-image : none; } /* footer */ #footer { clear: both; text-align: center; } #site_top #footer { padding: 8px 0 0 10px; clear: both; text-align: left; background-color: #FF6699; } #footer ul { height: 13px; margin: 5px auto 5px auto; color: #218aaf; } #footer li { margin: 0; padding: 0 10px 0 5px; font-size: 8pt; color: #2a5f80; display: inline; } #footer p { margin: 0; font-size: 8pt; clear: left; } /* フリーメール */ #freemail { width: 500px; margin: 0 auto 0 auto; } #freemail p { line-height: 22px; margin: 0 auto 0 20px; } #freemail H1 { margin: 0 auto 20px auto; font-weight: normal; font-size: 1.8em; font-weight: bold; color: #0099CC; } #freemail h2 { margin: 20px auto 10px auto; padding-left: 15px; font-weight: normal; font-size: 1.4em; font-weight: bold; color: #0099CC; border-left: 6px solid gray; border-bottom: 1px solid gray; } #freemail img { margin-top: 10px; } #freemail ul { margin-bottom: 20px; padding: 0; } p.caution { line-height: 18px; font-size: 10px; color: red; } /* news用 */ #news_old #outer_box { margin-bottom: 0; } #news_old #text_box p { padding-left: 50px; padding-right: 30px; } #news_old div#container { width: 630px; } #news_old ul { margin: 10px 0 10px 40px; } #news_old li { margin-bottom: 5px; } /* ポップアップtopnews用 */ #topnews h2 { text-align: center; } #topnews { text-align: center; background-color: pink; background-image: url(images/index/race.png); } #topnewst { width: 260px; margin: 20px auto; padding: 10px 0; border: 3px groove white; background-color: pink; text-align: left; } #anniv10th #topnewst { padding: 20px; width: 600px; background-color: white; } #anniv10th h1 { font-size: 12pt; margin-bottom: 10px; font-weight: bold; } #anniv10th ul { margin-bottom: 10px; margin-top: 10px; list-style-type: circle; } #anniv10th ul.anniv10th_li li { margin-left: 30px; margin-bottom: 10px; padding: 0; list-style-type: circle; list-style-position: outside; } .topnewst2 { text-align: left; margin-left: 15px; margin-right: 15px; } #topnews p { margin: 0; font-size: 9pt; } #topnews h3 { font-size: 12px; margin-top: 5px; margin-bottom: 5px; background-image: none; padding-left: 10px; color: #866464; } #tokuhou { margin: 0 30px 20px 30px; font-size: 8pt; } #tokuhou h1 { font-size: 12pt; text-align: center; } #tokuhou p { margin: 0 0 6px 0; line-height: 11pt; } #tokuhou ul { margin-bottom: 10px; margin-top: 10px; } #tokuhou li { padding-left: 0; } /* アイコン装飾 */ img.bcoupon { margin-left: 5px; vertical-align: -3px; } div.box_example img.bcoupon { margin-left: 0px; margin-right: 20px; } /* 一般的文字修飾 */ .red { color: red; } .pink { color: #FF0066; } .gray { color: gray; } .teal { color: teal; } .maroon { color: maroon; } .linkcolor { color: #218aaf; } .linkcolor2 { color: #761d63; } .bold { font-weight: bold; } .nega { text-decoration: line-through; } .large { font-size: 10pt; } .s12 { font-size: 12pt; } .small { font-size: 8pt; } .s7 { font-size: 7pt; } .px9 { font-size: 9px; } #header .small { margin-left: 10px; font-size: 8pt; position: relative; top: 5px; } .medium { font-size: 9pt; } .swords { font-size: 14pt; font-weight: bold; } .hitword { font-size: 16pt; font-weight: bold; color: #DB7093; }