a:hover { color:Red; text-decoration: none; } /* -------------------------------- */ html { font-size: 62.5%; } hr { margin: 5px 5px; text-align: center; color: #CCC; } form { margin: 0px; padding: 0px; } input { margin: 3px 3px 3px 0; font-family: MS UI Gothic; } .capt { color: #F00; } .capt2 { font-weight: bold; color: #F00; } .capt3 { font-size: 1.2em; font-weight: bold; color: #F00; } .bold { font-weight: bold; } img { border: 0px; -ms-interpolation-mode: bicubic; } img.r2 { border-radius: 2px; } img.r4 { border-radius: 4px; } img.r6 { border-radius: 6px; } img.r8 { border-radius: 8px; } img.r10 { border-radius: 10px; } img.r20 { border-radius: 20px; } img.square { aspect-ratio: 10/10; object-fit: cover; } /* -------------------------------- */ .emph_WT { margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #FFF; } .emph_BK { margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #333; } .emph_RD { margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: Red; } .emph_TL { margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: Teal; } .emph_MR { margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: Maroon; } .emph_OR { margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #F60; } .emph_39F { margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #39F; } .emph_0AE { margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #0AE; } .emph_PK { margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #B9276F; } .emph_368 { margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #368; } .emph_049 { margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #049; } .emph_911 { margin: 5px 0; font-size: 1.4em; line-height: 150%; font-weight: bold; color: #911; } .emph_345 { margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #345; } .emph_842 { margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #842; } .emph_421 { margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #421; } .em8 { font-size: 0.8em; } .em9 { font-size: 0.9em; } .em10 { font-size: 1.0em; } .em11 { font-size: 1.1em; } .em12 { font-size: 1.2em; } .em14 { font-size: 1.4em; } .em16 { font-size: 1.6em; } .em18 { font-size: 1.8em; } .em20 { font-size: 2.0em; } .em22 { font-size: 2.2em; } .em24 { font-size: 2.4em; } .em26 { font-size: 2.6em; } .em28 { font-size: 2.8em; } .em30 { font-size: 3.0em; } /* -------------------------------- */ .flt_left { float: left; margin: 0px 10px 0px 0px; } .flt_right { float: right; margin: 0px 0px 0px 10px; } .clr_left { clear: left; } .clr_right { clear: right; } .clr_both { clear: both; } /* ------------------------------------------------------------------------ */ .ct0 { margin: 0; text-align: center; } .ct5 { margin: 5px 0; text-align: center; } .ct10 { margin: 10px 0; text-align: center; } .ct15 { margin: 15px 0; text-align: center; } .ct20 { margin: 20px 0; text-align: center; } .ct25 { margin: 25px 0; text-align: center; } .ct30 { margin: 30px 0; text-align: center; } .ct40 { margin: 40px 0; text-align: center; } .ct50 { margin: 50px 0; text-align: center; } .lt0 { margin: 0; text-align: left; } .lt5 { margin: 5px 0; text-align: left; } .lt10 { margin: 10px 0; text-align: left; } .lt15 { margin: 15px 0; text-align: left; } .lt20 { margin: 20px 0; text-align: left; } .lt25 { margin: 25px 0; text-align: left; } .lt30 { margin: 30px 0; text-align: left; } .lt40 { margin: 40px 0; text-align: left; } .lt50 { margin: 50px 0; text-align: left; } .rt0 { margin: 0; text-align: right; } .rt5 { margin: 5px 0; text-align: right; } .rt10 { margin: 10px 0; text-align: right; } .rt15 { margin: 15px 0; text-align: right; } .rt20 { margin: 20px 0; text-align: right; } .rt25 { margin: 25px 0; text-align: right; } .rt30 { margin: 30px 0; text-align: right; } .rt40 { margin: 40px 0; text-align: right; } .rt50 { margin: 50px 0; text-align: right; } /* margin : t-b-r-l */ .mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } .mt25 { margin-top: 25px; } .mt30 { margin-top: 30px; } .mt35 { margin-top: 35px; } .mt40 { margin-top: 40px; } .mt45 { margin-top: 45px; } .mt50 { margin-top: 50px; } .mb5 { margin-bottom: 5px; } .mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; } .mb25 { margin-bottom: 25px; } .mb30 { margin-bottom: 30px; } .mb35 { margin-bottom: 35px; } .mb40 { margin-bottom: 40px; } .mb45 { margin-bottom: 45px; } .mb50 { margin-bottom: 50px; } .mr5 { margin-right: 5px; } .mr10 { margin-right: 10px; } .mr15 { margin-right: 15px; } .mr20 { margin-right: 20px; } .mr25 { margin-right: 25px; } .mr30 { margin-right: 30px; } .mr35 { margin-right: 35px; } .mr40 { margin-right: 40px; } .mr45 { margin-right: 45px; } .mr50 { margin-right: 50px; } .ml5 { margin-left: 5px; } .ml10 { margin-left: 10px; } .ml15 { margin-left: 15px; } .ml20 { margin-left: 20px; } .ml25 { margin-left: 25px; } .ml30 { margin-left: 30px; } .ml35 { margin-left: 35px; } .ml40 { margin-left: 40px; } .ml45 { margin-left: 45px; } .ml50 { margin-left: 50px; } /* padding : t-b-r-l */ .pt5 { padding-top: 5px; } .pt10 { padding-top: 10px; } .pt15 { padding-top: 15px; } .pt20 { padding-top: 20px; } .pt25 { padding-top: 25px; } .pt30 { padding-top: 30px; } .pt35 { padding-top: 35px; } .pt40 { padding-top: 40px; } .pt45 { padding-top: 45px; } .pt50 { padding-top: 50px; } .pb5 { padding-bottom: 5px; } .pb10 { padding-bottom: 10px; } .pb15 { padding-bottom: 15px; } .pb20 { padding-bottom: 20px; } .pb25 { padding-bottom: 25px; } .pb30 { padding-bottom: 30px; } .pb35 { padding-bottom: 35px; } .pb40 { padding-bottom: 40px; } .pb45 { padding-bottom: 45px; } .pb50 { padding-bottom: 50px; } .pr5 { padding-right: 5px; } .pr10 { padding-right: 10px; } .pr15 { padding-right: 15px; } .pr20 { padding-right: 20px; } .pr25 { padding-right: 25px; } .pr30 { padding-right: 30px; } .pr35 { padding-right: 35px; } .pr40 { padding-right: 40px; } .pr45 { padding-right: 45px; } .pr50 { padding-right: 50px; } .pl5 { padding-left: 5px; } .pl10 { padding-left: 10px; } .pl15 { padding-left: 15px; } .pl20 { padding-left: 20px; } .pl25 { padding-left: 25px; } .pl30 { padding-left: 30px; } .pl35 { padding-left: 35px; } .pl40 { padding-left: 40px; } .pl45 { padding-left: 45px; } .pl50 { padding-left: 50px; } /* ------------------------------------------------------------------------ */ /* トピックパス */ /* ------------------------------------------------------------------------ */ .topicpath ol { margin-bottom: 20px; padding: 0 ; } .topicpath ol li { display: inline; list-style-type: none; } .topicpath ol li:before { content: " > "; } .topicpath ol li:first-child:before { content:""; } /* ------------------------------------------------------------------------ */ div.date { float: right; margin: 0 10px; } div.eos { float: right; margin: 10px 0; } div.reload { float: right; margin: 10px 10px; } /* ------------------------------------------------------------------------ */ .under_bar { margin: 10px 0; padding: 5px 0; font-weight: bold; color: #049; border-bottom: dashed 1px #049; } div.links { margin: 20px; } div.left_photo { float: left; margin:0px 10px 10px 0; } div.right_photo { float: right; margin:0px 0 10px 10px; } img.arrow { vertical-align: middle; } /* ------------------------------------------------------------------------ */ div.return_button { text-align: center;; margin: 10px 20px 10px 20px; } div.submit_button { text-align: center;; margin: 10px 20px 10px 20px; } #form_submit_btn_image, #form_back_btn_image { margin: 10px 0 0 0; padding: 0; vertical-align: bottom; } div.rev_title { margin: 0 0 10px 0; letter-spacing: 0.05em; line-height: 35px; padding:0px 10px 0 30px; font-size:1.2em; font-weight: bold; color: #FFF; background: #940E0D url("../img3/bg_rev_title.png") no-repeat 0% 50%; background-size: contain; border-radius: 5px; } div.rev_title .more { position: absolute; top: 1px; right: 6px; } div.rev_title_2 { margin: 0 0 10px 0; letter-spacing: 0.05em; line-height: 20px; padding:10px 15px; font-size:1.2em; font-weight: bold; color: #FFF; background: #080; border-radius: 5px; } div.rev_title_2 .more { position: absolute; top: 1px; right: 6px; } div.rev_title_3 { margin: 0 0 10px 0; letter-spacing: 0.05em; line-height: 150%; padding: 0; font-size: 1.8em; font-weight: 600; color: #345; font-family: "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; } div.rev_title_top { position: relative; margin: 10px 0 10px 0; letter-spacing: 0.05em; line-height: 35px; padding:0px 10px 0 40px; font-size:1.2em; font-weight: bold; color: #FFF; background: #40B5EF url("../img3/bg_rev_title_sub.png") no-repeat 0% 50%; background-size: contain; border: solid 1px #DDD; border-radius: 5px; } div.rev_title_sub { margin: 0 0 10px 0; letter-spacing: 0.05em; line-height: 35px; padding:0px 10px 0 40px; width:300px; font-size:1.2em; font-weight: bold; color: #FFF; background: #940E0D url("../img3/bg_rev_title_sub.png") no-repeat 0% 50%; ; background-size: contain; border-radius: 5px; } @media(max-width:767px) { div.rev_title_sub { width:100%; } } #calendar_area { margin: 20px 0 20px 0; } div.info_area { margin: 0 30px 0 0; padding: 0 0 10px 0; text-align: left; border-bottom: dashed 1px Silver; } ul.info { margin: 5px 5px 5px 0; padding: 0 0 0 0; list-style: none; } div.topic_area { margin: 0 30px 0 0; padding: 0 0 10px 0; text-align: left; border-bottom: dashed 1px Silver; } ul.topic { margin: 5px 5px 5px 0; padding: 0 0 0 0; list-style: none; } div.third_script { margin: 20px 0; } div.holiday_comm_top { margin: 0 10px 0 0; padding: 10px; width: 100%; background: #EEE; border-style: dashed; border-width: 1px 0; border-color: #98AAC8; } div.holiday_comm { margin: 0 10px 0 0; padding: 10px; width: 100%; background: #EEE; border-style: dashed; border-width: 0 0 1px 0; border-color: #98AAC8; } /* ------------------------------------------------------------------------ */ /* list box */ /* ------------------------------------------------------------------------ */ div.list_box { margin: 0 0 10px 0; padding: 10px; text-align: left; background: #FFF; border-style: solid; border-width: 1px; border-color: #DDD #DDD #CCC #DDD; } /* ------------------------------------------------------------------------ */ /* statement */ /* ------------------------------------------------------------------------ */ .statement { margin: 20px 0 0 0 !important; } .statement .str { margin: 10px; } /* ------------------------------------------------------------------------ */ ul.li_01 { margin: 10px 0 10px 0; padding: 5px 0px; line-height: 180%; list-style: none; } ul.li_02 { margin: 0px 0 10px 20px; padding: 5px 0px; line-height: 180%; list-style-image: url("../img3/arrow_li_02.png"); } ul.li_01 li.li_01 { margin: 10px 0 10px 0; padding: 5px 10px; background: #FFF; border: solid 1px #DDD; border-style: solid; border-width: 1px; border-color: #DDD #ddd #CCC #DDD; border-radius: 5px; } /* ------------------------------------------------------------------------ */ div.head_search input.word { font-size: 12px; color: #666; } div.head_search input.button { width: 60px; height: 20px; } /* ------------------------------------------------------------------------ */ div.cell_topic_title { margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; line-height: 150%; color: #333; background: #FFF; border-style: solid solid dashed solid; border-width: 1px 0; border-color: #3763A0; } div.cell_topic_text { margin: 0px 0px 0px 0px; padding: 10px 10px; line-height:150%; border-style: solid; border-width: 0px 1px 1px 1px; border-color: Gainsboro; } /* ------------------------------------------------------------------------ */ /* contribute box */ /* ------------------------------------------------------------------------ */ div.top_contribute { margin: 0 0 15px 0; padding: 10px 0; border: solid 0 #095; border-radius: 0 0 5px 5px; } /* ------------------------------------------------------------------------ */ #panel { margin: 0 0 10px 0; } /* name panel */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ div.url { margin: 10px 10px 10px 10px; } div.entry { padding: 0; border: solid 1px #DDD; } div.entry table { margin: 0 0 0 0; width: 100%; border-spacing: 0; border: 0px; } div.entry td { padding: 10px 10px 10px 10px; text-align: left; } div.entry td.title { padding: 0 10px; line-height: 31px; font-size: 1.2em; font-weight: bold; letter-spacing: 0.1em; color: #FFF; background: #426B8C; } div.entry td.entry_item { padding: 10px 10px 10px 10px; background: #E6E6E6; } div.entry td.entry_item_last { padding: 10px 10px 10px 10px; background: #E6E6E6; } div.entry td.input_area { background: #FFF; } div.entry td.input_area_last { background: #FFF; } div.entry td.exp_area { padding: 10px 10px 10px 10px; background: #FFFFE0; } div.caution { margin: 10px 0 10px 0; padding: 10px 20px; text-align: left; background: #D2ECFB; border-style: dashed; border-width: 1px 0px 1px 0px; border-color: #999; } div.caution_2 { margin: 10px 0 10px 0; padding: 10px 20px; text-align: left; background: Linen; border-style: dashed; border-width: 1px 0px 1px 0px; border-color: #999; } td.input_area { padding: 10px 10px; background: Lightyellow; } div.top_caption { margin: 0 0 5px 0; } /* ------------------------------------------------------------------------ */ /* page banner */ /* ------------------------------------------------------------------------ */ div.top_bnr_left { float: left; margin: 0 5px 0 0; } div.top_bnr_right { float: right; margin: 0 0 0 5px; } /* ------------------------------------------------------------------------ */ .right_photo_border { float:right; margin: 0px 0px 20px 30px; } .right_photo_border div.item { margin: 0px 0px 10px 0px; padding: 3px; border: solid 1px #EEE; } /* ------------------------------------------------------------------------ */ /* site_valuate(サイトの評価) */ /* ------------------------------------------------------------------------ */ div.site_valuate { margin: 10px 0; } div.site_valuate p.valuate { margin: 5px 0; padding: 10px 10px; background: #FFF; border: solid 1px #DDD; border-radius: 5px; } /* ------------------------------------------------------------------------ */ /* pagination box */ /* ------------------------------------------------------------------------ */ .pagination { margin: 10px 10px; padding: 5px 10px; background: #FFF; border: solid 1px #DDD; border-radius: 5px; } .pagination.jis { color: Red; font-weight: bold; } /* ------------------------------------------------------------------------ */ /* title_date / title_kiji */ /* ------------------------------------------------------------------------ */ .title_date { clear: both; float: left; margin: 0 10px 5px 0; padding: 3px 10px; width: 160px; background: #FFF; border-radius: 5px; } .title_kiji { float: left; padding: 3px 0; } /* ------------------------------------------------------------------------ */ body { word-wrap : break-word; overflow-wrap : break-word; color: #333; line-height: 150%; letter-spacing: 0.0em; font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", sans-serif; font-size: 1.2em; background-color: #FFF; } /* ------------------------------------------------------------------------ */ #body1_alpha .head_img { margin-bottom: 20px; } #body1_alpha .head_img .cover_mesh { height: 30vw; } #body1_alpha .head_img .top { padding-top: 132px; height: 25vw; } #body1_alpha .head_img .page_img { position: absolute; top: 0; right: 0; } #body1_alpha .head_img .page_img_2 { margin-left: 10px; text-align: center; } #print_screen { margin: 10px 0; } @media(min-width:768px) { #body1_alpha { position: relative; margin-top: 132px; text-align: center; width: 100%; min-height: 20px; } /* margin-top:132px as height of top navibar */ /* min-height as margin top of menu */ #lmr_body2 { width: 100%; } } @media screen and (min-width:768px) and (max-width:1365px){ #body1_alpha .head_img { height: 35vw; background-size: cover; } } @media(max-width:767px) { #body1_alpha { position: relative; margin-top: 65px; text-align: center; width: 100%; min-height: 20px; } #body1_alpha .head_img { height: 50vw; background-size: cover; } } .cdat { margin: 0 0 5px 0; } /* ------------------------------------------------------------------------ */ #foot { margin: 30px 0 0 0; padding: 0 20px; width: 100%; height: 200px; color: #FFF; background: #080; } #bottom_guide { padding: 10px 0 0 0; text-align: left; } #copyright { padding: 10px 0 20px 0; text-align: right; font-size: 0.8em; font-family: Georgia, Palatino Linotype, "ＭＳ Ｐ明朝"; } @media(max-width:767px) { /* twitter API */ #twtr { width: 90%; } /* for Smart Phone */ } /* ------------------------------------------------------------------------ */ /* ////////////// each ///////////////// */ /* ------------------------------------------------------------------------ */ #_home div.list_box { padding: 10px 20px; border-width: 0; } #_home div.list_box h2 { margin: 0; padding: 0; line-height: 150%; font-size: 1.5em; font-weight: normal; } #_home div.list_box h3 { margin: 0; padding: 0; line-height: 150%; font-size: 1.2em; font-weight: normal; } #_home table.selected { margin: 0 0 6px 0; border-spacing: 1px; border: 0px; background: #CCC; } #_home table.selected th { padding: 3px; height: 24px; text-align: center; vertical-align: middle; font-weight: bold; color: #FFF; } #_home table.selected th.name { color: #286; font-size: 1.2em; font-weight: bold; background: #FFF; } #_home table.selected td { padding: 3px 5px; vertical-align: middle; background: #FFF; } #_home table.selected td.pht { width: 80px; background: #FFF; } #_home table.selected td.no_show { background: Gold; } #_home table.selected ul { margin: 0 0 0 10px; padding: 0 0 0 5px; } #_home table.selected ol { margin: 0 0 0 10px; padding: 0 0 0 5px; } #_home div.mark_kubun { position: absolute; top: 30px;left: 70%; z-index: 999; } #_home div.more { float: right; margin: 0 5px 0 0; } #_home div.box div.ttl h2 { margin: 0; font-size: 14px; font-weight: bold; color: #FFF; } /* ------------------------------------------------------------------------ */ #_realestate #top_str { margin: 0; width: 760px; } #_realestate #top_str h3 { margin: 10px 10px 10px 20px; line-height: 150%; font-sie: 12px; font-weight: bold; color: #008080; } #_realestate #plate { margin: 10px 0 20px 10px; } #_realestate #plate div.each { float: left; margin: 5px 8px 5px 0; } /* ------------------------------------------------------------------------ */ #_info div.list_box { margin: 0 0 5px 0; } #_info div.list_box div.ttl { float: left; margin: 10px 10px 20px 5px; padding: 0 0 0 10px; line-height: 150%; font-size: 1.4em; font-weight: bold; color: #049; border-left: solid 4px #080; } #_info div.list_box div.cat { float: right; } #_info div.ymd { margin: 10px 10px 10px 0; padding: 3px 10px; width: 160px; background: #FFF; border-radius: 5px; } #_info div.url { margin: 5px 5px 5px 20px; } /* ------------------ Q & A ------------------------------------------------ */ div.ctgry_ttl { margin: 0 0 5px 0; padding: 5px; font-size: 16px; font-weight: bold; color: #009A5A; } div.qanda_each { margin: 0 0 5px 0; padding: 0; color:#000; background: #EEE; border: solid 1px #CCC; border-radius: 0; } div.qanda_each div.q_ttl { margin: 0; padding: 10px 15px; font-size: 1.2em; font-weight: bold; color: #333; background: #F5F5F5; } div.qanda_each div.a_ttl { margin: 0; padding: 15px 10px 10px 15px; font-size: 1.2em; font-weight: bold; color: #088; background: #FFF; border-top: dashed 1px #999; } div.qanda_each div.str { padding: 0 20px 20px 45px; background: #FFF; } /* ------------------------------------------------------------------------ */ #_link div.link_category_title { margin: 10px 0 10px 0; padding: 3px 10px; background: #EEE; border-style: solid; border-width: 1px; border-color: #99B0C7; border-radius: 5px; } #_link div.link_box { margin: 0 0 5px 0; padding: 0 0; border-style: dashed; border-width: 1px 0 0 0; border-color: #CCC; } #_link div.link_box div.link_title { float: left; margin: 0 0 0 0; padding: 5px 0 5px 0; line-height: 24px; color: #048; font-weight: bold; } #_link div.link_box div.link_category { float: right; margin: 0 0 0 10px; padding: 3px 0 0 0; color: #666; } #_link div.link_box div.link_exp { clear: both; margin: 5px 0 5px 50px; color: #666; } #_link div.link_bnr { margin: 0 0 10px 0; } #_link div.link_bnr a img:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; } #_link div.link_bnr div.item { float: left; padding: 0 4px 1.4em 0; } #_link div.link_bnr div.item_end { float: left; padding: 0 0 1.4em 0; } /* ------------------------------------------------------------------------ */ #_privacy div.list_box { padding: 5% 8%; } #_privacy dt { margin: 10px 0 10px 0; color: #333; } #_privacy dd { margin: 10px 0 10px 0; line-height: 180%; color: #333; } #_privacy div.items { margin: 10px 0 10px 30px; padding: 10px 15px; line-height: 150%; color: #333; background: #EEE; } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ #_greet div.list_box { margin: 0; padding: 10px; background: #FFF; border-style: solid; border-width: 0; } /* ------------------------------------------------------------------------ */ #_bukken_list div.title { margin: 0; padding: 8px 0 0 0; line-height: 24px; border-top: dashed 1px #CCC; } #_bukken_list table.selected { margin: 0 0 6px 0; border-spacing: 1px; border: 0px; background: #CCC; } #_bukken_list table.selected th { padding: 3px; height: 24px; text-align: center; vertical-align: middle; font-weight: bold; color: #FFF; } #_bukken_list table.selected th.name { color: #286; font-size: 1.2em; font-weight: bold; background: #FFF; } #_bukken_list table.selected td { padding: 5px 10px; vertical-align: middle; background: #FFF; } #_bukken_list table.selected td.item { font-weight: bold; white-space: nowrap; background: #FFF5EE; } #_bukken_list table.selected td.pht { width: 80px; vertical-align:top; background: #FFF; } #_bukken_list table.selected td.no_show { background: Gold; } #_bukken_list table.selected ul { margin: 0 0 0 10px; padding: 0 0 0 5px; } #_bukken_list table.selected ol { margin: 0 0 0 10px; padding: 0 0 0 5px; } #_bukken_list div.mark_kubun { position:absolute; top:30px;left:70%; z-index: 999; } /* ------------------------------------------------------------------------ */ #_bukken_each div.title { margin: 0 0 10px 0; padding: 5px; text-align: center; border-style: solid; border-width: 0 1px 1px 1px; border-color: Orangered; } #_bukken_each table.each { margin: 0 10px 20px 0; width: 100%; border-spacing: 1px; border: 0px; background: Silver; } #_bukken_each table.each td { padding: 5px 10px; background: #FFF; } #_bukken_each table.each td.group { padding: 5px 10px; width: 33%; font-weight: bold; white-space: nowrap; text-align: center; background: #EDC; } #_bukken_each table.each td.item { padding: 5px 10px; width: 33%; font-weight: bold; white-space: nowrap; background: #FFF5EE; } #_bukken_each table.each td.rent { padding: 5px 10px; width: 33%; font-weight: bold; white-space: nowrap; background: #FFF5EE; } #_bukken_each table.each td.num { padding: 5px 10px; width: 67%; white-space: nowrap; text-align: right; background: #FFF; } #_bukken_each table.each td.num .price { padding: 5px 10px; line-height: 24px; font-size: 16px; font-weight: bold; color: Red; } #_bukken_each table.each td.mov { padding: 10px 10px; text-align:center; background: #FFF; z-index: 9999; } #_bukken_each table.each td.rent_total { padding: 5px 10px; width: 33%; white-space: nowrap; background: #CCFFFF; } #_bukken_each table.each td.num_total { padding: 5px 10px; width: 67%; white-space: nowrap; text-align: right; background: #EDC; } #_bukken_each table.each ul { margin: 0 0 0 10px; padding: 0 0 0 5px; } #_bukken_each table.each ol { margin: 0 0 0 10px; padding: 0 0 0 5px; } #_bukken_each #photo_peri { position: absolute; top: 75px; left:100px; visibility: hidden; } #_bukken_each #belong_group { margin: 10px 0; } #_bukken_each #belong_group div.each { margin: 0; padding: 10px 0 10px 0; border-bottom: dashed 1px #175; } #_bukken_each #belong_group div.each div.pht { float: left; margin: 0; width: 80px; } #_bukken_each #belong_group div.each div.str { float: right; margin: 0; width: 240px; } #_bukken_each #belong_group div.each div.str div.name { line-height: 24px; font-weight: bold; color: #175; } #_bukken_each #belong_group div.each div.str div.addr { padding: 5px 0; } /* ------------------------------------------------------------------------ */ #_list_fav div.fav_in { float: left; margin: 20px 0 20px 0; } #_list_fav div.fav_out { float: right; margin: 20px 0 20px 0; } #_list_fav div.title { margin: 0; padding: 8px 0 0 0; line-height: 24px; border-top: dashed 1px Silver; } #_list_fav table.list { margin: 0 0 15px 0; width: 100%; height: 150px; border-spacing: 1px; border: 0px; background: Silver; } #_list_fav table.list td { padding: 1px 5px; background: #FFF; } #_list_fav table.list td.pht { padding: 5px 5px; width: 80px; background: #FFF; } #_list_fav table.list td.no_show { padding: 1px 5px; background: Gold; } #_list_fav .str_no_fav { margin: 10px 30px; padding: 5px 10px; text-align: center; font-weight: bold; color: #39F; } /* ------------------------------------------------------------------------ */ #_member_login #member_login { margin: 30px auto 30px auto; width: 350px; height: 300px; background: url('../img3/bg_login_pw.png') no-repeat; } #_member_login #member_login #pw { padding: 80px 0 20px 120px; } #_member_login #member_login #submit_pw { padding: 0 0 20px 120px; } #_member_login #caution_pw { margin: 30px auto 20px auto; padding: 10px; width: 300px; text-align: center; background: #BEB; border-radius: 20px; } #_member_login #member_new { margin: 60px auto 30px auto; width: 350px; height: 300px; background: url('../img3/bg_login_new.png') no-repeat; } #_member_login #member_new #pw { padding: 90px 0 30px 120px; font-size: 32px; } #_member_login #member_new #caution_new { margin: 0 auto 0 auto; padding: 10px; width: 300px; text-align: center; background: #FFF; border-radius: 20px; } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ////////////// manage = alpha + beta + gamma ///////////////// */ /* ------------------------------------------------------------------------ */ #_manage { text-align: left; color: #333; background: #FFF; } #_manage td,input,textarea { color: #333; } #_manage div.entry { margin: 10px; padding: 3px; color: #333; border-style: solid; border-width: 1px 1px; border-color: Gainsboro; } #_manage div.entry table { margin: 0; width: 100%; border-spacing: 1px; border: 0px; background: #FFF; } #_manage div.entry td { padding: 3px 5px; vertical-align: middle; background: #E6E6E6; } #_manage div.entry td.entry_item { color: #333; background: #E6E6E6; border-bottom: dashed 0px #CCC; } #_manage div.entry td.teikyubi { background: Linen; } #_manage td.action_exp:hover { background: #C0E0E0; } #_manage div.list_box_textarea { margin: 10px 0 10px 0; padding: 10px; color: #333; background: #EEE; } #_manage div.caution { color: #333; } #_manage div.return_button { float: left; margin: 10px 20px 10px 20px; } #_manage div.submit_button { float: right; margin: 10px 20px 10px 20px; } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* change font size */ /* ------------------------------------------------------------------------ */ #fsize_menu { position: absolute; top: 0; right: 20px; padding: 5px; border-radius: 5px; } #fsize_menu ul { margin: 0; padding: 0; } #fsize_menu ul li { padding: 0 3px; list-style: none; display: inline-block; text-decoration: none; font-size: 12px; } #fsize_menu ul li.str { margin: 0 3px 0 3px; color: #FFF; } #fsize_menu ul li.item { margin: 0 3px 0 0; background: #FFF; border-radius: 2px; } #fsize_menu ul a { text-decoration: none; } #fsize_menu ul li.item:hover { border-color: #F00;} @media(max-width:767px){ #fsize_menu { display: none; } } /* ------------------------------------------------------------------------ */