/* ------------------------------------------------------------------------ */ /* rev_title */ /* ------------------------------------------------------------------------ */ .rev_title { margin: 0 0 10px 0; letter-spacing: 0.1em; line-height: 35px; padding:0px 10px 0 30px; font-size:1.2em; font-weight: bold; color: #FFF; background: #456 url("../img/bg_rev_title.png") no-repeat 0% 50%; background-size: contain; border-radius: 5px; } .rev_title div.more { position: absolute; top: 1px; right: 6px; } .rev_title_2 { margin: 0 0 10px 0; letter-spacing: 0.1em; line-height: 22px; padding:0px 10px 0 10px; font-size:1.2em; font-weight: bold; color: #FFF; background: #863; border-radius: 0px; } .rev_title_3, .rev_title_top { margin: 0 0 20px 0; letter-spacing: 0.1em; line-height: 35px; padding:0px 10px 0 10px; font-size:1.8em; font-weight: bold; color: #345; border-left: solid 5px #345; border-right: solid 5px #345; } .rev_title_4 { margin: 0 0 10px 0; letter-spacing: 0.1em; line-height: 30px; padding:0; text-align: center; font-size:1.2em; font-weight: bold; color: #345; } /* ------------------------------------------------------------------------ */ /* calendar */ /* ------------------------------------------------------------------------ */ table.calendar { border-collapse: collapse; } table.calendar td { padding: 5px; background: #FFF; border: solid 1px #DDD; } #_calendar div.list_box_title { margin: 5px 0 0 0; padding: 3px 10px; line-height: 40px; font-size: 1.4em; color: #333; border-style: solid solid dashed solid; border-width: 2px 0px 1px 0px; border-color: #F40; } #_calendar div.list_box .when { font-size:32px; font-weight: bold; } #_calendar div.list_box .where { font-size:16px; font-weight: bold; } #_calendar div.list_box div.henhere { margin: 20px 10px 30px 10px; font-family: Georgia; } @media(min-width:768px) { .calendar_area { margin: 20px auto; width: 96%; } #_calendar div.list_box table.spec { margin: 0 10px 10px 10px; width: 50%; } } @media(max-width:767px) { .calendar_area { margin: 20px auto; width: 100%; } #_calendar div.list_box table.spec { margin: 0 10px 10px 10px; width: 95%; } } #_calendar div.list_box table.spec td { border-bottom: dotted 1px #999; } #_calendar div.list_box table.spec div.item1 { margin-bottom: 2px; padding: 2px 5px 2px 0px; white-space: nowrap; } #_calendar div.list_box table.spec div.item2 { margin-bottom: 2px; padding: 2px 5px 2px 20px; } /* ------------------------------------------------------------------------ */ div.info_area { margin: 10px 0; padding: 0; text-align: left; border-bottom: dashed 1px #CCC; } ul.info { margin: 10px 0; padding: 10px 0; list-style: none; } .holiday_comm { margin-top: 10px; padding: 5px 10px; width: 100%; border-style: dashed; border-width: 0 0 1px 0; border-color: #456; } .holiday_comm .ttl { line-height: 1.4em; font-size: 1.2em; font-weight: bold; color: #39F; } .holiday_comm .str { margin-top: 2px; } /* ------------------------------------------------------------------------ */ /* list box */ /* ------------------------------------------------------------------------ */ div.list_box { margin: 0 0 10px 0; padding: 10px; text-align: left; background: #FFF; border-style: solid; border-width: 0; border-color: #DDD #DDD #CCC #DDD; } /* ------------------------------------------------------------------------ */ /* statement */ /* ------------------------------------------------------------------------ */ .statement { margin: 20px 0 0 0 !important; } .statement .str { margin: 10px 0 10px 30px; } /* ------------------------------------------------------------------------ */ 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("../img/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; } /* ------------------------------------------------------------------------ */ ul.page_ttl { margin: 0; padding: 0; font-size: 1.1em; } ul.page_ttl li.page_ttl { position: relative; margin: 0 0 0 10px; padding: 5px 0; list-style: none; } /* ------------------------------------------------------------------------ */ div.head_search input.word { font-size: 12px; color: #666; } div.head_search input.button { width: 60px; height: 20px; } /* ------------------------------------------------------------------------ */ /* contribute box */ /* ------------------------------------------------------------------------ */ div.top_contribute { margin: 0 0 15px 0; padding: 10px 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.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; } /* ------------------------------------------------------------------------ */ /* lmr_0(左サイドのコンテンツ) */ /* ------------------------------------------------------------------------ */ div.lmr_0 { margin: 0 0 10px 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; } /* ------------------------------------------------------------------------ */ /* list box of info, search, ... */ /* ------------------------------------------------------------------------ */ div.top_contribute { margin: 0 0 15px 0; padding: 10px 5px; border: solid 0px #368; border-radius: 0 0 5px 5px; } div.title_date { clear: both; float: left; margin: 0 10px 10px 0; padding: 3px 0 3px 10px; width: 180px; color: #FFF; background: #345; border-radius: 5px; } div.title_kiji { float: left; padding: 3px 0; } /* ------------------------------------------------------------------------ */ /* pagetop and pagebottom */ /* ------------------------------------------------------------------------ */ @media(min-width:768px) { #pagetop { position: fixed; bottom: 100px; right: 5px; z-index: 999; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; } } @media(max-width:767px) { #pagetop { display: none; } } /* ------------------------------------------------------------------------ */ 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: #F5F5F5; } /* ------------------------------------------------------------------------ */ #page_str { position: absolute; top: 132px; right: 10px; width: 270px; z-index: 99; } #page_str h1 { font-size: 12px; font-weight: normal; text-align: left; line-height: 100%; } /* ------------------------------------------------------------------------ */ #print_screen { margin: 10px 0; } /* ------------------------------------------------------------------------ */ /* body_alpha */ /* ------------------------------------------------------------------------ */ #lmr_menu_pc { position: relative; margin-top: 26px; text-align: center; width: 100%; min-height: 20px; } /* margin-top:166px as height of top navibar */ /* min-height as margin top of menu */ #lmr_menu_mov { position: relative; margin-top: -5px; margin-bottom: 20px; padding-top: 0; text-align: center; width: 100%; min-height: 20px; background: #123; } /* margin-top:65px as height of top navibar */ /* min-height as margin top of menu */ @media(min-width:768px) { #body1_alpha { position: relative; margin-top: 171px; text-align: center; width: 100%; min-height: 20px; } /* margin-top:152px as height of top navibar */ /* min-height as margin top of menu */ #lmr_body2 { width: 100%; } #lmr_menu_mov { display: none; } } @media(max-width:767px) and (min-width:415px) { #body1_alpha { position: relative; margin-top: 65px; text-align: center; width: 100%; min-height: 20px; } #body1_alpha div.head_img div.page_img { margin-top: 40px; } #body1_alpha div.head_img div.top { height: 320px; background-size: cover; } #lmr_menu_pc { display: none; } #page_str h1 { display: none; } } @media(max-width:414px) { #body1_alpha { position: relative; margin-top: 65px; text-align: center; width: 100%; min-height: 20px; } #body1_alpha div.head_img div.page_img { margin-top: 40px; } #body1_alpha div.head_img div.top { height: 160px; background-size: cover; } #lmr_menu_pc { display: none; } #page_str h1 { display: none; } } /* ------------------------------------------------------------------------ */ .cdat { margin: 0 0 5px 0; } /* ------------------------------------------------------------------------ */ #foot { margin: 20px 0 0 0; padding: 2px 0; width: 100%; color: #FFF; background: #123; } #bottom_guide { margin: 20px auto; padding: 10px 0 10px 0; width: 100%; text-align: center; } #copyright { margin: 10px 10px 50px 0; padding: 0; text-align: right; font-size: 0.8em; font-family: Georgia, Palatino Linotype, "ＭＳ Ｐ明朝"; } @media(max-width:414px) { #foot { margin: 10px 0 0 0; padding: 20px 0; width: 100%; color: #FFF; background: #123; } #copyright { margin: 10px 10px 50px 0; padding: 0; text-align: center; font-size: 0.8em; font-family: Georgia, Palatino Linotype, "ＭＳ Ｐ明朝"; } } @media(max-width:767px) { /* twitter API */ #twtr { width: 90%; } } @media(min-width:768px) { #btn_bottom { display: none; } } @media(max-width:767px) { #foot { margin: 5% 0 0 0; } #btn_bottom { position: fixed; left: 0; bottom: 0; z-index: 999; } } /* ------------------------------------------------------------------------ */ /* ////////////// 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.6em; font-weight: bold; color: #345; } #_home div.list_box h3 { margin: 0; padding: 0; line-height: 150%; font-size: 1.4em; font-weight: bold; color: #345; } #_home div.more { float: right; margin: 0 5px 0 0; } #_home div.info_date { clear: both; float: left; margin: 0 10px 5px 0; padding: 3px 10px; width: 180px; color: #FFF; background: #345; border-radius: 5px; } #_home div.info_kiji { float: left; padding: 3px 0; } #_home ul.shop li { margin: 0; padding: 3px; list-style-type: none; } /* ------------------------------------------------------------------------ */ #_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 #F40; } #_info div.list_box div.cat { float: right; } #_info div.ymd { margin: 10px 10px 10px 0; padding: 3px 10px; width: 180px; color:#FFF; background: #345; border-radius: 5px; } #_info div.url { margin: 5px 5px 5px 20px; } /* ------------------------------------------------------------------------ */ #_about table.company td { width:70%; } #_about table.company td.item { width:30%; } #_about ul.customer { margin: 0 0 20px 0; padding: 0 0 0 30px; } #_about ul.customer li { padding: 5px 0; } #_about div.profile { float:right; margin:20px 0 20px 0; width: 100%; } #_about div.left_photo { float: left; margin:20px 20px 20px 0; } #_about ul.me { margin: 20px 0 0 0; padding: 0; } #_about ul.me li { margin: 5px 0; list-style-type: none; font-size: 14px; line-height: 125%; color: #333; font-weight: bold; } #_about ul.me li span.item { color: #00AAE6; } #_about ul.me li span.me { color: #333; } /* ------------------------------------------------------------------------ */ #_qanda div.qanda { clear: both; width: 100%; } #_qanda div.que { position: relative; float: left; margin: 10px 0 5px 0; padding: 15px 15px; width: 60%; background: #17B750; border-radius: 10px; } #_qanda div.que .fin { position: absolute; top: -15px; left: 85px; } #_qanda div.que .person { position: absolute; top: -53px; left: 15px; } #_qanda div.que .str { line-height: 180%; font-weight: bold; color: #FFF; } #_qanda div.ans { position: relative; float: right; margin: 0 0 20px 0; padding: 15px 15px; width: 75%; background: #DDD; border-radius: 15px; } #_qanda div.ans .fin { position: absolute; top: -14px; right: 90px; } #_qanda div.ans .person { position: absolute; top: -55px; right: 20px; } #_qanda div.ans .str { line-height: 180%; } /* ------------------------------------------------------------------------ */ #_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; } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ////////////// 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; } /* ------------------------------------------------------------------------ */