/* 共通 */ *{ font-weight: normal; margin: 0px; padding: 0px; font-size: 100%; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; } th, td{ font-weight: normal; } html, body { color:#000000; margin:0; padding:0; background-image:url(../images/share/bg.jpg); } h1,h2,h3,h4,h5,h6,p,div,form,ul,li{margin:0;padding:0;} strong{ font-weight:bold;} img{border:0;} hr,.guide{display:none;} .clear{clear:both;} #center{ text-align:center; margin:0 auto;} /* リンク */ a {color: #0066CC;text-decoration:none;} a:visited {text-decoration:none;} a:hover {color:#e5005a; text-decoration:underline;} a:active {color: #003399;text-decoration:none;} .gry{ color: #999999;} .red{ color:#e5005a;} /* 内容 ////////////////////////////////////////*/ /* ヘッダ */ #header{ background-image:url(../images/index/title_bg.jpg); background-repeat:repeat-x; width:100%; height:320px;} #header .title{ width:900px; height:320px; background-image:url(../images/index/title.jpg); background-repeat:no-repeat; margin:0 auto; background-color:#FFFFFF;} #header .title_birthday{ width:900px; height:320px; background-image:url(../images/index/title_birthday.jpg); background-repeat:no-repeat; margin:0 auto; background-color:#FFFFFF;} #header .title #housou a#housou{ background-image:url(../images/index/btn_time.gif); display:block; width:156px; height:25px; float:right; margin-top:14px; text-indent:-99999em; } #header .title #housou a#housou:hover{ background-image:url(../images/index/btn_time_o.gif);} #header .title #housou_fla{width:190px;height:35px;clear:both;margin:0 0 0 531px;} #header .title #housou_fla object{ margin:0; padding:0; width:190px;height:35px;} .fla_area{width:100px; height:100px; float:left;} #housoukyoku{display:block; width:155px; height:35px; margin-left:475px;} .katudou {width:300px;clear:both;padding-top:44px;} *:first-child+html .katudou{padding-top:40px;} *html .katudou{padding-top:40px;} .douga{width:180px;height:102px;float:left;} *html .douga{} #header .btn{clear:both;margin:5px 0 0 0;} #header .btn .yokoku{width:150px;color:#FFFFFF;text-align: justify;float:left;} #header .btn .nv{ width:750px; float:left; margin-left:74px;} *html #header .btn{margin-left:-300px;} #header .btn .nv a{text-indent:-9999em;width:125px;height:66px;display:block;float:left;background-repeat:no-repeat;} *html #header .btn .nv a{height:60px;} #header .btn a:hover#story{background-image:url(../images/index/mu_story.jpg);} #header .btn a:hover#chara{background-image:url(../images/index/mu_chara.jpg);} #header .btn a:hover#goodsbtn{ background-image:url(../images/index/mu_goods.jpg);} #header .btn a:hover#cd{ background-image:url(../images/index/mu_cd.jpg);} #header .btn a:hover#mobile{ background-image:url(../images/index/mu_mobile.jpg);} #header .btn a:hover#staff{ background-image:url(../images/index/mu_staff.jpg);} #header .btn a:hover#mv{ background-image:url(../images/index/mu_mv.jpg);} #header .btn p#mv{width:125px;height:66px;float:left;} #header .btn a:hover#mobile{margin-top:8px;} *html #header .btn a:hover#mobile{margin-top:7px;} *:first-child+html #header .btn a:hover#mobile{margin-top:7px;} #header .btn a:hover{margin-top:7px;} *html #header .btn a:hover{margin-top:6px;} *:first-child+html #header .btn a:hover{margin-top:6px;} .choco_link{display:block; width:105px; height:100px; float:left;} .imasugu { width:320px; height:50px; margin-left:500px; } .imasugu a{ display:block; width:320px; height:50px; text-indent:-9999px; } /* #header{ background-image:url(../images/index/title_bg.jpg); background-repeat:repeat-x; width:100%; height:320px;} #header .title{ width:900px; height:320px; background-image:url(../images/index/title.jpg); background-repeat:no-repeat; text-align:center; margin:0 auto;} #header .title #housou { width:900px; text-align:left; padding-top:14px;} #header .title #housou a{width:156px; height:25px; display:block; margin:0 0 0 724px; background-image:url(../images/index/btn_time.gif);} #header .title #housou a:hover{ background-image:url(../images/index/btn_time_o.gif);} #header .title #housou .kyokutv {background-image: url(../images/index/h1_tv.gif); background-repeat:no-repeat; margin:10px 0 0 544px; width:159px; height:14px;} #header .title #housou .katudou { width:267px; margin-left:35px; text-align:left; padding-top:71px;text-align:right;} #header .btn{ width:900px; float:right;} #header .btn .yokoku{ padding:10px 10px 0 40px; width:170px; color:#FFFFFF; font-size:12px; line-height:1.4em; text-align:center; float:left;} #header .btn a{ width:130px; height:66px; display:block; float:left; background-position:0 8px; background-repeat:no-repeat; margin-left:2px;} #header .btn a:hover#chara{background-image:url(../images/index/mu_chara.jpg);} #header .btn a:hover#goods{ background-image:url(../images/index/mu_goods.jpg);} #header .btn a:hover#cd{ background-image:url(../images/index/mu_cd.jpg);} #header .btn a:hover#blog{ background-image:url(../images/index/mu_staff.jpg);} #header .btn a:hover#mv{ background-image:url(../images/index/mu_mv.jpg);} */ #container{ width:900px; text-align:center; margin:0 auto; background-color:#FFFFFF; clear:both;} /* 左側 */ #left{ padding-top:10px; width:450px; float:left; text-align:left;} #left #news{ width:420px; background-image:url(../images/index/news_bg.gif); margin:5px 0 0 15px; text-align:left;} #left #news h1{ background-image:url(../images/index/news_h1.gif); height:40px; width:420px; text-indent:-999em;} #left #news p{ font-size:12px; height:1.4em; padding-left:5px;} #left #news .cyaku{ width:350px; background-image:url(../images/index/news_cyaku.gif); background-repeat:no-repeat; text-align:justify; padding-top:30px;} #left #news .koshin{ width:350px; background-image:url(../images/index/news_koshin.gif); background-repeat:no-repeat; text-align:justify; padding-top:40px; background-position:0 10px;} #left #news .ft{ background-image:url(../images/index/news_ft.gif); width:420px; height:37px;} #left #mb{ background-image: url(../images/index/mbl_bg.gif); width:395px; margin-left:30px; height:auto;} #left #mb h1{} #mb h2{background:url(../images/index/m_02.gif) no-repeat; width:395px; height:64px; text-indent:-9999px;} #mb #m_kisekae{background:url(../images/index/m_03.jpg) no-repeat; width:395px; height:78px; text-indent:-9999px;} #mb h2 a{display:block; width:80px; height:20px; margin-left:240px; margin-top:18px;} #mb #m_txt{background:url(../images/index/m_05.jpg) no-repeat; width:395px; height:11px; text-indent:-9999px;} #left #mb p{ font-size:12px; line-height:1.3em; padding-top:5px;} #left #mb span{ color:#663300;} /* 右側 */ #right{ float: left; width:450px; padding-top:10px; text-align:left;} #right #goods{ background-image: url(../images/index/keion_bg.gif); background-repeat:repeat-y; width:430px; text-align:left;} #right #goods .fd{ clear:both; border-bottom:5px solid #ede9de;} /* 購買部 */ #right #goods h1{ background-image:url(../images/index/koubai_h1.gif); text-align:justify; font-weight:bold; background-repeat:no-repeat;} #right #goods h1 .txt{ width:280px; color:#556270; font-weight:bold; line-height:1.4ems; font-size:110%; line-height:140%; float:left; padding:10px 0 5px 10px;} #right #goods h1 span{ font-size:80%; line-height:120%;;font-weight:bold;} #right #goods .thm{ width:170px; float:left; text-align:center;} #right #goods .txt{ width:240px; float:right; margin-right:20px;} #right #goods .txt p{ font-size:12px; line-height:20px; background-image:url(../images/index/text_bgline.gif); color:#000000; } #right #goods a{} #right #goods a:hover{ text-decoration:none;} #right #goods .ovabnr{ clear:both; text-align:center;} #right #goods .oshirase_link{ float:left;} #right #goods .oshirase_link a{ display:block; width:110px; height:70px; text-indent:-9999em;} /* 軽音部 */ #right #goods h2{ background-image: url(../images/index/keion_h1.gif); text-align:justify; font-weight:bold; background-repeat:no-repeat;} #right #goods h2 .txt{ width:280px; color:#556270; font-weight:bold; line-height:1.4ems; font-size:110%; line-height:140%; float:left; padding:10px 0 5px 10px;} #right #goods h2 span{ font-size:80%; line-height:120%;;font-weight:bold;} #right #goods .oshirase_link2{ float:left;} #right #goods .oshirase_link2 a{display:block; width:110px; height:70px; text-indent:-9999em;} /* バナー */ #bnr{clear:both; padding-top:10px;} #bnr img{ margin:10px 5px; } /* フッター */ #footer{ width:900px; height:25px; background-image:url(../images/index/footer.gif);} /* news */ #news ul{float:left; width:320px;} #news li{ background-repeat:no-repeat; list-style-type: none; padding-left:10px; line-height:1.4em; background-position: left 4px; font-size:12px; color:#666666; } #news .day{color:#000000; font-size:10px; font-family:Arial, Helvetica, sans-serif; float:left; width:30px; text-align:right;} /* movie */ #movie{background:url(../images/index/movie_bg02.jpg) no-repeat; width:849px; height:404px; margin:10px auto 0px auto;} #movie_area{padding-top:95px; float:left; margin-left:215px; width:400px;} .bc_link{display:block; height:120px; width:150px; margin-top:270px; float:left; margin-left:45px;} /* social */ #social{float:right; margin-top:70px;} *html #social{margin-top:-25px;} *:first-child+html #social{margin-top:-25px;}