/* “ΑWcssƒeƒ“ƒvƒŒ[ƒg@XVF2008/11/17 */ /*------------------------------------------------ all ---------------------------------------------------*/ #Feature_wrapper{ font-family:"‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W6", Osaka, sans-serif; width:600px; margin:0; padding:4px 0 5px 0; font-size:13px; line-height:1.4em; color:#565656; background:#0e1614; } img{border:none;} .reset { clear: both; display: block; height: 0px; font-size:0px; line-height: 0px; } .space10 { clear: both; display: block; height: 10px; font-size:0px; line-height: 0px; } .space20 { clear: both; display: block; height: 20px; font-size:0px; line-height: 0px; } #feature_wrapper ul li,#feature_wrapper dl { list-style-type:none; } .hide { display:none; } .clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden;} #Feature_wrapper .back { margin:0; padding:0px 10px 10px 10px; text-align:center; } /* .Feature_wrapper:after { content: ""; clear: both; height: 0; display: block; visibility: hidden;} */ /*------------------------------------------------ link ---------------------------------------------------*/ #Feature_wrapper a { color: #a0a603;text-decoration: underline; } #Feature_wrapper a:hover { color: #bf3952;text-decoration: none; } /*-- ‰ζ‘œlinkF --*/ #Feature_wrapper a.discLink img { border:2px solid #FFF;} #Feature_wrapper a.discLink { background-color:#ccc; display:block; /*vertical-align:middle;*/ padding:2px; } #Feature_wrapper a.discLink:hover { background-color:#fa798e;} /*------------------------------------------------ tpnavi ---------------------------------------------------*/ #Feature_wrapper .tpnavi { height:50px; margin:0px; padding:0; width:590px; background:url(http://img.barks.jp/image/review/1000045607/tpnavi.gif) no-repeat 0 0; border-top:1px solid #0e1614; border-bottom:1px solid #0e1614;} .tpnavi ul { display:inline;margin:0; } .tpnavi li { display:inline; } .tpnavi li a { height:50px; margin:0; display:block; float:left; text-indent:-9877em; text-decoration:none; overflow:hidden; } .tpnavi li.LINK01 a { background:url(http://img.barks.jp/image/review/1000045607/tpnavi.gif) no-repeat 0px 0px; width:115px; } .tpnavi li.LINK02 a { background:url(http://img.barks.jp/image/review/1000045607/tpnavi.gif) no-repeat -115px 0px; width:117px; } .tpnavi li.LINK03 a { background:url(http://img.barks.jp/image/review/1000045607/tpnavi.gif) no-repeat -232px 0px; width:121px; } .tpnavi li.LINK04 a { background:url(http://img.barks.jp/image/review/1000045607/tpnavi.gif) no-repeat -354px 0px; width:118px; } .tpnavi li.LINK05 a { background:url(http://img.barks.jp/image/review/1000045607/tpnavi.gif) no-repeat -472px 0px; width:118px; } .tpnavi li.LINK01 a:hover { background:url(http://img.barks.jp/image/review/1000045607/tpnavi.gif) no-repeat 0px -50px; } .tpnavi li.LINK02 a:hover { background:url(http://img.barks.jp/image/review/1000045607/tpnavi.gif) no-repeat -115px -50px; } .tpnavi li.LINK03 a:hover { background:url(http://img.barks.jp/image/review/1000045607/tpnavi.gif) no-repeat -232px -50px; } .tpnavi li.LINK04 a:hover { background:url(http://img.barks.jp/image/review/1000045607/tpnavi.gif) no-repeat -354px -50px; } .tpnavi li.LINK05 a:hover { background:url(http://img.barks.jp/image/review/1000045607/tpnavi.gif) no-repeat -472px -50px; } /*------------------------------------------------ btmnavi ---------------------------------------------------*/ #Feature_wrapper .btmnavi { clear:both; display:block; height:235px; margin:0px; padding:0; width:590px; background:url(http://img.barks.jp/image/review/1000045607/btmnavi.jpg) no-repeat 0 0; } .btmnavi ul { display:inline;margin:0; } .btmnavi li { display:inline; } .btmnavi li a { height:235px; margin:0; display:block; float:left; text-indent:-9877em; text-decoration:none; overflow:hidden; } .btmnavi li.LINK01 a { background:url(http://img.barks.jp/image/review/1000045607/btmnavi.jpg) no-repeat 0px 0px; width:118px; } .btmnavi li.LINK02 a { background:url(http://img.barks.jp/image/review/1000045607/btmnavi.jpg) no-repeat -118px 0px; width:118px; } .btmnavi li.LINK03 a { background:url(http://img.barks.jp/image/review/1000045607/btmnavi.jpg) no-repeat -236px 0px; width:118px; } .btmnavi li.LINK04 a { background:url(http://img.barks.jp/image/review/1000045607/btmnavi.jpg) no-repeat -354px 0px; width:118px; } .btmnavi li.LINK05 a { background:url(http://img.barks.jp/image/review/1000045607/btmnavi.jpg) no-repeat -472px 0px; width:118px; } .btmnavi li.LINK01 a:hover { background:url(http://img.barks.jp/image/review/1000045607/btmnavi.jpg) no-repeat 0px -235px; } .btmnavi li.LINK02 a:hover { background:url(http://img.barks.jp/image/review/1000045607/btmnavi.jpg) no-repeat -118px -235px; } .btmnavi li.LINK03 a:hover { background:url(http://img.barks.jp/image/review/1000045607/btmnavi.jpg) no-repeat -236px -235px; } .btmnavi li.LINK04 a:hover { background:url(http://img.barks.jp/image/review/1000045607/btmnavi.jpg) no-repeat -354px -235px; } .btmnavi li.LINK05 a:hover { background:url(http://img.barks.jp/image/review/1000045607/btmnavi.jpg) no-repeat -472px -235px; } /*------------------------------------------------ common ---------------------------------------------------*/ #Feature_wrapper h1#TOP{ margin:0; width:590px; height:400px; background:url(http://img.barks.jp/image/review/1000045607/title_top.jpg) no-repeat; text-indent:-9999px; } #Feature_wrapper #titleflash{ margin:0; width:590px; height:400px; } #Feature_wrapper h1#CANAL{ margin:0; width:590px; height:150px; background:url(http://img.barks.jp/image/review/1000045607/title_canal.jpg) no-repeat; text-indent:-9999px; } #Feature_wrapper h1#SOUND{ margin:0; width:590px; height:150px; background:url(http://img.barks.jp/image/review/1000045607/title_sound.jpg) no-repeat; text-indent:-9999px; } #Feature_wrapper h1#MUSIC{ margin:0; width:590px; height:150px; background:url(http://img.barks.jp/image/review/1000045607/title_music.jpg) no-repeat; text-indent:-9999px; } #Feature_wrapper h1#ABOUT{ margin:0; width:590px; height:150px; background:url(http://img.barks.jp/image/review/1000045607/title_about.jpg) no-repeat; text-indent:-9999px; } #Feature_wrapper h1#EDITOR{ margin:0; width:590px; height:150px; background:url(http://img.barks.jp/image/review/1000045607/title_editor.jpg) no-repeat; text-indent:-9999px; } #Feature_wrapper #bottom{ margin:0; padding:0; width:600px; height:45px; background:url(http://img.barks.jp/image/review/1000045607/bottom.gif) no-repeat; clear:both; } #Feature_wrapper .main{ margin:0px 0px 0px 4px; padding:0px; width:590px; background:#fff; border:1px solid #887d7a; } #Feature_wrapper .main p{ margin:0; padding:10px 25px 10px 25px; } #Feature_wrapper .main p:after { content: ""; clear: both; height: 0; display: block; visibility: hidden;} #Feature_wrapper .about_midashi{ margin:0; padding:20px 25px 15px 25px; } #Feature_wrapper .about_midashi span{ margin:0 0 5px; display:block; font-weight:bold; } #Feature_wrapper .about_midashi:after { content: ""; clear: both; height: 0; display: block; visibility: hidden;} #Feature_wrapper .main .tyup{ margin:0; padding:0 0 5px 0; width:590px; line-height:1.2; background:#878684; text-align:right; } #Feature_wrapper .main .tyup span{ margin:0; padding:0 10px 0 0; color:#eee; text-align:right; font-size:80%; } #Feature_wrapper .main .barks{ margin:0; padding:10px 25px 10px 25px; } #Feature_wrapper .main .barks:after { content: ""; clear: both; height: 0; display: block; visibility: hidden;} #Feature_wrapper .main .barks span{ margin:0 0 5px; display:block; font-weight:bold; } /*------------------------------------------------ h3 ---------------------------------------------------*/ #Feature_wrapper h3#top_h3{ margin:0; width:590px; height:60px; text-indent:-9999px; background:url(http://img.barks.jp/image/review/1000045607/top_h3.gif) no-repeat; } #Feature_wrapper h3#top_h3_2{ margin:5px 0 0 0; width:590px; height:60px; text-indent:-9999px; background:url(http://img.barks.jp/image/review/1000045607/top_h3_2.gif) no-repeat; } #Feature_wrapper h3#canal_h3{ margin:0; width:590px; height:60px; text-indent:-9999px; background:url(http://img.barks.jp/image/review/1000045607/canal_h3.gif) no-repeat; } #Feature_wrapper h3#sound{ margin:0; width:590px; height:60px; text-indent:-9999px; background:url(http://img.barks.jp/image/review/1000045607/sound_h3.gif) no-repeat; } #Feature_wrapper h3#music{ margin:0; width:590px; height:60px; text-indent:-9999px; background:url(http://img.barks.jp/image/review/1000045607/music_h3.gif) no-repeat; } #Feature_wrapper h3#about{ margin:0; width:590px; height:60px; text-indent:-9999px; background:url(http://img.barks.jp/image/review/1000045607/about_h3.gif) no-repeat; } #Feature_wrapper h3#editor{ margin:0; width:590px; height:60px; text-indent:-9999px; background:url(http://img.barks.jp/image/review/1000045607/editor_h3.gif) no-repeat; } #Feature_wrapper h4.top_h4{ margin:5px 20px 0px 20px; padding:3px; color:#a0a603; border-bottom:1px dotted #a0a603; font-size:110%; } #Feature_wrapper h4.sound_h4{ margin:30px 20px 15px 20px; padding:3px; width:540px; color:#a0a603; border-bottom:1px dotted #a0a603; font-size:100%; } #Feature_wrapper h4.sound_h4 span{background:#a0a603; color:#fff; padding:3px; margin-right:3px;} #Feature_wrapper h4.music_h4{ margin:30px 20px 15px 20px; padding:3px; width:540px; color:#a0a603; border-bottom:1px dotted #a0a603; font-size:120%; } #Feature_wrapper h4.music_h4 span{ color:#f2b705;} #Feature_wrapper h4.about_h4{ margin:30px 20px 0px 20px; padding:3px; width:540px; color:#a0a603; border-bottom:1px dotted #a0a603; font-size:100%; } /*------------------------------------------------ infomation ---------------------------------------------------*/ #Feature_wrapper .btn_back{ margin:5px 5px 0px; display:inline; } #Feature_wrapper .main ul.List{ margin:0 0 0 0px; padding:0; display:inline; } #Feature_wrapper .main ul.List li.nomal{ margin:20px 0 0px 25px; padding:0px; float:left; width:250px; background:#e9cbaf; display:inline; } #Feature_wrapper .main ul.List li.nomal dl{ padding:0; margin:0px; font-size:90%; display:inline; } #Feature_wrapper .main ul.List li.nomal dl dt { line-height: 1.3; font-weight:bold; list-style: decimal; list-style-position: outside; margin: 0px 0px 0.9em 0px; padding: 2px 0 2px 5px;background:#bf3952; color:#fff;} #Feature_wrapper .main ul.List li.nomal dl dd { line-height: 1.4; list-style: decimal; list-style-position: outside; margin: 0.3em 5px 0.6em 5px; padding: 0 0 5px 5px;} #Feature_wrapper .main ul.List li.canalgata{ margin:20px 0 0px 25px; padding:0px; float:left; width:250px; background:#c4e5f9; display:inline; } #Feature_wrapper .main ul.List li.canalgata dl{ padding:0; margin:0px; font-size:90%; display:inline; } #Feature_wrapper .main ul.List li.canalgata dl dt { line-height: 1.3; font-weight:bold; list-style: decimal; list-style-position: outside; margin: 0px 0px 0.9em 0px; padding: 2px 0 2px 5px;background:#269ae4; color:#fff;} #Feature_wrapper .main ul.List li.canalgata dl dd { line-height: 1.4; list-style: decimal; list-style-position: outside; margin: 0.3em 5px 0.6em 5px; padding: 0 0 5px 5px;} #Feature_wrapper .main dl.info { float:left; padding:0; margin:0px 30px 10px 15px; font-size:90%; display:inline;} #Feature_wrapper .main dl.info dt { line-height: 1.3; font-weight:bold; list-style: decimal; list-style-position: outside; margin: 10px 0px 0.6em 0px; padding: 0;} #Feature_wrapper .main dl.info dd { line-height: 1.3; list-style: decimal; list-style-position: outside; background:url(http://img.barks.jp/image/review/1000045607/arrow.gif) no-repeat 0 4px; margin: 0.4em 0px 0.2em 5px; padding: 0 0 0 13px;} /*------------------------------------------------ btn ---------------------------------------------------*/ #Feature_wrapper ul.btn_official { clear:both;display:block; margin:0; padding:15px 0 25px 100px; width:404px; height:55px; } #Feature_wrapper ul.btn_official li { display:block; width:404px; height:55px; margin:0px; padding:0px; text-indent:-9877em;} #Feature_wrapper ul.btn_official li a { display:block; width:404px; height:55px; margin:0px; padding:0; background:url(http://img.barks.jp/image/review/1000045607/btn_official.gif) no-repeat 0px 0px; } #Feature_wrapper ul.btn_official li a:hover { background:url(http://img.barks.jp/image/review/1000045607/btn_official.gif) no-repeat 0px -55px; } #Feature_wrapper .main ul#next_canal { float:right; display:block; margin:0; padding:10px 12px 30px 0px; width:200px; height:30px; } #Feature_wrapper .main ul#next_canal li { display:block; width:200px; height:30px; margin:0px; padding:0px; text-indent:-9877em;} #Feature_wrapper .main ul#next_canal li a { display:block; width:200px; height:30px; margin:0px; padding:0; background:url(http://img.barks.jp/image/review/1000045607/btn_next_canal.gif) no-repeat 0px 0px; } #Feature_wrapper .main ul#next_canal li a:hover { background:url(http://img.barks.jp/image/review/1000045607/btn_next_canal.gif) no-repeat 0px -30px; } #Feature_wrapper .main ul#next_sound { float:right; display:block; margin:0; padding:10px 12px 30px 0px; width:200px; height:30px; } #Feature_wrapper .main ul#next_sound li { display:block; width:200px; height:30px; margin:0px; padding:0px; text-indent:-9877em;} #Feature_wrapper .main ul#next_sound li a { display:block; width:200px; height:30px; margin:0px; padding:0; background:url(http://img.barks.jp/image/review/1000045607//btn_next_sound.gif) no-repeat 0px 0px; } #Feature_wrapper .main ul#next_sound li a:hover { background:url(http://img.barks.jp/image/review/1000045607/btn_next_sound.gif) no-repeat 0px -30px; } #Feature_wrapper .main ul#next_music { float:right; display:block; margin:0; padding:10px 12px 30px 0px; width:200px; height:30px; } #Feature_wrapper .main ul#next_music li { display:block; width:200px; height:30px; margin:0px; padding:0px; text-indent:-9877em;} #Feature_wrapper .main ul#next_music li a { display:block; width:200px; height:30px; margin:0px; padding:0; background:url(http://img.barks.jp/image/review/1000045607//btn_next_music.gif) no-repeat 0px 0px; } #Feature_wrapper .main ul#next_music li a:hover { background:url(http://img.barks.jp/image/review/1000045607//btn_next_music.gif) no-repeat 0px -30px; } #Feature_wrapper .main ul#next_about { float:right; display:block; margin:0; padding:10px 12px 30px 0px; width:200px; height:30px; } #Feature_wrapper .main ul#next_about li { display:block; width:200px; height:30px; margin:0px; padding:0px; text-indent:-9877em;} #Feature_wrapper .main ul#next_about li a { display:block; width:200px; height:30px; margin:0px; padding:0; background:url(http://img.barks.jp/image/review/1000045607/btn_next_about.gif) no-repeat 0px 0px; } #Feature_wrapper .main ul#next_about li a:hover { background:url(http://img.barks.jp/image/review/1000045607/btn_next_about.gif) no-repeat 0px -30px; } #Feature_wrapper .main ul#next_editor { float:right; display:block; margin:0; padding:10px 12px 30px 0px; width:200px; height:30px; } #Feature_wrapper .main ul#next_editor li { display:block; width:200px; height:30px; margin:0px; padding:0px; text-indent:-9877em;} #Feature_wrapper .main ul#next_editor li a { display:block; width:200px; height:30px; margin:0px; padding:0; background:url(http://img.barks.jp/image/review/1000045607/btn_next_editor.gif) no-repeat 0px 0px; } #Feature_wrapper .main ul#next_editor li a:hover { background:url(http://img.barks.jp/image/review/1000045607/btn_next_editor.gif) no-repeat 0px -30px; } /*------------------------------------------------ interview ---------------------------------------------------*/ #Feature_wrapper .main .photo_l{ margin:0; padding:5px 15px 5px 15px; float:left; } #Feature_wrapper .main .photo_r{ margin:0; padding:5px 15px 5px 15px; float:right; } #Feature_wrapper .main .photo_l15{ margin:0; padding:25px 15px 15px 25px; float:left; } #Feature_wrapper .main .photo_r15{ margin:0; padding:25px 25px 15px 15px; float:right; } #Feature_wrapper .main .photo_c15{ margin:0; padding:25px 0px 0px 30px; clear:both; } #Feature_wrapper .main .photo_l15 img,#Feature_wrapper .main .photo_r15 img{ padding:3px; margin:0 0 20px 0; border:1px solid #dcdcdc; } #Feature_wrapper .main .photo_c15 img{ padding:3px; margin:0 0 0px 0; border:1px solid #dcdcdc; } #Feature_wrapper .main .photo_barks{ margin:5px 0px 25px 10px; padding:0; float:right; } #Feature_wrapper .main .photo_barks img{ padding:3px; margin:0 0 10px 0; border:1px solid #dcdcdc; } /*------------------------------------------------ page-navi ---------------------------------------------------*/ ul.page-navi { position: relative; margin: 10px 15px 10px 15px; padding: 5px 0; height: 1.4em; text-align: center; background: #487367 none; -webkit-border-radius: 5px; -moz-border-radius: 5px; } ul.page-navi li { display: inline; margin: 0; padding: 0 10px; font-size: 100%; color:#fff; } ul.page-navi li a { color: #FFF;text-decoration: underline; } ul.page-navi li a:hover { color: #f1b5c3;text-decoration: none; }