@charset 'iso-2022-jp'; /*///////////////////////////////////////////////////////////////////////// $B%G%U%)%k%H(BCSS /////////////////////////////////////////////////////////////////////////*/ body { text-align:center; font-family:'$B%R%i%.%N3Q%4(B Pro W3','Hiragino Kaku Gothic Pro','$B%a%$%j%*(B',Meiryo,Osaka,'$B#M#S(B $B#P%4%7%C%/(B','MS P Gothic',sans-serif;} /*IE7.0*/ *:first-child+html body{font-family:'$B%a%$%j%*(B',Meiryo,'$B#M#S(B $B#P%4%7%C%/(B','MS P Gothic',sans-serif;} /*IE6.0*/ * html body{font-family:'$B%a%$%j%*(B',Meiryo,'$B#M#S(B $B#P%4%7%C%/(B','MS P Gothic',sans-serif;} body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, form, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0;} img { border:none;} hr { display:none;} .alt{ position:absolute; top:-5000px; left:-999px;} .bold { font-weight:bold;} .normal { font-weight:normal;} /*$B2hA|J]8nMQ(B*/ .cover { background:url(/img/cover.gif); display:block;} /*float$B@_Dj(B*/ .floatL { float:left;} .floatR { float:right;} .clearfloat { height:1px; font-size:1%; clear:both; display:block; background: transparent;} .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .clearfix { min-height: 1px;} * html .clearfix { height: 1px; /*(J\(B*//*/ height: auto; overflow: hidden; /**/ } br {letter-spacing: 0;} .tCenter{ text-align:center !important;} .tLeft{ text-align:left !important;} .tRight{ text-align:right !important;} /*///////////////////////////////////////////////////////////////////////// $B%3%s%F%s%DMQ(BCSS$B!?%*%j%8%J%k@_Dj(B /////////////////////////////////////////////////////////////////////////*/ body.top,body.second{background:url(../img/bg.png);font-size:84%; letter-spacing:0.03em; line-height:170%; color:#1b0a00;} .top #container{ width:960px; text-align:center;margin:0 auto; } .top #header_cover{background:url(../img/bg_main.gif?);width:100%; padding:20px 0;} .top #header h1{ width:960px;height:440px; background-color:#000;margin:0 auto;} .top #header a{ display:block;width:960px;height:440px;background:url(../img/top_image.jpg?19) no-repeat; } .top #header a:hover{filter: alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;} .top #bnArea{width:610px;margin:0 auto;} .top #bnArea p{width:300px; float:left; padding:20px 0;} .top #bnArea a:hover{filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;} .top #bnArea #gallery{ float:left; margin-right:10px;} .top #bnArea #gallery h3{ display:block; width:178px; height:30px; margin-bottom:12px; background:url(../img/top_btn.jpg?) no-repeat;} .top #bnArea #gallery ul{ width:178px;list-style:none; margin-right:-14px;} .top #bnArea #gallery li{ float:left; width:178px; } .top #bnArea #gallery a{ display:block; width:178px; height:118px;} .top #bnArea #gallery a:hover{filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;} .top #bnArea #gallery .vol1{ margin-right:10px;} .top #bnArea #gallery .vol1 a{ background:url(../img/top_btn.jpg) 0 -30px no-repeat;} .top #bnArea #gallery .vol2 a{ background:url(../img/top_btn.jpg) -188px -30px no-repeat;} .top #bnArea #movie1,.top #bnArea #movie2,.top #bnArea #movie3{ float:left;margin-right:14px;} .top #bnArea #movie1 h3{ display:block; width:178px; height:30px; margin-bottom:12px; background:url(../img/top_btn.jpg) -366px 0 no-repeat;} .top #bnArea #movie2 h3{ display:block; width:178px; height:30px; margin-bottom:12px; background:url(../img/top_btn.jpg) -544px 0 no-repeat;} .top #bnArea #movie3 h3{ display:block; width:178px; height:30px; margin-bottom:12px; background:url(../img/top_btn.jpg) -188px 0 no-repeat;} .top #bnArea #movie1 ul,.top #bnArea #movie2 ul,.top #bnArea #movie3 ul{ width:178px;list-style:none; margin-right:-14px;} .top #bnArea #movie1 li,.top #bnArea #movie2 li,.top #bnArea #movie3 li{ float:left; width:178px;} .top #bnArea #movie1 a{ display:block; width:178px; height:118px;background:url(../img/top_btn.jpg) -366px -30px no-repeat;} .top #bnArea #movie2 a{ display:block; width:178px; height:118px;background:url(../img/top_btn.jpg) -544px -30px no-repeat;} .top #bnArea #movie3 a{ display:block; width:178px; height:118px;background:url(../img/top_btn.jpg) -188px -30px no-repeat;} .top #bnArea #movie1 a:hover,.top #bnArea #movie2 a:hover,.top #bnArea #movie3 a:hover{filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;} .top #twitBtn a{ display:block; width:160px; height:160px; float:left; background:url(../img/top_btn.jpg?) -722px 0 no-repeat;} .top #twitBtn a:hover{filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;} .top #instaBtn a{ display:block; width:160px; height:160px; float:left; margin-right:14px; background:url(../img/top_btn.jpg) -1060px 0 no-repeat;} .top #instaBtn a:hover{filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;} .top #spmovieBtn a{ display:block; width:178px; height:160px; float:left;margin-right:14px; background:url(../img/top_btn.jpg) -882px 0 no-repeat;} .top #odmBtn a{ display:block; width:178px; height:160px; float:left;margin-right:14px; background:url(../img/top_btn.jpg) -1220px 0 no-repeat;} .top #galleryBtn a{ display:block; width:300px; height:200px; background:url(../img/top_gallery.jpg) no-repeat;} .top #galleryBtn{margin-right:10px;} .top #spotBtn a{ display:block; width:300px; height:200px; background:url(../img/top_spot.jpg) no-repeat;} .top #satsukitchenBtn a{ display:block; width:300px; height:200px; background:url(../img/top_satsukitchen.jpg?05) no-repeat;} .second #container{background:url(../img/bg_main.gif);} .second #header_cover{background:url(../img/bg_hf.gif) repeat-x;height:91px; width:100%;} .second #header{width:870px;height:91px;margin:0px auto; background:url(../img/header.jpg?2) no-repeat;position:relative;} .second #header h1 a{ display:block; width:330px; height:80px;} .second #header h1{position:absolute; top:6px; left:3px;} .second #unit{ width:870px; background:url(../img/set_common.gif) -660px 0px repeat-y; margin:0 auto;} .second #unit #main{ padding:0 18px 0 20px; background:url(../img/set_common.gif) right bottom no-repeat;} #leftBox{ width:676px; float:left; padding:18px 0 0 0; text-align:left;} #rightBox{ width:156px; float:left; padding:18px 0;} #leftBox #title{ background:url(../img/set_common.gif) 0px -452px no-repeat; display:block; width:660px; height:46px;margin-bottom:20px; } .splist #leftBox .box{width:663px;min-height:400px;height: auto !important; height: 400px;} .list{width:663px;} #leftBox .box{width:660px;} #leftBox .box p{ padding:0 15px;} #leftBox .box .rightArea{width:172px; float:left; margin-bottom:20px; margin-left:20px;} #leftBox .box .rightArea #bknum{ background:url(../img/set_right.gif) center repeat-y; list-style:none;} #leftBox .box .rightArea h3#bkti{ display:block;height:40px; background:url(../img/set_right.gif) no-repeat;} #leftBox .box .rightArea ul#bknum li{ list-style:none; padding:0 4px 8px 10px; font-size:10px; line-height:140%; } #leftBox .box .rightArea #bottom{ background:url(../img/set_right.gif) right bottom; width:172px; height:12px; clear:both;} #leftBox .box .contentsArea{float:left; } #leftBox .box .contBox{ margin:0 auto 15px;} #pagetop{ width:110px;float:right;} #pagetop a{ display:block; background:url(../img/set_common.gif) -292px -4px no-repeat; width:100px; height:15px; clear:both; margin-bottom:8px;} #pagetop a:hover{background:url(../img/set_common.gif) -292px -19px no-repeat;} #topbox{background:url(../img/bg_bnarea_re.png) ;} #sppresentBn{ background:url(../img/sppresent_bn.png) no-repeat; width:212px; height:80px; float:left; margin-top:20px; margin-right:10px;} #oyajiBn{ background:url(../img/oyaji_bn.jpg) no-repeat; width:212px; height:80px; float:left; margin-top:20px;} .second #twitBtn a{ display:block; width:144px; height:62px; margin:0 0 0 12px; background:url(../img/second_banner.jpg) 0 -90px no-repeat;} #twitBtn a:hover,#spotBtn a:hover{filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;} #top_news{ height:133px; width:960px;margin:0px auto;} #top_news h2{ width:36px; height:100px; background:url(../img/topmenu.png) 0px -100px no-repeat; float:left; display:block; margin:17px 10px 0 0;} #top_news ul{ float:left; height:92px; overflow:auto; list-style:none;margin:20px 0 0 0; width:910px;} #top_news li{ background:url(../img/topmenu.png) -36px -100px no-repeat;list-style:none; color:#fff; text-align:left; padding-left:32px;line-height:160%; } .listBox a{ line-height:140%;} /*NEWS*/ .news #leftBox .box .contentsArea{ float:none;} .news #title h2{background:url(../img/set_news.gif) no-repeat; height:46px; display:block;} .news .st{ background:url(../img/set_news.gif) -660px 0 repeat-y; padding-left:15px; margin-bottom:20px;} .news .st h3{ color:#b72502;} .news .st .date{ color:#b68b0e; font-weight:bold;} .news .contBox{ background:url(../img/line.gif) bottom no-repeat; padding:0 10px 20px;} .news #leftBox .box p{ margin-bottom:20px; } .news .st01{ color:#4a900d; line-height:130%; font-weight:bold;} .news .st02{ color:#2a5801; font-weight:bold; } .news #bansen span.program{color:#2a5801;font-weight:bold;} .news #bansen a{ color:#2a5801;} .news #bansen a:hover{text-decoration:none !important;} .news .cau{ line-height:140%; color:#6d503f; font-size:11px;} .news .todLogo{margin:5px 0 15px 0;} .news .todLogo a{ display:block; background:url(../img/tod.gif) no-repeat; width:214px; height:34px; } .news .playerbox{ width:426px; height:270px; margin:0 auto 20px auto; text-align:center;} .news .playerbox2{ width:426px; height:270px; margin:0 auto 10px auto; text-align:center;} .news .extraBox{width:95%;margin:0 auto 20px;box-sizing:border-box;background-color:#f7edeb;padding:20px;} .news #leftBox .extraBox p{padding:0 10px !important;} .news #leftBox .extraBox p:last-child{margin-bottom:0;} .news .mov{ width:480px; height:270px; margin:0 auto 1em;} .news .mov iframe{border:none;} /*INTRO*/ .intro #title h2{background:url(../img/set_intro.gif) no-repeat; height:46px; display:block;} .intro #mainPh_cover{width:618px; height:379px; background:url(/img/cover.gif);margin:0 0 25px 21px;} .intro #mainPh{ width:618px; height:379px; background:url(../img/intro_ph.jpg?1) no-repeat; } .intro #mainPh10{ width:618px; height:379px; background:url(../img/intro_ph10.jpg) no-repeat; } .intro #mainPh2012{ width:618px; height:379px; background:url(../img/intro_ph2012.jpg) no-repeat; } .intro h3{ margin:0 12px ;} .intro p{ margin:0 12px 20px 12px; } .intro h3#ti01{ background:url(../img/ti2019.png) 0 0 no-repeat; width:391px; height:81px; margin:0 auto 20px;} .intro h4{ color:#b68b0e;font-size:16px;margin:0 17px 5px; } .intro #archivesBtn a{ display:block; width:236px; height:28px; background:url(../img/set_intro.gif) 0 -90px no-repeat;margin:20px 0 5px 12px;} .intro #archivesBtn a:hover{ background:url(../img/set_intro.gif) -236px -90px no-repeat;} .intro #s2012Btn a{ display:block; width:296px; height:28px; background:url(../img/set_intro.gif) 0 -118px no-repeat;margin:0 0 20px 12px;} .intro #s2012Btn a:hover{ background:url(../img/set_intro.gif) -296px -118px no-repeat;} .intro .extraBox{background-color:#f7edeb;padding:12px; margin:10px;} .intro .extraBox p{margin:0; } /*STORY*/ .story .box{ position:relative;} .story #title h2{background:url(../img/set_story.gif) no-repeat; height:46px; display:block;} .story .st{ background:url(../img/set_story.gif) -660px 0 repeat-y; padding-left:15px; margin-bottom:15px; margin-left:8px; position:relative; top:0; left:0;} .story .st h3{ color:#b72502;font-size:14px;} .story .st .date{ color:#b68b0e; font-size:14px; font-weight:bold;} .story #gallerrBtn{ position:absolute; left:478px; top:8px;} .story #gallerrBtn a{ display:block; width:168px; height:25px;background:url(../img/set_story.gif) 0px -151px no-repeat;} .story #gallerrBtn a:hover{background:url(../img/set_story.gif) -168px -151px no-repeat;} .story #mainPh_cover{width:644px; height:176px; background:url(/img/cover.gif);margin:0 0 25px 8px;} .story #mainPh{ width:644px; height:176px;} .story #mainPh_cover2{width:644px; height:226px; background:url(/img/cover.gif);margin:0 0 25px 8px;} .story #mainPh2{ width:644px; height:226px;} .story p{ margin:0 8px 20px 8px; } .story .box{ background:url(../img/line.gif) bottom no-repeat;} .story #archives{ margin:15px 0 20px 0; padding:0 8px;} .story #archives h3#kako{ background:url(../img/set_story.gif) 0px -45px no-repeat; height:16px; display:block; margin-bottom:2px;} .story #archives h3#s2012{ background:url(../img/set_story.gif) 0px -176px no-repeat; height:16px; display:block; margin-bottom:2px;} .story #archives h3#s2013{ background:url(../img/set_story.gif) 0px -193px no-repeat; height:16px; display:block; margin-bottom:2px;} .story #archives h3#s2015{ background:url(../img/set_story.gif) 0px -209px no-repeat; height:16px; display:block; margin-bottom:2px;} .story #archives h3#s2016{ background:url(../img/set_story.gif) 0px -225px no-repeat; height:16px; display:block; margin-bottom:2px;} .story #archives ul{ list-style:none; margin-bottom:15px; } .story #archives li{ float:left; list-style:none; margin-bottom:3px;} .story #archives a{ display:block;width:22px; height:22px;margin-right:4px;} .story #archives li#story1 a{ background:url(../img/set_story.gif) 0px -61px no-repeat;} .story #archives li#story2 a{ background:url(../img/set_story.gif) -22px -61px no-repeat;} .story #archives li#story3 a{ background:url(../img/set_story.gif) -44px -61px no-repeat;} .story #archives li#story4 a{ background:url(../img/set_story.gif) -66px -61px no-repeat;} .story #archives li#story5 a{ background:url(../img/set_story.gif) -88px -61px no-repeat;} .story #archives li#story6 a{ background:url(../img/set_story.gif) -110px -61px no-repeat;} .story #archives li#story7 a{ background:url(../img/set_story.gif) -132px -61px no-repeat;} .story #archives li#story8 a{ background:url(../img/set_story.gif) -154px -61px no-repeat;} .story #archives li#story9 a{ background:url(../img/set_story.gif) -176px -61px no-repeat;} .story #archives li#story10 a{ background:url(../img/set_story.gif) -198px -61px no-repeat;} .story #archives li#story11 a{ background:url(../img/set_story.gif) -220px -61px no-repeat;} .story #archives li#story12 a{ background:url(../img/set_story.gif) -242px -61px no-repeat;} .story #archives li#story13 a{ background:url(../img/set_story.gif) -264px -61px no-repeat;} .story #archives li#story14 a{ background:url(../img/set_story.gif) -286px -61px no-repeat;} .story #archives li#story15 a{ background:url(../img/set_story.gif) -308px -61px no-repeat;} .story #archives li#story16 a{ background:url(../img/set_story.gif) -330px -61px no-repeat;} .story #archives li#story17 a{ background:url(../img/set_story.gif) -352px -61px no-repeat;} .story #archives li#story18 a{ background:url(../img/set_story.gif) -374px -61px no-repeat;} .story #archives li#story19 a{ background:url(../img/set_story.gif) -396px -61px no-repeat;} .story #archives li#story20 a{ background:url(../img/set_story.gif) -418px -61px no-repeat;} .story #archives li#story21 a{ background:url(../img/set_story.gif) -440px -61px no-repeat;} .story #archives li#story22 a{ background:url(../img/set_story.gif) -462px -61px no-repeat;} .story #archives li#story23 a{ background:url(../img/set_story.gif) -484px -61px no-repeat;} .story #archives li#story24 a{ background:url(../img/set_story.gif) -506px -61px no-repeat;} .story #archives li#story25 a{ background:url(../img/set_story.gif) -528px -61px no-repeat;} .story #archives li#story26 a{ background:url(../img/set_story.gif) 0px -83px no-repeat;} .story #archives li#story27 a{ background:url(../img/set_story.gif) -22px -83px no-repeat;} .story #archives li#story28 a{ background:url(../img/set_story.gif) -44px -83px no-repeat;} .story #archives li#story29 a{ background:url(../img/set_story.gif) -66px -83px no-repeat;} .story #archives li#story30 a{ background:url(../img/set_story.gif) -88px -83px no-repeat;} .story #archives li#story31 a{ background:url(../img/set_story.gif) -110px -83px no-repeat;} .story #archives li#story32 a{ background:url(../img/set_story.gif) -132px -83px no-repeat;} .story #archives li#story33 a{ background:url(../img/set_story.gif) -154px -83px no-repeat;} .story #archives li#story34 a{ background:url(../img/set_story.gif) -176px -83px no-repeat;} .story #archives li#story35 a{ background:url(../img/set_story.gif) -198px -83px no-repeat;} .story #archives li#story36 a{ background:url(../img/set_story.gif) -220px -83px no-repeat;} .story #archives li#story37 a{ background:url(../img/set_story.gif) -242px -83px no-repeat;} .story #archives li#story38 a{ background:url(../img/set_story.gif) -264px -83px no-repeat;} .story #archives li#story39 a{ background:url(../img/set_story.gif) -286px -83px no-repeat;} .story #archives li#story40 a{ background:url(../img/set_story.gif) -308px -83px no-repeat;} .story #archives li#story41 a{ background:url(../img/set_story.gif) -330px -83px no-repeat;} .story #archives li#story42 a{ background:url(../img/set_story.gif) -352px -83px no-repeat;} .story #archives li#story43 a{ background:url(../img/set_story.gif) -374px -83px no-repeat;} .story #archives li#story44 a{ background:url(../img/set_story.gif) -396px -83px no-repeat;} .story #archives li#story45 a{ background:url(../img/set_story.gif) -418px -83px no-repeat;} .story #archives li#story46 a{ background:url(../img/set_story.gif) -440px -83px no-repeat;} .story #archives li#story47 a{ background:url(../img/set_story.gif) -462px -83px no-repeat;} .story #archives li#story48 a{ background:url(../img/set_story.gif) -484px -83px no-repeat;} .story #archives li#story49 a{ background:url(../img/set_story.gif) -506px -83px no-repeat;} .story #archives li#story50 a{ background:url(../img/set_story.gif) -528px -83px no-repeat;} .story #archives li#story1 a:hover{ background:url(../img/set_story.gif) 0px -105px no-repeat;} .story #archives li#story2 a:hover{ background:url(../img/set_story.gif) -22px -105px no-repeat;} .story #archives li#story3 a:hover{ background:url(../img/set_story.gif) -44px -105px no-repeat;} .story #archives li#story4 a:hover{ background:url(../img/set_story.gif) -66px -105px no-repeat;} .story #archives li#story5 a:hover{ background:url(../img/set_story.gif) -88px -105px no-repeat;} .story #archives li#story6 a:hover{ background:url(../img/set_story.gif) -110px -105px no-repeat;} .story #archives li#story7 a:hover{ background:url(../img/set_story.gif) -132px -105px no-repeat;} .story #archives li#story8 a:hover{ background:url(../img/set_story.gif) -154px -105px no-repeat;} .story #archives li#story9 a:hover{ background:url(../img/set_story.gif) -176px -105px no-repeat;} .story #archives li#story10 a:hover{ background:url(../img/set_story.gif) -198px -105px no-repeat;} .story #archives li#story11 a:hover{ background:url(../img/set_story.gif) -220px -105px no-repeat;} .story #archives li#story12 a:hover{ background:url(../img/set_story.gif) -242px -105px no-repeat;} .story #archives li#story13 a:hover{ background:url(../img/set_story.gif) -264px -105px no-repeat;} .story #archives li#story14 a:hover{ background:url(../img/set_story.gif) -286px -105px no-repeat;} .story #archives li#story15 a:hover{ background:url(../img/set_story.gif) -308px -105px no-repeat;} .story #archives li#story16 a:hover{ background:url(../img/set_story.gif) -330px -105px no-repeat;} .story #archives li#story17 a:hover{ background:url(../img/set_story.gif) -352px -105px no-repeat;} .story #archives li#story18 a:hover{ background:url(../img/set_story.gif) -374px -105px no-repeat;} .story #archives li#story19 a:hover{ background:url(../img/set_story.gif) -396px -105px no-repeat;} .story #archives li#story20 a:hover{ background:url(../img/set_story.gif) -418px -105px no-repeat;} .story #archives li#story21 a:hover{ background:url(../img/set_story.gif) -440px -105px no-repeat;} .story #archives li#story22 a:hover{ background:url(../img/set_story.gif) -462px -105px no-repeat;} .story #archives li#story23 a:hover{ background:url(../img/set_story.gif) -484px -105px no-repeat;} .story #archives li#story24 a:hover{ background:url(../img/set_story.gif) -506px -105px no-repeat;} .story #archives li#story25 a:hover{ background:url(../img/set_story.gif) -528px -105px no-repeat;} .story #archives li#story26 a:hover{ background:url(../img/set_story.gif) 0px -127px no-repeat;} .story #archives li#story27 a:hover{ background:url(../img/set_story.gif) -22px -127px no-repeat;} .story #archives li#story28 a:hover{ background:url(../img/set_story.gif) -44px -127px no-repeat;} .story #archives li#story29 a:hover{ background:url(../img/set_story.gif) -66px -127px no-repeat;} .story #archives li#story30 a:hover{ background:url(../img/set_story.gif) -88px -127px no-repeat;} .story #archives li#story31 a:hover{ background:url(../img/set_story.gif) -110px -127px no-repeat;} .story #archives li#story32 a:hover{ background:url(../img/set_story.gif) -132px -127px no-repeat;} .story #archives li#story33 a:hover{ background:url(../img/set_story.gif) -154px -127px no-repeat;} .story #archives li#story34 a:hover{ background:url(../img/set_story.gif) -176px -127px no-repeat;} .story #archives li#story35 a:hover{ background:url(../img/set_story.gif) -198px -127px no-repeat;} .story #archives li#story36 a:hover{ background:url(../img/set_story.gif) -220px -127px no-repeat;} .story #archives li#story37 a:hover{ background:url(../img/set_story.gif) -242px -127px no-repeat;} .story #archives li#story38 a:hover{ background:url(../img/set_story.gif) -264px -127px no-repeat;} .story #archives li#story39 a:hover{ background:url(../img/set_story.gif) -286px -127px no-repeat;} .story #archives li#story40 a:hover{ background:url(../img/set_story.gif) -308px -127px no-repeat;} .story #archives li#story41 a:hover{ background:url(../img/set_story.gif) -330px -127px no-repeat;} .story #archives li#story42 a:hover{ background:url(../img/set_story.gif) -352px -127px no-repeat;} .story #archives li#story43 a:hover{ background:url(../img/set_story.gif) -374px -127px no-repeat;} .story #archives li#story44 a:hover{ background:url(../img/set_story.gif) -396px -127px no-repeat;} .story #archives li#story45 a:hover{ background:url(../img/set_story.gif) -418px -127px no-repeat;} .story #archives li#story46 a:hover{ background:url(../img/set_story.gif) -440px -127px no-repeat;} .story #archives li#story47 a:hover{ background:url(../img/set_story.gif) -462px -127px no-repeat;} .story #archives li#story48 a:hover{ background:url(../img/set_story.gif) -484px -127px no-repeat;} .story #archives li#story49 a:hover{ background:url(../img/set_story.gif) -506px -127px no-repeat;} .story #archives li#story50 a:hover{ background:url(../img/set_story.gif) -528px -127px no-repeat;} /*CAST*/ .cast #title h2{background:url(../img/set_cast.gif) no-repeat; height:46px; display:block;} .cast_all #title h2{background:url(../img/set_castall.gif) no-repeat; height:46px; display:block;} .cast .box,.cast_all .box{ text-align:center; margin-bottom:40px;} #castBox{ margin:0 0 0 110px;} .castL{ margin-right:30px;} .cast table,.cast_all table{margin:15px 15px 20px 0;padding:0px;} .cast td,.cast_all td{padding:2px;color:#d39007;text-align:left;} .cast th,.cast_all th{color:#a62b0c;font-weight:bold;text-align:left;padding:2px;} .cast .name,.cast_all .name{width:102px;} /*STAFF*/ .staff .box{ margin-bottom:40px;} .staff #title h2{background:url(../img/set_staff.gif) no-repeat; height:46px; display:block;} .staff table{margin:50px auto 0 auto;padding:0px;} .staff td{padding:5px 3px; color:#d39007;} .staff th{color:#a62b0c;font-weight:bold;text-align:right;padding:3px;} /*KAKEIZU*/ .kakeizu #title h2{background:url(../img/set_kakeizu.gif) no-repeat; height:46px; display:block;} .kakeizu #img{ width:650px; height:890px; margin:35px auto;} /*REPORT*/ .report #leftBox .box .contentsArea{width:476px;} .report #title h2{background:url(../img/set_report.gif) no-repeat; height:46px; display:block;} .report #topText{ margin-bottom:12px;color:#df3216;} .report #theme{ background:url(../img/set_report.gif) 0px -48px no-repeat; width:471px; height:58px; position:relative; margin-bottom:20px;} .report #theme #vol{ width:45px; position:absolute; top:18px; left:6px; text-align:center; color:#FFF; font-weight:bold;} .report #theme #update{ position:absolute; top:9px; left:60px; color:#fec323; font-weight:bold; font-size:11px;} .report #theme h3{ display:block; position:absolute; top:28px; left:60px; color:#FFF; font-weight:bold; font-size:13px; line-height:120%;} .report #leftBox .box .rightArea ul#bknum{ background:url(../img/set_right_report.gif) center repeat-y; list-style:none;} .report #leftBox .box .rightArea h3#bkrepo{height:40px; background:url(../img/set_right_report.gif) no-repeat;} .report #leftBox .box .rightArea ul#bknum li{ list-style:none; padding:0 4px 10px 10px; font-size:11px; line-height:140%; color:#d7a005; font-weight:bold;} .report #leftBox .box .rightArea #bottom{ background:url(../img/set_right_report.gif) right bottom; width:172px; height:12px; clear:both; } .report .rightArea ul#archives{ list-style:none;} .report .rightArea #archives a{wwidth:172px; height:28px; display:block; margin-top:5px;} .report #s10Btn a{ display:block;background:url(../img/set_report.gif) -473px -47px no-repeat; } .report #s10Btn a:hover{background:url(../img/set_report.gif) -473px -75px no-repeat;} .report #s2012Btn a{ display:block;background:url(../img/set_report.gif) -645px -47px no-repeat; } .report #s2012Btn a:hover{background:url(../img/set_report.gif) -645px -75px no-repeat;} .report #s2013Btn a{ display:block;background:url(../img/set_report.gif) -645px -103px no-repeat; } .report #s2013Btn a:hover{background:url(../img/set_report.gif) -645px -131px no-repeat;} .report #s2015Btn a{ display:block;background:url(../img/set_report.gif) -645px -159px no-repeat; } .report #s2015Btn a:hover{background:url(../img/set_report.gif) -645px -187px no-repeat;} .report #s2016Btn a{ display:block;background:url(../img/set_report.gif) -645px -215px no-repeat; } .report #s2016Btn a:hover{background:url(../img/set_report.gif) -645px -243px no-repeat;} .report .ImgBox{width:320px;margin:20px 0 20px 70px; padding-top:9px; background:url(../img/set_report.gif) 0px -108px no-repeat;} .report .ImgBox .Img{ width:312px; height:221px; margin:0 0 0 9px;} .report .ImgBox p{line-height:150%; margin-top:5px;color:#bf1a04; font-weight:bold; text-align:center;} .report .ImgBox2{width:230px;margin:20px 0 20px 115px; padding-top:9px;background:url(../img/set_report.gif) -321px -108px no-repeat;} .report .ImgBox2 .Img{ width:212px;height:312px; margin:0 0 0 9px;} .report .ImgBox2 p{ line-height:150%; margin-top:5px;color:#bf1a04; font-weight:bold;} .report .contBox p{ margin-bottom:20px;} /*REPORT-LIST*/ .repolist #title h2{background:url(../img/set_repolist.gif) no-repeat; height:46px; display:block;} .repolist .listBox,.repolist2012 .listBox,.repolist2013 .listBox,.repolist2015 .listBox,.repolist2016 .listBox{ width:210px; float:left; background:url(../img/set_repolist.gif) left bottom no-repeat; margin:0 0 15px 0; } .repolist .rlBox,.repolist2012 .rlBox,.repolist2013 .rlBox,.repolist2015 .rlBox,.repolist2016 .rlBox{ width:663px;} .repolist .mrgR,.repolist2012 .mrgR{ margin-right:15px;} .repolist .update,.repolist2012 .update,.repolist2013 .update,.repolist2015 .update,.repolist2016 .update{ color:#d7a005; font-weight:bold; font-size:11px; padding-left:12px; line-height:140%;} .repolist .listBox h3,.repolist2012 .listBox h3,.repolist2013 .listBox h3,.repolist2015 .listBox h3,.repolist2016 .listBox h3{ font-size:12px; display:block; padding-bottom:8px;padding-left:12px;} .repolist2012 #title h2{background:url(../img/set_repolist2012.gif) no-repeat; height:46px; display:block;} .repolist2013 #title h2{background:url(../img/set_repolist2013.gif) no-repeat; height:46px; display:block;} .repolist2015 #title h2{background:url(../img/set_repolist2015.gif) no-repeat; height:46px; display:block;} /*FAN-MESSAGE*/ .msg10 #title h2{background:url(../img/set_msg.gif) 0 -110px no-repeat; height:46px; display:block;} .msg2012 #title h2{background:url(../img/set_msg.gif) no-repeat; height:46px; display:block;} .msg2013 #title h2{background:url(../img/set_msg.gif) 0 -328px no-repeat; height:46px; display:block;} .msg2015 #title h2{background:url(../img/set_msg.gif) 0 -374px no-repeat; height:46px; display:block;} .msg2016 #title h2{background:url(../img/set_msg.gif) 0 -420px no-repeat; height:46px; display:block;} .msgBox{ width:466px; background:url(../img/set_msgbox.gif) center repeat-y; margin-bottom:15px;} .msg #topText{ margin-bottom:20px; color:#df3216;} .msgBox .ti{background:url(../img/set_msgti.gif) repeat-y;width:466px;} .msgBox .ti h3{ display:block; color:#FFF; background:url(../img/set_msgti.gif) bottom right no-repeat; padding:5px 10px; line-height:140%;} .msgBox .textBox{ background:url(../img/set_msgbox.gif) left top no-repeat;} .msg .msgBox .textBox .honbun{ padding:10px 10px 0 14px;} .msgBox .info{ text-align:right; color:#dd735b; font-size:11px;background:url(../img/set_msgbox.gif) right bottom no-repeat;} .msgBox .info{ padding:0 10px 10px 0;line-height:140%;} /*.msg #msgBtn a{ background:url(../img/set_msg.gif) 0px -46px no-repeat; width:170px; height:32px; display:block; margin-bottom:10px;} .msg #msgBtn a:hover{background:url(../img/set_msg.gif) 0px -78px no-repeat;}*/ .msg #bknum p{ padding:0 10px;line-height:140%;font-size:90%;} .msg .rightArea ul#archives{ list-style:none;} .msg .rightArea #archives a{width:170px; height:32px; display:block; margin-top:5px;} .msg #s10Btn a{ background:url(../img/set_msg.gif) 0 -200px no-repeat; } .msg #s2012Btn a{ background:url(../img/set_msg.gif) 0 -232px no-repeat; } .msg #s2013Btn a{ background:url(../img/set_msg.gif) -0 -264px no-repeat;} .msg #s2015Btn a{ background:url(../img/set_msg.gif) -0 -296px no-repeat;} .msg .rightArea ul#archives a:hover{filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;} .msg .box p{margin-bottom:20px;} .msg #msgBtn a{ background:url(../img/set_msg.gif?2019) 0px -466px no-repeat; width:244px; height:40px; display:block; margin:0 auto 10px;} .msg .extraBox{background-color:#f7edeb;padding:30px 20px; margin:0 auto 30px; width:90%;} .msg .extraBox p{ margin-bottom:0;} /*SOUKANZU*/ .soukanzu #title h2{background:url(../img/set_soukanzu.gif) no-repeat; height:46px; display:block;} .soukanzu .box{ background:url(../img/soukanzu_bg.jpg); text-align:center;} .soukanzu #cau{ background:url(../img/set_soukanzu.gif) 0px -119px no-repeat; width:325px; height:14px; margin:10px 0 0 166px;} .soukanzu #mainImg{ margin:30px auto;} .soukanzu #menu{width:660px;height:36px; background:url(../img/set_soukanzu.gif) 0px -46px no-repeat; margin:0 auto; position:relative;} .soukanzu #menu ul{list-style:none;width:100%;background:url(/img/cover.gif);} .soukanzu #menu li{list-style:none;float:left;} .soukanzu #menu a{display:block;height:36px;overflow:hidden;} .soukanzu #menu ul li#m01 a{width:128px;} .soukanzu #menu ul li#m01 a:hover,.soukanzu_top #menu ul li#m01 a{background:url(../img/set_soukanzu.gif) 0px -82px;} .soukanzu #menu ul li#m02 a{width:88px;} .soukanzu #menu ul li#m02 a:hover,.soukanzu_daikichi #menu ul li#m02 a{background:url(../img/set_soukanzu.gif) -128px -82px;} .soukanzu #menu ul li#m03 a{width:87px;} .soukanzu #menu ul li#m03 a:hover,.soukanzu_yayoi #menu ul li#m03 a{background:url(../img/set_soukanzu.gif) -216px -82px;} .soukanzu #menu ul li#m04 a{width:87px;} .soukanzu #menu ul li#m04 a:hover,.soukanzu_satsuki #menu ul li#m04 a{background:url(../img/set_soukanzu.gif) -303px -82px;} .soukanzu #menu ul li#m05 a{width:87px;} .soukanzu #menu ul li#m05 a:hover,.soukanzu_fumiko #menu ul li#m05 a{background:url(../img/set_soukanzu.gif) -390px -82px;} .soukanzu #menu ul li#m06 a{width:87px;} .soukanzu #menu ul li#m06 a:hover,.soukanzu_youko #menu ul li#m06 a{background:url(../img/set_soukanzu.gif) -477px -82px;} .soukanzu #menu ul li#m07{width:96px;} .soukanzu #menu ul li#m07 a:hover,.soukanzu_nagako #menu ul li#m07 a{background:url(../img/set_soukanzu.gif) -564px -82px;} .soukanzu #mainImg ul{list-style:none;} .soukanzu #mainImg li{list-style:none;position:absolute;height: 53px;} .soukanzu #mainImg a:hover{filter: alpha(opacity=15);-moz-opacity:0.15;opacity:0.15; background:#fff;} .soukanzu_top #mainImg{ background:url(../img/soukanzu_top.jpg) no-repeat; width:478px; height:384px; position:relative;} .soukanzu_top #mainImg a{display:block;overflow:hidden;width:146px; height:184px;} .soukanzu_top #mainImg ul li#sk01{ top:0px; left:0px;} .soukanzu_top #mainImg ul li#sk02{ top:0px; left:166px;} .soukanzu_top #mainImg ul li#sk03{ top:0px; left:332px;} .soukanzu_top #mainImg ul li#sk04{ top:200px; left:0px;} .soukanzu_top #mainImg ul li#sk05{ top:200px; left:166px;} .soukanzu_top #mainImg ul li#sk06{ top:200px; left:332px;} .soukanzu_daikichi #mainImg a,.soukanzu_yayoi #mainImg a,.soukanzu_satsuki #mainImg a,.soukanzu_fumiko #mainImg a,.soukanzu_youko #mainImg a,.soukanzu_nagako #mainImg a{display:block;overflow:hidden;width:90px; height:140px;} /*///daikichi///*/ .soukanzu_daikichi #mainImg{ background:url(../img/soukanzu_daikichi.jpg?2019ver) no-repeat; width:420px; height:420px;position:relative;} .soukanzu_daikichi #mainImg ul li#sk01{ top:51px; left:126px;} .soukanzu_daikichi #mainImg ul li#sk02{ top:51px; left:258px;} .soukanzu_daikichi #mainImg ul li#sk03{ top:214px; left:76px;} .soukanzu_daikichi #mainImg ul li#sk04{ top:214px; left:176px;} .soukanzu_daikichi #mainImg ul li#sk05{ top:214px; left:305px;} /*///yayoi///*/ .soukanzu_yayoi #mainImg{ background:url(../img/soukanzu_yayoi.jpg?2019ver) no-repeat; width:642px; height:495px;position:relative;} .soukanzu_yayoi #mainImg ul li#sk01{top:29px;left:209px;} .soukanzu_yayoi #mainImg ul li#sk02{top:29px;left:321px;} .soukanzu_yayoi #mainImg ul li#sk03{top:198px;left:289px;} .soukanzu_yayoi #mainImg ul li#sk04{top:198px;left:180px;} .soukanzu_yayoi #mainImg ul li#sk05{top:355px;left:180px;} .soukanzu_yayoi #mainImg ul li#sk06{top:253px;left:408px;} .soukanzu_yayoi #mainImg ul li#sk07{top:329px;left:38px;} .soukanzu_yayoi #mainImg ul li#sk08{top:29px;left:38px;} .soukanzu_yayoi #mainImg ul li#sk09{top:179px;left:38px;} .soukanzu_yayoi #mainImg ul li#sk10{top:29px;left:512px;} .soukanzu_yayoi #mainImg ul li#sk11{top:329px;left:107px;} .soukanzu_yayoi #mainImg ul li#sk12{top:233px;left:548px;} /*///satsuki///*/ .soukanzu_satsuki #mainImg{ background:url(../img/soukanzu_satsuki.jpg?2019ver) no-repeat; width:621px; height:1172px;position:relative;} .soukanzu_satsuki #mainImg ul li#sk01{ top:137px; left:72px;} .soukanzu_satsuki #mainImg ul li#sk02{ top:137px; left:184px;} .soukanzu_satsuki #mainImg ul li#sk03{ top:305px; left:228px;} .soukanzu_satsuki #mainImg ul li#sk04{ top:0px; left:324px;} .soukanzu_satsuki #mainImg ul li#sk05{ top:305px; left:126px;} .soukanzu_satsuki #mainImg ul li#sk06{ top:305px; left:12px;} .soukanzu_satsuki #mainImg ul li#sk07{ top:464px; left:70px;} .soukanzu_satsuki #mainImg ul li#sk08{top:848px;left:510px;} .soukanzu_satsuki #mainImg ul li#sk09{ top:167px; left:432px;} .soukanzu_satsuki #mainImg ul li#sk10{ top:347px; left:429px;} .soukanzu_satsuki #mainImg ul li#sk11{ top:347px; left:525px;} .soukanzu_satsuki #mainImg ul li#sk12{ top:167px; left:324px;} .soukanzu_satsuki #mainImg ul li#sk13{ top:333px; left:333px;} .soukanzu_satsuki #mainImg ul li#sk14{ top:855px; left:38px;} .soukanzu_satsuki #mainImg ul li#sk15{ top:855px; left:146px;} .soukanzu_satsuki #mainImg ul li#sk16{top:1025px;left:424px;} .soukanzu_satsuki #mainImg ul li#sk17{top:1025px;left:284px;} .soukanzu_satsuki #mainImg ul li#sk18{top:848px;left:284px;} .soukanzu_satsuki #mainImg ul li#sk19{top:847px;left:398px;} .soukanzu_satsuki #mainImg ul li#sk20{top:1003px;left:91px;} .soukanzu_satsuki #mainImg ul li#sk21{ top:1026px; right:0;} .soukanzu_satsuki #mainImg ul li#sk22{top:528px;left:283px;} .soukanzu_satsuki #mainImg ul li#sk23{top:478px;left:173px;} .soukanzu_satsuki #mainImg ul li#sk24{ top:638px; left:36px;} .soukanzu_satsuki #mainImg ul li#sk25{ top:638px; left:139px;} .soukanzu_satsuki #mainImg ul li#sk26{top:537px;left:403px;} .soukanzu_satsuki #mainImg ul li#sk27{top:537px;left:521px;} .soukanzu_satsuki #mainImg ul li#sk28{top:693px;left:403px;} .soukanzu_satsuki #mainImg ul li#sk29{top:681px;left:260px;} /*///fumiko///*/ .soukanzu_fumiko #mainImg{ background:url(../img/soukanzu_fumiko.jpg?2019ver) no-repeat; width:491px; height:355px;position:relative;} .soukanzu_fumiko #mainImg ul li#sk01{ top:33px; left:268px;} .soukanzu_fumiko #mainImg ul li#sk02{ top:33px; left:400px;} .soukanzu_fumiko #mainImg ul li#sk03{ top:212px; left:338px;} .soukanzu_fumiko #mainImg ul li#sk04{ top:33px; left:131px;} .soukanzu_fumiko #mainImg ul li#sk05{ top:33px; left:0px;} /*///youko///*/ .soukanzu_youko #mainImg{ background:url(../img/soukanzu_youko.jpg?2019ver) no-repeat; width:524px; height:365px;position:relative;} .soukanzu_youko #mainImg ul li#sk01{ top:43px; left:217px;} .soukanzu_youko #mainImg ul li#sk02{ top:43px; left:329px;} .soukanzu_youko #mainImg ul li#sk03{ top:225px; left:329px;} .soukanzu_youko #mainImg ul li#sk04{ top:43px; left:102px;} .soukanzu_youko #mainImg ul li#sk05{ top:225px; left:102px;} /*///nagako///*/ .soukanzu_nagako #mainImg{ background:url(../img/soukanzu_nagako.jpg?2019ver) no-repeat; width:525px; height:430px;position:relative;} .soukanzu_nagako #mainImg ul li#sk01{ top:90px; left:328px;} .soukanzu_nagako #mainImg ul li#sk02{ top:90px; left:216px;} .soukanzu_nagako #mainImg ul li#sk03{ top:259px; left:276px;} .soukanzu_nagako #mainImg ul li#sk04{ top:259px; left:105px;} .soukanzu_nagako #mainImg ul li#sk05{ top:0px; left:105px;} #container3 .ph01{ background:url(../soukanzu/img/ph01.jpg?2019ver) no-repeat;} #container3 .ph02{ background:url(../soukanzu/img/ph02.jpg?2019ver) no-repeat;} #container3 .ph03{ background:url(../soukanzu/img/ph03.jpg?2019ver) no-repeat;} #container3 .ph04{ background:url(../soukanzu/img/ph04.jpg?2019ver) no-repeat;} #container3 .ph05{ background:url(../soukanzu/img/ph05.jpg?2019ver) no-repeat;} #container3 .ph06{ background:url(../soukanzu/img/ph06.jpg?2019ver) no-repeat;} #container3 .ph07{ background:url(../soukanzu/img/ph07.jpg?2019ver) no-repeat;} #container3 .ph08{ background:url(../soukanzu/img/ph08.jpg?2019ver) no-repeat;} #container3 .ph09{ background:url(../soukanzu/img/ph09.jpg?2019ver) no-repeat;} #container3 .ph10{ background:url(../soukanzu/img/ph10.jpg?2019ver) no-repeat;} #container3 .ph11{ background:url(../soukanzu/img/ph11.jpg?2019ver) no-repeat;} #container3 .ph12{ background:url(../soukanzu/img/ph12.jpg?2019ver) no-repeat;} #container3 .ph13{ background:url(../soukanzu/img/ph13.jpg?2019ver) no-repeat;} #container3 .ph14{ background:url(../soukanzu/img/ph14.jpg?2019ver) no-repeat;} #container3 .ph15{ background:url(../soukanzu/img/ph15.jpg?2019ver) no-repeat;} #container3 .ph16{ background:url(../soukanzu/img/ph16.jpg?2019ver) no-repeat;} #container3 .ph17{ background:url(../soukanzu/img/ph17.jpg?2019ver) no-repeat;} #container3 .ph18{ background:url(../soukanzu/img/ph18.jpg?2019ver) no-repeat;} #container3 .ph19{ background:url(../soukanzu/img/ph19.jpg?2019ver) no-repeat;} #container3 .ph20{ background:url(../soukanzu/img/ph20.jpg?2019ver) no-repeat;} #container3 .ph21{ background:url(../soukanzu/img/ph21.jpg?2019ver) no-repeat;} #container3 .ph22{ background:url(../soukanzu/img/ph22.jpg?2019ver) no-repeat;} #container3 .ph23{ background:url(../soukanzu/img/ph23.jpg?2019ver) no-repeat;} #container3 .ph24{ background:url(../soukanzu/img/ph24.jpg?2019ver) no-repeat;} #container3 .ph25{ background:url(../soukanzu/img/ph25.jpg?2019ver) no-repeat;} #container3 .ph26{ background:url(../soukanzu/img/ph26.jpg?2019ver) no-repeat;} #container3 .ph27{ background:url(../soukanzu/img/ph27.jpg?2019ver) no-repeat;} #container3 .ph28{ background:url(../soukanzu/img/ph28.jpg?2019ver) no-repeat;} #container3 .ph29{ background:url(../soukanzu/img/ph29.jpg?2019ver) no-repeat;} #container3 .ph30{ background:url(../soukanzu/img/ph30.jpg?2019ver) no-repeat;} #container3 .ph31{ background:url(../soukanzu/img/ph31.jpg?2019ver) no-repeat;} #container3 .ph32{ background:url(../soukanzu/img/ph32.jpg?2019ver) no-repeat;} #container3 .ph33{ background:url(../soukanzu/img/ph33.jpg?2019ver) no-repeat;} #container3 .ph34{ background:url(../soukanzu/img/ph34.jpg?2019ver) no-repeat;} #container3 .ph35{ background:url(../soukanzu/img/ph35.jpg?2019ver) no-repeat;} #container3 .ph36{ background:url(../soukanzu/img/ph36.jpg?2019ver) no-repeat;} #container3 .ph37{ background:url(../soukanzu/img/ph37.jpg?2019ver) no-repeat;} #container3 .ph38{ background:url(../soukanzu/img/ph38.jpg?2019ver) no-repeat;} #container3 .ph39{ background:url(../soukanzu/img/ph39.jpg?2019ver) no-repeat;} #container3 .ph40{ background:url(../soukanzu/img/ph40.jpg?2019ver) no-repeat;} #container3 .ph41{ background:url(../soukanzu/img/ph41.jpg?2019ver) no-repeat;} #container3 .ph42{ background:url(../soukanzu/img/ph42.jpg?2019ver) no-repeat;} #container3 .ph43{ background:url(../soukanzu/img/ph43.jpg?2019ver) no-repeat;} #container3 .ph44{ background:url(../soukanzu/img/ph44.jpg?2019ver) no-repeat;} #container3 .ph45{ background:url(../soukanzu/img/ph45.jpg?2019ver) no-repeat;} #container3 .ph46{ background:url(../soukanzu/img/ph46.jpg?2019ver) no-repeat;} #container3 .ph47{ background:url(../soukanzu/img/ph47.jpg?2019ver) no-repeat;} #container3 .ph48{ background:url(../soukanzu/img/ph48.jpg?2019ver) no-repeat;} #container3 .ph49{ background:url(../soukanzu/img/ph49.jpg?2019ver) no-repeat;} #container3 .ph50{ background:url(../soukanzu/img/ph50.jpg?2019ver) no-repeat;} #container3 .ph51{ background:url(../soukanzu/img/ph51.jpg?2019ver) no-repeat;} #container3 .ph52{ background:url(../soukanzu/img/ph52.jpg?2019ver) no-repeat;} #container3 .ph53{ background:url(../soukanzu/img/ph53.jpg?2019ver) no-repeat;} #container3 .ph54{ background:url(../soukanzu/img/ph54.jpg?2019ver) no-repeat;} #container3 .ph55{ background:url(../soukanzu/img/ph55.jpg?2019ver) no-repeat;} #container3 .ph56{ background:url(../soukanzu/img/ph56.jpg?2019ver) no-repeat;} #container3 .ph57{ background:url(../soukanzu/img/ph57.jpg?2019ver) no-repeat;} #container3 .ph58{ background:url(../soukanzu/img/ph58.jpg?2019ver) no-repeat;} #container3 .ph59{ background:url(../soukanzu/img/ph59.jpg?2019ver) no-repeat;} #container3 .ph60{ background:url(../soukanzu/img/ph60.jpg?2019ver) no-repeat;} #container3 .ph61{ background:url(../soukanzu/img/ph61.jpg?2019ver) no-repeat;} #container3 .ph62{ background:url(../soukanzu/img/ph62.jpg?2019ver) no-repeat;} #container3 .ph63{ background:url(../soukanzu/img/ph63.jpg?2019ver) no-repeat;} #container3 .ph64{ background:url(../soukanzu/img/ph64.jpg?2019ver) no-repeat;} #container3 .ph65{ background:url(../soukanzu/img/ph65.jpg?2019ver) no-repeat;} /*PAST*/ .past #title h2{background:url(../img/set_past.gif) no-repeat; height:46px; display:block;} .past .st{margin:0 0 20px 0;height:30px; position:relative;} .past .st #officialBtn{ position:absolute; left:572px; top:5px;} .past .st #officialBtn a{ display:block; width:82px; height:20px; background:url(../img/set_past.gif) 0px -174px no-repeat;} .past .st #officialBtn a:hover{background:url(../img/set_past.gif) -132px -174px no-repeat;} .past .st #historyBtn{ position:absolute; left:517px; top:5px;} .past .st #historyBtn a{ display:block; width:50px; height:20px; background:url(../img/set_past.gif) -82px -174px no-repeat;} .past .st #historyBtn a:hover{background:url(../img/set_past.gif) -214px -174px no-repeat;} .past ul#textset{ list-style:none; padding:0 5px; margin:20px 0;} .past ul#textset li{ list-style:none; margin-bottom:5px;} .past #mainPh_cover{width:660px; height:202px; background:url(/img/cover.gif);} .past #mainPh{ width:660px; height:202px;} .past01 .st{ background:url(../past/img/vol1.jpg) no-repeat; } .past02 .st{ background:url(../past/img/vol2.jpg) no-repeat; } .past03 .st{ background:url(../past/img/vol3.jpg) no-repeat; } .past04 .st{ background:url(../past/img/vol4.jpg) no-repeat; } .past05 .st{ background:url(../past/img/vol5.jpg) no-repeat; } .past06 .st{ background:url(../past/img/vol6.jpg) no-repeat; } .past07 .st{ background:url(../past/img/vol7.jpg) no-repeat; } .past08 .st{ background:url(../past/img/vol8.jpg) no-repeat; } .past09 .st{ background:url(../past/img/vol9.jpg) no-repeat; } .past10 .st{ background:url(../past/img/vol10.jpg) no-repeat; } .past01 #mainPh{background:url(../past/img/vol1.jpg) 0px -30px no-repeat;} .past02 #mainPh{background:url(../past/img/vol2.jpg) 0px -30px no-repeat;} .past03 #mainPh{background:url(../past/img/vol3.jpg) 0px -30px no-repeat;} .past04 #mainPh{background:url(../past/img/vol4.jpg) 0px -30px no-repeat;} .past05 #mainPh{background:url(../past/img/vol5.jpg) 0px -30px no-repeat;} .past06 #mainPh{background:url(../past/img/vol6.jpg) 0px -30px no-repeat;} .past07 #mainPh{background:url(../past/img/vol7.jpg) 0px -30px no-repeat;} .past08 #mainPh{background:url(../past/img/vol8.jpg) 0px -30px no-repeat;} .past09 #mainPh{background:url(../past/img/vol9.jpg) 0px -30px no-repeat;} .past10 #mainPh{background:url(../past/img/vol10.jpg) 0px -30px no-repeat;} .past p{ margin:0 8px 20px 8px; } .past #menuBox{ background:url(../img/set_past.gif) 0px -52px no-repeat; height:40px; position:relative; margin:20px 0 40px 0;} .past #menuBox ul#series a{width:38px; height:40px; display:block;} .past #menuBox ul#series,.past #menuBox ul#series li{ list-style:none;position:absolute; top:0;} .past #menuBox ul#series li#s01{ left:122px;} .past #menuBox ul#series li#s02{ left:164px;} .past #menuBox ul#series li#s03{ left:206px;} .past #menuBox ul#series li#s04{ left:247px;} .past #menuBox ul#series li#s05{ left:290px;} .past #menuBox ul#series li#s06{ left:331px;} .past #menuBox ul#series li#s07{ left:374px;} .past #menuBox ul#series li#s08{ left:416px;} .past #menuBox ul#series li#s09{ left:456px;} .past #menuBox ul#series li#s10{ left:500px;} .past #menuBox ul#series li#s01 a:hover,.past01 #menuBox ul#series li#s01 a{background:url(../img/set_past.gif) -122px -92px no-repeat;} .past #menuBox ul#series li#s02 a:hover,.past02 #menuBox ul#series li#s02 a{background:url(../img/set_past.gif) -164px -92px no-repeat;} .past #menuBox ul#series li#s03 a:hover,.past03 #menuBox ul#series li#s03 a{background:url(../img/set_past.gif) -206px -92px no-repeat;} .past #menuBox ul#series li#s04 a:hover,.past04 #menuBox ul#series li#s04 a{background:url(../img/set_past.gif) -247px -92px no-repeat;} .past #menuBox ul#series li#s05 a:hover,.past05 #menuBox ul#series li#s05 a{background:url(../img/set_past.gif) -290px -92px no-repeat;} .past #menuBox ul#series li#s06 a:hover,.past06 #menuBox ul#series li#s06 a{background:url(../img/set_past.gif) -331px -92px no-repeat;} .past #menuBox ul#series li#s07 a:hover,.past07 #menuBox ul#series li#s07 a{background:url(../img/set_past.gif) -374px -92px no-repeat;} .past #menuBox ul#series li#s08 a:hover,.past08 #menuBox ul#series li#s08 a{background:url(../img/set_past.gif) -416px -92px no-repeat;} .past #menuBox ul#series li#s09 a:hover,.past09 #menuBox ul#series li#s09 a{background:url(../img/set_past.gif) -456px -92px no-repeat;} .past #menuBox ul#series li#s10 a:hover,.past10 #menuBox ul#series li#s10 a{background:url(../img/set_past.gif) -500px -92px no-repeat;} .past #menuBox #backBtn{ position:absolute; top:10px; left:5px;} .past #menuBox #backBtn a{ display:block; width:96px; height:22px;background:url(../img/set_past.gif) -464px -172px no-repeat;} .past #menuBox #backBtn a:hover{background:url(../img/set_past.gif) -264px -172px no-repeat;} .past #menuBox #nextBtn{ position:absolute; top:10px; left:560px;} .past #menuBox #nextBtn a{ display:block; width:96px; height:22px;background:url(../img/set_past.gif) -560px -172px no-repeat;} .past #menuBox #nextBtn a:hover{background:url(../img/set_past.gif) -360px -172px no-repeat;} .past #oBknum h4{ background:url(../img/set_past.gif) 0 -320px no-repeat; height:30px; margin-bottom:15px;} .past #oBknum{ margin-bottom:20px;} .past #oBknum ul{ list-style:none; width:325px; height:40px; position:relative; float:left; margin-bottom:10px;} .past #oBknum ul#o1{ background:url(../img/set_past.gif) 0 -200px no-repeat;margin-right:10px; } .past #oBknum ul#o2{ background:url(../img/set_past.gif) 0 -240px no-repeat;} .past #oBknum ul#o3{ background:url(../img/set_past.gif) 0 -280px no-repeat;margin-right:10px;} .past #oBknum ul#o4{ background:url(../img/set_past.gif) -325px -280px no-repeat;} .past #oBknum ul#o5{ background:url(../img/set_past2017.png) 0 0 no-repeat;margin-right:10px;} .past #oBknum ul#o6{ background:url(../img/set_past2018.png) 0 0 no-repeat;} .past #oBknum ul#o7{ background:url(../img/set_past2019.png) 0 0 no-repeat;} .past #oBknum li{ position:absolute; top:7px;} .past #oBknum li.first{ left:214px;} .past #oBknum li.second{ left:268px;} .past #oBknum a{ display:block; width:50px; height:26px;} .past #oBknum li.sp2017 a,.past #oBknum li.sp2018 a,.past #oBknum li.sp2019 a{ display:block; width:325px; height:26px;} /*////////SPECIAL////////*/ /*SP-MENU*/ #sp_menu{ margin:0 0 15px 0;color:#1b0a00;} /*TOP*/ .sp_top #title h2{background:url(../img/set_sp.gif) no-repeat; height:46px; display:block;} .sp_top #mainImg ul{list-style:none;} .sp_top #mainImg li{list-style:none; position:absolute;} .sp_top #mainImg a:hover{filter: alpha(opacity=15);-moz-opacity:0.15;opacity:0.15; background:#fff;} .sp_top #mainImg{ background:url(../img/set_sptop.jpg) no-repeat; width:660px; height:365px; position:relative;} .sp_top #mainImg a{display:block;overflow:hidden;width:202px; height:154px;} .sp_top #mainImg ul li#sp01{ top:21px; left:15px;} .sp_top #mainImg ul li#sp02{ top:21px; left:229px;} .sp_top #mainImg ul li#sp03{ top:21px; left:443px;} .sp_top #mainImg ul li#sp04{ top:191px; left:15px;} .sp_top #mainImg ul li#sp05{ top:191px; left:229px;} .sp_top #mainImg ul li#sp06{ top:191px; left:443px;} /*SP-BACKUMBER-LIST*/ .splist #title h2{background:url(../img/set_repolist.gif) no-repeat; height:46px; display:block;} .splist .listBox{ width:210px; float:left; background:url(../img/set_repolist.gif) left bottom no-repeat; margin:0 0 15px 0;} .splist .mrgR{ margin-right:15px;} .splist .update{ color:#d7a005; font-weight:bold; font-size:11px; padding-left:12px; line-height:140%;} .splist .listBox h3{ font-size:12px; display:block; padding-bottom:8px;padding-left:12px;} /*INTERVIEW*/ .interview #title h2{background:url(../img/set_interview.gif) no-repeat; height:46px; display:block;} .interview_list #title h2{background:url(../img/set_interview.gif) no-repeat; height:46px; display:block;} .interview .box{ position:relative;padding-bottom:10px;} .interview h3{ display:block; height:212px;} .interview #bknumBtn{ position:absolute; top:10px; left:484px;} .interview #bknumBtn a{ display:block; width:168px; height:21px; background:url(../img/interview_bknum.gif) no-repeat;} .interview #bknumBtn a:hover{background:url(../img/interview_bknum.gif) 0px -21px no-repeat;} .interview .qt{ color:#af7a0d; font-weight:bold; padding:0 5px; margin-bottom:3px;} .interview .ivBox{ padding:0 25px;} .interview p{ margin-bottom:20px; line-height:160%;} .interview .Img_tate{ width:210px; height:270px; background:url(../img/interview_ph.gif) -270px 0px no-repeat;} .interview .Img_yoko{ width:270px; height:210px; background:url(../img/interview_ph.gif) no-repeat; } .interview .ph{ margin:15px 0 0 15px;} .interview .Img_tate .ph{ width:180px; height:240px; } .interview .Img_yoko .ph{ width:240px; height:180px; } .interview .floatL{ margin:0 10px 10px 0;} .interview .floatR{ margin:0 0 10px 10px;} .interview .ver2 .Img_tate{ width:210px; height:270px; background:url(../img/interview_ph2.gif) -270px 0px no-repeat;} .interview .ver2 .Img_yoko{ width:270px; height:210px; background:url(../img/interview_ph2.gif) no-repeat; } .interview .ver2 .box{ background:#f5fbe7;} .interview .ver2 .qt{ color:#ae6f03;} .interview .ver2 .c1{ color:#0e73e5; font-weight:bold;} .interview .ver2 .c2{ color:#fd450c; font-weight:bold;} .interview .ver3 .Img_tate{ width:210px; height:270px; background:url(../img/interview_ph3.gif) -270px 0px no-repeat;} .interview .ver3 .Img_yoko{ width:270px; height:210px; background:url(../img/interview_ph3.gif) no-repeat; } .interview .ver3 .box{ background:#ecfafd;} .interview .ver3 .qt{ color:#ae6f03;} .interview .ver3 .c1{ color:#ac1b2f;} .interview .ver3 .c2{ color:#0575c3;} .interview .ver4 .Img_tate{ width:210px; height:270px; background:url(../img/interview_ph4.gif) -270px 0px no-repeat;} .interview .ver4 .Img_yoko{ width:270px; height:210px; background:url(../img/interview_ph4.gif) no-repeat; } .interview .ver4 .box{ background:#f2f1fa;} .interview .ver4 .qt{ color:#6c66c3;} .interview .ver4 .c1{ color:#d7742c; font-weight:bold;} .interview .ver4 .c2{ color:#8daa18; font-weight:bold;} /*MEIGEN*/ .meigen #title h2{background:url(../img/set_meigen.gif) no-repeat; height:46px; display:block;} .meigen_list #title h2{ background:url(../img/meigen_list.gif) no-repeat; height:46px; display:block;} .meigen #mainBox{ width:660px; height:420px; background:url(../img/meigen_bg.jpg) right no-repeat; margin-bottom:10px;} .meigen #mainBox .left{ width:492px; height:420px; position:relative;} .meigen #mainBox .left #text{ width:330px; height:118px; position:absolute; overflow:auto; top:265px; left:18px; } .meigen #mainBox .left #text p{line-height:150%; padding-right:5px;} .meigen #mainBox .left #bknumBtn{ position:absolute; top:395px; left:11px;} .meigen #mainBox .left #bknumBtn a{ display:block; width:144px; height:16px;} .meigen #mainBox .left #bknumBtn a:hover{ background:url(../img/meigen_on.gif) no-repeat;} .meigen_list .listBox{ height:40px !important;} /*FUJITA*/ .fujita #title h2{background:url(../img/set_fujita.gif) no-repeat; height:46px; display:block;} .fujita_list #title h2{ background:url(../img/fujita_list.gif) no-repeat; height:46px; display:block;} .fujita #mainBox{width:660px; height:474px; background:url(../img/fujita_bg.jpg) no-repeat; margin-bottom:10px; position:relative;} .fujita #mainBox #playerBox{ width:320px; height:240px; position:absolute; top:138px; left:73px;} .fujita #mainBox #comment{ width:390px; height:70px; position:absolute; top:390px; left:30px; overflow:auto;} .fujita #mainBox #comment p{ padding-right:5px;line-height:150%;} .fujita #mainBox #guestBox{ width:160px; height:68px; position:absolute; top:46px; left:472px;font-weight:bold; text-align:center;} .fujita #mainBox #guestBox #vol{ color:#fa7965; } .fujita #mainBox #guestBox #date{ color:#e83f25;} .fujita #mainBox #bknumBtn{ position:absolute; top:149px; left:558px;} .fujita #mainBox #bknumBtn a{ display:block; width:96px; height:96px;} .fujita #mainBox #bknumBtn a:hover{ background:url(../img/fujita_on.gif) no-repeat;} /*GALLERY*/ .gallery #title h2,.gallery_sp #title h2{background:url(../img/set_gallery.gif) no-repeat; height:46px; display:block;} .gallery #topbackBtn a,.gallery_sp #topbackBtn a{ display:block; width:262px; height:46px;} .gallery #topbackBtn,.gallery_sp #topbackBtn{ position:absolute; top:17px; left:9px;} .gallery_list #title h2{background:url(../img/set_gallerylist.gif) no-repeat; height:46px; display:block;} .gallery_sp #mainBox{width:660px; height:654px;margin-bottom:10px; position:relative;} .gallery #mainBox{width:660px; height:594px;margin-bottom:10px; position:relative;} .gallery #mainBox #photo,.gallery_sp #mainBox #photo{ width:578px; height:320px; position:absolute; top:79px; left:40px;} .gallery #mainBox #comment,.gallery_sp #mainBox #comment{ width:580px; height:86px; position:absolute; top:400px; left:41px; overflow:auto;} .gallery #mainBox #comment p,.gallery_sp #mainBox #comment p{ padding:5px;line-height:140%;} .gallery ul#thumBox{ width:585px; height:54px; list-style:none; position:absolute; top:501px; left:38px;} .gallery_sp ul#thumBox{ width:585px; height:114px; list-style:none; position:absolute; top:501px; left:38px;} .gallery ul#thumBox li,.gallery_sp ul#thumBox li{ margin-bottom:5px; float:left; position:relative;} .gallery ul#thumBox li a,.gallery_sp ul#thumBox li a{width:54px; height:54px; display:block;} .gallery ul#thumBox li a:hover,.gallery_sp ul#thumBox li a:hover{ background:url(../img/gallery_thum_on.gif) no-repeat;} .gallery_sp .mrgR,.gallery .mrgR{ margin-right:5px;} .gallery #backBtn,.gallery_sp #backBtn{ position:absolute; top:201px; left:6px;} .gallery #backBtn a,.gallery_sp #backBtn a{ display:block; width:30px; height:64px; background:url(../img/gallery_nb.jpg) no-repeat;} .gallery #backBtn a:hover,.gallery_sp #backBtn a:hover{background:url(../img/gallery_nb.jpg) 0px -64px no-repeat;} .gallery #nextBtn,.gallery_sp #nextBtn{ position:absolute; top:201px; left:624px;} .gallery #nextBtn a,.gallery_sp #nextBtn a{ display:block; width:30px; height:64px; background:url(../img/gallery_nb.jpg) -30px 0px no-repeat;} .gallery #nextBtn a:hover,.gallery_sp #nextBtn a:hover{background:url(../img/gallery_nb.jpg) -30px -64px no-repeat;} .gallery #bknumBtn{position:absolute; top:565px; left:498px;} .gallery_sp #bknumBtn{ position:absolute; top:624px; left:480px;} .gallery #bknumBtn a,.gallery_sp #bknumBtn a{ width:180px; height:30px; display:block; background:url(../img/bknum_btn.png) no-repeat;} gallery #bknumBtn a:hover,.gallery_sp #bknumBtn a:hover{filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;} /*.gallery #bknumBtn a:hover,.gallery_sp #bknumBtn a:hover{ background:url(../img/gallery_on.gif) no-repeat;}*/ /*JITEN*/ .jiten #title h2{background:url(../img/set_jiten.gif) no-repeat; height:46px; display:block;} .jiten .box{ background:url(../img/jiten_bg.jpg) right bottom no-repeat; position:relative; margin-bottom:10px;padding-bottom:50px;} .jiten .box #j_header{ width:660px; background:url(../img/jiten_bg.jpg) no-repeat; height:108px;} .jiten .box #j_header #toukouBtn{ position:absolute; top:0; left:503px;} .jiten .box #j_header #toukouBtn a{ display:block; width:138px; height:29px;} .jiten .box #j_header #toukouBtn a:hover{ background:url(../img/jiten_menu_on.gif) 0px -28px no-repeat;} .jiten #mainBox{ width:660px; background:url(../img/jiten_bg.jpg) center repeat-y; text-align:center; padding-top:30px;} .jiten #mainBox .junit{ width:552px; margin:0 auto 20px auto; text-align:left;} .jiten #mainBox .junit h3{ display:block; height:36px; margin-bottom:30px; } .jiten #mainBox .junit h3#a_cate{ background:url(../img/jiten_a.gif) 0px 0px no-repeat;} .jiten #mainBox .junit h3#i_cate{ background:url(../img/jiten_a.gif) 0px -36px no-repeat;} .jiten #mainBox .junit h3#u_cate{ background:url(../img/jiten_a.gif) 0px -72px no-repeat;} .jiten #mainBox .junit h3#e_cate{ background:url(../img/jiten_a.gif) 0px -108px no-repeat;} .jiten #mainBox .junit h3#o_cate{ background:url(../img/jiten_a.gif) 0px -144px no-repeat;} .jiten #mainBox .junit h3#ka_cate{ background:url(../img/jiten_k.gif) 0px 0px no-repeat;} .jiten #mainBox .junit h3#ki_cate{ background:url(../img/jiten_k.gif) 0px -36px no-repeat;} .jiten #mainBox .junit h3#ku_cate{ background:url(../img/jiten_k.gif) 0px -72px no-repeat;} .jiten #mainBox .junit h3#ke_cate{ background:url(../img/jiten_k.gif) 0px -108px no-repeat;} .jiten #mainBox .junit h3#ko_cate{ background:url(../img/jiten_k.gif) 0px -144px no-repeat;} .jiten #mainBox .junit h3#sa_cate{ background:url(../img/jiten_s.gif) 0px 0px no-repeat;} .jiten #mainBox .junit h3#si_cate{ background:url(../img/jiten_s.gif) 0px -36px no-repeat;} .jiten #mainBox .junit h3#su_cate{ background:url(../img/jiten_s.gif) 0px -72px no-repeat;} .jiten #mainBox .junit h3#se_cate{ background:url(../img/jiten_s.gif) 0px -108px no-repeat;} .jiten #mainBox .junit h3#so_cate{ background:url(../img/jiten_s.gif) 0px -144px no-repeat;} .jiten #mainBox .junit h3#ta_cate{ background:url(../img/jiten_t.gif) 0px 0px no-repeat;} .jiten #mainBox .junit h3#ti_cate{ background:url(../img/jiten_t.gif) 0px -36px no-repeat;} .jiten #mainBox .junit h3#tu_cate{ background:url(../img/jiten_t.gif) 0px -72px no-repeat;} .jiten #mainBox .junit h3#te_cate{ background:url(../img/jiten_t.gif) 0px -108px no-repeat;} .jiten #mainBox .junit h3#to_cate{ background:url(../img/jiten_t.gif) 0px -144px no-repeat;} .jiten #mainBox .junit h3#na_cate{ background:url(../img/jiten_n.gif) 0px 0px no-repeat;} .jiten #mainBox .junit h3#ni_cate{ background:url(../img/jiten_n.gif) 0px -36px no-repeat;} .jiten #mainBox .junit h3#nu_cate{ background:url(../img/jiten_n.gif) 0px -72px no-repeat;} .jiten #mainBox .junit h3#ne_cate{ background:url(../img/jiten_n.gif) 0px -108px no-repeat;} .jiten #mainBox .junit h3#no_cate{ background:url(../img/jiten_n.gif) 0px -144px no-repeat;} .jiten #mainBox .junit h3#ha_cate{ background:url(../img/jiten_h.gif) 0px 0px no-repeat;} .jiten #mainBox .junit h3#hi_cate{ background:url(../img/jiten_h.gif) 0px -36px no-repeat;} .jiten #mainBox .junit h3#hu_cate{ background:url(../img/jiten_h.gif) 0px -72px no-repeat;} .jiten #mainBox .junit h3#he_cate{ background:url(../img/jiten_h.gif) 0px -108px no-repeat;} .jiten #mainBox .junit h3#ho_cate{ background:url(../img/jiten_h.gif) 0px -144px no-repeat;} .jiten #mainBox .junit h3#ma_cate{ background:url(../img/jiten_m.gif) 0px 0px no-repeat;} .jiten #mainBox .junit h3#mi_cate{ background:url(../img/jiten_m.gif) 0px -36px no-repeat;} .jiten #mainBox .junit h3#mu_cate{ background:url(../img/jiten_m.gif) 0px -72px no-repeat;} .jiten #mainBox .junit h3#me_cate{ background:url(../img/jiten_m.gif) 0px -108px no-repeat;} .jiten #mainBox .junit h3#mo_cate{ background:url(../img/jiten_m.gif) 0px -144px no-repeat;} .jiten #mainBox .junit h3#ya_cate{ background:url(../img/jiten_y.gif) 0px 0px no-repeat;} .jiten #mainBox .junit h3#yu_cate{ background:url(../img/jiten_y.gif) 0px -36px no-repeat;} .jiten #mainBox .junit h3#yo_cate{ background:url(../img/jiten_y.gif) 0px -72px no-repeat;} .jiten #mainBox .junit h3#ra_cate{ background:url(../img/jiten_r.gif) 0px 0px no-repeat;} .jiten #mainBox .junit h3#ri_cate{ background:url(../img/jiten_r.gif) 0px -36px no-repeat;} .jiten #mainBox .junit h3#ru_cate{ background:url(../img/jiten_r.gif) 0px -72px no-repeat;} .jiten #mainBox .junit h3#re_cate{ background:url(../img/jiten_r.gif) 0px -108px no-repeat;} .jiten #mainBox .junit h3#ro_cate{ background:url(../img/jiten_r.gif) 0px -144px no-repeat;} .jiten #mainBox .junit h3#wa_cate{ background:url(../img/jiten_w.gif) 0px 0px no-repeat;} .jiten #mainBox .junit h3#wo_cate{ background:url(../img/jiten_w.gif) 0px -36px no-repeat;} .jiten #mainBox .junit h3#n_cate{ background:url(../img/jiten_w.gif) 0px -72px no-repeat;} .jiten #mainBox .junit h3#etc_cate{ background:url(../img/jiten_etc.gif) 0px 0px no-repeat;} .jiten #mainBox .junit ul{ list-style:none;} .jiten #mainBox .junit li{ margin-bottom:5px;} .jiten #mainBox .junit .Space1{ width:154px; float:left; margin-right:30px;} .jiten #mainBox .junit .Space2{ width:154px; float:left;margin-right:30px;} .jiten #mainBox .junit .Space3{width:184px; float:left;} .jiten .box ul#jiten_menu{ list-style:none; width:587px; height:28px; margin:0 0 0 31px;position:absolute; top:81px; left:0px;} .jiten .box ul#jiten_menu li{list-style:none;float:left;} .jiten .box ul#jiten_menu li a{ display:block; height:28px;} ul#jiten_menu li#j01 a,ul#jiten_menu li#j02 a,ul#jiten_menu li#j03 a,ul#jiten_menu li#j04 a,ul#jiten_menu li#j05 a,ul#jiten_menu li#j06 a,ul#jiten_menu li#j07 a,ul#jiten_menu li#j08 a,ul#jiten_menu li#j09 a,ul#jiten_menu li#j10 a{ width:53px;} ul#jiten_menu li#j11 a{ width:57px;} ul#jiten_menu li#j01 a:hover,.jiten_a ul#jiten_menu li#j01 a{ background:url(../img/jiten_menu_on.gif) -11px 0px no-repeat;} ul#jiten_menu li#j02 a:hover,.jiten_k ul#jiten_menu li#j02 a{ background:url(../img/jiten_menu_on.gif) -64px 0px no-repeat;} ul#jiten_menu li#j03 a:hover,.jiten_s ul#jiten_menu li#j03 a{ background:url(../img/jiten_menu_on.gif) -117px 0px no-repeat;} ul#jiten_menu li#j04 a:hover,.jiten_t ul#jiten_menu li#j04 a{ background:url(../img/jiten_menu_on.gif) -170px 0px no-repeat;} ul#jiten_menu li#j05 a:hover,.jiten_n ul#jiten_menu li#j05 a{ background:url(../img/jiten_menu_on.gif) -223px 0px no-repeat;} ul#jiten_menu li#j06 a:hover,.jiten_h ul#jiten_menu li#j06 a{ background:url(../img/jiten_menu_on.gif) -276px 0px no-repeat;} ul#jiten_menu li#j07 a:hover,.jiten_m ul#jiten_menu li#j07 a{ background:url(../img/jiten_menu_on.gif) -329px 0px no-repeat;} ul#jiten_menu li#j08 a:hover,.jiten_y ul#jiten_menu li#j08 a{ background:url(../img/jiten_menu_on.gif) -382px 0px no-repeat;} ul#jiten_menu li#j09 a:hover,.jiten_r ul#jiten_menu li#j09 a{ background:url(../img/jiten_menu_on.gif) -435px 0px no-repeat;} ul#jiten_menu li#j10 a:hover,.jiten_w ul#jiten_menu li#j10 a{ background:url(../img/jiten_menu_on.gif) -488px 0px no-repeat;} ul#jiten_menu li#j11 a:hover,.jiten_etc ul#jiten_menu li#j11 a{ background:url(../img/jiten_menu_on.gif) -541px 0px no-repeat;} /*OKAKURA*/ .okakura #title h2{background:url(../img/set_okakura.gif) no-repeat; height:46px; display:block;} .okakura_list #title h2{ background:url(../img/set_okakuralist.gif) no-repeat; height:46px; display:block;} .okakura .box{ background:url(../img/okakura_bg.jpg) right bottom no-repeat; position:relative; margin-bottom:10px;padding-bottom:30px;} .okakura .box #o_header{ background:url(../img/okakura_bg.jpg) no-repeat; height:313px;} .okakura .box #o_header #bknumBtn{ position:absolute; left:551px; top:0;} .okakura .box #o_header #bknumBtn a{ display:block; width:98px; height:54px;} .okakura .box #o_header #bknumBtn a:hover{background:url(../img/okakura_on.gif) no-repeat;} .okakura #mainBox{ width:660px; background:url(../img/okakura_bg.jpg) center repeat-y; text-align:center;} .okakura #mainBox #date{ width:600px;background:url(../img/okakura_bg.jpg) -30px -313px no-repeat; height:28px; margin:0 auto;} .okakura #mainBox #date h3{ padding:6px 0 0 10px;color:#2a5b88; text-align:left; font-size:12px;} .okakura #mainBox #date #theme{color:#032341;} .okakura #mainBox #honbun{ width:600px;background:url(../img/okakura_bg.jpg) -30px -341px no-repeat; text-align:left; margin:0 auto;} .okakura #mainBox #honbun #Inner{ padding:20px;} .okakura #mainBox #honbun p{ line-height:160%; } .okakura .Img_tate{ width:170px; height:220px; background:url(../img/set_okakura.gif) -220px -50px no-repeat;} .okakura .Img_yoko{ width:220px; height:170px; background:url(../img/set_okakura.gif) -0px -50px no-repeat; } .okakura .ph{ margin:10px 0 0 10px;} .okakura .Img_tate .ph{ width:150px; height:200px; } .okakura .Img_yoko .ph{ width:200px; height:150px; } .okakura .floatL{ margin:0 10px 10px 0;} .okakura .floatR{ margin:0 0 10px 10px; } .okakura .textBox{ margin-bottom:15px;} .okakura #teacher{ background:url(../img/okakura_teacher.jpg) no-repeat; width:600px; height:210px; margin:0 auto; position:relative;} .okakura #teacher p{ position:absolute; width:416px; height:136px; top:56px; left:13px; text-align:left; line-height:160%;} /*PRESENT*/ .present #title h2{background:url(../img/set_present.gif) no-repeat; height:46px; display:block;} .present #qBox{ width:660px; height:173px; background:url(../img/present.jpg) no-repeat; margin:10px 0;} .present #qBox p{ margin-bottom:10px;} .present #qBox #textBox{ width:406px; padding:14px 0 0 14px;} .present #qBox #ouboBtn a{ display:block; width:170px; height:32px; background:url(../img/present.jpg) 0px -173px no-repeat;margin:14px 0 0 14px;} .present #qBox #ouboBtn a:hover{ background:url(../img/present.jpg) -170px -173px no-repeat;} .present h3#qa{ display:block; background:url(../img/present.jpg) 0px -205px no-repeat; width:660px; height:24px; margin:15px 0 10px 0;} .present #bknumBtn{ margin:5px 0 15px; 0;} .present #bknumBtn a{display:block; background:url(../img/present.jpg) -346px -179px no-repeat; width:156px; height:22px;} .present #bknumBtn a:hover{background:url(../img/present.jpg) -502px -179px no-repeat; } .present .cau{ line-height:140%; color:#6d503f; font-size:11px; margin-top:20px;} /*SP-BACKUMBER-LIST*/ .present_list .listBox{ background:url(../img/set_presentlist.gif) left bottom no-repeat; margin:0 0 15px 0; clear:both; height:70px;} .present_list .update{font-size:12px; padding-left:12px; line-height:140%;} .present_list .listBox h3{ color:#b72502;font-size:12px; display:block; padding-bottom:8px;padding-left:12px;} .present_list #pTop a{ width:178px; height:16px; display:block; background:url(../img/present_list.gif) 0px -54px no-repeat; float:right; margin-bottom:5px;} .present_list #pTop a:hover{background:url(../img/present_list.gif) -180px -54px no-repeat;} .present_list #leftBox #ptitle{ background:url(../img/set_common.gif) 0px -452px no-repeat; display:block; width:660px; height:46px; margin-bottom:8px;} .present_list #ptitle h2{background:url(../img/present_list.gif) no-repeat; height:46px; display:block;} /*////////POPUP-COMMON////////*/ body.popup{background:url(../img/pop_bg.gif);font-size:12px; letter-spacing:0.05em; line-height:150%; color:#1b0a00;} #container2,#container4,#container5{width:450px; margin:0 auto; text-align:left; background:#fbf8ef;} #container2 #unit,#container4 #unit,#container5 #unit{ padding:5px 10px 20px 10px; text-align:center;} #container2 #unit #formBox,#container4 #unit #formBox,#container5 #unit #formBox{ width:420px; margin:0 auto; text-align:left;} #container2 #footer,#container4 #footer,#container5 #footer{ background:url(../img/set_msgform.gif) right top no-repeat; width:450px; text-align:center;} #container2 #closeBtn,#container4 #closeBtn,#container5 #closeBtn{ padding:6px 0 3px 0;} #container2 #closeBtn a,#container4 #closeBtn a,#container5 #closeBtn a{background:url(../img/set_msgform.gif) 0px -195px no-repeat; width:60px; height:17px; display:block; margin:2px auto 3px auto;} #container2 #closeBtn a:hover,#container4 #closeBtn a:hover,#container5 #closeBtn a:hover{background:url(../img/set_msgform.gif) -60px -195px no-repeat;} #container2 .exBox{ background-color:#f2ede1; padding:10px; width:380px; margin:10px auto 0;} /*////////POPUP-MSG////////*/ #container2 h1{ background:url(../img/set_msgform.gif) no-repeat; height:124px; display:block; margin-bottom:10px;} #container2 #unit p{ font-size:12px; line-height:180%; margin:5px 0; text-align:left; padding:0 10px;} #container2 #unit #formBox dl{ font-size:12px; margin:0 0 0 10px;text-align:left;} #container2 #unit #formBox dd{ margin-bottom:15px;} #container2 #unit #formBox #btnSet{ margin-bottom:20px;} #container2 #unit #formBox table{width:370px; padding:2px; font-size:120%; line-height:150%; margin:10px 0;} #container2 #unit #formBox table th{text-align:left;padding:2px 0; } #container2 #unit #formBox table td{ text-align:left; padding:2px 0 2px 10px;} #container2 #goBtn a{ display:block; width:400px; height:34px; background:url(../img/set_msgform.gif) 0px -124px no-repeat; margin:20px auto;} #container2 #goBtn a:hover{background:url(../img/set_msgform.gif) 0px -158px no-repeat;} .thanks{ height:400px;} /*////////POPUP-SOUKANZU////////*/ #container3{width:550px; margin:0 auto; text-align:left;} #container3 #unit{ width:525px; height:336px; margin:12px; position:relative;} #container3 #unit .cover{ position:absolute; top:0; left:0;} #container3 #unit #textArea{ width:254px; height:240px; position:absolute; top:76px; left:23px; overflow:auto;} #container3 #unit #textArea p{ margin-bottom:15px; line-height:160%;} #container3 #footer{ background:url(../img/footer_detail.jpg) no-repeat; height:30px; text-align:center; position:relative;} #container3 #closeBtn{ position:absolute; top:7px; left:236px;} #container3 #closeBtn a{background:url(../img/set_msgform.gif) 0px -195px no-repeat; width:60px; height:17px; display:block;} #container3 #closeBtn a:hover{background:url(../img/set_msgform.gif) -60px -195px no-repeat;} #container3 #nextBtn{position:absolute; top:0px; left:470px;} #container3 #backBtn{position:absolute; top:0px; left:0px;} #container3 #nextBtn a,#container3 #backBtn a{ width:80px; height:30px; display:block;} #container3 #nextBtn a:hover{background:url(../img/footer_detail.jpg) -470px -30px no-repeat;} #container3 #backBtn a:hover{background:url(../img/footer_detail.jpg) 0px -30px no-repeat;} /*////////POPUP-PRESENT////////*/ #container4 h1{background:url(../img/set_pform.gif) no-repeat; height:124px; display:block; margin-bottom:10px;} #container4 #unit p{ font-size:12px; line-height:180%; margin:5px 0; text-align:left; padding:0 10px;} #container4 #unit #formBox table{width:420px; padding:1px; line-height:150%; margin:10px 0;font-size:110%;} #container4 #unit #formBox table th{text-align:left;padding:2px 0; background:#f5ead1;} #container4 #unit #formBox table td{ text-align:left; padding:4px 0 4px 10px;background:#f5ead1;} #container4 .err{color:#b72502; font-size:90%;} /*////////POPUP-JITEN////////*/ #container5 h1{background:url(../img/set_jform.gif) no-repeat; height:124px; display:block; margin-bottom:10px;} #container5 #unit p{ font-size:12px; line-height:180%; margin:5px 0; text-align:left; padding:0 10px;} #container5 #unit #formBox table{width:420px; padding:1px; line-height:150%; margin:10px 0;font-size:110%;} #container5 #unit #formBox table th{text-align:left;padding:2px 0; background:#f5ead1;} #container5 #unit #formBox table td{ text-align:left; padding:4px 0 4px 10px;background:#f5ead1;} #container5 .err{color:#b72502; font-size:90%;} /*////////MOVIE////////*/ .movie{ background:url(../img/bg_main.gif); text-align:center; overflow-x:hidden; padding-top:20px;} .movie h1{background:url(../img/bg_movie.jpg) no-repeat; height:80px; width:540px; margin:0 auto;} #container6{ text-align:center; margin:0 auto;width:540px; padding:30px 0; position:relative; background:#fdf9f7;} #container6 #unit{ margin:0 auto;} #plBox{ width:480px; height:270px; text-align:center; margin:0 auto;} .movie #closeBtn a{ display:block; width:64px; height:22px; margin:10px auto; background:url(../img/close.png) no-repeat;} /*NAVI*/ /*.top #NaviCover{ background:url(../img/bg_topmenu_re.png) repeat-x; height:auto;}*/ .top #NaviCover{ background:url(../img/topmenubg.png); width:100%; border-bottom:5px solid #822e0e;} /*.top #Navi{width:966px; height:auto; background:url(../img/bg_topmenu.jpg) no-repeat; margin:0 auto; padding:20px 0;}*/ .top #Navi{width:960px; height:auto; margin:0 auto; padding:20px 0; box-shadow:-6px 0px 6px -1px rgba(130,46,14,0.6) inset,6px 0px 6px -1px rgba(130,46,14,0.6) inset;} /*.top #Navi ul{width:960px;list-style:none;padding:17px 18px; margin-right:-6px;}*/ .top #menuarea{width:558px;list-style:none; margin-right:10px;float:left;margin-left:20px;} .top .mov{ width:552px; height:311px; margin:0 0 1em;} .top .mov iframe{border:none;} .top #Navi ul{list-style:none;} .top #Navi li{float:left; margin-right:6px; margin-bottom:6px;} .top #Navi a{display:block;overflow:hidden; width:180px; height:100px; background-image:url(../img/topmenu.png?2019);} .top #Navi li:not(.nolnk) a:hover{filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;} .top #Navi li.nolnk a {cursor:default;} .top #twit_tl{width:350px; float:left; background-color:#fefbf3;border-radius: 5px;} .top #Navi ul li#m01 a{ background-position:0 0;} .top #Navi ul li#m02 a{ background-position:-180px 0;} .top #Navi ul li#m03 a{ background-position:-360px 0;} .top #Navi ul li#m04 a{ background-position:-540px 0;} .top #Navi ul li#m05 a{ background-position:-720px 0; /*width:180px; height:100px; background-image:url(../img/topmenu.png?);*/} .top #Navi ul li#m06 a{ background-position:-900px 0;} .top #Navi ul li#m07 a{ background-position:-1080px 0;} .top #Navi ul li#m08 a{ background-position:-1260px 0;} .top #Navi ul li#m09 a{ background-position:-1440px 0;} .top #Navi ul li#m10 a{ background-position:-1620px 0;} .second #Navi{width:144px;margin:0 0 10px 12px; padding:0;} .second #Navi ul{list-style:none;width:100%;} .second #Navi li{list-style:none; float:left;height:50px; margin-bottom:4px;} .second #Navi a{display:block; width:144px; height:50px;} .second #Navi a:hover{filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;} .second #Navi ul li#m01 a{background:url(../img/2ndmenu.png) no-repeat;} .second #Navi ul li#m02 a{background:url(../img/2ndmenu.png) 0px -50px;} .second #Navi ul li#m03 a{background:url(../img/2ndmenu.png) 0px -100px;} .second #Navi ul li#m04 a{background:url(../img/2ndmenu.png) 0px -150px;} .second #Navi ul li#m05 a{background:url(../img/2ndmenu.png) 0px -200px;} .second #Navi ul li#m06 a{background:url(../img/2ndmenu.png) 0px -250px;} .second #Navi ul li#m07 a{background:url(../img/2ndmenu.png) 0px -300px;} .second #Navi ul li#m08 a{background:url(../img/2ndmenu.png) 0px -350px;} .second #Navi ul li#m09 a{background:url(../img/2ndmenu.png) 0px -400px;} .second #Navi ul li#m10 a{background:url(../img/2ndmenu.png) 0px -450px;} .second #Navi ul li#m11 a{background:url(../img/2ndmenu.png) 0px -500px;} .second #Navi ul li#m12 a{background:url(../img/2ndmenu.png?) 0px -550px;} /*SP-MOVIE*/ .spmovie .box{ position:relative; margin-bottom:30px;} .spmovie #title h2{background:url(../img/set_movie.gif?) no-repeat; height:46px; display:block;} .spmovie .st{ background:url(../img/set_story.gif) -660px 0 repeat-y; padding-left:15px; margin-bottom:15px; margin-left:8px; position:relative; top:0; left:0;} .spmovie .st h3{ color:#b72502;} .spmovie .st .date{ color:#b68b0e; font-weight:bold;} .spmovie .player{ width:560px; margin:0 auto 20px; text-align:center; border:6px solid #e8d4d6;} /*SATSU-KITCHEN*/ .satsu-kitchen .box{ position:relative; margin-bottom:30px;} .satsu-kitchen #leftBox h2{width:660px; height:120px; margin-bottom:20px;background:url(../satsu-kitchen/img/satsukitchen_parts.png) no-repeat; display:block;} .satsu-kitchen .st{ background:url(../img/set_story.gif) -660px 0 repeat-y; padding-left:15px; margin-bottom:15px; margin-left:8px; position:relative; top:0; left:0;} .satsu-kitchen .st h3{ color:#b72502;} .satsu-kitchen .st .date{ color:#b68b0e; font-weight:bold;} .satsu-kitchen .player{ width:560px; margin:0 auto 20px; text-align:center; border:6px solid #e8d4d6;} /*COUNTDOUWN-PRESENT*/ .sp_present .box{ background:url(../img/sppresent_bg.png) right repeat-y; position:relative; margin-bottom:10px; padding-bottom:15px;} .sp_present .box h2#o_header{ background:url(../img/sppresent_bg.png) no-repeat; height:118px; display:block; margin-bottom:20px;} .sp_present .box .mainBox{ padding:0 25px; text-align:center;} .sp_present .box .mainBox p{ line-height:160%; text-align:left; margin-bottom:10px;} .sp_present .box #msg_ph{ background:url(../img/sppresent_msg.jpg) no-repeat; width:202px; height:152px; float:left; margin:0 10px 0 0;} .sp_present .box #gaiyou{ background:#fdf8eb; padding:15px 15px 15px 15px; margin:25px auto;} .sp_present .box #gaiyou h3{ display:block; background:url(../img/sppresent_icon.png) no-repeat; padding-left:25px; text-align:left; color:#bd0101; font-size:12px; margin-bottom:10px; } .sp_present .box #gaiyou p{ margin:0 0 10px 0 !important;} .sp_present .box #gaiyou #Img{ background:url(../img/sppresent_ph.jpg) no-repeat; width:132px; height:118px; float:right; margin:0 0 0 10px;} .sp_present .box #ouboBtn a{ background:url(../img/sppresent_btn.png) no-repeat; width:222px; height:40px; margin:10px auto; display:block;} .sp_present .box #ouboBtn a:hover{background:url(../img/sppresent_btn.png) -222px 0px no-repeat;} /*$B%U%)%s%H;XDj(B*/ .pink{ color:#f02c8a;} .blue{ color:#009fde;} .orange{ color:#e38601;} .red{ color:#b72502;} .yellow{ color:#e0ae06;} .green{ color:#247003;} .brown{color:#1b0a00;} /*$B%j%s%/;XDj(B*/ a{ text-decoration:underline; color:#ce3a1d; font-weight:bold;} a:hover { text-decoration:none;} /*$B%U%C%?!<(B*/ .top #footer {color:#fff; width:960px;font-size:10px; padding:25px 0;} .top #footer a{color:#fff; font-weight:bold;} .second #footer {color:#fff; margin:0 auto; background:url(../img/bg_hf.gif) 0px -91px repeat-x; font-size:10px; padding:25px 0;} #social{margin:1.5em 0 0;} /* =========================================== TBS global header Legacy =========================================== */ /* reset ============================== */ html,body { padding:0; margin:0; } /* common ============================== */ /* GH common ============================== */ div.global-header { position:relative; background-repeat:repeat-x; border-bottom:2px solid #c2c2c2 !important; background-color:#eaeaea; } div.global-header h1 { display:none; } div.global-header nav, div.global-header ul, div.global-header li, div.global-header p { margin: 0; padding: 0; line-height:1; letter-spacing:0; } div.global-header ul { list-style-type: none; } /* causion */ div.gh-caution p { line-height:1.5; text-align:center; background-color:#ffe000; padding: 12px 0; margin-bottom:12px; } div.gh-caution p b, div.gh-caution p strong { font-style:normal; font-weight:bold; color:#c00; } div.gh-caution p.gh-caution-tls { line-height:1.5; text-align:center; background-color:#ffe000; padding: 12px; margin-bottom:12px; } div.gh-caution p.gh-caution-tls b, div.gh-caution p.gh-caution-tls strong, div.gh-caution p.gh-caution-tls a { color:#005eac !important; } div.gh-caution p.gh-caution-tls a { font-weight:normal; text-decoration:underline !important; } /* banner */ div.global-header div.gh-super { display:block; text-align:left; margin:0 auto; } /* tbs tv side */ div.global-header div.gh-tbs ul li { display:block; position:absolute; } div.global-header div.gh-tbs ul li a { display:block; background-repeat:no-repeat; text-indent:110%; white-space:nowrap; overflow:hidden; } /* catari widget */ .catari-widget, .catari-widget iframe { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .catari-widget { text-align:left; border:1px solid #d6d6d6; background-color:#fff; padding:4px; } .catari-widget-inner { height:315px; -webkit-overflow-scrolling:touch; } .catari-widget iframe { width:100%; height:100%; border:none; padding:0 !important; margin:0 !important; background-color:#fff !important; } .catari-widget p { color:#2d2d2d; -webkit-text-size-adjust:100%; -ms-text-size-adjust: 100%; font-family:"Helvetica Neue","ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,"メイリオ",Meiryo,sans-serif !important; line-height:1; margin:0 !important; } .catari-widget p:after { content:"";clear:both;display:block; } .catari-widget p:first-child { font-size:14px !important; font-weight:bold !important; padding-bottom:4px; } .catari-widget p span { display:block; } .catari-widget p:first-child span { /* padding-left:44px; */ padding-left:20px; padding-top:12px; } .catari-widget p:last-child span { padding-right:74px; padding-top:6px; } .catari-widget p:last-child { padding-top:4px; text-align:right !important; font-size:12px !important; } /* .catari-widget p:first-child:before { content:""; display:block; background-image:url(/um/v7/img/catari_fromtbs.svg); width:40px; height:40px; float:left; } */ .catari-widget p:last-child a { display:block; /* background-image:url(/um/v7/img/catari_logo.svg); */ width:72px; height:24px; text-indent:110%;white-space:nowrap;overflow:hidden; float:right; } /* GH PC header ============================== */ div.global-header, div.global-header ul li, div.global-header p.gh-search-btn { font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif; font-size:16px !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust: 100%; } /* causion */ div.gh-caution p { font-size:87.5%; } div.global-header { text-align:left; background-image:url(/um/v7/img/gh_bg_pc.svg?0); background-size:320px 240px; } /* banner */ div.global-header div.gh-super { padding-bottom:12px; } div.global-header div.gh-super img { display:inline; } div.global-header div.gh-super span { display:inline; } /* tbs tv side */ div.global-header div.gh-tbs { position:absolute; background-image:url(/um/v7/img/gh_parts.svg?0); background-repeat:no-repeat; background-position:left top; background-size:320px 240px; width:150px; height:75px; } div.global-header div.gh-tbs ul { display:block; background-image:url(/um/v7/img/gh_boobo.png?0); background-repeat:no-repeat; background-size:150px; background-position:0 36px; width:150px; height:75px; } div.global-header div.gh-tbs ul li.gh-home { left:30px; top:8px; } div.global-header div.gh-tbs ul li.gh-program { left:32px; top:40px; } div.global-header div.gh-tbs ul li.gh-home a { background-position:-170px 0; width: 90px; height: 26px; } div.global-header div.gh-tbs ul li.gh-program a { background-image: none; width: 86px; height: 25px; } div.global-header div.gh-tbs ul li.gh-side { display:none; } /* di2 only PC */ div.global-header div.gh-navi { height:76px; margin:0 auto; } /* di2 */ div.global-header div.gh-menu { position:relative; margin-left:150px; } div.global-header div.gh-menu ul.gh-main, div.global-header div.gh-menu ul.gh-sub { display:table; border-collapse: collapse; /* border-spacing: 0; */ } div.global-header div.gh-menu ul.gh-main { width:100%; } div.global-header div.gh-menu ul.gh-sub { width:59%; margin-left:41%; } div.global-header div.gh-menu ul li { display:table-cell; vertical-align:middle; white-space:nowrap; } div.global-header div.gh-menu ul.gh-main li { border-bottom:1px solid transparent; } div.global-header div.gh-menu ul li a { display:block; text-align:center; color:#222; text-decoration:none; } div.global-header div.gh-menu ul li a:hover { /*font-weight:bold;*/ color:#000; } div.global-header div.gh-menu ul.gh-main li a span { font-weight:bold; line-height:40px; } div.global-header div.gh-menu ul.gh-sub li a span { color:#fff; line-height:18px; } div.global-header div.gh-menu ul.gh-main li a:hover { background-color:#bfdcf3; } div.global-header div.gh-menu ul.gh-sub li a:hover, div.global-header div.gh-menu p.gh-search-btn a:hover { background-color:#00569b; } div.global-header div.gh-menu ul.gh-main li a:before, div.global-header div.gh-menu ul.gh-sub li a:before { content: ""; display:block; float:left; margin-left: -1px; } div.global-header div.gh-menu ul.gh-main li a:before { height:20px; margin-top:10px; border-left: 2px solid #80b9e7; } div.global-header div.gh-menu ul.gh-sub li a:before { height:14px; margin-top:2px; border-left: 2px solid #80b9e7; } div.global-header div.gh-menu ul.gh-main li:first-child a:before, div.global-header div.gh-menu ul.gh-sub li:first-child a:before { border-left:none; } div.global-header div.gh-menu ul.gh-main li a span, div.global-header div.gh-menu ul.gh-sub li a span { display:inline-block; } /* search button */ div.global-header div.gh-menu p.gh-search-btn { position:absolute; left:0; top:41px; } div.global-header div.gh-menu p.gh-search-btn a { display:block; color:#fff; font-size:83%; text-decoration:none; line-height:18px; line-height:19px; /* for IE9 */ letter-spacing:0.75em; padding:0 15px; } div.global-header div.gh-menu p.gh-search-btn a:before { content: ""; display:block; float:left; width:18px; height:18px; margin-right:10px; background-image:url(/um/v7/img/gh_parts.svg?0); background-position:0 -90px; background-repeat:no-repeat; background-size:320px 240px; } /* tbs tv side */ div.global-header div.gh-tbs ul li.gh-home a { background-image:url(/um/v7/img/gh_parts.svg?0); background-size:320px 240px; } /* GH 980px ============================== */ div.global-header { letter-spacing:0; min-width: 980px; } div.global-header div.gh-super { width:980px; } div.global-header div.gh-super:before { content: ""; display:block; float:left; width:126px; height:1px; } div.global-header div.gh-navi { width:980px; } div.global-header div.gh-menu ul.gh-main li a span { font-size:87.5%; padding:0 12px; } div.global-header div.gh-menu ul.gh-sub li a span { font-size:83%; padding:0 12px; } /*jumpSmp*/ #jumpSmp { display:block; color:#fff; background: -moz-linear-gradient(center top, #9dce5f 50%,#7cbe2a 50%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #9dce5f),color-stop(0.5, #7cbe2a)); text-align:center; font-size:52px; font-weight:bold; line-height:1.35; border-top:5px solid #ddd; border-bottom:5px solid #eee; padding:52px; } #jumpSmp a { display:block; color:#fff;} /*eof*/