@charset "iso-2022-jp"; html{ height:100%; } body { height:100%; margin:0px auto; padding:0px; text-align:center; line-height:220%; color:#333; background:url(../img/bg.png) repeat top center; } a:link {color:#690006;text-decoration:none;} a:visited {color:#690006;text-decoration:none;} a:active {color:#035c67;text-decoration: none;} a:hover {color:#035c67;text-decoration: none;} /*///////////////////////////////////////////////////////////////////////// コンテンツ共通 /////////////////////////////////////////////////////////////////////////*/ #BG{background:url(../img/bgtop.png) repeat-x top center;margin:0px;padding:0;} #CONTAINER{width:950px;padding:0 5px;_width:960px;margin:0px auto;background:url(../img/containerbg.png) repeat-y top center;text-align:center;} #MENUAREA{width:950px;height:40px;margin:0px auto;background:url(../img/menubg.png) repeat-x left top;position:relative;} #MENUAREA .overline{width:100px;height:36px;position:absolute;top:2px;left:0px;background:url(../img/menu_over.png) repeat-x;z-index:0} #MENUAREA ul{z-index:100;position:absolute;top:0;left:12px;} #MENUAREA ul li{height:36px;_height:40px;float:left;padding:2px 10px 2px 10px;} #MENUAREA ul li a{height:36px;display:block;background:url(../img/glb_parts.png) no-repeat;} #MENUAREA ul li#m0 a{width:95px;background-position:0 0;} #MENUAREA ul li#m1 a{width:73px;background-position:-95px 0;} #MENUAREA ul li#m2 a{width:73px;background-position:-168px 0;} #MENUAREA ul li#m3 a{width:73px;background-position:-241px 0;} #MENUAREA ul li#m4 a{width:73px;background-position:-314px 0;} #MENUAREA ul li#m5 a{width:73px;background-position:-387px 0;} #MENUAREA ul li#m6 a{width:73px;background-position:-460px 0;} #MENUAREA ul li#m7 a{width:87px;background-position:-533px 0;} #MENUAREA ul li#m8 a{width:126px;background-position:-620px 0;} #MENUAREA ul li#m0 a:hover{background-position:0 -36px;} #MENUAREA ul li#m1 a:hover{background-position:-95px -36px;} #MENUAREA ul li#m2 a:hover{background-position:-168px -36px;} #MENUAREA ul li#m3 a:hover{background-position:-241px -36px;} #MENUAREA ul li#m4 a:hover{background-position:-314px -36px;} #MENUAREA ul li#m5 a:hover{background-position:-387px -36px;} #MENUAREA ul li#m6 a:hover{background-position:-460px -36px;} #MENUAREA ul li#m7 a:hover{background-position:-533px -36px;} #MENUAREA ul li#m8 a:hover{background-position:-620px -36px;} #MENUAREA ul li#m6 span.off{width:73px;height:36px;background:url(../img/glb_parts.png) no-repeat -460px 0;display:block;} #MENUAREA ul li#m7 span.off{width:87px;height:36px;background:url(../img/glb_parts.png) no-repeat -533px 0;display:block;} #TOPPAGE #MENUAREA ul li#m0 a{background-position:0 -36px;} #INFORMATION #MENUAREA ul li#m1 a{background-position:-95px -36px;} #INTRODUCTION #MENUAREA ul li#m2 a{background-position:-168px -36px;} #ORIGINAL #MENUAREA ul li#m3 a{background-position:-241px -36px;} #CAST #MENUAREA ul li#m4 a{background-position:-314px -36px;} #STAFF #MENUAREA ul li#m5 a{background-position:-387px -36px;} #STORY #MENUAREA ul li#m6 a{background-position:-460px -36px;} #CHART #MENUAREA ul li#m7 a{background-position:-533px -36px;} #FANMESSAGE #MENUAREA ul li#m8 a{background-position:-620px -36px;} #HEADER{width:950px;height:100px;background:url(../img/glb_parts.png) no-repeat 0 -340px;} #MAINAREA{width:950px;margin:0px auto;background:url(../img/mainbg.png) repeat-y left top;} #LEFTAREA{width:270px;padding:5px 0;float:left;} #LEFTAREA #NEWSAREA{width:260px;height:165px;margin:0px auto;background:url(../img/glb_parts.png) no-repeat -290px -100px;position:relative;} #LEFTAREA #NEWSAREA .newstext{width:254px;height:131px;position:absolute;top:26px;left:3px;overflow:auto;} #LEFTAREA #NEWSAREA .newstext ul{padding:5px 10px;} #LEFTAREA #NEWSAREA .newstext ul li{font-size:110%;text-align:left;line-height:120%;padding:3px 0 3px 10px;position:relative;background:url(../img/glb_parts.png) no-repeat -570px -95px;border-bottom:1px dotted #ccc;} #LEFTAREA #NEWSAREA .newstext ul li .date{color:#035c67;padding:0 0 0 5px;} #LEFTAREA #SPAREA{width:262px;margin:0px auto;padding-top:20px;background:url(../img/glb_parts.png) no-repeat -800px 0px;} #LEFTAREA #SPAREA ul{height:215px;} #LEFTAREA #SPAREA ul li{width:131px;height:52px;float:left;} #LEFTAREA #SPAREA ul li .off{width:129px;height:50px;margin:0px auto;background:url(../img/glb_parts.png) no-repeat -165px -270px;display:block;} #LEFTAREA #SPAREA ul li a{width:129px;height:50px;margin:0px auto;background:url(../img/glb_parts.png) no-repeat -165px -270px;display:block;} #LEFTAREA #SPAREA ul li#sp2_1 a{background:url(../img/glb_banner.jpg) no-repeat -161px 0;} #LEFTAREA #SPAREA ul li#sp2_2 a{background:url(../img/glb_banner.jpg) no-repeat -161px -55px;} #LEFTAREA #SPAREA ul li#sp2_3 a{background:url(../img/glb_banner.jpg) no-repeat -161px -110px;} #LEFTAREA #SPAREA ul li#sp2_4 a{background:url(../img/glb_banner.jpg) no-repeat -161px -165px;} #LEFTAREA #SPAREA ul li#sp2_5 a{background:url(../img/glb_banner.jpg) no-repeat -161px -220px;} #LEFTAREA #SPAREA ul li#sp2_6 a{background:url(../img/glb_banner.jpg) no-repeat -161px -275px;} #LEFTAREA #SPAREA ul li#sp2_7 a{background:url(../img/glb_banner.jpg) no-repeat -161px -330px;} #LEFTAREA #SPAREA ul li#sp2_8 a{background:url(../img/glb_banner.jpg) no-repeat -161px -385px;} #LEFTAREA #MOBILEINFO{width:260px;height:126px;margin:0 auto;background:url(../img/glb_parts.png) no-repeat 0px -451px;} #LEFTAREA .social{width:260px;height:40px;margin:10px auto 0 auto;position:relative;} #LEFTAREA .social .twitter{width:140px;position:absolute;top:0px ;left:0;text-align:left;} #LEFTAREA .social .facebook{width:130px;position:absolute;top:0px ;left:140px;text-align:left;} #RIGHTAREA{width:670px;padding:8px 0px 25px 0px;float:right;position:relative;} #RIGHTAREA .pagetop{position:absolute;bottom:-1px;right:5px;} #RIGHTAREA .pagetop a{display:block;width:96px;height:20px;background:url(../img/glb_parts.png) no-repeat -304px -270px;} #RIGHTAREA p{font-size:140%;} .photobg{padding:5px;background:url(../img/photobg.png);margin-bottom:5px;} /* トップページ ID:TOPPAGE*/ #TOPPAGE #mainimage{width:950px;height:595px;margin:0px auto;background:url(../img/topmain.jpg) no-repeat;position:relative;} #TOPPAGE #mainimage .banner_panasonic{position:absolute;top:10px;left:15px;} #TOPPAGE #INFORMATION{width:923px;_width:950px;padding:15px 12px 15px 15px;margin:0px auto;background:#4c090a;} #TOPPAGE #INFORMATION #NEWSAREA{width:280px;height:160px;float:left;background:url(../img/glb_parts.png) no-repeat 0 -100px;position:relative;} #TOPPAGE #INFORMATION #NEWSAREA .newstext{width:274px;height:131px;position:absolute;top:26px;left:3px;overflow:auto;} #TOPPAGE #INFORMATION #NEWSAREA .newstext ul{padding:5px 10px;} #TOPPAGE #INFORMATION #NEWSAREA .newstext ul li{font-size:110%;text-align:left;line-height:120%;padding:3px 0 3px 10px;position:relative;background:url(../img/glb_parts.png) no-repeat -570px -95px;border-bottom:1px dotted #ccc;} #TOPPAGE #INFORMATION #NEWSAREA .newstext ul li .date{color:#035c67;padding:0 0 0 5px;} #TOPPAGE #INFORMATION #SPAREA{width:632px;float:right;} #TOPPAGE #INFORMATION #SPAREA ul{height:130px;} #TOPPAGE #INFORMATION #SPAREA ul li{width:158px;height:63px;float:left;} #TOPPAGE #INFORMATION #SPAREA ul li span.off{width:155px;height:60px;background:url(../img/glb_parts.png) no-repeat 0 -270px;display:block;} #TOPPAGE #INFORMATION #SPAREA ul li a{width:155px;height:60px;background:url(../img/glb_parts.png) no-repeat 0 -270px;display:block;} #TOPPAGE #INFORMATION #SPAREA ul li#sp2_1 a{background:url(../img/glb_banner.jpg) no-repeat 0 0;} #TOPPAGE #INFORMATION #SPAREA ul li#sp2_2 a{background:url(../img/glb_banner.jpg) no-repeat 0 -65px;} #TOPPAGE #INFORMATION #SPAREA ul li#sp2_3 a{background:url(../img/glb_banner.jpg) no-repeat 0 -130px;} #TOPPAGE #INFORMATION #SPAREA ul li#sp2_4 a{background:url(../img/glb_banner.jpg) no-repeat 0 -195px;} #TOPPAGE #INFORMATION #SPAREA ul li#sp2_5 a{background:url(../img/glb_banner.jpg) no-repeat 0 -260px;} #TOPPAGE #INFORMATION #SPAREA ul li#sp2_6 a{background:url(../img/glb_banner.jpg) no-repeat 0 -325px;} #TOPPAGE #INFORMATION #SPAREA ul li#sp2_7 a{background:url(../img/glb_banner.jpg) no-repeat 0 -390px;} #TOPPAGE #INFORMATION #SPAREA ul li#sp2_8 a{background:url(../img/glb_banner.jpg) no-repeat 0 -455px;} #TOPPAGE #INFORMATION .social{width:632px;float:right;text-align:left;} #TOPPAGE #INFORMATION .social .twitter,#TOPPAGE #INFORMATION #SPAREA .social .facebook{float:left;} /* お知らせ id:INFORMATION */ #INFORMATION h2{width:670px;height:112px;background:url(../information/img/information_image.jpg) no-repeat 0 0;} #INFORMATION .infoblock{width:670px;padding:0px 0 30px 0;margin:20px auto 0 auto;text-align:left;position:relative;border-bottom:1px solid #CCC;} #INFORMATION .infoblock a{text-decoration:underline;} #INFORMATION .infoblock h3{font-size:140%;padding:5px 20px 5px 20px;color:#98050a;} #INFORMATION .infoblock .date{padding:0px 10px 0px 10px;margin:0 20px 0px 20px;font-size:120%;color:#035c67;} #INFORMATION .infoblock .text{padding:0px 10px 0px 10px;margin:0 20px 0px 20px;font-size:120%;} #INFORMATION .infoblock .pagetop{position:absolute;bottom:0;right:10px;} #INFORMATION .infoblock .pagetop a{display:block;width:96px;height:20px;background:url(../img/glb_parts.png) no-repeat -304px -270px;} #INFORMATION #info20110331_01 .image{width:160px;height:240px;margin:0 20px 0 10px;background:url(../information/img/image_20110322_02.jpg) no-repeat;float:right;border:1px solid #ddd;} /* あらすじ ID:STORY */ #STORY h2{width:670px;height:112px;background:url(../story/img/story_image.jpg) no-repeat 0 0;} #STORY h3{width:400px;height:30px;margin:10px 0 10px 0;background:url(../story/img/story_parts.png) no-repeat; float:left;} #STORY #RIGHTAREA #BACKNUMBER{ position:absolute;top:135px;right:0;} #STORY .text{padding:0 10px 10px 10px;text-align:left;} #STORY .text a{text-decoration:underline;} #STORY .moviearea{width:480px;padding:10px 0 20px 0;margin:0px auto;} #STORY .photoarea{width:250px;_width:260px;padding-right:10px;margin:0 0 10px 10px;float:right;} #STORY .photoarea .photo1,#STORY .photoarea .photo2{width:240px;height:160px;} #STORY .photoarea .photo1 .cover,#STORY .photoarea .photo2 .cover{width:240px;height:160px;} #STORY #STORY01 h3{background-position:10px 0;} #STORY #STORY01 .photoarea .photo1{background:url(../story/img/story_photo1.jpg) no-repeat 0 0;} #STORY #STORY01 .photoarea .photo2{background:url(../story/img/story_photo1.jpg) no-repeat -250px 0;} #STORY #STORY02 h3{background-position:10px -30px;} #STORY #STORY02 .photoarea .photo1{background:url(../story/img/story_photo2.jpg) no-repeat 0 0;} #STORY #STORY02 .photoarea .photo2{background:url(../story/img/story_photo2.jpg) no-repeat -250px 0;} #STORY #STORY03 h3{background-position:10px -60px;} #STORY #STORY03 .photoarea .photo1{background:url(../story/img/story_photo3.jpg) no-repeat 0 0;} #STORY #STORY03 .photoarea .photo2{background:url(../story/img/story_photo3.jpg) no-repeat -250px 0;} #STORY #STORY04 h3{background-position:10px -90px;} #STORY #STORY04 .photoarea .photo1{background:url(../story/img/story_photo4.jpg) no-repeat 0 0;} #STORY #STORY04 .photoarea .photo2{background:url(../story/img/story_photo4.jpg) no-repeat -250px 0;} #STORY #STORY05 h3{background-position:10px -120px;} #STORY #STORY05 .photoarea .photo1{background:url(../story/img/story_photo5.jpg) no-repeat 0 0;} #STORY #STORY05 .photoarea .photo2{background:url(../story/img/story_photo5.jpg) no-repeat -250px 0;} #STORY #STORY06 h3{background-position:10px -150px;} #STORY #STORY06 .photoarea .photo1{background:url(../story/img/story_photo6.jpg) no-repeat 0 0;} #STORY #STORY06 .photoarea .photo2{background:url(../story/img/story_photo6.jpg) no-repeat -250px 0;} #STORY #STORY07 h3{background-position:10px -180px;} #STORY #STORY07 .photoarea .photo1{background:url(../story/img/story_photo7.jpg) no-repeat 0 0;} #STORY #STORY07 .photoarea .photo2{background:url(../story/img/story_photo7.jpg) no-repeat -250px 0;} #STORY #STORY08 h3{background-position:10px -210px;} #STORY #STORY08 .photoarea .photo1{background:url(../story/img/story_photo8.jpg) no-repeat 0 0;} #STORY #STORY08 .photoarea .photo2{background:url(../story/img/story_photo8.jpg) no-repeat -250px 0;} #STORY #STORY09 h3{background-position:10px -240px;} #STORY #STORY09 .photoarea .photo1{background:url(../story/img/story_photo9.jpg) no-repeat 0 0;} #STORY #STORY09 .photoarea .photo2{background:url(../story/img/story_photo9.jpg) no-repeat -250px 0;} #STORY #STORY10 h3{background-position:10px -270px;} #STORY #STORY10 .photoarea .photo1{background:url(../story/img/story_photo10.jpg) no-repeat 0 0;} #STORY #STORY10 .photoarea .photo2{background:url(../story/img/story_photo10.jpg) no-repeat -250px 0;} #STORY #STORY11 h3{background-position:10px -300px;} #STORY #STORY11 .photoarea .photo1{background:url(../story/img/story_photo11.jpg) no-repeat 0 0;} #STORY #STORY11 .photoarea .photo2{background:url(../story/img/story_photo11.jpg) no-repeat -250px 0;} #STORY #STORY12 h3{background-position:10px -330px;} #STORY #STORY12 .photoarea .photo1{background:url(../story/img/story_photo12.jpg) no-repeat 0 0;} #STORY #STORY12 .photoarea .photo2{background:url(../story/img/story_photo12.jpg) no-repeat -250px 0;} /* はじめに ID:INTRODUCTION */ #INTRODUCTION h2{width:670px;height:112px;background:url(../introduction/img/introduction_image.jpg) no-repeat 0 0;} #INTRODUCTION .catch{width:660px;height:120px;margin:10px auto 20px auto;background:url(../introduction/img/itnroduction_parts.png) no-repeat;} #INTRODUCTION .photoarea{width:250px;_width:260px;padding-right:10px;float:right;} #INTRODUCTION .photoarea .photo1{width:240px;height:160px;background:url(../introduction/img/introduction_image.jpg) no-repeat 0 -122px;} #INTRODUCTION .photoarea .photo2{width:240px;height:160px;background:url(../introduction/img/introduction_image.jpg) no-repeat -250px -122px;} #INTRODUCTION .photoarea .photo1 .cover,#INTRODUCTION .photoarea .photo2 .cover{width:240px;height:160px;} #INTRODUCTION .text{width:380px;_width:390px;padding-left:10px;float:left;text-align:left;} /* 原作紹介 ID:ORIGINAL */ #ORIGINAL h2{width:670px;height:112px;background:url(../original/img/original_image.jpg) no-repeat 0 0;} #ORIGINAL .originalbooks{margin:20px auto;padding:0 360px 0 10px;min-height:250px;height:250px;height:auto !important;text-align:left;background:url(../original/img/original_image.jpg) no-repeat 315px -130px;} #ORIGINAL .author{margin:20px auto;padding:0 10px 0 190px;min-height:240px;height:240px;height:auto !important;text-align:left;background:url(../original/img/original_image.jpg) no-repeat -390px -130px;} #ORIGINAL .author strong{color:#490706;} /* キャスト ID:CAST */ #CAST #RIGHTAREA{position:relative;min-height:650px;height:auto !important;height:650px;} #CAST h2{width:670px;height:112px;background:url(../cast/img/cast_image.jpg) no-repeat 0 0;} #CAST .castphoto1{position:absolute;top:150px;left:340px;} #CAST .castphoto2{position:absolute;top:340px;left:380px;} #CAST .photo1{width:240px;height:160px;background:url(../cast/img/cast_image.jpg) no-repeat 0 -122px;} #CAST .photo2{width:240px;height:160px;background:url(../cast/img/cast_image.jpg) no-repeat -250px -122px;} #CAST .photo1 .cover,#CAST .photo2 .cover{width:240px;height:160px;} #CAST #RIGHTAREA ul{position:absolute;top:150px;left:40px;} #CAST #RIGHTAREA ul li{width:300px;text-align:left;font-size:140%;line-height:120%;padding:0 0 10px 0;} #CAST #RIGHTAREA ul li.space{padding:0 0 40px 0;} #CAST #RIGHTAREA ul li span.character{width:100px;text-align:right;display:block;float:left;color:#98050a;font-weight:bold;} #CAST #RIGHTAREA ul li span.leader{width:30px;text-align:center;display:block;float:left;} #CAST #RIGHTAREA ul li span.name{width:170px;text-align:left;display:block;float:left;} /* スタッフ ID:STAFF */ #STAFF #RIGHTAREA{position:relative;min-height:600px;height:auto !important;height:600px;} #STAFF h2{width:670px;height:112px;background:url(../staff/img/staff_image.jpg) no-repeat 0 0;} #STAFF .castphoto1{position:absolute;top:150px;left:10px;} #STAFF .castphoto2{position:absolute;top:340px;left:10px;} #STAFF .photo1{width:240px;height:160px;background:url(../staff/img/staff_image.jpg) no-repeat 0 -122px;} #STAFF .photo2{width:240px;height:160px;background:url(../staff/img/staff_image.jpg) no-repeat -250px -122px;} #STAFF .photo1 .cover,#CAST .photo2 .cover{width:240px;height:160px;} #STAFF #RIGHTAREA dl{width:360px;text-align:left;font-size:140%;line-height:120%;padding:0 0 10px 0;position:absolute;top:150px;left:280px;} #STAFF #RIGHTAREA dl dt{width:105px;text-align:left;position:relative;color:#98050a;font-weight:bold;} #STAFF #RIGHTAREA dl dt span.leader{position:absolute;top:0px;right:-20px;} #STAFF #RIGHTAREA dl dd{padding:0 0 20px 150px;margin-top:-1.3em;} /* 人物相関図 ID:CHART */ #CHART h2{width:670px;height:112px;background:url(../chart/img/chart_image.jpg) no-repeat 0 0;} #CHART #CHARTIMAGE{width:670px;height:680px;margin:0 auto;background:url(../chart/img/chart_image.jpg) no-repeat 0 -112px;position:relative;} #CHART #CHARTIMAGE ul li a{width:90px;height:125px;display:block;} #CHART #CHARTIMAGE ul li{position:absolute;} #CHART #CHARTIMAGE ul li#chara01{left:289px;top:129px;} #CHART #CHARTIMAGE ul li#chara02{left:289px;top:284px;} #CHART #CHARTIMAGE ul li#chara03{left:189px;top:284px;} #CHART #CHARTIMAGE ul li#chara04{left:389px;top:284px;} #CHART #CHARTIMAGE ul li#chara05{left:241px;top:439px;} #CHART #CHARTIMAGE ul li#chara06{left:341px;top:439px;} #CHART #CHARTIMAGE ul li#chara07{left:61px;top:89px;} #CHART #CHARTIMAGE ul li#chara08{left:61px;top:284px;} #CHART #CHARTIMAGE ul li#chara09{left:524px;top:106px;} #CHART #CHARTIMAGE ul li#chara10{left:40px;top:469px;} #CHART #CHARTIMAGE ul li#chara11{left:554px;top:515px;} #CHART #CHARTIMAGE ul li#chara12{left:554px;top:313px;} body#CHARTDETAIL{background:url(../img/bgtop.png) repeat-x top center;margin:0px;padding:0;} #CHARTDETAIL #DETAIL{width:550px;height:100%;margin:0px auto;background:url(../chart/img/container_bg.png) repeat-y;} #CHARTDETAIL .detailtext{width:330px;height:210px;position:absolute;top:60px;left:205px;font-size:140%;text-align:left;overflow:auto;z-index:2;} #CHARTDETAIL .bottomarea{width:544px;height:25px;margin:0px auto;background:url(../chart/img/bottombg.png) repeat-x;position:relative;} #CHARTDETAIL .bottomarea .btn_back{position:absolute;top:2px;left:0px;} #CHARTDETAIL .bottomarea .btn_back a{width:41px;height:21px;background:url(../chart/img/chart_parts.png) no-repeat 0 0;display:block;} #CHARTDETAIL .bottomarea .btn_back a:hover{background-position:0 -21px;} #CHARTDETAIL .bottomarea .btn_next{position:absolute;top:2px;right:0px;} #CHARTDETAIL .bottomarea .btn_next a{width:41px;height:21px;background:url(../chart/img/chart_parts.png) no-repeat -41px 0;display:block;} #CHARTDETAIL .bottomarea .btn_next a:hover{background-position:-41px -21px;} #CHARTDETAIL .bottomarea .btn_close{position:absolute;top:2px;left:245px;} #CHARTDETAIL .bottomarea .btn_close a{width:54px;height:21px;background:url(../chart/img/chart_parts.png) no-repeat -82px 0;display:block;} #CHARTDETAIL .bottomarea .btn_close a:hover{background-position:-82px -21px;} #CHARTDETAIL #chara01{width:544px;height:282px;margin:0px auto;background:url(../chart/img/chart_azumi.jpg) no-repeat 0 0;position:relative;z-index:0;} #CHARTDETAIL #chara02{width:544px;height:282px;margin:0px auto;background:url(../chart/img/chart_murasame.jpg) no-repeat 0 0;position:relative;} #CHARTDETAIL #chara03{width:544px;height:282px;margin:0px auto;background:url(../chart/img/chart_suda.jpg) no-repeat 0 0;position:relative;} #CHARTDETAIL #chara04{width:544px;height:282px;margin:0px auto;background:url(../chart/img/chart_mizuno.jpg) no-repeat 0 0;position:relative;} #CHARTDETAIL #chara05{width:544px;height:282px;margin:0px auto;background:url(../chart/img/chart_kuroki.jpg) no-repeat 0 0;position:relative;} #CHARTDETAIL #chara06{width:544px;height:282px;margin:0px auto;background:url(../chart/img/chart_sakurai.jpg) no-repeat 0 0;position:relative;} #CHARTDETAIL #chara07{width:544px;height:282px;margin:0px auto;background:url(../chart/img/chart_kaneko.jpg) no-repeat 0 0;position:relative;} #CHARTDETAIL #chara08{width:544px;height:282px;margin:0px auto;background:url(../chart/img/chart_ishikura.jpg) no-repeat 0 0;position:relative;} #CHARTDETAIL #chara09{width:544px;height:282px;margin:0px auto;background:url(../chart/img/chart_hayami.jpg) no-repeat 0 0;position:relative;} #CHARTDETAIL #chara10{width:544px;height:282px;margin:0px auto;background:url(../chart/img/chart_ryoko.jpg) no-repeat 0 0;position:relative;} #CHARTDETAIL #chara11{width:544px;height:282px;margin:0px auto;background:url(../chart/img/chart_yamaguchi.jpg) no-repeat 0 0;position:relative;} #CHARTDETAIL #chara12{width:544px;height:282px;margin:0px auto;background:url(../chart/img/chart_takano.jpg) no-repeat 0 0;position:relative;} #CHARTDETAIL .cover{width:544px;height:282px;position:absolute;top:0;left:0;z-index:1;} /* ハシブロ ID:BLOG */ #BLOG h2{width:670px;height:200px;background:url(../hashiblog/img/hashiblog_image.jpg) no-repeat 0 0;} #BLOG .backnumberarea{width:200px;_width:210px;float:right;padding:10px 10px 0 0;} #BLOG .backnumberarea h3{width:200px;height:26px;background:url(../hashiblog/img/hashiblog_image.jpg) no-repeat 0 -210px;} #BLOG .backnumberarea ul li{font-size:120%;text-align:left;padding:2px 0 5px 5px;border-bottom:1px dotted #CCC;} #BLOG .text{width:430px;_width:440px;padding:10px 0 30px 10px;float:left;text-align:left;} #BLOG .text h3 .vol{font-size:140%;padding:2px 5px;background:#ff2d2d;color:#FFF;margin-left:-10px;} #BLOG .text h3 .date{color:#035c67;display:block;font-size:140%;padding:10px 5px;} #BLOG .text p{padding:0 0 0 5px;} /* ファンメッセージ id:FANMESSAGE */ #FANMESSAGE h2{width:670px;height:112px;background:url(../msg/img/msg_image.jpg) no-repeat 0 0;} #FANMESSAGE #PAGENUMBER{margin:0px auto;padding:10px 20px 20px 20px;position:relative;min-height:50px;height:auto !important;height:50px;text-align:left; border-bottom:1px solid #ccc;} #FANMESSAGE #PAGENUMBER .page{font-size:110%;line-height:130%;color:#999;} #FANMESSAGE #PAGENUMBER .btn_write{position:absolute;top:10px;right:10px;} #FANMESSAGE #PAGENUMBER .btn_write a{width:170px;height:40px;background:url(../msg/img/msg_image.jpg) no-repeat 0 -122px;display:block;} #FANMESSAGE #PAGENUMBER .btn_write a:hover{background-position:0 -162px;} #FANMESSAGE .msgblock{width:670px;padding:0px 0 50px 0;margin:20px auto 0 auto;position:relative;border-bottom:1px solid #CCC;} #FANMESSAGE .msgblock h3{font-size:140%;text-align:left;padding:20px 0 5px 10px;color:#98050a;} #FANMESSAGE .msgblock .text{padding:5px 10px 10px 10px;margin:0 0 10px 0;text-align:left;font-size:120%;} #FANMESSAGE .msgblock .writer{position:absolute;bottom:40px;right:20px;} #FANMESSAGE .msgblock .name{font-weight:bold;font-size:120%;} #FANMESSAGE .msgblock .date{font-size:120%;} #FANMESSAGE p.caution{text-align:left;padding:0 20px 0 20px;} #FANMESSAGE .btn_read{margin:0px auto;text-align:center;padding:10px 10px 10px 0;text-align:right;} #FANMESSAGE .btn_read a{width:170px;height:40px;margin:0px 0px 0px auto;background:url(../msg/img/msg_image.jpg) no-repeat -180px -122px;display:block;} #FANMESSAGE .btn_read a:hover{background-position:-180px -162px;} #FANMESSAGE .writeBtn{margin:0px auto;text-align:center;padding:40px 0px 20px 0;} #FANMESSAGE .writeBtn a{width:294px;height:45px;margin:0px auto;background:url(../msg/img/msg_image.jpg) no-repeat -360px -122px;display:block;} #FANMESSAGE .writeBtn a:hover{background-position:-360px -167px;} #FANMESSAGE .msgblock .pagetop{position:absolute;bottom:0;right:10px;} #FANMESSAGE .msgblock .pagetop a{display:block;width:96px;height:20px;background:url(../img/glb_parts.png) no-repeat -304px -270px;} /*フォーム*/ body#form{} #form_container{width:400px;margin:0px auto;padding:0 0 20px 0;background:#FFF url(../msg/img/bbsform.png) no-repeat left top;} #form_container h1{display:block;width:400px;height:100px;} #form_container .form_unit{padding:20px 30px;text-align:left;} .form_unit p{font-size:120%;line-height:170%;text-align:left;} .form_unit dl{font-size:120%;} .form_unit dd{margin-bottom:15px;} #closeBtn a{display:block;width:50px;height:20px;background:url(../msg/img/msg_image.jpg) no-repeat 0px -210px;margin:10px auto 0 auto;} #closeBtn a:hover{background-position:0 -230px;} .thanks{height:300px;} /* 出演者インタビュー ID:INTERVIEW */ #INTERVIEW h2{width:670px;height:162px;background:url(../interview/img/interview_image.jpg) no-repeat 0 0;} #INTERVIEW #interviewimage{width:670px; height:500px;background:url(../interview/img/interview_base0.jpg) no-repeat; position:relative;} #INTERVIEW #interviewimage ul li#icon01{position:absolute;top:19px;left:300px; z-index:10;} #INTERVIEW #interviewimage ul li#icon01 a{width:111px; height:362px;display:block;} #INTERVIEW #interviewimage ul li#icon02{position:absolute;top:19px;left:210px; z-index:11;} #INTERVIEW #interviewimage ul li#icon02 a{width:90px; height:362px; display:block;} #INTERVIEW #interviewimage ul li#icon03{position:absolute;top:19px;left:411px; z-index:12;} #INTERVIEW #interviewimage ul li#icon03 a{width:103px; height:362px; display:block;} #INTERVIEW #interviewimage ul li#icon04{position:absolute;top:19px;left:125px; z-index:13;} #INTERVIEW #interviewimage ul li#icon04 a{width:85px; height:362px; display:block;} #INTERVIEW #interviewimage ul li#icon05{position:absolute;top:19px;left:45px; z-index:14;} #INTERVIEW #interviewimage ul li#icon05 a{width:80px; height:362px; display:block;} #INTERVIEW #interviewimage ul li#icon06{position:absolute;top:19px;left:514px; z-index:15;} #INTERVIEW #interviewimage ul li#icon06 a{width:92px; height:362px; display:block;} #INTERVIEW #interviewimage .interview_dummy{width:670px; height:500px;background:url(../interview/img/interview_base1.jpg) no-repeat; position:absolute; top:0; left:0; z-index:1; display:none;} #INTERVIEW #interviewimage .int01_over{width:130px;height:370px;top:19px;left:291px;display:none;background:url(../interview/img/interview_base_on1.jpg) no-repeat; position:absolute; z-index:2;} #INTERVIEW #interviewimage .int02_over{width:118px;height:370px;top:19px;left:195px;display:none;background:url(../interview/img/interview_base_on2.jpg) no-repeat; position:absolute; z-index:3;} #INTERVIEW #interviewimage .int03_over{width:115px;height:370px;top:19px;left:401px;display:none;background:url(../interview/img/interview_base_on3.jpg) no-repeat; position:absolute; z-index:4;} #INTERVIEW #interviewimage .int04_over{width:145px;height:370px;top:19px;left:88px;display:none;background:url(../interview/img/interview_base_on4.jpg) no-repeat; position:absolute; z-index:5;} #INTERVIEW #interviewimage .int05_over{width:93px;height:370px;top:19px;left:40px;display:none;background:url(../interview/img/interview_base_on5.jpg) no-repeat; position:absolute; z-index:6;} #INTERVIEW #interviewimage .int06_over{width:95px;height:370px;top:19px;left:507px;display:none;background:url(../interview/img/interview_base_on6.jpg) no-repeat; position:absolute; z-index:7;} #INTERVIEW h4{font-size:160%;color:#690006;font-style:italic;padding:0 10px 5px 0;} #INTERVIEW .bgcover{width:670px;background:url(/img/cover.gif);display:block;} #INTERVIEW .photoarea{width:250px;_width:260px;padding-right:10px;float:right;} #INTERVIEW .photo1 .cover,#INTERVIEW .photo2 .cover,#INTERVIEW .photo3 .cover{width:200px;height:135px;} #INTERVIEW .text{ padding:60px 0 0 180px;text-align:left;} #INTERVIEW .text p.answer{padding:0 10px 20px 15px;} #INTERVIEW .int_navi{text-align:center;} #INTERVIEW .int_navi a{text-decoration:underline;} #INTERVIEW #RIGHTAREA #BACKNUMBER{ position:absolute;top:185px;right:0;} #INTERVIEW #RIGHTAREA .button_interviewtop{ position:absolute;top:185px;right:5px;} #INTERVIEW #RIGHTAREA .button_interviewtop a{ width:140px; height:20px; background:url(../interview/img/interview_parts.png) no-repeat; display:block;} #INTERVIEW #RIGHTAREA .button_interviewtop a:hover{background-position:0 -20px;} #INTERVIEW .photobg{float:right;margin:3px 10px 10px 10px;} #INTERVIEW #int01{width:670px;min-height:520px; height:auto !important; height:520px;background:url(../interview/img/interview_01.jpg) no-repeat -250px 0;} #INTERVIEW #int01 .photo1{width:135px;height:200px;background:url(../interview/img/interview_01.jpg) no-repeat 0 0;} #INTERVIEW #int01 .photo2{width:200px;height:135px;background:url(../interview/img/interview_01.jpg) no-repeat 0 -200px;} #INTERVIEW #int01 .photo3{width:200px;height:135px;background:url(../interview/img/interview_01.jpg) no-repeat 0 -335px;} #INTERVIEW #int01 .photo1 .cover{width:135px;height:200px;} #INTERVIEW #int02{width:670px;min-height:520px; height:auto !important; height:520px;background:url(../interview/img/interview_02.jpg) no-repeat -250px 0;} #INTERVIEW #int02 .photo1{width:135px;height:200px;background:url(../interview/img/interview_02.jpg) no-repeat 0 0;} #INTERVIEW #int02 .photo2{width:200px;height:135px;background:url(../interview/img/interview_02.jpg) no-repeat 0 -200px;} #INTERVIEW #int02 .photo3{width:200px;height:135px;background:url(../interview/img/interview_02.jpg) no-repeat 0 -335px;} #INTERVIEW #int02 .photo1 .cover{width:135px;height:200px;} #INTERVIEW #int03{width:670px;min-height:520px; height:auto !important; height:520px;background:url(../interview/img/interview_03.jpg) no-repeat -250px 0;} #INTERVIEW #int03 .photo1{width:135px;height:200px;background:url(../interview/img/interview_03.jpg) no-repeat 0 0;} #INTERVIEW #int03 .photo2{width:200px;height:135px;background:url(../interview/img/interview_03.jpg) no-repeat 0 -200px;} #INTERVIEW #int03 .photo3{width:200px;height:135px;background:url(../interview/img/interview_03.jpg) no-repeat 0 -335px;} #INTERVIEW #int03 .photo1 .cover{width:135px;height:200px;} #INTERVIEW #int04{width:670px;min-height:520px; height:auto !important; height:520px;background:url(../interview/img/interview_04.jpg) no-repeat -250px 0;} #INTERVIEW #int04 .photo1{width:135px;height:200px;background:url(../interview/img/interview_04.jpg) no-repeat 0 0;} #INTERVIEW #int04 .photo2{width:200px;height:135px;background:url(../interview/img/interview_04.jpg) no-repeat 0 -200px;} #INTERVIEW #int04 .photo3{width:135px;height:200px;background:url(../interview/img/interview_04.jpg) no-repeat 0 -335px;} #INTERVIEW #int04 .photo1 .cover,#INTERVIEW #int04 .photo3 .cover{width:135px;height:200px;} #INTERVIEW #int05{width:670px;min-height:520px; height:auto !important; height:520px;background:url(../interview/img/interview_05.jpg) no-repeat -250px 0;} #INTERVIEW #int05 .photo1{width:135px;height:200px;background:url(../interview/img/interview_05.jpg) no-repeat 0 0;} #INTERVIEW #int05 .photo2{width:200px;height:135px;background:url(../interview/img/interview_05.jpg) no-repeat 0 -200px;} #INTERVIEW #int05 .photo3{width:200px;height:135px;background:url(../interview/img/interview_05.jpg) no-repeat 0 -335px;} #INTERVIEW #int05 .photo1 .cover{width:135px;height:200px;} #INTERVIEW #int06{width:670px;min-height:520px; height:auto !important; height:520px;background:url(../interview/img/interview_06.jpg) no-repeat -250px 0;} #INTERVIEW #int06 .photo1{width:135px;height:200px;background:url(../interview/img/interview_06.jpg) no-repeat 0 0;} #INTERVIEW #int06 .photo2{width:200px;height:135px;background:url(../interview/img/interview_06.jpg) no-repeat 0 -200px;} #INTERVIEW #int06 .photo3{width:200px;height:135px;background:url(../interview/img/interview_06.jpg) no-repeat 0 -335px;} #INTERVIEW #int06 .photo1 .cover{width:135px;height:200px;} /* ゲストインタビュー ID:GUEST */ #GUEST h2{width:670px;height:202px;} #GUEST .guestcontents{width:670px;margin:0px auto;padding:20px 0 0 0;} #GUEST .text{width:490px;text-align:left;float:right;} #GUEST .guestcontents .text h3{font-size:180%;color:#690006;padding:0 10px 10px 0;} #GUEST .guestcontents .text h4{font-size:140%;color:#690006;font-style:italic;padding:0 10px 5px 0;} #GUEST .text p.answer{padding:0 10px 20px 15px;} #GUEST .photobg{float:right;margin:3px 10px 10px 10px;} #GUEST .photoarea{width:250px;_width:260px;padding-right:10px;float:right;} #GUEST .photo1 .cover,#GUEST .photo2 .cover{width:200px;height:135px;} #GUEST .guest_navi{text-align:center;} #GUEST .guest_navi a{text-decoration:underline;} #GUEST .backnumber{width:180px;float:left;text-align:left;} #GUEST .backnumber h3{width:160px;height:23px;margin:0;background:url(../guest/img/guest_parts.png) no-repeat 0 0;} #GUEST .backnumber ul li{width:160px;height:25px;margin:0px;} #GUEST .backnumber ul li a{width:160px;height:25px;margin:0px;display:block;background:url(../guest/img/guest_parts.png) no-repeat;} #GUEST #guest01 h2{background:url(../guest/img/guest_01.jpg) no-repeat 0 0;} #GUEST #guest01 .photo1{width:200px;height:135px;background:url(../guest/img/guest_01.jpg) no-repeat 0 -212px;} #GUEST #guest01 .photo2{width:200px;height:135px;background:url(../guest/img/guest_01.jpg) no-repeat -210px -212px;} #GUEST .backnumber ul li.bn01 a{background-position:0 -23px;} #GUEST .backnumber ul li.bn01 a:hover{background-position:-160px -23px;} #GUEST #guest01 .backnumber ul li.bn01 a{background-position:-160px -23px;} #GUEST #guest02 h2{background:url(../guest/img/guest_02.jpg) no-repeat 0 0;} #GUEST #guest02 .photo1{width:200px;height:135px;background:url(../guest/img/guest_02.jpg) no-repeat 0 -212px;} #GUEST #guest02 .photo2{width:200px;height:135px;background:url(../guest/img/guest_02.jpg) no-repeat -210px -212px;} #GUEST .backnumber ul li.bn02 a{background-position:0 -48px;} #GUEST .backnumber ul li.bn02 a:hover{background-position:-160px -48px;} #GUEST #guest02 .backnumber ul li.bn02 a{background-position:-160px -48px;} #GUEST #guest03 h2{background:url(../guest/img/guest_03.jpg) no-repeat 0 0;} #GUEST #guest03 .photo1{width:200px;height:135px;background:url(../guest/img/guest_03.jpg) no-repeat 0 -212px;} #GUEST #guest03 .photo2{width:200px;height:135px;background:url(../guest/img/guest_03.jpg) no-repeat -210px -212px;} #GUEST .backnumber ul li.bn03 a{background-position:0 -73px;} #GUEST .backnumber ul li.bn03 a:hover{background-position:-160px -73px;} #GUEST #guest03 .backnumber ul li.bn03 a{background-position:-160px -73px;} #GUEST #guest04 h2{background:url(../guest/img/guest_04.jpg) no-repeat 0 0;} #GUEST #guest04 .photo1{width:200px;height:135px;background:url(../guest/img/guest_04.jpg) no-repeat 0 -212px;} #GUEST #guest04 .photo2{width:200px;height:135px;background:url(../guest/img/guest_04.jpg) no-repeat -210px -212px;} #GUEST .backnumber ul li.bn04 a{background-position:0 -98px;} #GUEST .backnumber ul li.bn04 a:hover{background-position:-160px -98px;;} #GUEST #guest04 .backnumber ul li.bn04 a{background-position:-160px -98px;;} #GUEST #guest05 h2{background:url(../guest/img/guest_05.jpg) no-repeat 0 0;} #GUEST #guest05 .photo1{width:200px;height:135px;background:url(../guest/img/guest_05.jpg) no-repeat 0 -212px;} #GUEST #guest05 .photo2{width:200px;height:135px;background:url(../guest/img/guest_05.jpg) no-repeat -210px -212px;} #GUEST .backnumber ul li.bn05 a{background-position:0 -123px;} #GUEST .backnumber ul li.bn05 a:hover{background-position:-160px -123px;} #GUEST #guest05 .backnumber ul li.bn05 a{background-position:-160px -123px;} #GUEST #guest06 h2{background:url(../guest/img/guest_06.jpg) no-repeat 0 0;} #GUEST #guest06 .photo1{width:200px;height:135px;background:url(../guest/img/guest_06.jpg) no-repeat 0 -212px;} #GUEST #guest06 .photo2{width:200px;height:135px;background:url(../guest/img/guest_06.jpg) no-repeat -210px -212px;} #GUEST .backnumber ul li.bn06 a{background-position:0 -148px;} #GUEST .backnumber ul li.bn06 a:hover{background-position:-160px -148px;} #GUEST #guest06 .backnumber ul li.bn06 a{background-position:-160px -148px;} #GUEST #guest07 h2{background:url(../guest/img/guest_07.jpg) no-repeat 0 0;} #GUEST #guest07 .photo1{width:200px;height:135px;background:url(../guest/img/guest_07.jpg) no-repeat 0 -212px;} #GUEST #guest07 .photo2{width:200px;height:135px;background:url(../guest/img/guest_07.jpg) no-repeat -210px -212px;} #GUEST .backnumber ul li.bn07 a{background-position:0 -173px;} #GUEST .backnumber ul li.bn07 a:hover{background-position:-160px -173px;} #GUEST #guest07 .backnumber ul li.bn07 a{background-position:-160px -173px;} #GUEST #guest08 h2{background:url(../guest/img/guest_08.jpg) no-repeat 0 0;} #GUEST #guest08 .photo1{width:200px;height:135px;background:url(../guest/img/guest_08.jpg) no-repeat 0 -212px;} #GUEST #guest08 .photo2{width:200px;height:135px;background:url(../guest/img/guest_08.jpg) no-repeat -210px -212px;} #GUEST .backnumber ul li.bn08 a{background-position:0 -198px;} #GUEST .backnumber ul li.bn08 a:hover{background-position:-160px -198px;} #GUEST #guest08 .backnumber ul li.bn08 a{background-position:-160px -198px;} #GUEST #guest09 h2{background:url(../guest/img/guest_09.jpg) no-repeat 0 0;} #GUEST #guest09 .photo1{width:200px;height:135px;background:url(../guest/img/guest_09.jpg) no-repeat 0 -212px;} #GUEST #guest09 .photo2{width:135px;height:200px;background:url(../guest/img/guest_09.jpg) no-repeat -210px -212px;} #GUEST #guest09 .photo2 .cover{width:135px;height:200px;} #GUEST .backnumber ul li.bn09 a{background-position:0 -223px;} #GUEST .backnumber ul li.bn09 a:hover{background-position:-160px -223px;} #GUEST #guest09 .backnumber ul li.bn09 a{background-position:-160px -223px;} #GUEST #guest10 h2{background:url(../guest/img/guest_10.jpg) no-repeat 0 0;} #GUEST #guest10 .photo1{width:200px;height:135px;background:url(../guest/img/guest_10.jpg) no-repeat 0 -212px;} #GUEST #guest10 .photo2{width:200px;height:135px;background:url(../guest/img/guest_10.jpg) no-repeat -210px -212px;} #GUEST .backnumber ul li.bn10 a{background-position:0 -248px;} #GUEST .backnumber ul li.bn10 a:hover{background-position:-160px -248px;} #GUEST #guest10 .backnumber ul li.bn10 a{background-position:-160px -248px;} #GUEST #guest11 h2{background:url(../guest/img/guest_11.jpg) no-repeat 0 0;} #GUEST #guest11 .photo1{width:200px;height:135px;background:url(../guest/img/guest_11.jpg) no-repeat 0 -212px;} #GUEST #guest11 .photo2{width:200px;height:135px;background:url(../guest/img/guest_11.jpg) no-repeat -210px -212px;} #GUEST .backnumber ul li.bn11 a{background-position:0 -273px;} #GUEST .backnumber ul li.bn11 a:hover{background-position:-160px -273px;} #GUEST #guest11 .backnumber ul li.bn11 a{background-position:-160px -273px;} /* 安積班まだまだ捜査中！ ID:SOUSACHU */ #SOUSACHU h2{width:670px;height:162px;background:url(../sousachu/img/sousachu_image.jpg) no-repeat 0 0;} #SOUSACHU h3{width:670px;height:60px;background:url(../sousachu/img/sousachu_parts.png) no-repeat 0 0;} #SOUSACHU .moviearea{width:400px;margin:0px auto;padding:10px 0 30px 0;} #SOUSACHU .backnumber{width:590px;height:30px;margin:0px auto 30px auto;position:relative;background:url(../sousachu/img/sousachu_parts.png) no-repeat 0 -720px;} #SOUSACHU .backnumber ul{position:absolute;left:90px;top:0px} #SOUSACHU .backnumber ul li{width:35px;height:30px;float:left;} #SOUSACHU .backnumber ul li a{width:30px;height:30px;display:block;background:url(../sousachu/img/sousachu_parts.png) no-repeat;} #SOUSACHU .backnumber ul li.v01 a{background-position:-90px -720px;} #SOUSACHU .backnumber ul li.v01 a:hover{background-position:-90px -750px;} #SOUSACHU .vol01 .backnumber ul li.v01 a{background-position:-90px -750px;} #SOUSACHU .backnumber ul li.v02 a{background-position:-125px -720px;} #SOUSACHU .backnumber ul li.v02 a:hover{background-position:-125px -750px;} #SOUSACHU .vol02 .backnumber ul li.v02 a{background-position:-125px -750px;} #SOUSACHU .backnumber ul li.v03 a{background-position:-160px -720px;} #SOUSACHU .backnumber ul li.v03 a:hover{background-position:-160px -750px;} #SOUSACHU .vol03 .backnumber ul li.v03 a{background-position:-160px -750px;} #SOUSACHU .backnumber ul li.v04 a{background-position:-195px -720px;} #SOUSACHU .backnumber ul li.v04 a:hover{background-position:-195px -750px;} #SOUSACHU .vol04 .backnumber ul li.v04 a{background-position:-195px -750px;} #SOUSACHU .backnumber ul li.v05 a{background-position:-230px -720px;} #SOUSACHU .backnumber ul li.v05 a:hover{background-position:-230px -750px;} #SOUSACHU .vol05 .backnumber ul li.v05 a{background-position:-230px -750px;} #SOUSACHU .backnumber ul li.v06 a{background-position:-265px -720px;} #SOUSACHU .backnumber ul li.v06 a:hover{background-position:-265px -750px;} #SOUSACHU .vol06 .backnumber ul li.v06 a{background-position:-265px -750px;} #SOUSACHU .backnumber ul li.v07 a{background-position:-300px -720px;} #SOUSACHU .backnumber ul li.v07 a:hover{background-position:-300px -750px;} #SOUSACHU .vol07 .backnumber ul li.v07 a{background-position:-300px -750px;} #SOUSACHU .backnumber ul li.v08 a{background-position:-335px -720px;} #SOUSACHU .backnumber ul li.v08 a:hover{background-position:-335px -750px;} #SOUSACHU .vol08 .backnumber ul li.v08 a{background-position:-335px -750px;} #SOUSACHU .backnumber ul li.v09 a{background-position:-370px -720px;} #SOUSACHU .backnumber ul li.v09 a:hover{background-position:-370px -750px;} #SOUSACHU .vol09 .backnumber ul li.v09 a{background-position:-370px -750px;} #SOUSACHU .backnumber ul li.v10 a{background-position:-405px -720px;} #SOUSACHU .backnumber ul li.v10 a:hover{background-position:-405px -750px;} #SOUSACHU .vol10 .backnumber ul li.v10 a{background-position:-405px -750px;} #SOUSACHU .backnumber ul li.v11 a{background-position:-440px -720px;} #SOUSACHU .backnumber ul li.v11 a:hover{background-position:-440px -750px;} #SOUSACHU .vol11 .backnumber ul li.v11 a{background-position:-440px -750px;} #SOUSACHU .backnumber ul li.v12 a{background-position:-475px -720px;} #SOUSACHU .backnumber ul li.v12 a:hover{background-position:-475px -750px;} #SOUSACHU .vol11 .backnumber ul li.v11 a{background-position:-475px -750px;} #SOUSACHU .vol01 h3{background-position:0 0;} #SOUSACHU .vol02 h3{background-position:0 -60px;} #SOUSACHU .vol03 h3{background-position:0 -120px;} #SOUSACHU .vol04 h3{background-position:0 -180px;} #SOUSACHU .vol05 h3{background-position:0 -240px;} #SOUSACHU .vol06 h3{background-position:0 -300px;} #SOUSACHU .vol07 h3{background-position:0 -360px;} #SOUSACHU .vol08 h3{background-position:0 -420px;} #SOUSACHU .vol09 h3{background-position:0 -480px;} #SOUSACHU .vol10 h3{background-position:0 -540px;} #SOUSACHU .vol11 h3{background-position:0 -600px;} #SOUSACHU .vol12 h3{background-position:0 -660px;} /* ハンチョウ写真館 ID:GALLERY */ #GALLERY h2{width:670px;height:142px;background:url(../gallery/img/gallery_image.jpg) no-repeat 0 0;} #GALLERY #galleryarea{ width:670px; height:500px; position:relative;} #GALLERY h3{width:400px;height:30px;background:url(../gallery/img/gallery_parts.png) no-repeat;position:absolute;top:15px;left:5px;} #GALLERY #BACKNUMBER{position:absolute;top:15px;right:0px;} #GALLERY .gallery_bg{position:absolute;top:70px;left:50px;padding:5px; border:1px solid #ccc;} #GALLERY .image{width:550px;height:365px;} #GALLERY .image .cover{width:550px;height:365px;} #GALLERY .btn_prev{position:absolute;top:210px;left:25px;} #GALLERY .btn_prev a{width:20px;height:90px;background:url(../gallery/img/gallery_parts.png) no-repeat 0 0;display:block;} #GALLERY .btn_prev a:hover{background-position:-20px 0;} #GALLERY .btn_next{position:absolute;top:210px;left:617px;} #GALLERY .btn_next a{width:20px;height:90px;background:url(../gallery/img/gallery_parts.png) no-repeat -40px 0px;display:block;} #GALLERY .btn_next a:hover{background-position:-60px 0px;} #GALLERY .marker{padding:0;width:670px;position:absolute;top:460px;left:0;text-align:center;color:#bf0720;} #GALLERY #gallery1 h3{ background-position:0 -100px;} #GALLERY #gallery1 .image1{ background:url(../gallery/img/g1_01.jpg) no-repeat;} #GALLERY #gallery1 .image2{ background:url(../gallery/img/g1_02.jpg) no-repeat;} #GALLERY #gallery1 .image3{ background:url(../gallery/img/g1_03.jpg) no-repeat;} #GALLERY #gallery1 .image4{ background:url(../gallery/img/g1_04.jpg) no-repeat;} #GALLERY #gallery1 .image5{ background:url(../gallery/img/g1_05.jpg) no-repeat;} #GALLERY #gallery1 .image6{ background:url(../gallery/img/g1_06.jpg) no-repeat;} #GALLERY #gallery1 .image7{ background:url(../gallery/img/g1_07.jpg) no-repeat;} #GALLERY #gallery1 .image8{ background:url(../gallery/img/g1_08.jpg) no-repeat;} #GALLERY #gallery1 .image9{ background:url(../gallery/img/g1_09.jpg) no-repeat;} #GALLERY #gallery1 .image10{ background:url(../gallery/img/g1_10.jpg) no-repeat;} #GALLERY #gallery1 .image11{ background:url(../gallery/img/g1_11.jpg) no-repeat;} #GALLERY #gallery1 .image12{ background:url(../gallery/img/g1_12.jpg) no-repeat;} #GALLERY #gallery1 .image13{ background:url(../gallery/img/g1_13.jpg) no-repeat;} #GALLERY #gallery1 .image14{ background:url(../gallery/img/g1_14.jpg) no-repeat;} #GALLERY #gallery1 .image15{ background:url(../gallery/img/g1_15.jpg) no-repeat;} #GALLERY #gallery1 .image16{ background:url(../gallery/img/g1_16.jpg) no-repeat;} #GALLERY #gallery1 .image17{ background:url(../gallery/img/g1_17.jpg) no-repeat;} #GALLERY #gallery1 .image18{ background:url(../gallery/img/g1_18.jpg) no-repeat;} #GALLERY #gallery1 .image19{ background:url(../gallery/img/g1_19.jpg) no-repeat;} #GALLERY #gallery1 .image20{ background:url(../gallery/img/g1_20.jpg) no-repeat;} #GALLERY #gallery2 h3{ background-position:0 -130px;} #GALLERY #gallery2 .image1{ background:url(../gallery/img/g2_01.jpg) no-repeat;} #GALLERY #gallery2 .image2{ background:url(../gallery/img/g2_02.jpg) no-repeat;} #GALLERY #gallery2 .image3{ background:url(../gallery/img/g2_03.jpg) no-repeat;} #GALLERY #gallery2 .image4{ background:url(../gallery/img/g2_04.jpg) no-repeat;} #GALLERY #gallery2 .image5{ background:url(../gallery/img/g2_05.jpg) no-repeat;} #GALLERY #gallery2 .image6{ background:url(../gallery/img/g2_06.jpg) no-repeat;} #GALLERY #gallery2 .image7{ background:url(../gallery/img/g2_07.jpg) no-repeat;} #GALLERY #gallery2 .image8{ background:url(../gallery/img/g2_08.jpg) no-repeat;} #GALLERY #gallery2 .image9{ background:url(../gallery/img/g2_09.jpg) no-repeat;} #GALLERY #gallery2 .image10{ background:url(../gallery/img/g2_10.jpg) no-repeat;} #GALLERY #gallery2 .image11{ background:url(../gallery/img/g2_11.jpg) no-repeat;} #GALLERY #gallery2 .image12{ background:url(../gallery/img/g2_12.jpg) no-repeat;} #GALLERY #gallery2 .image13{ background:url(../gallery/img/g2_13.jpg) no-repeat;} #GALLERY #gallery2 .image14{ background:url(../gallery/img/g2_14.jpg) no-repeat;} #GALLERY #gallery2 .image15{ background:url(../gallery/img/g2_15.jpg) no-repeat;} #GALLERY #gallery3 h3{ background-position:0 -160px;} #GALLERY #gallery3 .image1{ background:url(../gallery/img/g3_01.jpg) no-repeat;} #GALLERY #gallery3 .image2{ background:url(../gallery/img/g3_02.jpg) no-repeat;} #GALLERY #gallery3 .image3{ background:url(../gallery/img/g3_03.jpg) no-repeat;} #GALLERY #gallery3 .image4{ background:url(../gallery/img/g3_04.jpg) no-repeat;} #GALLERY #gallery3 .image5{ background:url(../gallery/img/g3_05.jpg) no-repeat;} #GALLERY #gallery3 .image6{ background:url(../gallery/img/g3_06.jpg) no-repeat;} #GALLERY #gallery3 .image7{ background:url(../gallery/img/g3_07.jpg) no-repeat;} #GALLERY #gallery3 .image8{ background:url(../gallery/img/g3_08.jpg) no-repeat;} #GALLERY #gallery3 .image9{ background:url(../gallery/img/g3_09.jpg) no-repeat;} #GALLERY #gallery3 .image10{ background:url(../gallery/img/g3_10.jpg) no-repeat;} #GALLERY #gallery3 .image11{ background:url(../gallery/img/g3_11.jpg) no-repeat;} #GALLERY #gallery3 .image12{ background:url(../gallery/img/g3_12.jpg) no-repeat;} #GALLERY #gallery3 .image13{ background:url(../gallery/img/g3_13.jpg) no-repeat;} #GALLERY #gallery3 .image14{ background:url(../gallery/img/g3_14.jpg) no-repeat;} #GALLERY #gallery3 .image15{ background:url(../gallery/img/g3_15.jpg) no-repeat;} #GALLERY #gallery4 h3{ background-position:0 -190px;} #GALLERY #gallery4 .image1{ background:url(../gallery/img/g4_01.jpg) no-repeat;} #GALLERY #gallery4 .image2{ background:url(../gallery/img/g4_02.jpg) no-repeat;} #GALLERY #gallery4 .image3{ background:url(../gallery/img/g4_03.jpg) no-repeat;} #GALLERY #gallery4 .image4{ background:url(../gallery/img/g4_04.jpg) no-repeat;} #GALLERY #gallery4 .image5{ background:url(../gallery/img/g4_05.jpg) no-repeat;} #GALLERY #gallery4 .image6{ background:url(../gallery/img/g4_06.jpg) no-repeat;} #GALLERY #gallery4 .image7{ background:url(../gallery/img/g4_07.jpg) no-repeat;} #GALLERY #gallery4 .image8{ background:url(../gallery/img/g4_08.jpg) no-repeat;} #GALLERY #gallery4 .image9{ background:url(../gallery/img/g4_09.jpg) no-repeat;} #GALLERY #gallery4 .image10{ background:url(../gallery/img/g4_10.jpg) no-repeat;} #GALLERY #gallery4 .image11{ background:url(../gallery/img/g4_11.jpg) no-repeat;} #GALLERY #gallery4 .image12{ background:url(../gallery/img/g4_12.jpg) no-repeat;} #GALLERY #gallery4 .image13{ background:url(../gallery/img/g4_13.jpg) no-repeat;} #GALLERY #gallery4 .image14{ background:url(../gallery/img/g4_14.jpg) no-repeat;} #GALLERY #gallery4 .image15{ background:url(../gallery/img/g4_15.jpg) no-repeat;} #GALLERY #gallery5 h3{ background-position:0 -220px;} #GALLERY #gallery5 .image1{ background:url(../gallery/img/g5_01.jpg) no-repeat;} #GALLERY #gallery5 .image2{ background:url(../gallery/img/g5_02.jpg) no-repeat;} #GALLERY #gallery5 .image3{ background:url(../gallery/img/g5_03.jpg) no-repeat;} #GALLERY #gallery5 .image4{ background:url(../gallery/img/g5_04.jpg) no-repeat;} #GALLERY #gallery5 .image5{ background:url(../gallery/img/g5_05.jpg) no-repeat;} #GALLERY #gallery5 .image6{ background:url(../gallery/img/g5_06.jpg) no-repeat;} #GALLERY #gallery5 .image7{ background:url(../gallery/img/g5_07.jpg) no-repeat;} #GALLERY #gallery5 .image8{ background:url(../gallery/img/g5_08.jpg) no-repeat;} #GALLERY #gallery5 .image9{ background:url(../gallery/img/g5_09.jpg) no-repeat;} #GALLERY #gallery5 .image10{ background:url(../gallery/img/g5_10.jpg) no-repeat;} #GALLERY #gallery5 .image11{ background:url(../gallery/img/g5_11.jpg) no-repeat;} #GALLERY #gallery5 .image12{ background:url(../gallery/img/g5_12.jpg) no-repeat;} #GALLERY #gallery5 .image13{ background:url(../gallery/img/g5_13.jpg) no-repeat;} #GALLERY #gallery6 h3{ background-position:0 -250px;} #GALLERY #gallery6 .image1{ background:url(../gallery/img/g6_01.jpg) no-repeat;} #GALLERY #gallery6 .image2{ background:url(../gallery/img/g6_02.jpg) no-repeat;} #GALLERY #gallery6 .image3{ background:url(../gallery/img/g6_03.jpg) no-repeat;} #GALLERY #gallery6 .image4{ background:url(../gallery/img/g6_04.jpg) no-repeat;} #GALLERY #gallery6 .image5{ background:url(../gallery/img/g6_05.jpg) no-repeat;} #GALLERY #gallery6 .image6{ background:url(../gallery/img/g6_06.jpg) no-repeat;} #GALLERY #gallery6 .image7{ background:url(../gallery/img/g6_07.jpg) no-repeat;} #GALLERY #gallery6 .image8{ background:url(../gallery/img/g6_08.jpg) no-repeat;} #GALLERY #gallery6 .image9{ background:url(../gallery/img/g6_09.jpg) no-repeat;} #GALLERY #gallery6 .image10{ background:url(../gallery/img/g6_10.jpg) no-repeat;} #GALLERY #gallery6 .image11{ background:url(../gallery/img/g6_11.jpg) no-repeat;} #GALLERY #gallery6 .image12{ background:url(../gallery/img/g6_12.jpg) no-repeat;} #GALLERY #gallery6 .image13{ background:url(../gallery/img/g6_13.jpg) no-repeat;} #GALLERY #gallery6 .image14{ background:url(../gallery/img/g6_14.jpg) no-repeat;} #GALLERY #gallery6 .image15{ background:url(../gallery/img/g6_15.jpg) no-repeat;} #GALLERY #gallery6 .image16{ background:url(../gallery/img/g6_16.jpg) no-repeat;} #GALLERY #gallery7 h3{ background-position:0 -280px;} #GALLERY #gallery7 .image1{ background:url(../gallery/img/g7_01.jpg) no-repeat;} #GALLERY #gallery7 .image2{ background:url(../gallery/img/g7_02.jpg) no-repeat;} #GALLERY #gallery7 .image3{ background:url(../gallery/img/g7_03.jpg) no-repeat;} #GALLERY #gallery7 .image4{ background:url(../gallery/img/g7_04.jpg) no-repeat;} #GALLERY #gallery7 .image5{ background:url(../gallery/img/g7_05.jpg) no-repeat;} #GALLERY #gallery7 .image6{ background:url(../gallery/img/g7_06.jpg) no-repeat;} #GALLERY #gallery7 .image7{ background:url(../gallery/img/g7_07.jpg) no-repeat;} #GALLERY #gallery7 .image8{ background:url(../gallery/img/g7_08.jpg) no-repeat;} #GALLERY #gallery7 .image9{ background:url(../gallery/img/g7_09.jpg) no-repeat;} #GALLERY #gallery7 .image10{ background:url(../gallery/img/g7_10.jpg) no-repeat;} #GALLERY #gallery7 .image11{ background:url(../gallery/img/g7_11.jpg) no-repeat;} #GALLERY #gallery7 .image12{ background:url(../gallery/img/g7_12.jpg) no-repeat;} #GALLERY #gallery7 .image13{ background:url(../gallery/img/g7_13.jpg) no-repeat;} #GALLERY #gallery7 .image14{ background:url(../gallery/img/g7_14.jpg) no-repeat;} #GALLERY #gallery7 .image15{ background:url(../gallery/img/g7_15.jpg) no-repeat;} #GALLERY #gallery8 h3{ background-position:0 -310px;} #GALLERY #gallery8 .image1{ background:url(../gallery/img/g8_01.jpg) no-repeat;} #GALLERY #gallery8 .image2{ background:url(../gallery/img/g8_02.jpg) no-repeat;} #GALLERY #gallery8 .image3{ background:url(../gallery/img/g8_03.jpg) no-repeat;} #GALLERY #gallery8 .image4{ background:url(../gallery/img/g8_04.jpg) no-repeat;} #GALLERY #gallery8 .image5{ background:url(../gallery/img/g8_05.jpg) no-repeat;} #GALLERY #gallery8 .image6{ background:url(../gallery/img/g8_06.jpg) no-repeat;} #GALLERY #gallery8 .image7{ background:url(../gallery/img/g8_07.jpg) no-repeat;} #GALLERY #gallery8 .image8{ background:url(../gallery/img/g8_08.jpg) no-repeat;} #GALLERY #gallery8 .image9{ background:url(../gallery/img/g8_09.jpg) no-repeat;} #GALLERY #gallery8 .image10{ background:url(../gallery/img/g8_10.jpg) no-repeat;} #GALLERY #gallery8 .image11{ background:url(../gallery/img/g8_11.jpg) no-repeat;} #GALLERY #gallery8 .image12{ background:url(../gallery/img/g8_12.jpg) no-repeat;} #GALLERY #gallery8 .image13{ background:url(../gallery/img/g8_13.jpg) no-repeat;} #GALLERY #gallery8 .image14{ background:url(../gallery/img/g8_14.jpg) no-repeat;} #GALLERY #gallery8 .image15{ background:url(../gallery/img/g8_15.jpg) no-repeat;} #GALLERY #gallery8 .image16{ background:url(../gallery/img/g8_16.jpg) no-repeat;} #GALLERY #gallery9 h3{ background-position:0 -340px;} #GALLERY #gallery9 .image1{ background:url(../gallery/img/g9_01.jpg) no-repeat;} #GALLERY #gallery9 .image2{ background:url(../gallery/img/g9_02.jpg) no-repeat;} #GALLERY #gallery9 .image3{ background:url(../gallery/img/g9_03.jpg) no-repeat;} #GALLERY #gallery9 .image4{ background:url(../gallery/img/g9_04.jpg) no-repeat;} #GALLERY #gallery9 .image5{ background:url(../gallery/img/g9_05.jpg) no-repeat;} #GALLERY #gallery9 .image6{ background:url(../gallery/img/g9_06.jpg) no-repeat;} #GALLERY #gallery9 .image7{ background:url(../gallery/img/g9_07.jpg) no-repeat;} #GALLERY #gallery9 .image8{ background:url(../gallery/img/g9_08.jpg) no-repeat;} #GALLERY #gallery9 .image9{ background:url(../gallery/img/g9_09.jpg) no-repeat;} #GALLERY #gallery9 .image10{ background:url(../gallery/img/g9_10.jpg) no-repeat;} #GALLERY #gallery9 .image11{ background:url(../gallery/img/g9_11.jpg) no-repeat;} #GALLERY #gallery9 .image12{ background:url(../gallery/img/g9_12.jpg) no-repeat;} #GALLERY #gallery9 .image13{ background:url(../gallery/img/g9_13.jpg) no-repeat;} #GALLERY #gallery9 .image14{ background:url(../gallery/img/g9_14.jpg) no-repeat;} #GALLERY #gallery9 .image15{ background:url(../gallery/img/g9_15.jpg) no-repeat;} #GALLERY #gallery9 .image16{ background:url(../gallery/img/g9_16.jpg) no-repeat;} #GALLERY #gallery9 .image17{ background:url(../gallery/img/g9_17.jpg) no-repeat;} #GALLERY #gallery9 .image18{ background:url(../gallery/img/g9_18.jpg) no-repeat;} #GALLERY #gallery9 .image19{ background:url(../gallery/img/g9_19.jpg) no-repeat;} #GALLERY #gallery10 h3{ background-position:0 -370px;} #GALLERY #gallery10 .image1{ background:url(../gallery/img/g10_01.jpg) no-repeat;} #GALLERY #gallery10 .image2{ background:url(../gallery/img/g10_02.jpg) no-repeat;} #GALLERY #gallery10 .image3{ background:url(../gallery/img/g10_03.jpg) no-repeat;} #GALLERY #gallery10 .image4{ background:url(../gallery/img/g10_04.jpg) no-repeat;} #GALLERY #gallery10 .image5{ background:url(../gallery/img/g10_05.jpg) no-repeat;} #GALLERY #gallery10 .image6{ background:url(../gallery/img/g10_06.jpg) no-repeat;} #GALLERY #gallery10 .image7{ background:url(../gallery/img/g10_07.jpg) no-repeat;} #GALLERY #gallery10 .image8{ background:url(../gallery/img/g10_08.jpg) no-repeat;} #GALLERY #gallery10 .image9{ background:url(../gallery/img/g10_09.jpg) no-repeat;} #GALLERY #gallery10 .image10{ background:url(../gallery/img/g10_10.jpg) no-repeat;} #GALLERY #gallery10 .image11{ background:url(../gallery/img/g10_11.jpg) no-repeat;} #GALLERY #gallery10 .image12{ background:url(../gallery/img/g10_12.jpg) no-repeat;} #GALLERY #gallery10 .image13{ background:url(../gallery/img/g10_13.jpg) no-repeat;} #GALLERY #gallery10 .image14{ background:url(../gallery/img/g10_14.jpg) no-repeat;} #GALLERY #gallery11 h3{ background-position:0 -400px;} #GALLERY #gallery11 .image1{ background:url(../gallery/img/g11_01.jpg) no-repeat;} #GALLERY #gallery11 .image2{ background:url(../gallery/img/g11_02.jpg) no-repeat;} #GALLERY #gallery11 .image3{ background:url(../gallery/img/g11_03.jpg) no-repeat;} #GALLERY #gallery11 .image4{ background:url(../gallery/img/g11_04.jpg) no-repeat;} #GALLERY #gallery11 .image5{ background:url(../gallery/img/g11_05.jpg) no-repeat;} #GALLERY #gallery11 .image6{ background:url(../gallery/img/g11_06.jpg) no-repeat;} #GALLERY #gallery11 .image7{ background:url(../gallery/img/g11_07.jpg) no-repeat;} #GALLERY #gallery11 .image8{ background:url(../gallery/img/g11_08.jpg) no-repeat;} #GALLERY #gallery11 .image9{ background:url(../gallery/img/g11_09.jpg) no-repeat;} #GALLERY #gallery11 .image10{ background:url(../gallery/img/g11_10.jpg) no-repeat;} #GALLERY #gallery11 .image11{ background:url(../gallery/img/g11_11.jpg) no-repeat;} #GALLERY #gallery11 .image12{ background:url(../gallery/img/g11_12.jpg) no-repeat;} #GALLERY #gallery11 .image13{ background:url(../gallery/img/g11_13.jpg) no-repeat;} #GALLERY #gallery11 .image14{ background:url(../gallery/img/g11_14.jpg) no-repeat;} #GALLERY #gallery11 .image15{ background:url(../gallery/img/g11_15.jpg) no-repeat;} #GALLERY #gallery12 h3{ background-position:0 -430px;} #GALLERY #gallery12 .image1{ background:url(../gallery/img/g12_01.jpg) no-repeat;} #GALLERY #gallery12 .image2{ background:url(../gallery/img/g12_02.jpg) no-repeat;} #GALLERY #gallery12 .image3{ background:url(../gallery/img/g12_03.jpg) no-repeat;} #GALLERY #gallery12 .image4{ background:url(../gallery/img/g12_04.jpg) no-repeat;} #GALLERY #gallery12 .image5{ background:url(../gallery/img/g12_05.jpg) no-repeat;} #GALLERY #gallery12 .image6{ background:url(../gallery/img/g12_06.jpg) no-repeat;} #GALLERY #gallery12 .image7{ background:url(../gallery/img/g12_07.jpg) no-repeat;} #GALLERY #gallery12 .image8{ background:url(../gallery/img/g12_08.jpg) no-repeat;} #GALLERY #gallery12 .image9{ background:url(../gallery/img/g12_09.jpg) no-repeat;} #GALLERY #gallery12 .image10{ background:url(../gallery/img/g12_10.jpg) no-repeat;} #GALLERY #gallery12 .image11{ background:url(../gallery/img/g12_11.jpg) no-repeat;} #GALLERY #gallery12 .image12{ background:url(../gallery/img/g12_12.jpg) no-repeat;} #GALLERY #gallery12 .image13{ background:url(../gallery/img/g12_13.jpg) no-repeat;} #GALLERY #gallery12 .image14{ background:url(../gallery/img/g12_14.jpg) no-repeat;} #GALLERY #gallery12 .image15{ background:url(../gallery/img/g12_15.jpg) no-repeat;} #GALLERY #gallery12 .image16{ background:url(../gallery/img/g12_16.jpg) no-repeat;} #GALLERY #gallery12 .image17{ background:url(../gallery/img/g12_17.jpg) no-repeat;} #GALLERY #gallery12 .image18{ background:url(../gallery/img/g12_18.jpg) no-repeat;} #GALLERY #gallery12 .image19{ background:url(../gallery/img/g12_19.jpg) no-repeat;} #GALLERY #gallery12 .image20{ background:url(../gallery/img/g12_20.jpg) no-repeat;} #GALLERY #gallery12 .image21{ background:url(../gallery/img/g12_21.jpg) no-repeat;} #GALLERY #galleryarea_tate{ width:670px; height:730px; position:relative;} #GALLERY #galleryarea_tate .gallery_bg{position:absolute;top:70px;left:140px;padding:5px; border:1px solid #ccc;} #GALLERY #galleryarea_tate .image{width:365px;height:550px;} #GALLERY #galleryarea_tate .image .cover{width:365px;height:550px;} #GALLERY #galleryarea_tate .btn_prev{position:absolute;top:290px;left:115px;} #GALLERY #galleryarea_tate .btn_prev a{width:20px;height:90px;background:url(../gallery/img/gallery_parts.png) no-repeat 0 0;display:block;} #GALLERY #galleryarea_tate .btn_prev a:hover{background-position:-20px 0;} #GALLERY #galleryarea_tate .btn_next{position:absolute;top:290px;left:522px;} #GALLERY #galleryarea_tate .btn_next a{width:20px;height:90px;background:url(../gallery/img/gallery_parts.png) no-repeat -40px 0px;display:block;} #GALLERY #galleryarea_tate .btn_next a:hover{background-position:-60px 0px;} #GALLERY #galleryarea_tate .marker{padding:0;width:670px;position:absolute;top:645px;left:0;text-align:center;color:#bf0720;} /* 安積班張り込み日記シリーズ4 ID:REPORT */ #REPORT h2{width:670px;height:162px;background:url(../report/img/report_image.jpg) no-repeat 0 0;} #REPORT .reportcontents{width:670px;margin:0px auto;padding:20px 0 0 0;} #REPORT .text{width:490px;text-align:left;float:right;} #REPORT .text p{padding:0 15px 20px 0;} #REPORT .text a{text-decoration:underline;} #REPORT .reportcontents .text h3{font-size:120%;display:inline-block;padding:3px;background:#690006;color:#FFF;line-height:100%;} #REPORT p.date{color:#690006;font-weight:bold;padding:0;} #REPORT .backnumber{width:180px;float:left;text-align:left;} #REPORT .backnumber h3{width:160px;height:23px;margin:0;background:url(../report/img/report_parts.png) no-repeat 0 0;} #REPORT .backnumber ul li{width:160px;margin:0px;line-height:100%;} #REPORT .backnumber ul li a{padding:10px;border-bottom:1px dotted #690006;display:block;margin:0px auto;font-size:120%;} #REPORT .backnumber ul li a:hover{padding:10px 15px;} #REPORT .photo{width:auto;text-align:center;margin:0px auto;padding:0 0 25px 0;} #REPORT .photo .caption{padding:5px 15px 0 15px;font-size:120%;line-height:120%;} #REPORT .size1{width:310px;height:210px;background-color:#FFF;border:1px solid #bbb;margin:0px auto;} #REPORT .size2{width:210px;height:310px;background-color:#FFF;border:1px solid #bbb;;margin:0px auto;} #REPORT .size1 .cover{width:300px;height:200px;} #REPORT .size2 .cover{width:200px;height:300px;} /*　コミック版ハンチョウ！ID:COMIC　*/ #COMIC h2{width:670px;height:177px;background:url(../comic/img/comic_image.jpg) no-repeat 0 0;} #COMIC .comicimage{width:210px;margin:0px; padding:15px 0 0 0; float:right; text-align:left;} #COMIC .comicimage .image{width:200px;height:282px;margin:0px;background:url(../comic/img/comic_parts.png) no-repeat 0 -280px;} #COMIC .comicimage .image .cover{width:200px;height:282px;} #COMIC .comic_text{width:460px;text-align:left;float:left; padding:15px 0 0 0;} #COMIC .comic_text .catch{width:420px; height:60px; padding:0px !important;background:url(../comic/img/comic_parts.png) no-repeat 0 -100px;} #COMIC .comic_text p{padding:10px 15px 0 10px;} #COMIC .comic_text p.small{ font-size:110% !important; line-height:150%;} #COMIC .comic_text p.mobileinfo_comic{ text-align:center; margin:0px auto; padding:10px 0 0 0;} #COMIC .comic_text p.mobileinfo_comic .image{width:400px; height:106px; margin:0px auto;background:url(../comic/img/comic_parts.png) no-repeat 0 -170px; display:block; line-height:0;} #COMIC .comicarea{ margin:0px auto;padding:20px;} #COMIC .comicarea ul li{width:135px; height:215px; float:left; text-align:center;} #COMIC .comicarea ul li a{width:120px; height:190px; display:block;background:url(../comic/img/comic_parts.png) no-repeat; margin:0px auto;} #COMIC .comicarea ul li#comic0 a{ background-position:0 -570px;} #COMIC .comicarea ul li#comic1 a{ background-position:-130px -570px;} #COMIC .comicarea ul li#comic1-2 a{ background-position:-260px -570px;} #COMIC .comicarea ul li#comic1-3 a{ background-position:-390px -570px;} #COMIC .comicarea ul li#comic1-4 a{ background-position:0px -770px;} #COMIC .comicarea ul li#comic1-5 a{ background-position:-130px -770px;} #COMIC .comicarea ul li#comic2 a{ background-position:-260px -770px;} #COMIC .comicarea ul li#comic2-2 a{ background-position:-390px -770px;} #COMIC .comicarea ul li#comic2-3 a{ background-position:0px -970px;} #COMIC .comicarea ul li#comic2-4 a{ background-position:-130px -970px;} #COMIC .comicarea ul li#comic3 a{ background-position:-260px -970px;} #COMIC .comicarea ul li#comic3-2 a{ background-position:-390px -970px;} body#COMIC_EPISODE{background:url(../img/bg.png);margin:0px;padding:0;} #COMIC_EPISODE #CONTAINER{width:600px; height:100%; padding:20px 0 20px 0;margin:0 auto;background:url(../comic/img/container_bg.png) repeat-y; position:relative;} #COMIC_EPISODE .page{width:500px;height:720px;margin:0px auto 20px auto; border:1px solid #ccc;} #COMIC_EPISODE .page .cover{width:500px;height:720px;} #COMIC_EPISODE .btn_next{ position:absolute; top:300px; left:25px;} #COMIC_EPISODE .btn_next a{width:20px; height:90px;background:url(../comic/img/comic_parts.png) no-repeat -60px 0; display:block;} #COMIC_EPISODE .btn_next a:hover{ background-position:-80px 0;} #COMIC_EPISODE .btn_prev{ position:absolute; top:300px; right:25px;} #COMIC_EPISODE .btn_prev a{width:20px; height:90px;background:url(../comic/img/comic_parts.png) no-repeat -100px 0; display:block;} #COMIC_EPISODE .btn_prev a:hover{ background-position:-120px 0;} #COMIC_EPISODE .bottomarea{width:594px;height:25px;margin:0px auto;background:url(../comic/img/bottombg.png) repeat-x;position:relative;} #COMIC_EPISODE .bottomarea .btn_close{position:absolute;top:2px;left:270px;} #COMIC_EPISODE .bottomarea .btn_close a{width:54px;height:21px;background:url(../comic/img/comic_parts.png) no-repeat 0 0;display:block;} #COMIC_EPISODE .bottomarea .btn_close a:hover{background-position:0 -21px;} #COMIC_EPISODE .copyright{margin:0px auto; text-align:center; font-size:100%; color:#333; padding:10px 0 0 0;} #COMIC_EPISODE .page_end{width:590px;margin:0px auto 20px auto;} #COMIC_EPISODE .page_end .image{width:590px; height:390px; background:url(../comic/img/comic_end.png) no-repeat;} #COMIC_EPISODE .page_end .image .cover{width:590px; height:390px;} #COMIC_EPISODE .page_end p{ font-size:140%; padding:10px 20px; text-align:left;} #COMIC_EPISODE .page_end p.small{ font-size:120%; padding:10px 20px; text-align:left; line-height:150%;} #EPISODE0 .page1{ background:url(../comic/episode0/img/1.png) no-repeat;} #EPISODE0 .page2{ background:url(../comic/episode0/img/2.png) no-repeat;} #EPISODE0 .page3{ background:url(../comic/episode0/img/3.png) no-repeat;} #EPISODE0 .page4{ background:url(../comic/episode0/img/4.png) no-repeat;} #EPISODE0 .page5{ background:url(../comic/episode0/img/5.png) no-repeat;} #EPISODE0 .page6{ background:url(../comic/episode0/img/6.png) no-repeat;} #EPISODE0 .page7{ background:url(../comic/episode0/img/7.png) no-repeat;} #EPISODE0 .page8{ background:url(../comic/episode0/img/8.png) no-repeat;} #EPISODE0 .page9{ background:url(../comic/episode0/img/9.png) no-repeat;} #EPISODE0 .page10{ background:url(../comic/episode0/img/10.png) no-repeat;} #EPISODE1 .page1{ background:url(../comic/episode1/img/1.png) no-repeat;} #EPISODE1 .page2{ background:url(../comic/episode1/img/2.png) no-repeat;} #EPISODE1 .page3{ background:url(../comic/episode1/img/3.png) no-repeat;} #EPISODE1 .page4{ background:url(../comic/episode1/img/4.png) no-repeat;} #EPISODE1 .page5{ background:url(../comic/episode1/img/5.png) no-repeat;} #EPISODE1 .page6{ background:url(../comic/episode1/img/6.png) no-repeat;} #EPISODE1 .page7{ background:url(../comic/episode1/img/7.png) no-repeat;} #EPISODE1 .page8{ background:url(../comic/episode1/img/8.png) no-repeat;} #EPISODE1 .page9{ background:url(../comic/episode1/img/9.png) no-repeat;} #EPISODE1 .page10{ background:url(../comic/episode1/img/10.png) no-repeat;} #EPISODE1 .page11{ background:url(../comic/episode1/img/11.png) no-repeat;} #EPISODE1 .page12{ background:url(../comic/episode1/img/12.png) no-repeat;} #EPISODE1-2 .page1{ background:url(../comic/episode1_2/img/1.png) no-repeat;} #EPISODE1-2 .page2{ background:url(../comic/episode1_2/img/2.png) no-repeat;} #EPISODE1-2 .page3{ background:url(../comic/episode1_2/img/3.png) no-repeat;} #EPISODE1-2 .page4{ background:url(../comic/episode1_2/img/4.png) no-repeat;} #EPISODE1-3 .page1{ background:url(../comic/episode1_3/img/1.png) no-repeat;} #EPISODE1-3 .page2{ background:url(../comic/episode1_3/img/2.png) no-repeat;} #EPISODE1-3 .page3{ background:url(../comic/episode1_3/img/3.png) no-repeat;} #EPISODE1-4 .page1{ background:url(../comic/episode1_4/img/1.png) no-repeat;} #EPISODE1-4 .page2{ background:url(../comic/episode1_4/img/2.png) no-repeat;} #EPISODE1-4 .page3{ background:url(../comic/episode1_4/img/3.png) no-repeat;} #EPISODE1-4 .page4{ background:url(../comic/episode1_4/img/4.png) no-repeat;} #EPISODE1-5 .page1{ background:url(../comic/episode1_5/img/1.png) no-repeat;} #EPISODE1-5 .page2{ background:url(../comic/episode1_5/img/2.png) no-repeat;} #EPISODE1-5 .page3{ background:url(../comic/episode1_5/img/3.png) no-repeat;} #EPISODE1-5 .page4{ background:url(../comic/episode1_5/img/4.png) no-repeat;} #EPISODE1-5 .page5{ background:url(../comic/episode1_5/img/5.png) no-repeat;} #EPISODE2 .page1{ background:url(../comic/episode2/img/1.png) no-repeat;} #EPISODE2 .page2{ background:url(../comic/episode2/img/2.png) no-repeat;} #EPISODE2 .page3{ background:url(../comic/episode2/img/3.png) no-repeat;} #EPISODE2 .page4{ background:url(../comic/episode2/img/4.png) no-repeat;} #EPISODE2 .page5{ background:url(../comic/episode2/img/5.png) no-repeat;} #EPISODE2-2 .page1{ background:url(../comic/episode2_2/img/1.png) no-repeat;} #EPISODE2-2 .page2{ background:url(../comic/episode2_2/img/2.png) no-repeat;} #EPISODE2-2 .page3{ background:url(../comic/episode2_2/img/3.png) no-repeat;} #EPISODE2-2 .page4{ background:url(../comic/episode2_2/img/4.png) no-repeat;} #EPISODE2-2 .page5{ background:url(../comic/episode2_2/img/5.png) no-repeat;} #EPISODE2-3 .page1{ background:url(../comic/episode2_3/img/1.png) no-repeat;} #EPISODE2-3 .page2{ background:url(../comic/episode2_3/img/2.png) no-repeat;} #EPISODE2-3 .page3{ background:url(../comic/episode2_3/img/3.png) no-repeat;} #EPISODE2-3 .page4{ background:url(../comic/episode2_3/img/4.png) no-repeat;} #EPISODE2-4 .page1{ background:url(../comic/episode2_4/img/1.png) no-repeat;} #EPISODE2-4 .page2{ background:url(../comic/episode2_4/img/2.png) no-repeat;} #EPISODE2-4 .page3{ background:url(../comic/episode2_4/img/3.png) no-repeat;} #EPISODE2-4 .page4{ background:url(../comic/episode2_4/img/4.png) no-repeat;} #EPISODE2-4 .page5{ background:url(../comic/episode2_4/img/5.png) no-repeat;} #EPISODE3 .page1{ background:url(../comic/episode3/img/1.png) no-repeat;} #EPISODE3 .page2{ background:url(../comic/episode3/img/2.png) no-repeat;} #EPISODE3 .page3{ background:url(../comic/episode3/img/3.png) no-repeat;} #EPISODE3 .page4{ background:url(../comic/episode3/img/4.png) no-repeat;} #EPISODE3 .page5{ background:url(../comic/episode3/img/5.png) no-repeat;} #EPISODE3-2 .page1{ background:url(../comic/episode3_2/img/1.png) no-repeat;} #EPISODE3-2 .page2{ background:url(../comic/episode3_2/img/2.png) no-repeat;} #EPISODE3-2 .page3{ background:url(../comic/episode3_2/img/3.png) no-repeat;} /* 下のナビゲーション */ #NAVI_FOOTER{width:950px;margin:1px auto;border-top:1px solid #4c090a;} #NAVI_FOOTER ul{margin:5px auto;display:block;} #NAVI_FOOTER ul li{display:inline;padding:0 10px;font-weight:bold;font-size:110%;border-left:1px solid #666;} #NAVI_FOOTER ul li.start{border:none;} /* 事業用バナー */ #JIGYO_BANNER{margin:0px auto;width:775px;padding:20px 0 0 0;} #JIGYO_BANNER ul li{width:155px;height:28px;float:left;} #JIGYO_BANNER ul li a{width:152px;height:28px;background:url(../img/jigyobanner.gif) no-repeat;display:block;} #JIGYO_BANNER ul li#oc1 a{background-position:0 0;} #JIGYO_BANNER ul li#oc2 a{background-position:-152px 0;} #JIGYO_BANNER ul li#oc3 a{background-position:-304px 0;} #JIGYO_BANNER ul li#oc4 a{background-position:-456px 0;} #JIGYO_BANNER ul li#oc5 a{background-position:-608px 0;} /*フッター*/ #footer{padding:20px 0 30px 0;} #footer p{font-size:110%;} /*色*/ .red{color:#690006;} .blue{color:#0cc;} .orange{color:#e95504;} .green{color:#08a061;} .pink{color:#ec74a9;} .charcoal{color:#923d26;} /*///////////////////////////////////////////////////////////////////////// デフォルトCSS /////////////////////////////////////////////////////////////////////////*/ body {text-align:center;font-size:62.5%;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Meiryo, 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;} h1, h2, h3, h4, h5, h6, table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;} img {border:none;} hr {display:none;} ul {list-style:none;} .alt{position:absolute;top:-5000px;left:-9999px;} .bold {font-weight:bold;} .normal {font-weight:normal;} /*画像保護用*/ .cover {background:url(/img/cover.gif);display:block;} /*スーパーバナー枠*/ #bnSuper {width:100%;height:110px;background:#fff;border-bottom:1px solid #c0c0c0;} #bnIn {padding-top:10px;} /*float設定*/ .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; /*¥*//*/ height: auto; overflow: hidden; /**/ } /*フォント指定*/ .tCenter {text-align:center !important} .tRight {text-align:right !important} .tLeft {text-align:left !important} /*font-color*/ .cOrg {color:#ec6008;} .cRed, .err {color:#e32c35;} /*font-size*/ .f140 {font-size:140%;} .f120 {font-size:120%;} .f110 {font-size:110%;} .f90 {font-size:90%;} .f85 {font-size:85%;} /*リンク指定 a {text-decoration:none;color:#385800;} a:hover {text-decoration:underline;color:#733700;}*/ /*padding/margin*/ .pdgB20 {padding-bottom:20px;} /*＠ヘッダー要素 /////////////////////////////////////////////////////////////////////////*/ #di2_header { width:980px; text-align:left; margin:0 auto; position:relative;} #di2_programlink { width:250px; height:55px; background:url(/mi/mi6/img/di2_header.png) no-repeat 0 -20px;} #di2_programlink li.tbstop { position:absolute; top:2px; left:0;} #di2_programlink li.program { position:absolute; top:15px; left:132px;} #di2_programlink li a { display:block;} #di2_programlink li.tbstop a { width:125px; height:50px;} #di2_programlink li.program a { width:95px; height:28px;} #di2_programlink li.program a:hover { background:url(/mi/mi6/img/di2_header.png) no-repeat 0 -130px;} /*検索*/ #di2_ksb { width:240px; height:50px; position:relative; left:11px; background:url(/mi/mi6/img/di2_header.png) no-repeat -100px -130px;} #di2_ksb #tbswebsearch { width:150px;} #di2_ksb #tbsSearch, #di2_ksb #webSearch{ display:block; width:52px; height:13px; background: url(/mi/mi6/img/di2_header.png) no-repeat;} #di2_ksb #tbsSearch { width:50px; float:left; background-position:-345px -130px; cursor:default; position:absolute; top:0; left:7px;} #di2_ksb #webSearch { width:60px; float:left; background-position:-159px -130px; cursor:pointer; position:absolute; top:0; left:59px;} #di2_ksb input#kw { width:140px; height:20px; font-size:14px; color:#444; background:none; border:none; font-family:sans-serif; position:absolute; top:15px; left:27px;} #di2_ksb input#btnSearch { position:absolute; top:13px; left:179px;} /*＠ナビゲーション /////////////////////////////////////////////////////////////////////////*/ #di2_navi { width:980px; height:45px; position:relative; background:url(/mi/mi6/img/di2_header.png) no-repeat 0 -75px;} /*main*/ #di2_navi ul#di2_menuMain { padding:1px 0 0 10px;} #di2_navi ul#di2_menuMain li { float:left; margin-right:2px;} #di2_navi ul#di2_menuMain li a { display:block; height:25px;} #di2_navi ul#di2_menuMain li a:hover { background:url(/mi/mi6/img/di2_header.png) no-repeat;} #di2_navi ul#di2_menuMain li#di2_drama a { width:110px;} #di2_navi ul#di2_menuMain li#di2_variety a { width:140px;} #di2_navi ul#di2_menuMain li#di2_infowide a { width:105px;} #di2_navi ul#di2_menuMain li#di2_news a { width:170px;} #di2_navi ul#di2_menuMain li#di2_anime a { width:100px;} #di2_navi ul#di2_menuMain li#di2_sports a { width:105px;} #di2_navi ul#di2_menuMain li#di2_minibangumi a { width:105px;} #di2_navi ul#di2_menuMain li#di2_shopping a { width:110px;} #di2_navi ul#di2_menuMain li#di2_drama a:hover { background-position:-10px -75px;} #di2_navi ul#di2_menuMain li#di2_variety a:hover { background-position:-122px -75px;} #di2_navi ul#di2_menuMain li#di2_infowide a:hover { background-position:-264px -75px;} #di2_navi ul#di2_menuMain li#di2_news a:hover { background-position:-371px -75px;} #di2_navi ul#di2_menuMain li#di2_anime a:hover { background-position:-543px -75px;} #di2_navi ul#di2_menuMain li#di2_sports a:hover { background-position:-645px -75px;} #di2_navi ul#di2_menuMain li#di2_minibangumi a:hover { background-position:-752px -75px;} #di2_navi ul#di2_menuMain li#di2_shopping a:hover { background-position:-859px -75px;} /*sub*/ #di2_navi ul#di2_menuSub { width:980px; height:17px; position:absolute; top:27px; left:0; } #di2_navi ul#di2_menuSub li { position:absolute; top:0;} #di2_navi ul#di2_menuSub li a { display:block; width:65px; height:17px;} #di2_navi ul#di2_menuSub li#di2_sub2 a { width:90px;} #di2_navi ul#di2_menuSub li#di2_sub3 a { width:85px;} #di2_navi ul#di2_menuSub li#di2_sub4 a { width:72px;} #di2_navi ul#di2_menuSub li#di2_sub8 a { width:80px;} #di2_navi ul#di2_menuSub li a:hover { background:url(/mi/mi6/img/di2_header.png) no-repeat;} #di2_navi ul#di2_menuSub li#di2_sub1 { left:382px;} #di2_navi ul#di2_menuSub li#di2_sub2 { left:447px;} #di2_navi ul#di2_menuSub li#di2_sub3 { left:537px;} #di2_navi ul#di2_menuSub li#di2_sub4 { left:622px;} #di2_navi ul#di2_menuSub li#di2_sub5 { left:694px;} #di2_navi ul#di2_menuSub li#di2_sub6 { left:759px;} #di2_navi ul#di2_menuSub li#di2_sub7 { left:824px;} #di2_navi ul#di2_menuSub li#di2_sub8 { left:888px;} #di2_navi ul#di2_menuSub li#di2_sub1 a:hover { background-position:-480px -130px;} #di2_navi ul#di2_menuSub li#di2_sub2 a:hover { background-position:-545px -130px;} #di2_navi ul#di2_menuSub li#di2_sub3 a:hover { background-position:-621px -150px;} #di2_navi ul#di2_menuSub li#di2_sub4 a:hover { background-position:-717px -150px;} #di2_navi ul#di2_menuSub li#di2_sub5 a:hover { background-position:-765px -130px;} #di2_navi ul#di2_menuSub li#di2_sub6 a:hover { background-position:-830px -130px;} #di2_navi ul#di2_menuSub li#di2_sub7 a:hover { background-position:-895px -130px;} #di2_navi ul#di2_menuSub li#di2_sub8 a:hover { background-position:-530px -150px;} /*contact*/ #di2_programlink li.contact { position:absolute; top:132px; left:10px; z-index:10;} #di2_programlink li.contact a { width:105px; height:16px;} #di2_programlink li.contact a:hover { background:url(/mi/mi6/img/di2_header.png) no-repeat -415px -150px;} /*eng*/ #di2_programlink li.english { position:absolute; top:132px; left:125px; z-index:10;} #di2_programlink li.english a { width:65px; height:16px;} #di2_programlink li.english a:hover { background:url(/mi/mi6/img/di2_header.png) no-repeat -415px -130px;} /*＠ヘッダー白//スーパーバナー有り /////////////////////////////////////////////////////////////////////////*/ #con_header { width:100%; height:150px; background:#fff url(/mi/mi6/img/di2_header.png) repeat-x 0 130px; position:relative;} #con_header #bannerIn { width:980px; text-align:left; margin:0 auto; position:relative;} #con_header #bnSuper { width:728px; height:90px; position:absolute; top:6px; right:11px; border:none;} #con_header #di2_header { height:150px;} /*＠ヘッダー白//スーパーバナー無し /////////////////////////////////////////////////////////////////////////*/ #con_header_nsb { width:100%; height:100px; background:#fff url(/mi/mi6/img/di2_header.png) repeat-x 0 80px;} #con_header_nsb #di2_header { height:100px;} #con_header_nsb #di2_programlink li.contact { top:82px;} #con_header_nsb #di2_programlink li.english { top:82px;} #con_header_nsb #di2_ksb { position:absolute; top:9px; left:740px;} /*＠その他設定 /////////////////////////////////////////////////////////////////////////*/ body, #di2_header dl, #di2_header dt, #di2_header dd, #di2_header ul, #di2_header li, #di2_navi dl, #di2_navi dt, #di2_navi dd, #di2_navi ul, #di2_navi li, #di2_navi form { margin:0; padding:0;} #di2_header ul { list-style:none;} #di2_header hr { display:none;} #di2_header .alt{ position:absolute; top:-5000px; left:-9999px;} #di2_header .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } #di2_header .clearfix { min-height: 1px;} * html #di2_header .clearfix { height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/ } /*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;} /*＠ドラマ用フッター /////////////////////////////////////////////////////////////////////////*/ #dramaFooter { width:100%; min-height:250px; height:auto !important; height:250px; background:#fff; color:#444; border-top:2px solid #b2bdcd; position:relative; font-family:Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Meiryo, sans-serif;} #dramaFooter h2 { background:#eff1f4; border-bottom:2px dotted #b2bdcd; font-size:150%; color:#6c7e98; font-family:Verdana; padding:5px; margin:0;} #dramaFooter ul { width:950px; text-align:left; list-style:none; margin:0 auto; padding:20px 0 20px 70px;} * html #dramaFooter ul { padding:20px 0 20px 20px;} #dramaFooter ul li { width:160px; line-height:1.6em; margin-right:20px; float:left;} #dramaFooter ul li a { display:block; font-size:120%; font-weight:normal;} #dramaFooter ul li a strong { display:block; width:160px; padding-top:55px; margin-bottom:5px;} #dramaFooter ul li a .date { color:#333;} #dramaFooter ul li#drama01 { background-position:0 0;} #dramaFooter ul li#drama02 { background-position:-160px 0;} #dramaFooter ul li#drama03 { background-position:-320px 0;} #dramaFooter ul li#drama04 { background-position:-480px 0;} #dramaFooter ul li#drama05 { background-position:-640px 0;} #dramaFooter #dramaFooterLink { text-align:center; border-top:2px dotted #b2bdcd; padding:20px 0;} #dramaFooter a { text-decoration:none; color:#50688b;} #dramaFooter a:hover { text-decoration:underline; color:#444 !important;} #dramaFooter #dramaFooterLink .tbs-link1, #dramaFooter #dramaFooterLink .tbs-copy1 { color:#444 !important;} #dramaFooter ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .footer201010 ul li { background: url(/mi/img/dramafooter201010.jpg) no-repeat;} /**/ .footer201101 ul li { background: url(/mi/img/dramafooter201101.jpg) no-repeat; width:200px !important;} .footer201101 ul li a strong { width:200px !important;} .footer201101 ul li#drama01 { background-position:0 0 !important;} .footer201101 ul li#drama02 { background-position:-200px 0 !important;} .footer201101 ul li#drama03 { background-position:-400px 0 !important;} .footer201101 ul { padding:20px 0 20px 300px !important;} * html .footer201101 ul { padding:20px 0 20px 150px !important;} /* Boobo Boona =======================================*/ #boobo-hd { position:absolute; top:81px; left:-71px; z-index:100; } #con_header_nsb #boobo-hd { top:32px; } #boobo-hd a { display:block; background:url(/mi/mi6/img/boobo_an_hd.gif) top left no-repeat; width:90px; height:110px; text-indent:-9999px; } #i_search_autocomplete { text-align:left; font-size:12px; border-top: 1px solid #CCCCCC; border-right: 2px solid #999999; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #BBBBBB; background: #ffffff; color: #333333; position: absolute; cursor: default; list-style:none; padding: 0px; margin: 0; display:block; } /* workarounds */ * html #i_search_autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ #i_search_autocomplete .ui-menu { margin-top: -3px; } #i_search_autocomplete .ui-menu-item { width: 100%; border-bottom:#ccc 1px solid; list-style-type: none; margin:0; padding: 0; float: left; clear: left; } #i_search_autocomplete .ui-menu-item a { word-break: break-all; text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } * html #i_search_autocomplete .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } #i_search_autocomplete .ui-menu-item a.ui-state-hover, #i_search_autocomplete .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } #i_search_autocomplete .ui-widget { } #i_search_autocomplete a { color: #333333; } #i_search_autocomplete .ui-state-hover { border: 1px solid #cccccc; background: #ecf5fa; font-weight: bold; color: #333333; } #i_search_autocomplete.ui-state-hover a, #i_search_autocomplete.ui-state-hover a:hover { color: #c77405; text-decoration: none; } #i_search_autocomplete.ui-state-active a, #i_search_autocomplete.ui-state-active a:link, #i_search_autocomplete.ui-state-active a:visited { color: #eb8f00; text-decoration: none; } #i_search_autocomplete :active { outline: none; } /*eof*/