@charset "euc-jp"; /* ------------------------------------------------------------------------------------------ Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.2 ------------------------------------------------------------------------------------------ */ /* reset css */ html{color:#000;background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym {border:0;font-variant:normal;} sup {vertical-align:text-top;} sub {vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} input,textarea,select{*font-size:100%;} legend{color:#000;} /* fonts css */ body{font:arial,helvetica,clean,sans-serif;} table{font-size:inherit;font:100%;} pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /* fontsize (px)(%) 10 77 11 85 12 93 13 100 14 108 15 116 16 123.1 17 131 */ /* ------------------------------------------------------------------------------------------ common ------------------------------------------------------------------------------------------ */ body {font-size:93%; color:#666; background:url(../img/bg_body.gif) repeat-x; font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯",Osaka,"Hiragino Kaku Gothic Pro W3","¥Ò¥é¥®¥Î³Ñ¥´ Pro W3",sans-serif; } li img { vertical-align:top; } em { font-weight:bold; } a:link,a:visited { color:#666; text-decoration:none; font-weight:normal; } a:hover,a:active { color:#066; text-decoration:underline; font-weight:normal; } strong {font-weight:bold;} p.pagetop { text-align:right; margin:30px 0 10px; font-size:85%; } p.pagetop a:link, p.pagetop a:visited { color:#666; text-decoration:none; } p.pagetop a:hover, p.pagetop a:active { color:#066; text-decoration:none; } .clearFix { clear:both; height:0.1em; font-size:0.1em; } /* ------------------------------------------------------------------------------------------ fontsize ------------------------------------------------------------------------------------------ */ body.fontL { font-size:116%; } body.fontM { } body.fontS { font-size:77%; } /* ------------------------------------------------------------------------------------------ container ------------------------------------------------------------------------------------------ */ #container { width:920px; margin:0 auto; padding:0; } /* ------------------------------------------------------------------------------------------ header ------------------------------------------------------------------------------------------ */ #header { width:920px; height:105px; margin:0 0 10px; padding:0; } #header h1 { width:342px; float:left; margin:42px 0 14px; } #header .spRgt { width:578px; float:right; } /* font-size change */ ul.fs { padding:3px 0 0 0; } ul.fs li { float:left; } ul.fs li img.fs { padding:0 0 0 451px; } ul.fs li a { display:block; width:21px; height:21px; } ul.fs li a.small { background:url(../img/fs_small.gif) 0 0 no-repeat; } ul.fs li a.medium { background:url(../img/fs_medium_on.gif) 0 0 no-repeat; } ul.fs li a.large { background:url(../img/fs_large.gif) 0 0 no-repeat; } ul.fs li a.small:hover { background:url(../img/fs_small_on.gif) 0 0 no-repeat; } ul.fs li a.medium:hover { background:url(../img/fs_medium_on.gif) 0 0 no-repeat; } ul.fs li a.large:hover { background:url(../img/fs_large_on.gif) 0 0 no-repeat; } body.fontL ul.fs li a.small { background:url(../img/fs_small.gif) 0 0 no-repeat; } body.fontL ul.fs li a.medium { background:url(../img/fs_medium.gif) 0 0 no-repeat; } body.fontL ul.fs li a.large { background:url(../img/fs_large_on.gif) 0 0 no-repeat; } body.fontL ul.fs li a.small:hover { background:url(../img/fs_small_on.gif) 0 0 no-repeat; } body.fontL ul.fs li a.medium:hover{ background:url(../img/fs_medium_on.gif) 0 0 no-repeat; } body.fontL ul.fs li a.large:hover { background:url(../img/fs_large_on.gif) 0 0 no-repeat; } body.fontM ul.fs li a.small { background:url(../img/fs_small.gif) 0 0 no-repeat; } body.fontM ul.fs li a.medium { background:url(../img/fs_medium_on.gif) 0 0 no-repeat; } body.fontM ul.fs li a.large { background:url(../img/fs_large.gif) 0 0 no-repeat; } body.fontM ul.fs li a.small:hover { background:url(../img/fs_small_on.gif) 0 0 no-repeat; } body.fontM ul.fs li a.medium:hover{ background:url(../img/fs_medium_on.gif) 0 0 no-repeat; } body.fontM ul.fs li a.large:hover { background:url(../img/fs_large_on.gif) 0 0 no-repeat; } body.fontS ul.fs li a.small { background:url(../img/fs_small_on.gif) 0 0 no-repeat; } body.fontS ul.fs li a.medium { background:url(../img/fs_medium.gif) 0 0 no-repeat; } body.fontS ul.fs li a.large { background:url(../img/fs_large.gif) 0 0 no-repeat; } body.fontS ul.fs li a.small:hover { background:url(../img/fs_small_on.gif) 0 0 no-repeat; } body.fontS ul.fs li a.medium:hover{ background:url(../img/fs_medium_on.gif) 0 0 no-repeat; } body.fontS ul.fs li a.large:hover { background:url(../img/fs_large_on.gif) 0 0 no-repeat; } /* navigation */ ul.mn { padding:47px 0 0; } ul.mn li { display:inline; } ul.mn li img { margin:0 4px; } ul.mn li.end img { margin:0 0 0 4px; } /* ------------------------------------------------------------------------------------------ bred ------------------------------------------------------------------------------------------ */ #bred { width:920px; margin:0 0 10px; } #bred a:link, #bred a:visited { color:#066; text-decoration:none; font-weight:normal; } #bred a:hover, #bred a:active { color:#066; text-decoration:underline; font-weight:normal; } /* ------------------------------------------------------------------------------------------ contents ------------------------------------------------------------------------------------------ */ #contents { width:920px; margin:0; padding:0; background:url(../img/br_line.gif) 0 100% repeat-x; } /* index+other [search] */ .srhFrm { margin:0 0 10px; background:url(../img/bg_search.gif) 0 100% no-repeat; } .srhFrm .img { padding:12px 10px 8px; background:url(../img/br_search.gif) 0 0 no-repeat; } .srhFrm .img img { margin:0 2px 0 0; vertical-align:middle; } .srhFrm .img input { line-height:1.4; vertical-align:middle; } .srhFrm .img input.txt { width:115px; margin:2px 4px; border:1px solid #CCC; padding:1px; background:#FFF; } .srhFrm .img input.btn { margin:2px 0 2px 1px; } .mgnB10 { margin:0 0 10px; } .mgnB20 { margin:0 0 20px; } .mgnB30 { margin:0 0 30px; } .mgnB50 { margin:0 0 50px; } /* index ------------------------------------------------------------------- */ /* index [common] */ .rssBtn01 { margin:0; text-align:right; } .rssBtn01 img { margin:0 0 0 10px; } .rssBtn02 { margin:0 0 10px; text-align:right; } .rssBtn02 img { margin:0 0 0 10px; } /* index [left] */ #spLfti { width:640px; float:left; padding:0; } /* index left [fromediters] */ .fedLst { margin:0 0 5px; } .fedLst .img { padding:0 0 2px; background:url(../img/br_fromediters.gif) 0 100% no-repeat; } .fedLst .txt { padding:15px 20px; background:url(../img/bg_fromediters.gif) 0 100% no-repeat; } .fedLst .txt .ing { float:left; width:130px; padding:2px 0; } .fedLst .txt .ed { float:right; width:450px; padding:2px 0 2px 20px; background:url(../img/br_separate.gif) 0 0 repeat-y; } /* index left [topics] */ .tpsLst { margin:30px 0 5px; background:url(../img/bg_topics.gif) 0 100% no-repeat; } .tpsLst .img { float:left; width:100px; padding:15px 0 0 15px; background:url(../img/br_topics.gif) 0 0 no-repeat; } .tpsLst ul { float:right; width:515px; } .tpsLst ul li { padding:6px 5px 7px 10px; background:url(../img/mrk_arrow.gif) 0 10px no-repeat; border-bottom:dotted 1px #9292A7; } .tpsLst ul li.str { padding:2px 5px 7px 10px; background:url(../img/mrk_arrow.gif) 0 6px no-repeat; } .tpsLst ul li span { color:#C00; padding:0 0 0 5px; } /* index left [booklst] */ .bokLst { width:590px; margin:40px 0 0; padding:30px 20px 20px; border:5px solid #9C3; } .bokLst a:link,.bokLst a:visited { color:#066; text-decoration:none; font-weight:normal; } .bokLst a:hover,.bokLst a:active { color:#066; text-decoration:underline; font-weight:normal; } .bkMag { float:left; width:380px; margin:0 0 30px; } .bkMag h2 { margin:0 0 10px; padding:0 0 2px; border-bottom:2px solid #CCC; } .bkMag p { width:118px; float:left; } .bkMag p img { margin:0 0 2px; border:1px solid #CCC; } .bkMag p.cnt { margin:0 13px; } .bkMag span span { color:#c00; margin-left:3px; font-size:85%;} .bkSrs { float:right; width:184px; margin:0 0 30px; } .bkSrs h2 { margin:0 0 2px; } .bkSrs .bxR { padding:0 41px 0 0; background:url(../img/bx_seriesbody.gif) 100% 0 repeat-y; } .bkSrs .bxL { padding:0 0 0 41px; background:url(../img/bx_seriesbody.gif) 0 0 repeat-y; } .bkSrs .bxT { font-size:0.1em; height:15px; margin:0 -41px; background:url(../img/bx_seriesbox.gif) 100% 0 no-repeat; } .bkSrs .bxT div { font-size:0.1em; width:41px; height:15px; background:url(../img/bx_seriesbox.gif) 0 0 no-repeat; } .bkSrs .bxB { font-size:0.1em; height:15px; margin:0 -41px; background:url(../img/bx_seriesbox.gif) 100% 100% no-repeat; } .bkSrs .bxB div { font-size:0.1em; width:41px; height:15px; background:url(../img/bx_seriesbox.gif) 0 100% no-repeat; } .bkSrs p { width:100px; } .bkSrs p img { margin:0 0 2px; border:1px solid #CCC; } .bkNew { margin:0 0 20px; } .bkNew h2 { margin:0 0 10px; padding:0 0 2px; border-bottom:2px solid #CCC; } .bkNew .btnH2 { text-align:right; margin-top:-29px; margin-bottom:14px; } .bkNew p { width:118px; float:left; margin:0 39px 0 0; } .bkNew p.end { margin:0; } .bkNew p img { margin:0 0 2px; border:1px solid #CCC; } /* index [right] */ #spRgti { width:270px; float:right; margin:0 0 30px; } /* index right [town] */ .twnLst { margin:0 0 5px; padding:9px 9px 14px; background:#F2EFE9; border:1px solid #CCC; } .twnLst .img { margin:0 0 10px; } .twnLst ul li { background:#FFF; padding:6px 7px; border-bottom:3px solid #F2EFE9; } .twnLst ul li span { color:#C00; padding:0 0 0 5px; } .twnLst .btn { margin:12px 2px 0; } /* index right [expense] */ .epsLst { background:url(../img/bg_expense.gif) 0 100% no-repeat; } .epsLst .img { margin:0 0 10px; padding:18px 20px 0; background:url(../img/br_expense.gif) 0 0 no-repeat; } .epsLst .txt { padding:0 20px; color:#331C00; } .epsLst .txt img { margin:0 0 5px; border:1px solid #CCC; } .epsLst .txt img.cnt { margin:0 19px 5px; } .epsLst .btn { padding:15px 20px 20px; } /* other ------------------------------------------------------------------- */ /* other [left] */ #spLft { width:270px; float:left; padding:0 0 30px; } /* other left [archivelist] */ .acvLst { margin:0 0 10px; padding:10px 10px 0; background:#F2EFE9; border:1px solid #CCC; } .acvLst p { margin:0 0 3px; padding:0 0 2px; border-bottom:2px solid #CCC; } .acvLst p.btn { margin:0; padding:0 0 10px; border:none; } .acvLst p.txt { margin:0 0 10px; padding:5px; background:#FFF; border:none; } .acvLst ul { margin:0 0 10px; } .acvLst ul li { background:#FFF; padding:5px; border-bottom:2px solid #F2EFE9; } .acvLst ul li ul { margin:0; } .acvLst ul li ul li { background:#FFF; padding:0 10px; border-bottom:none; } .acvLst ul li a,.acvLst ul li a:hover { font-weight:bold; } .acvLst ul li ul li a,.acvLst ul li ul li a:hover { font-weight:normal; } .acvLst p.txt a:link, .acvLst p.txt a:visited { color:#066; text-decoration:none; font-weight:normal; } .acvLst p.txt a:hover, .acvLst p.txt a:active { color:#066; text-decoration:underline; font-weight:normal; } /* other left [archivelist](guide only) */ .acvLst02 { margin:0 0 10px; padding:0; background:#F2EFE9; border:1px solid #CCC; } .acvLst02 p { margin:0 0 10px; padding:5px 9px; background:#E1D9C7; border-bottom:1px solid #CCC; } .acvLst02 ul { margin:0 9px 9px; } .acvLst02 ul li { margin:0 0 2px; padding:5px; background:#FFF; font-weight:bold; } .acvLst02 ul li span { color:#360;} .acvLst02 ul li.shop3 { padding:5px 5px 5px 30px; background:url(../img/bg_guidetitle_re.gif) 0 50% no-repeat; color:#FFF; } .acvLst02 ul li.shop4 { padding:5px 5px 5px 30px; background:url(../img/bg_guidetitle_li.gif) 0 50% no-repeat; color:#FFF; } .acvLst02 ul li.shop5 { padding:5px 5px 5px 30px; background:url(../img/bg_guidetitle_fa.gif) 0 50% no-repeat; color:#FFF; } .acvLst02 ul li.shop6 { padding:5px 5px 5px 30px; background:url(../img/bg_guidetitle_wo.gif) 0 50% no-repeat; color:#FFF; } .acvLst02 ul li.shop7 { padding:5px 5px 5px 30px; background:url(../img/bg_guidetitle_sp.gif) 0 50% no-repeat; color:#FFF; } .acvLst02 ul li.shop8 { padding:5px 5px 5px 30px; background:url(../img/bg_guidetitle_sc.gif) 0 50% no-repeat; color:#FFF; } .acvLst02 ul li.mb { padding:5px 5px 5px 30px; background:url(../img/bg_mybooktitle.gif) 0 50% no-repeat; } .acvLst02 ul li.shop3 a, .acvLst02 ul li.shop4 a, .acvLst02 ul li.shop5 a, .acvLst02 ul li.shop6 a, .acvLst02 ul li.shop7 a, .acvLst02 ul li.shop8 a { color:#FFF;} .acvLst02 ul li.me { padding:5px 5px 5px 30px; background:url(../img/bg_selftitle_me.gif) 0 50% no-repeat; } .acvLst02 ul li.ht { padding:5px 5px 5px 30px; background:url(../img/bg_selftitle_ht.gif) 0 50% no-repeat; } .acvLst02 ul li.pr { padding:5px 5px 5px 30px; background:url(../img/bg_selftitle_pr.gif) 0 50% no-repeat; } .acvLst02 ul li.mb { padding:5px 5px 5px 30px; background:url(../img/bg_selftitle_mb.gif) 0 50% no-repeat; } .acvLst02 ul li.in { padding:5px 5px 5px 30px; background:url(../img/bg_selftitle_in.gif) 0 50% no-repeat; } .acvLst02 ul li.ma { padding:5px 5px 5px 30px; background:url(../img/bg_selftitle_ma.gif) 0 50% no-repeat; } .acvLst02 ul li a { font-weight:bold; } .acvLst02 ul li.re a:link,.acvLst02 ul li.li a:link,.acvLst02 ul li.fa a:link, .acvLst02 ul li.wo a:link,.acvLst02 ul li.sp a:link,.acvLst02 ul li.sc a:link, .acvLst02 ul li.re a:visited,.acvLst02 ul li.li a:visited,.acvLst02 ul li.fa a:visited, .acvLst02 ul li.wo a:visited,.acvLst02 ul li.sp a:visited,.acvLst02 ul li.sc a:visited { color:#FFF; text-decoration:none; font-weight:bold; } .acvLst02 ul li.re a:hover,.acvLst02 ul li.li a:hover,.acvLst02 ul li.fa a:hover, .acvLst02 ul li.wo a:hover,.acvLst02 ul li.sp a:hover,.acvLst02 ul li.sc a:hover, .acvLst02 ul li.re a:active,.acvLst02 ul li.li a:active,.acvLst02 ul li.fa a:active, .acvLst02 ul li.wo a:active,.acvLst02 ul li.sp a:active,.acvLst02 ul li.sc a:active { color:#FFF; text-decoration:underline; font-weight:bold; } .acvLst02 p.img { margin:0 9px 2px; padding:0; background:none; border:none; } /* other left [info] */ ul.infLst li { padding:0 0 5px 10px; background:url(../img/mrk_arrow.gif) 0 4px no-repeat; } /* other [right] */ #spRgt { width:640px; float:right; margin:0; } /* other right [common] */ .bkCls01 { margin:0 0 10px; } .bkCls02 { margin:0 0 25px; } .itmTtl01 { padding:5px 26px; font-weight:bold; color:#3E3718; font-size:116%; background:url(../img/bg_itemtitle.gif) 0 50% no-repeat; } .itmTtl02 { padding:7px 8px 1px; background:#E1D9C7; } .lstAra { border-top:5px solid #E1D9C7; } .navPg { margin:5px 0; } .navPg a:link,.navPg a:visited { color:#066; text-decoration:none; } .navPg a:hover,.navPg a:active { color:#066; text-decoration:underline; } .navPg .pgPrv { float:left; width:120px; } .navPg .spRgt { float:right; width:520px; } .navPg .pgTxt { float:left; width:400px; text-align:center; } .navPg .pgNxt { float:right; width:120px; text-align:right; } .navPg02 { width:640px; } .navPg02 p.ing { width:320px; float:left; } .navPg02 p.ed { width:320px; float:right; text-align:right; } /* other right [history] */ .hstAra { margin:0 0 20px; } /* other right [fantasy] */ .ftyAra { margin:0 0 20px; } .ftyAra .bg { margin:0 0 10px; padding:15px 20px; background:url(../img/bg_fantasy.jpg) 0 0 no-repeat; } .ftyAra .img { float:left; width:360px; } .ftyAra .img img { margin:0 0 2px; } .ftyAra .txt { float:right; width:270px; } .ftyAra .txt img { display:block; margin:0 0 15px; } body.fontL .ftyAra .bg { margin:0 0 10px; padding:0 20px; background:url(../img/bg_fantasy.jpg) 0 0 no-repeat; } /* other right [guide] */ .gdeAra p img { margin:0 0 20px; } /* other right [town] */ .twnAra { margin:0 0 30px; } /* other right town [flower] */ .flrLst { margin:0 0 60px; padding:0 0 10px; background:url(../img/bg_townflower.gif) 0 100% no-repeat; } .flrLst ul li {list-style:disc inside; margin:3px 10px;} .flrLst p.img { margin:0 0 15px; padding:19px 0 13px 15px; background:url(../img/br_townflower.gif) 0 0 no-repeat; } .flrLst p.img img { padding:0 10px 0 0; } .flrLst p.MsoNormal { padding:0 15px 10px; line-height:1.4; } .flrLst .txt { margin:10px 20px; } .flrLst .sp { padding:0 0 10px 15px; } .flrLst .sp div { width:188px; float:left; text-align:center; } .flrLst .sp div p { width:195px; margin:0 auto; font-size:85%; } .flrLst .sp div.cnt { width:230px; } .flrLst .sp div.cnt p { width:195px; margin:0 auto; font-size:85%; } .flrLst .sp div img { margin:0 0 2px; border:4px solid #ddd;} .flrLst .sp div a:hover img {border:4px solid #cd0;} /* other right town [list] + topics [list] */ .evtLst { width:640px; margin:0 0 30px; } .evtLst ul li {list-style:disc inside; margin:3px 10px;} .evtLst h2 { margin:0 0 15px; padding:0 0 5px; background:url(../img/br_line.gif) 0 100% repeat-x; font-size:138.5%; font-weight:bold; color:#000; } .evtLst h2 a:link, .evtLst h2 a:visited, .evtLst h2 a:active {text-decoration:none; font-weight:bold; color:#000;} .evtLst h2 a:hover {text-decoration:none; font-weight:bold; color:#066;} .evtLst h2 span { color:#C00; font-size:85%;} .evtLst .spLft { width:250px; float:left; } .evtLst .spLft p { margin:0 0 10px; } .evtLst .spRgt { width:375px; float:right; } .evtLst p { margin:0 0 15px; line-height:1.4; } .evtLst p.txt {} .evtLst p.img { margin:0 0 15px; } .evtLst p.img img { margin:0 0 2px; } .evtLst ul.ccl li { padding:0 0 0 12px; background:url(../img/mrk_circle.gif) 0 50% no-repeat; } .evtLst ul.sqr { margin:0 0 20px; } .evtLst ul.sqr li { padding:0 0 0 12px; background:url(../img/mrk_square.gif) 0 3px no-repeat; } .evtLst .bxR { padding:0 15px 0 0; background:url(../img/bx_listbody.gif) 100% 0 repeat-y; margin-top:20px; } .evtLst .bxL { padding:0 0 0 15px; background:url(../img/bx_listbody.gif) 0 0 repeat-y; } .evtLst .bxT { font-size:0.1em; height:15px; margin:0 -15px; background:url(../img/bx_listbox.gif) 100% 0 no-repeat; } .evtLst .bxT div { font-size:0.1em; width:15px; height:15px; background:url(../img/bx_listbox.gif) 0 0 no-repeat; } .evtLst .bxB { font-size:0.1em; height:15px; margin:0 -15px; background:url(../img/bx_listbox.gif) 100% 100% no-repeat; } .evtLst .bxB div { font-size:0.1em; width:15px; height:15px; background:url(../img/bx_listbox.gif) 0 100% no-repeat; } .evtLst p.btn { margin:10px 0; } .evtLst ul.pdf li { padding:0 0 0 18px; background:url(../img/mrk_pdf.gif) 0 50% no-repeat; } .evtLst a:link,.evtLst a:visited { color:#066; text-decoration:underline; } .evtLst a:hover,.evtLst a:active { color:#066; text-decoration:none; } .evtLst ul.pdf li a { font-weight:bold; } /* other right [self] */ .slfAra { width:640px; margin:0 0 30px; } .slfMe { float:left; width:205px; background:url(../img/bg_selfme.gif) 0 100% no-repeat; } .slfHt { float:left; width:205px; background:url(../img/bg_selfht.gif) 0 100% no-repeat; margin:0 12px 0 13px; } .slfPr { float:left; width:205px; background:url(../img/bg_selfpr.gif) 0 100% no-repeat; } .slfAra p.txt { margin:10px 13px 15px; } .slfAra p.btn { margin:0 13px 20px; text-align:right; } /* other right [self] */ .slfLst { margin:0; padding:0 0 15px; background:url(../img/bg_selfmb.gif) 0 100% no-repeat; } .slfLst p.img { margin:0 0 10px; padding:6px 0 4px; background:url(../img/br_selfmb.gif) 0 0 no-repeat; } .slfLst p.img img { padding:0 0 0 15px; } .slfLst p.txt { padding:0 15px 10px; } .slfLst .sp { width:600px; margin:0 15px; padding:10px 5px; background:#FFF; } .slfLst .sp p { width:185px; float:left; padding:0 7px; line-height:1.4; } .slfLst .sp p img { margin:0 0 5px; border:1px solid #CCC; } .slfLst .sp p img.btn { margin:10px 0 5px; border:none; } .slfLst .sp p span { display:block; margin:7px 0; } .slfLst a:link,.slfLst a:visited { color:#066; text-decoration:none; font-weight:bold; } .slfLst a:hover,.slfLst a:active { color:#066; text-decoration:underline; font-weight:bold; } /* other right self [flow] */ .flwLst { padding:0 0 52px; background:url(../img/bg_flow.gif) 0 100% no-repeat; } .flwLst h2 { margin:0 0 15px; padding:0 0 10px; background:url(../img/br_flowline.gif) 0 100% repeat-x; font-weight:bold; } .bgnone { background:none; } .imgCnt { text-align:center; } .flwLst .bxkR { margin:15px 0 0; padding:0 15px 0 0; background:url(../img/bx_flowkbody.gif) 100% 0 repeat-y; } .flwLst .bxkL { color:#51724E; margin:15px 0 0; padding:0 0 0 15px; background:url(../img/bx_flowkbody.gif) 0 0 repeat-y; } .flwLst .bxkT { font-size:0.1em; height:15px; margin:0 -15px; background:url(../img/bx_flowkbox.gif) 100% 0 no-repeat; } .flwLst .bxkT div { font-size:0.1em; width:15px; height:15px; background:url(../img/bx_flowkbox.gif) 0 0 no-repeat; } .flwLst .bxkB { font-size:0.1em; height:15px; margin:0 -15px; background:url(../img/bx_flowkbox.gif) 100% 100% no-repeat; } .flwLst .bxkB div { font-size:0.1em; width:15px; height:15px; background:url(../img/bx_flowkbox.gif) 0 100% no-repeat; } .flwLst .bxkL h2 { color:#51724E; font-size:116%; } .flwLst .bxkL p { margin:0 0 0 5px; line-height:1.4; } .flwLst .bxkL ul li { color:#51724E; padding:0 0 5px 15px; background:url(../img/mrk_flowk.gif) 0 2px no-repeat; } .flwLst .bxoR { margin:15px 0 0; padding:0 15px 0 0; background:url(../img/bx_flowobody.gif) 100% 0 repeat-y; } .flwLst .bxoL { margin:15px 0 0; padding:0 0 0 15px; background:url(../img/bx_flowobody.gif) 0 0 repeat-y; } .flwLst .bxoT { font-size:0.1em; height:15px; margin:0 -15px; background:url(../img/bx_flowobox.gif) 100% 0 no-repeat; } .flwLst .bxoT div { font-size:0.1em; width:15px; height:15px; background:url(../img/bx_flowobox.gif) 0 0 no-repeat; } .flwLst .bxoB { font-size:0.1em; height:15px; margin:0 -15px; background:url(../img/bx_flowobox.gif) 100% 100% no-repeat; } .flwLst .bxoB div { font-size:0.1em; width:15px; height:15px; background:url(../img/bx_flowobox.gif) 0 100% no-repeat; } .flwLst .bxoL h2 { color:#72654E; font-size:116%; } .flwLst .bxoL ul li { color:#72654E; padding:0 0 5px 15px; background:url(../img/mrk_flowo.gif) 0 2px no-repeat; } /* other right [price] */ .prcLst { margin:0 0 50px; } .prcLst h2 { font-size:138.5%; font-weight:bold; margin:0 0 10px; padding:0 0 5px; background:url(../img/br_line.gif) 0 100% repeat-x; } .prcLst p.txt { margin:20px 0 0; font-size:116%; font-weight:bold; } .prcLst p.txtRgt { text-align:right; } .prcLst table { width:640px; margin:2px 0; border-collapse:collapse; border-width:1px 0 0 1px; border-style:solid; border-color:#999; } .prcLst table th { text-align:center; font-weight:normal; background:#F2EFE9; padding:5px; border-width:0 1px 1px 0; border-style:solid; border-color:#999; } .prcLst table td { text-align:center; background:#EAF2E9; padding:5px; border-width:0 1px 1px 0; border-style:solid; border-color:#999; } .prcLst table th span { font-weight:bold; } /* other right [company] */ .cmpLst .bxR { margin:25px 0 0; padding:0 25px 0 0; background:url(../img/bx_flowobody.gif) 100% 0 repeat-y; } .cmpLst .bxL { margin:25px 0 0; padding:0 0 0 25px; background:url(../img/bx_flowobody.gif) 0 0 repeat-y; } .cmpLst .bxT { font-size:0.1em; height:25px; margin:0 -25px; background:url(../img/bx_flowobox.gif) 100% 0 no-repeat; } .cmpLst .bxT div { font-size:0.1em; width:25px; height:25px; background:url(../img/bx_flowobox.gif) 0 0 no-repeat; } .cmpLst .bxB { font-size:0.1em; height:25px; margin:0 -25px; background:url(../img/bx_flowobox.gif) 100% 100% no-repeat; } .cmpLst .bxB div { font-size:0.1em; width:25px; height:25px; background:url(../img/bx_flowobox.gif) 0 100% no-repeat; } .cmpLst table { width:640px; margin:20px 0 2px; border-collapse:collapse; border-width:1px 0 0 1px; border-style:solid; border-color:#999; } .cmpLst table th { color:#000; white-space:nowrap; vertical-align:top; font-weight:normal; background:#F2EFE9; padding:5px; border-width:0 1px 1px 0; border-style:solid; border-color:#999; } .cmpLst table td { color:#000; background:#EAF2E9; padding:5px; border-width:0 1px 1px 0; border-style:solid; border-color:#999; } .cmpLst h2 { color:#3E3718; font-size:138.5%; font-weight:bold; margin:0 0 10px; padding:0 0 5px; background:url(../img/br_line.gif) 0 100% repeat-x; } .cmpLst p.map { border:1px solid #CCC; padding:10px 11px; } .cmpLst p.ing { float:left; width:200px; text-align:center; } .cmpLst p.ing img { margin:0 0 10px; } .cmpLst p.ed { float:right; width:425px; } .cmpLst p.ed img { display:block; margin:5px 0 10px; } .cmpLst p.ed span { display:block; margin:0 0 5px; font-weight:bold; color:#333;} /* other right [inquiry] */ .inqFrm h2 { font-size:138.5%; font-weight:bold; margin:0 0 10px; padding:0 0 5px; background:url(../img/br_line.gif) 0 100% repeat-x; } .inqFrm table { width:640px; margin:10px 0 30px; border-collapse:collapse; border-width:1px 0 0 1px; border-style:solid; border-color:#999; } .inqFrm table th { white-space:nowrap; color:#000; vertical-align:top; font-weight:normal; background:#F2EFE9; padding:5px; border-width:0 1px 1px 0; border-style:solid; border-color:#999; } .inqFrm table td { color:#000; background:#EAF2E9; padding:5px; border-width:0 1px 1px 0; border-style:solid; border-color:#999; } .inqFrm label { margin:2px 3px 2px 0; } .inqFrm label.sp { margin:2px 15px 2px 0; } .inqFrm textarea { width:460px; } .inqFrm input.sp { margin:0 0 3px 0; } /* other right self [merit] */ .mrtLst h2 { margin:0 0 10px; padding:0 0 5px; background:url(../img/br_flowline.gif) 0 100% repeat-x; font-weight:bold; } .mrtLst p.ing { float:left; width:490px; line-height:1.4; } .mrtLst p.ed { float:right; width:133px; } .mrtLst p.txt { margin:20px 20px 30px; line-height:1.4; } .mrtLst .bxoR { margin:15px 0 0; padding:0 15px 0 0; background:url(../img/bx_flowobody.gif) 100% 0 repeat-y; } .mrtLst .bxoL { margin:15px 0 0; padding:0 0 0 15px; background:url(../img/bx_flowobody.gif) 0 0 repeat-y; } .mrtLst .bxoT { font-size:0.1em; height:15px; margin:0 -15px; background:url(../img/bx_flowobox.gif) 100% 0 no-repeat; } .mrtLst .bxoT div { font-size:0.1em; width:15px; height:15px; background:url(../img/bx_flowobox.gif) 0 0 no-repeat; } .mrtLst .bxoB { font-size:0.1em; height:15px; margin:0 -15px; background:url(../img/bx_flowobox.gif) 100% 100% no-repeat; } .mrtLst .bxoB div { font-size:0.1em; width:15px; height:15px; background:url(../img/bx_flowobox.gif) 0 100% no-repeat; } .mrtLst .bxoL h2 { color:#72654E; font-size:116%; } .mrtLst .bxoL ul li { color:#72654E; padding:0 0 0 15px; background:url(../img/mrk_flowo.gif) 0 2px no-repeat; } .mrtLst .bxoL p { color:#72654E; margin:0 0 0 5px; line-height:1.4; } /* other right [recitation] */ .rcnLst h2 { margin:0 0 10px; padding:0 0 5px; background:url(../img/br_flowline.gif) 0 100% repeat-x; font-weight:bold; } .rcnLst p img { margin:0 0 2px; } .rcnLst .spLft { float:left; width:375px; margin:20px 0 0; } .rcnLst .spLft p { margin:0 0 15px; } .rcnLst .spLft p span { font-weight:bold; font-size:116%; } .rcnLst .spRgt { float:right; width:250px; margin:20px 0 0; } .rcnLst .spRgt p { margin:0 0 5px; } .rcnLst .spRgt p span { display:block; } .rcnLst .bxoR { margin:15px 0 0; padding:0 15px 0 0; background:url(../img/bx_flowobody.gif) 100% 0 repeat-y; } .rcnLst .bxoL { margin:15px 0 0; padding:0 0 0 15px; background:url(../img/bx_flowobody.gif) 0 0 repeat-y; } .rcnLst .bxoT { font-size:0.1em; height:15px; margin:0 -15px; background:url(../img/bx_flowobox.gif) 100% 0 no-repeat; } .rcnLst .bxoT div { font-size:0.1em; width:15px; height:15px; background:url(../img/bx_flowobox.gif) 0 0 no-repeat; } .rcnLst .bxoB { font-size:0.1em; height:15px; margin:0 -15px; background:url(../img/bx_flowobox.gif) 100% 100% no-repeat; } .rcnLst .bxoB div { font-size:0.1em; width:15px; height:15px; background:url(../img/bx_flowobox.gif) 0 100% no-repeat; } .rcnLst .bxoL h2 { color:#72654E; font-size:116%; } .rcnLst .bxoL ul li { color:#72654E; padding:0 0 0 15px; background:url(../img/mrk_flowo.gif) 0 2px no-repeat; } .rcnLst .bxoL p { color:#72654E; margin:0 0 0 5px; } .rcnLst p.ing { float:left; width:300px; margin:20px 0 0; } .rcnLst p.ed { float:right; width:300px; margin:20px 0 0; } .rcnLst p.ed02 { float:right; width:300px; margin:20px 0 0; } .rcnLst p.ed02 img { float:left; width:117px; } .rcnLst p.ed02 span { float:right; width:178px; } .rcnLst a:link,.rcnLst a:visited { color:#066; text-decoration:none; } .rcnLst a:hover,.rcnLst a:active { color:#066; text-decoration:underline; } /* other right [sitemap] */ .smpLst { width:640px; } .smpLst h2 { width:640px; margin:30px 0 0; border-bottom:1px solid #ccc;} .smpLst h2.str { margin:50px 0 0; } .smpLst h2.cnt { background:none; } .smpLst .bxoR { margin:5px 0 0; padding:0 15px 0 0; background:url(../img/bx_flowkbody.gif) 100% 0 repeat-y; } .smpLst .bxoL { margin:5px 0 0; padding:0 0 0 15px; background:url(../img/bx_flowkbody.gif) 0 0 repeat-y; } .smpLst .bxoT { font-size:0.1em; height:10px; margin:0 -15px; background:url(../img/bx_flowkbox.gif) 100% 0 no-repeat; } .smpLst .bxoT div { font-size:0.1em; width:15px; height:10px; background:url(../img/bx_flowkbox.gif) 0 0 no-repeat; } .smpLst .bxoB { font-size:0.1em; height:10px; margin:0 -15px; background:url(../img/bx_flowkbox.gif) 100% 100% no-repeat; } .smpLst .bxoB div { font-size:0.1em; width:15px; height:10px; background:url(../img/bx_flowkbox.gif) 0 100% no-repeat; } .smpLst h3 { float:left; width:130px; font-weight:bold; margin:10px 0 0 80px;} .smpLst ul.spRgt { margin-top:10px; float:right; width:400px; } .smpLst ul li { padding:0 0 0 15px; background:url(../img/mrk_flowk.gif) 0 2px no-repeat; } .smpLst h2 a:link,.smpLst h2 a:visited { color:#066; text-decoration:none; font-weight:bold; } .smpLst h2 a:hover,.smpLst h2 a:active { color:#066; text-decoration:underline; font-weight:bold; } .smpLst ul li a:link,.smpLst ul li a:visited { color:#066; text-decoration:none; } .smpLst ul li a:hover,.smpLst ul li a:active { color:#066; text-decoration:underline; } /* other right [privacy] */ .pvyLst h2 { margin:50px 0 10px; padding:0 0 5px; font-size:116%; background:url(../img/br_flowline.gif) 0 100% repeat-x; font-weight:bold; } .pvyLst ul { } .pvyLst ul li { padding:20px 0 0; } .pvyLst ul li span { font-weight:bold; } .pvyLst ul li .bdr { margin:2px 0 0; border:1px solid #CCC; padding:5px; } .pvyLst a:link,.pvyLst a:visited { color:#066; text-decoration:none; font-weight:bold; } .pvyLst a:hover,.pvyLst a:active { color:#066; text-decoration:underline; font-weight:bold; } /* other right [staff] */ .stfLst h2 { margin:50px 0 0; padding:0 0 5px; font-size:116%; background:url(../img/br_flowline.gif) 0 100% repeat-x; font-weight:bold; } .stfLst .bxoR { margin:15px 0 0; padding:0 15px 0 0; background:url(../img/bx_flowobody.gif) 100% 0 repeat-y; } .stfLst .bxoL { margin:15px 0 0; padding:0 0 0 15px; background:url(../img/bx_flowobody.gif) 0 0 repeat-y; } .stfLst .bxoT { font-size:0.1em; height:15px; margin:0 -15px; background:url(../img/bx_flowobox.gif) 100% 0 no-repeat; } .stfLst .bxoT div { font-size:0.1em; width:15px; height:15px; background:url(../img/bx_flowobox.gif) 0 0 no-repeat; } .stfLst .bxoB { font-size:0.1em; height:15px; margin:0 -15px; background:url(../img/bx_flowobox.gif) 100% 100% no-repeat; } .stfLst .bxoB div { font-size:0.1em; width:15px; height:15px; background:url(../img/bx_flowobox.gif) 0 100% no-repeat; } .stfLst .bxoL ul li { color:#72654E; padding:0 0 0 15px; background:url(../img/mrk_flowo.gif) 0 2px no-repeat; } .stfLst .bxkR { margin:15px 0 0; padding:0 15px 0 0; background:url(../img/bx_flowkbody.gif) 100% 0 repeat-y; } .stfLst .bxkL { color:#51724E; margin:15px 0 0; padding:0 0 0 15px; background:url(../img/bx_flowkbody.gif) 0 0 repeat-y; } .stfLst .bxkT { font-size:0.1em; height:15px; margin:0 -15px; background:url(../img/bx_flowkbox.gif) 100% 0 no-repeat; } .stfLst .bxkT div { font-size:0.1em; width:15px; height:15px; background:url(../img/bx_flowkbox.gif) 0 0 no-repeat; } .stfLst .bxkB { font-size:0.1em; height:15px; margin:0 -15px; background:url(../img/bx_flowkbox.gif) 100% 100% no-repeat; } .stfLst .bxkB div { font-size:0.1em; width:15px; height:15px; background:url(../img/bx_flowkbox.gif) 0 100% no-repeat; } .stfLst .bxkL p { color:#51724E; } .stfLst p.txt { margin:20px 0 0; } /* other right [shoppingguide] */ .spgLst {} .spgLst ul.lnk li { padding:0 0 5px; } .spgLst ul.lnk li ul { margin:0 0 0 15px; } .spgLst ul.lnk li ul li { padding:5px 0 0; } .spgLst h2 { margin:50px 0 10px; padding:0 0 5px; font-size:116%; background:url(../img/br_flowline.gif) 0 100% repeat-x; font-weight:bold; } .spgLst .bxoR { margin:5px 0; padding:0 15px 0 0; background:url(../img/bx_flowobody.gif) 100% 0 repeat-y; } .spgLst .bxoL { margin:5px 0; padding:0 0 0 15px; background:url(../img/bx_flowobody.gif) 0 0 repeat-y; } .spgLst .bxoT { font-size:0.1em; height:15px; margin:0 -15px; background:url(../img/bx_flowobox.gif) 100% 0 no-repeat; } .spgLst .bxoT div { font-size:0.1em; width:15px; height:15px; background:url(../img/bx_flowobox.gif) 0 0 no-repeat; } .spgLst .bxoB { font-size:0.1em; height:15px; margin:0 -15px; background:url(../img/bx_flowobox.gif) 100% 100% no-repeat; } .spgLst .bxoB div { font-size:0.1em; width:15px; height:15px; background:url(../img/bx_flowobox.gif) 0 100% no-repeat; } .spgLst .bxoL ul li { color:#72654E; padding:0 0 0 15px; background:url(../img/mrk_flowo.gif) 0 2px no-repeat; } .spgLst .bxoL p { color:#72654E; } .spgLst .bxoL p span { display:block; font-weight:bold; padding:10px 0 0; text-align:center; } .spgLst .bxoL h3 { margin:0 0 10px; padding:0 0 5px; color:#72654E; background:url(../img/br_flowline.gif) 0 100% repeat-x; font-weight:normal; } .spgLst table { width:640px; margin:5px 0; border-collapse:collapse; border-width:1px 0 0 1px; border-style:solid; border-color:#999; } .spgLst table th { text-align:center; background:#F2EFE9; padding:5px; border-width:0 1px 1px 0; border-style:solid; border-color:#999; } .spgLst table td { text-align:center; background:#EAF2E9; padding:5px; border-width:0 1px 1px 0; border-style:solid; border-color:#999; } .spgLst a:link,.spgLst a:visited { color:#066; text-decoration:none; font-weight:bold; } .spgLst a:hover,.spgLst a:active { color:#066; text-decoration:underline; font-weight:bold; } .spgLst .bxoL table { width:610px; margin:5px 0 0; border-collapse:collapse; border-width:1px 0 0 1px; border-style:solid; border-color:#999; } .spgLst .bxoL table th { white-space:nowrap; text-align:left; vertical-align:top; padding:5px; border-width:0 1px 1px 0; border-style:solid; border-color:#999; } .spgLst .bxoL table td { text-align:left; background:none; padding:5px; border-width:0 1px 1px 0; border-style:solid; border-color:#999; } /* other right [myBook] */ .mybAra { margin:0 0 50px; } /* other right [lupe] */ .lupe_left { float:left; width:480px;} .lupe_vol { float:left; width:120px; height:130px; background:url(../img/lupe.gif) no-repeat; text-align:center; } .lupe_vol p { color:#09f; font-size:12px; padding:35px 13px 0 0; font-weight:bold; } .lupe_vol p strong { color:#f30; font-size:16px;} .lupe_lead { float:right; width:350px; margin-top:10px; } .lupe_body { border:1px solid #ccc; padding:30px 10px 10px 10px;} .lupe_body h2 { background:url(../img/line_lupe.gif) bottom left no-repeat; color:#090; font-size:16px; font-weight:bold; padding-bottom:10px; width:460px; margin-bottom:20px;} .lupe_body h2 span { font-size:12px;} .lupe_body .continue { font-size:12px; margin:10px 0;} .lupe_body .continue a { color:#066; text-decoration:underline;} .lupe_body img { display:block; margin-top:10px;} .lupe_body p.caption { font-size:12px; margin:3px 0 0 0;} .lupe_right { float:right; width:140px; font-size:10px;} .lupe_right img { display:block; margin-bottom:10px;} /* other right myBook [list] */ .mybLst { width:640px; margin:0 0 50px; } .mybLst h2 { margin:0 0 15px; padding:0 0 5px; background:url(../img/br_line.gif) 0 100% repeat-x; font-size:138.5%; font-weight:bold; color:#000; } .mybLst h3 { margin:0 0 15px; font-size:116%; font-weight:bold; color:#000; } .mybLst .spLft { width:265px; float:left; } .mybLst .spLft p { margin:0 0 10px; } .mybLst .spLft p img { margin:0 0 3px;} .mybLst .spRgt { width:360px; float:right; } .mybLst .spRgt p { line-height:1.4; } .mybLst .btn { margin:20px 0 0; } /* other right [ec] */ .ecAra { margin:0 0 50px; } /* other right ec [form] */ .ecFrm { margin:0 0 50px; background:url(../img/bg_ecsearch.gif) 0 100% no-repeat; } .ecFrm .img { padding:12px 0 8px; background:url(../img/br_ecsearch.gif) 0 0 no-repeat; text-align:center; } .ecFrm .img img { margin:0 15px 0 0; vertical-align:middle; } .ecFrm .img input { line-height:1.4; vertical-align:middle; } .ecFrm .img input.txt { width:250px; margin:2px 10px; border:1px solid #CCC; padding:1px; background:#FFF; } .ecFrm .img input.btn { margin:2px 0 2px 1px; } .ecFrm .img select { margin:2px 0; line-height:1.4; vertical-align:middle; } /* other right ec [list] */ .ecLst { width:640px; } .ecLst a:link,.ecLst a:visited { color:#066; text-decoration:none; font-weight:bold; } .ecLst a:hover,.ecLst a:active { color:#066; text-decoration:underline; font-weight:bold; } .ecMag { float:left; width:441px; margin:0 0 15px; } .ecMag h2 { margin:0 0 10px; padding:0 0 2px; border-bottom:2px solid #CCC; } .ecMag p { width:135px; float:left; padding:0 6px 15px; } .ecMag p img { display:block; margin:0 0 5px; border:1px solid #CCC; } .ecSrs { float:right; width:184px; margin:0 0 15px; } .ecSrs h2 { margin:0 0 2px; } .ecSrs .bxR { padding:0 10px 0 0; background:url(../img/bx_seriesbody.gif) 100% 0 repeat-y; } .ecSrs .bxL { padding:0 0 0 10px; background:url(../img/bx_seriesbody.gif) 0 0 repeat-y; } .ecSrs .bxT { font-size:0.1em; height:10px; margin:0 -10px; background:url(../img/bx_seriesbox.gif) 100% 0 no-repeat; } .ecSrs .bxT div { font-size:0.1em; width:10px; height:10px; background:url(../img/bx_seriesbox.gif) 0 0 no-repeat; } .ecSrs .bxB { font-size:0.1em; height:10px; margin:0 -10px; background:url(../img/bx_seriesbox.gif) 100% 100% no-repeat; } .ecSrs .bxB div { font-size:0.1em; width:10px; height:10px; background:url(../img/bx_seriesbox.gif) 0 100% no-repeat; } .ecSrs p.img { text-align:center; margin:0 0 5px; } .ecSrs p.img img { border:1px solid #CCC; } .ecNew { width:640px; margin:0 0 15px; } .ecNew h2 { margin:0 0 10px; padding:0 0 2px; border-bottom:2px solid #CCC; } .ecNew p { width:200px; float:left; padding:0 6px 15px; } .ecNew p img { display:block; margin:0 0 5px; border:1px solid #ccc;} .ecRcm { width:640px; } .ecRcm h2 { margin:0 0 10px; padding:0 0 2px; border-bottom:2px solid #CCC; } .ecRcm p { width:200px; float:left; padding:0 6px 15px; } .ecRcm p img { display:block; margin:0 0 5px; border:1px solid #CCC; } /* other right item-list [easy] */ .lstEsy { width:640px; padding:15px 0 0; border-bottom:5px solid #E1D9C7; } .lstEsy p { width:200px; float:left; padding:0 6px 15px; } .lstEsy p img { display:block; margin:0 0 5px; border:1px solid #ccc; } .lstEsy p span { display:block; padding:5px 0; } .lstEsy a:link,.lstEsy a:visited { color:#066; text-decoration:none; font-weight:bold; } .lstEsy a:hover,.lstEsy a:active { color:#066; text-decoration:underline; font-weight:bold; } /* other right item-list [difficult] */ .lstDft { padding:15px 0 5px; border-bottom:5px solid #E1D9C7; } .lstDft h2 { font-size:138.5%; font-weight:bold; margin:0 0 5px; } .lstDft .spLft { float:left; width:122px; } .lstDft .spLft .img { margin:0 0 15px; } .lstDft .spLft .img img { border:1px solid #ccc; } .lstDft .bxR { padding:0 10px 0 0; background:url(../img/bx_listbody.gif) 100% 0 repeat-y; } .lstDft .bxL { padding:0 0 0 10px; background:url(../img/bx_listbody.gif) 0 0 repeat-y; } .lstDft .bxT { font-size:0.1em; height:10px; margin:0 -10px; background:url(../img/bx_listbox.gif) 100% 0 no-repeat; } .lstDft .bxT div { font-size:0.1em; width:10px; height:10px; background:url(../img/bx_listbox.gif) 0 0 no-repeat; } .lstDft .bxB { font-size:0.1em; height:10px; margin:0 -10px; background:url(../img/bx_listbox.gif) 100% 100% no-repeat; } .lstDft .bxB div { font-size:0.1em; width:10px; height:10px; background:url(../img/bx_listbox.gif) 0 100% no-repeat; } .lstDft .bxL img { margin:10px 0 0; } .lstDft .spRgt { float:right; width:503px; } .lstDft .spRgt p { margin:0 0 10px; } .lstDft .spRgt p span { color:#936; } .lstDft a:link,.lstDft a:visited { color:#066; text-decoration:none; font-weight:bold; } .lstDft a:hover,.lstDft a:active { color:#066; text-decoration:underline; font-weight:bold; } /* other right [new(same difficult page)] */ .lstNew { margin:0 0 15px; padding:20px 15px 13px; border:5px solid #E1D9C7; } .lstNew h2 { font-size:138.5%; font-weight:bold; margin:0 0 10px; padding:0 0 5px; background:url(../img/br_line.gif) 0 100% repeat-x; } .lstNew .spLft { float:left; width:202px; } .lstNew .spLft .img { margin:0 0 15px; } .lstNew .spLft .bxR { padding:0 15px 0 0; background:url(../img/bx_listbody.gif) 100% 0 repeat-y; } .lstNew .spLft .bxL { padding:0 0 0 15px; background:url(../img/bx_listbody.gif) 0 0 repeat-y; } .lstNew .spLft .bxT { font-size:0.1em; height:10px; margin:0 -15px; background:url(../img/bx_listbox.gif) 100% 0 no-repeat; } .lstNew .spLft .bxT div { font-size:0.1em; width:15px; height:10px; background:url(../img/bx_listbox.gif) 0 0 no-repeat; } .lstNew .spLft .bxB { font-size:0.1em; height:10px; margin:0 -15px; background:url(../img/bx_listbox.gif) 100% 100% no-repeat; } .lstNew .spLft .bxB div { font-size:0.1em; width:15px; height:10px; background:url(../img/bx_listbox.gif) 0 100% no-repeat; } .lstNew .spLft img { margin:10px 0 0; } .lstNew .spRgt { float:right; width:383px; } .lstNew .spRgt p { margin:0 0 10px; } .lstNew a:link,.lstNew a:visited { color:#066; text-decoration:none; font-weight:bold; } .lstNew a:hover,.lstNew a:active { color:#066; text-decoration:underline; font-weight:bold; } /* other right item-list [detail] */ .itmDtl { margin:0 0 30px; } .itmDtl h2 { margin:0 0 10px; padding:0 0 5px; font-size:138.5%; font-weight:bold; color:#000; background:url(../img/br_line.gif) 0 100% repeat-x; } .itmDtl .spLft { float:left; width:202px; } .itmDtl .spLft .img { margin:0 0 15px; } .itmDtl .spLft .img img { border:1px solid #ccc;} .itmDtl .spLft .btn { margin:5px 0 0; } .itmDtl .spLft .bxR { padding:0 15px 0 0; background:url(../img/bx_listbody.gif) 100% 0 repeat-y; } .itmDtl .spLft .bxL { padding:0 0 0 15px; background:url(../img/bx_listbody.gif) 0 0 repeat-y; } .itmDtl .spLft .bxT { font-size:0.1em; height:10px; margin:0 -15px; background:url(../img/bx_listbox.gif) 100% 0 no-repeat; } .itmDtl .spLft .bxT div { font-size:0.1em; width:15px; height:10px; background:url(../img/bx_listbox.gif) 0 0 no-repeat; } .itmDtl .spLft .bxB { font-size:0.1em; height:10px; margin:0 -15px; background:url(../img/bx_listbox.gif) 100% 100% no-repeat; } .itmDtl .spLft .bxB div { font-size:0.1em; width:15px; height:10px; background:url(../img/bx_listbox.gif) 0 100% no-repeat; } .itmDtl .spRgt { float:right; width:423px; } .itmDtl .spRgt p { margin:0 0 10px; } .itmDtl .spRgt p a:link, .itmDtl .spRgt p a:visited { color:#066; text-decoration:underline; } /* other right [reccomend(same detail page)] */ .itmRcm { width:640px; padding:30px 0 0; } .itmRcm p { width:200px; float:left; padding:0 6px; } .itmRcm p img { display:block; margin:0 0 5px; border:1px solid #CCC; } .itmRcm p span { display:block; padding:5px 0; } .itmRcm a:link,.itmRcm a:visited { color:#066; text-decoration:none; font-weight:bold; } .itmRcm a:hover,.itmRcm a:active { color:#066; text-decoration:underline; font-weight:bold; } /* other right [guide] */ .lstGde { width:640px; } .lstGde .spLft { width:310px; float:left; } .lstGde .spRgt { width:310px; float:right; } .lstGde p { padding:5px 5px 5px 30px; font-size:116%; color:#FFF; font-weight:bold; } .lstGde p.re { background:url(../img/bg_guidetitle_re.gif) 0 50% no-repeat; } .lstGde p.li { background:url(../img/bg_guidetitle_li.gif) 0 50% no-repeat; } .lstGde p.fa { background:url(../img/bg_guidetitle_fa.gif) 0 50% no-repeat; } .lstGde p.wo { background:url(../img/bg_guidetitle_wo.gif) 0 50% no-repeat; } .lstGde p.sp { background:url(../img/bg_guidetitle_sp.gif) 0 50% no-repeat; } .lstGde p.sc { background:url(../img/bg_guidetitle_sc.gif) 0 50% no-repeat; } .lstGde ul { margin:5px; } .lstGde ul li { padding:0 0 5px; font-size:116%; } /* other right guide-list [detail] */ .gdeShp { width:640px; margin:20px 0 30px; } .gdeShp .h2ara { margin:0 0 20px; padding:0 0 5px; background:url(../img/br_line.gif) 0 100% repeat-x; } .gdeShp h2 { font-weight:bold; color:#000; } .gdeShp h2 span { font-size:138.5%; } .gdeShp h2.shop3 { padding:0 0 0 25px; background:url(../img/mrk_guide_re.gif) 0 50% no-repeat; } .gdeShp h2.shop4 { padding:0 0 0 25px; background:url(../img/mrk_guide_li.gif) 0 50% no-repeat; } .gdeShp h2.shop5 { padding:0 0 0 25px; background:url(../img/mrk_guide_fa.gif) 0 50% no-repeat; } .gdeShp h2.shop6 { padding:0 0 0 25px; background:url(../img/mrk_guide_wo.gif) 0 50% no-repeat; } .gdeShp h2.shop7 { padding:0 0 0 25px; background:url(../img/mrk_guide_sp.gif) 0 50% no-repeat; } .gdeShp h2.shop8 { padding:0 0 0 25px; background:url(../img/mrk_guide_sc.gif) 0 50% no-repeat; } .gdeShp p.img { margin:0 0 20px; text-align:center; } .gdeShp .spLft { width:260px; float:left; margin:0 0 20px; } .gdeShp .spLft img { display:block; margin:0 0 2px; } .gdeShp .spLft p.map { border:1px solid #CCC; margin:5px 0 0; } .gdeShp .spRgt { width:360px; float:right; margin:0 0 20px; } .gdeShp .spRgt h3 { margin:0 0 10px; font-size:116%; font-weight:bold; } .gdeShp .spRgt p { line-height:1.4; } .gdeShp .spRgt p.btn { margin-top:10px; text-align:right;} .gdeShp .spRgt02 { width:360px; float:right; margin:0 0 20px; background:url(../img/bg_guide.gif) 0 0 no-repeat; } .gdeShp .spRgt02 p.tag { padding:15px 30px; background:url(../img/br_guide.gif) 0 100% no-repeat; } .gdeShp a:link,.gdeShp a:visited { color:#066; text-decoration:none; font-weight:normal; } .gdeShp a:hover,.gdeShp a:active { color:#066; text-decoration:underline; font-weight:normal; } /* sanpo added at 2008.09.18 by bsw */ .gEntry { width:640px; margin:0; } .gEntry .h2ara { margin:0 0 10px; padding:15px 0 0; background:url(../img/br_line.gif) 0 0 repeat-x; } .gEntry h2 { font-weight:bold; color:#000; } .gEntry h2 span { font-size:138.5%; } .gEntry h2.shop3 { padding:0 0 0 25px; background:url(../img/mrk_guide_re.gif) 0 50% no-repeat; } .gEntry h2.shop4 { padding:0 0 0 25px; background:url(../img/mrk_guide_li.gif) 0 50% no-repeat; } .gEntry h2.shop5 { padding:0 0 0 25px; background:url(../img/mrk_guide_fa.gif) 0 50% no-repeat; } .gEntry h2.shop6 { padding:0 0 0 25px; background:url(../img/mrk_guide_wo.gif) 0 50% no-repeat; } .gEntry h2.shop7 { padding:0 0 0 25px; background:url(../img/mrk_guide_sp.gif) 0 50% no-repeat; } .gEntry h2.shop8 { padding:0 0 0 25px; background:url(../img/mrk_guide_sc.gif) 0 50% no-repeat; } .gEntry p.img { margin:0 0 20px; text-align:center; } .gEntry .spLft { width:260px; float:left; margin:0 0 20px; } .gEntry .spLft img { display:block; margin:0 0 2px; } .gEntry .spLft p.map { border:1px solid #CCC; margin:5px 0 0; } .gEntry .spRgt { width:360px; float:right; margin:0 0 20px; } .gEntry .spRgt h3 { margin:0 0 10px; font-size:116%; font-weight:bold; color:#660; } .gEntry .spRgt p { line-height:1.4; } .gEntry .spRgt p.btn { margin-top:10px; text-align:right;} .gEntry .spRgt02 { width:360px; float:right; margin:0 0 20px; background:url(../img/bg_guide2.gif) 0 0 no-repeat; } .gEntry .spRgt02 p.tag { padding:15px 5px 15px 30px; background:url(../img/br_guide2.gif) 0 100% no-repeat; } .gEntry a:link,.gEntry a:visited { color:#066; text-decoration:none; font-weight:normal; } .gEntry a:hover,.gEntry a:active { color:#066; text-decoration:underline; font-weight:normal; } /* ------------------------------------------------------------------------------------------ footer ------------------------------------------------------------------------------------------ */ #footer { width:920px; margin:0; padding:0; } #footer ul { float:left; margin:10px 0; } #footer ul li { display:inline; padding:0 3px; border-left:1px solid #333; font-size:85%; } #footer ul li.str { display:inline; padding:0 3px 0 0; border:none; } #footer p { float:right; text-align:right; margin:10px 0 0; font-size:85%; } body.fontL #footer ul li { font-size:77%; } body.fontL #footer p { font-size:77%; } body.fontM #footer ul li { font-size:85%; } body.fontM #footer p { font-size:85%; } body.fontS #footer ul li { font-size:100%; } body.fontS #footer p { font-size:100%; } /* ------------------------------------------------------------------------------------------ hack ------------------------------------------------------------------------------------------ */ .fix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .fix{ display:inline-block; } /*\*/ * html .fix { height:1%; } .fix { display:block; } /**/