@charset 'Shift_JIS'; /* file_name * :filesummary * * //index// * -#contentsArea * -round box (rounded square with triple divs) * -heading * -paragraph * -bbs * -.bbsHeader * -.bbsList * * Auther:M.S.2008/05/08 * Last Update:auther_name 2008/05/08 * Revision:1 *--------------------------------------------------------------*/ /*=========================================================== Structure ===========================================================*/ div.playguide{line-height:1.5;} /** * [ Structure::Segment ] section holder **/ div.playguide .section_holder{position:relative; margin-bottom:6px; padding:0 25px 25px; border:1px solid #D1D1D1; zoom:1;} /** * [ Structure::Segment ] sectiont (image and txet) **/ div.playguide .section_holder .section{position:relative; top:1px; padding:25px 0; border-bottom:1px solid #eaeaea; zoom:1;} div.playguide .section_holder .section p{margin-bottom:10px;} div.playguide .section_holder li{margin-bottom:8px;} div.playguide .section_holder .section .exp{float:right; width:305px;} div.playguide .section_holder .section .screenshot{float:left; width:272px;} div.playguide .section_holder .section .screenshot_full{margin-bottom:10px;} div.playguide .section_holder .section .screenshot img, div.playguide .section_holder .section .screenshot_full img, div.playguide .minFigure th img{padding:3px; background:#eee; border:1px solid #e0e0e0;} div.playguide .section_holder .section.last{padding-bottom:0; border-bottom:none;} div.playguide .section_holder .section a{ text-decoration: underline; } /*=========================================================== Modules ===========================================================*/ /** * [ Modules::Text ] Heading **/ .playguide h2{} .playguide h3{color:#333;} .playguide .exp h3{margin-bottom:6px;} /** * [ Modules::Text ] Text Format **/ .playguide strong{font-weight:bold;} .playguide em.note{display:block; padding-left:1em; text-indent:-1em; font-style:normal; color:#fe8615; font-size:11px;} /** * [ Modules::Image ] Floating Image * // 不特定箇所のFloating Image **/ div.playguide img.spot{float:left; margin:4px 17px 4px 0; padding:3px; background:#eee; border:1px solid #e0e0e0;} div.playguide span.textHolder{zoom:1; float:left; overflow:hidden;} /** * [ Modules::Navigation ] #guideNavi * // Tab型のNavigation **/ /* div.playguide #guideNaviは今後使用を禁止です！！！！！*/ div.playguide #guideNavi{width:644px; margin:0 0 -1px 3px; _margin:0 0 -2px 3px;} div.playguide #guideNavi li{float:left;} div.playguide #guideNavi li a{position:relative; display:block; height:33px; margin:0 0 0 -3px; padding-left:2px; background-position:0 0; background-repeat:no-repeat; color:#8b8b8b; text-align:center; line-height:2.8; letter-spacing:1px; z-index:1;} div.playguide #guideNavi li.tab_l a{width:128px; background-image:url(https://images.hange.jp/hangame/easy/easy_common/tab-l.gif);} div.playguide #guideNavi li.tab_c a{width:130px; background-image:url(https://images.hange.jp/hangame/easy/easy_common/tab-c.gif);} div.playguide #guideNavi li.tab_r a{width:128px; background-image:url(https://images.hange.jp/hangame/easy/easy_common/tab-r.gif);} div.playguide #guideNavi li a:hover, div.playguide #guideNavi li a.now{color:#333; font-weight:bold; text-decoration:none; letter-spacing:0; z-index:2;} div.playguide #guideNavi li.tab_l a:hover, div.playguide #guideNavi li.tab_l a.now{background-image:url(https://images.hange.jp/hangame/easy/easy_common/tab-l_on.gif);} div.playguide #guideNavi li.tab_c a:hover, div.playguide #guideNavi li.tab_c a.now{background-image:url(https://images.hange.jp/hangame/easy/easy_common/tab-c_on.gif);} div.playguide #guideNavi li.tab_r a:hover, div.playguide #guideNavi li.tab_r a.now{background-image:url(https://images.hange.jp/hangame/easy/easy_common/tab-r_on.gif);} div.playguide #guideNavi li.tab_s a.now{width:127px; background-image:url(https://images.hange.jp/hangame/easy/easy_common/tab-l_on.gif);} /* div.playguide #guideNaviは今後使用を禁止です！！！！！*/ #subNav2{width:644px; margin:0 0 -1px 3px; _margin:0 0 -2px 3px;} #subNav2 li{float:left;} #subNav2 li a{position:relative; display:block; height:33px; margin:0 0 0 -3px; padding-left:2px; background-position:0 0; background-repeat:no-repeat; color:#8b8b8b; text-align:center; line-height:2.8; letter-spacing:1px; z-index:1;} #subNav2 li.tab_l a{width:128px; background-image:url(https://images.hange.jp/hangame/easy/easy_common/tab-l.gif);} #subNav2 li.tab_c a{width:130px; background-image:url(https://images.hange.jp/hangame/easy/easy_common/tab-c.gif);} #subNav2 li.tab_r a{width:128px; background-image:url(https://images.hange.jp/hangame/easy/easy_common/tab-r.gif);} #subNav2 li a:hover, #subNav2 li a.now{color:#333; font-weight:bold; text-decoration:none; letter-spacing:0; z-index:2;} #subNav2 li.tab_l a:hover, #subNav2 li.tab_l a.now{background-image:url(https://images.hange.jp/hangame/easy/easy_common/tab-l_on.gif);} #subNav2 li.tab_c a:hover, #subNav2 li.tab_c a.now{background-image:url(https://images.hange.jp/hangame/easy/easy_common/tab-c_on.gif);} #subNav2 li.tab_r a:hover, #subNav2 li.tab_r a.now{background-image:url(https://images.hange.jp/hangame/easy/easy_common/tab-r_on.gif);} ul#guideNavi li.tab_s a.now{width:127px; background-image:url(https://images.hange.jp/hangame/easy/easy_common/tab-l_on.gif);} /** * [ Modules::Navigation ] #nextPage * // div.section_holder下（枠線下）の「次へ」ボタン **/ div.playguide p#nextPage{text-align:right;} /** * [ Modules::List ] orderd list * // ol > li.no(\d)には、$1に応じた数字が背景画像として使われます。 **/ div.playguide ol li{margin-bottom:5px !importanmt; padding:2px 0 0 18px; background-position:0 4px; background-repeat:no-repeat; zoom:1;} div.playguide ol li.no1{background-image:url(https://images.hange.jp/hangame/easy/easy_common/ico_no01.gif);} div.playguide ol li.no2{background-image:url(https://images.hange.jp/hangame/easy/easy_common/ico_no02.gif);} div.playguide ol li.no3{background-image:url(https://images.hange.jp/hangame/easy/easy_common/ico_no03.gif);} div.playguide ol li.no4{background-image:url(https://images.hange.jp/hangame/easy/easy_common/ico_no04.gif);} div.playguide ol li.no5{background-image:url(https://images.hange.jp/hangame/easy/easy_common/ico_no05.gif);} div.playguide ol li.no6{background-image:url(https://images.hange.jp/hangame/easy/easy_common/ico_no06.gif);} div.playguide ol li.no7{background-image:url(https://images.hange.jp/hangame/easy/easy_common/ico_no07.gif);} div.playguide ol li.no8{background-image:url(https://images.hange.jp/hangame/easy/easy_common/ico_no08.gif);} div.playguide ol li.no9{background-image:url(https://images.hange.jp/hangame/easy/easy_common/ico_no09.gif);} div.playguide ol li.no10{background-image:url(https://images.hange.jp/hangame/easy/easy_common/ico_no10.gif);} div.playguide ol li.no11{background-image:url(https://images.hange.jp/hangame/easy/easy_common/ico_no11.gif);} div.playguide ol li.no12{background-image:url(https://images.hange.jp/hangame/easy/easy_common/ico_no12.gif);} div.playguide ol li.no13{background-image:url(https://images.hange.jp/hangame/easy/easy_common/ico_no13.gif);} div.playguide ol li.no14{background-image:url(https://images.hange.jp/hangame/easy/easy_common/ico_no14.gif);} div.playguide ol li.no15{background-image:url(https://images.hange.jp/hangame/easy/easy_common/ico_no15.gif);} div.playguide ol li.no16{background-image:url(https://images.hange.jp/hangame/easy/easy_common/ico_no16.gif);} div.playguide ol li.no17{background-image:url(https://images.hange.jp/hangame/easy/easy_common/ico_no17.gif);} div.playguide ol li.no18{background-image:url(https://images.hange.jp/hangame/easy/easy_common/ico_no18.gif);} div.playguide ol li.no19{background-image:url(https://images.hange.jp/hangame/easy/easy_common/ico_no19.gif);} div.playguide ol li.no20{background-image:url(https://images.hange.jp/hangame/easy/easy_common/ico_no20.gif);} div.playguide ol li.no21{background-image:url(https://images.hange.jp/hangame/easy/easy_common/ico_no21.gif);} div.playguide ol li.no22{background-image:url(https://images.hange.jp/hangame/easy/easy_common/ico_no22.gif);} div.playguide ol li.no23{background-image:url(https://images.hange.jp/hangame/easy/easy_common/ico_no23.gif);} div.playguide ol li.no24{background-image:url(https://images.hange.jp/hangame/easy/easy_common/ico_no24.gif);} div.playguide ol li.no25{background-image:url(https://images.hange.jp/hangame/easy/easy_common/ico_no25.gif);} div.playguide ol li h4{margin-bottom:10px;} /** * [ Modules::List ] tutorial * // チュートリアル用 **/ div.playguide ul.tutorial{clear:both; margin-bottom:-15px;} div.playguide ul.tutorial li,div.playguide ul.tutorial li ul.tutorial li{margin-bottom:30px;} div.playguide ul.tutorial li li{margin-bottom:auto;} div.playguide .exp_aside ul.tutorial{margin-bottom:-30px;} /** * [ Modules::List ] ss_scrap (Extention) * // 不ぞろいな画像サイズに対応するリスト * // 過去タイトルのサイズ不ぞろいSS集に対応 **/ div.playguide ul.ss_scrap li{margin-bottom:10px;} div.playguide ul.ss_scrap li .screenshot{text-align:right;} /** * [ Modules::List ] ss_scrap (Extention) * // 不ぞろいな画像サイズに対応するリスト * // 過去タイトルのサイズ不ぞろいSS集に対応 **/ div.playguide .articles{margin-bottom:15px; margin-left:20px;} div.playguide ul.articles li{margin-bottom:3px !important; padding-left:8px; background:url(https://images.hange.jp/hangame/easy/easy_common/bul_dot.gif) 0 7px no-repeat;} div.playguide ol.articles li{margin-bottom:3px !important;} /** * [ Modules::List ] wordlist * // 単語説明 **/ div.playguide .wordlist dt{padding-left:12px; background:url(https://images.hange.jp/hangame/easy/easy_common/bul_dot.gif) 0 7px no-repeat; font-weight:bold;} div.playguide .wordlist dd{margin-bottom:20px; margin-left:2.0em;} /** * [ Modules::OneSegment ] PoinBpx * // 不ぞろいな画像サイズに対応するリスト * // 過去タイトルのサイズ不ぞろいSS集に対応 **/ div.playguide h3{color:#333; margin-bottom:12px;} div.playguide h3.ctsTitle{width:592px; height:30px; margin:0 auto 12px; padding:0; background:url(https://images.hange.jp/hangame/easy/easy_common/bg_cts_title.gif) 0 0 no-repeat; overflow:hidden; font-weight:normal; text-indent:16px; line-height:26px;} div.playguide .pointBox{position:relative; width:592px; margin:0 auto; padding-top:5px; background:url(https://images.hange.jp/hangame/easy/easy_common/bg_point_top.gif) no-repeat left top; color:#989898;} div.playguide .pointBox .pointCts{width:592px; padding-bottom:5px; background:url(https://images.hange.jp/hangame/easy/easy_common/bg_point_btm.gif) no-repeat left bottom;} div.playguide .pointBox .point{background-color:#f9f9f9; border-right:1px #f1f1f1 solid; border-left:1px #f1f1f1 solid;} div.playguide .pointBox .explain{min-height:83px; height:83px; padding:25px 0 25px 35px;} div.playguide .pointBox img{position:absolute; top:18px; right:40px;} /** * [ Modules::OneSegment ] exp_aside,exp_branch * // セクション中の補足説明 **/ div.playguide .exp_aside{clear:both; padding-top:25px; margin-right:-10px; margin-left:-10px; zoom:1; position:relative;} div.playguide .exp_aside .exp_aside_inner{padding:10px; background:#f6f6f6;} div.playguide .exp_branch{margin-top:20px; padding:10px; background:#f6f6f6;} div.playguide .inExp{padding-top:25px;} /** * [ Modules::Table ] minFigure,playerClass * // セクション中の補足説明 **/ div.playguide .default, div.playguide .default th, div.playguide .default td{border:1px solid #e0e0e0; border-collapse:collapse;} div.playguide .default{width:100%; margin-bottom:15px;} div.playguide .default caption{text-align:left; padding-bottom:5px; padding-left:5px; font-weight:bold;} div.playguide .default th{background:#efefef;} div.playguide .default tbody th{width:20%;} div.playguide .default tbody td{padding:0 10px; width:40%;} div.playguide .minFigure, div.playguide .minFigure th, div.playguide .minFigure td{border:0 none;} div.playguide .minFigure{clear:both; margin-top:15px; margin-bottom:15px;} div.playguide .minFigure th, div.playguide .minFigure td{vertical-align:top; padding-bottom:5px;} div.playguide .minFigure th{width:1%; padding-right:10px; white-space:nowrap; text-align:left;} div.playguide .minFigure th img{vertical-align:top; margin-right:5px;} div.playguide .screenshot .minFigure{margin-top:0;} div.playguide .playerClass, div.playguide .playerClass th, div.playguide .playerClass td{border:0 none;} div.playguide .playerClass{width:100%; font-size:16px;} div.playguide .playerClass th, div.playguide .playerClass td{vertical-align:top;} div.playguide .playerClass th{width:1%; text-align:left; padding-right:10px; padding-left:20px; white-space:nowrap;} /*=========================================================== Float Clearing / hasLayout Switching ===========================================================*/ div.playguide .section_holder .section, div.playguide ul#guideNavi, div.playguide ul.tutorial li, div.playguide ul.ss_scrap li, div.playguide .articles li, div.playguide ol li{zoom:1;} div.playguide .wordlist dt{position:relative;} div.playguide .section_holder:after, div.playguide .section_holder .section:after, div.playguide ul#guideNavi:after, div.playguide ul.tutorial li:after, div.playguide ul.ss_scrap li:after, div.playguide ol li:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} /*=========================================================== TopPage Adjust ===========================================================*/ #easyCommunity h2{position: relative; line-height: 1.2;} #easyCommunity h2 span.lead{position: absolute; top: 15px; left: 5px; font-size: 11px; font-weight: normal;} #easyCommunity #easyBlog, #easyCommunity #gameCircle{height: 161px;} #easyCommunity .maintenanceNotice{margin: 27px 10px 0;} #easyCommunity #easyBlog .move, #easyCommunity #gameCircle .move{position: absolute; bottom: 0;} #easyCommunity .move{margin: 8px 0 0 10px;} #easyCommunity ul.move li{display: inline; margin-right: 10px;} #presentation #gameImg a{right:15px; height:33px; width:158px; top:131px;}