/* ------------------------------------------------------------------------ */ /* rev_title */ /* ------------------------------------------------------------------------ */ div.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: #226 url("../img/bg_rev_title.png") no-repeat 0% 50%; background-size: contain; border-radius: 5px; } div.rev_title div.more { position: absolute; top: 1px; right: 0; } div.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: #559; border-radius: 0px; } div.rev_title_3 { margin: 0 0 10px 0; letter-spacing: 0.1em; line-height: 35px; padding:0px 10px 0 20px; font-size:1.2em; font-weight: bold; color: #FFF; background: #559; border-radius: 5px; } div.rev_title_top { position: relative; margin-top: 10px; letter-spacing: 0.1em; line-height: 35px; padding:0px 10px 0 25px; font-size:1.2em; font-weight: bold; color: #FFF; background: #226 url("../img/bg_rev_title.png") no-repeat 0% 50%; background-size: contain; border-radius: 5px; } div.rev_title_sub { margin: 0 0 10px 0; letter-spacing: 0.1em; line-height: 35px; padding:0px 10px 0 40px; width:300px; font-size:1.2em; font-weight: bold; color: #FFF; background: #940E0D url("../img/bg_rev_title_sub.png") no-repeat 0% 50%; ; background-size: contain; border-radius: 5px; } div.rev_page_ttl { margin: 0 0 10px 0; letter-spacing: 0.1em; line-height: 35px; padding:0px 10px 0 40px; font-size:1.2em; font-weight: bold; color: #226; background: #FFF url("../img/bg_rev_page_ttl.png") no-repeat 7px 50%; background-size: contain; border: solid 2px #226; border-radius: 0; } @media(max-width:767px) { div.rev_title_sub { width:100%; } } /* ------------------------------------------------------------------------ */ 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: 5px 0; padding: 5px 0; width: 100%; border-style: dashed; border-width: 0 0 1px 0; border-color: #CCC; } .holiday_comm .ttl { margin: 5px 0; line-height: 1.8em; font-size: 1.2em; font-weight: bold; color: #39F; } .holiday_comm .str { margin: 5px 0; } /* ------------------------------------------------------------------------ */ /* statement */ /* ------------------------------------------------------------------------ */ .statement { margin: 20px 0 0 0 !important; } .statement .str { margin: 10px 0 10px 30px; } /* ------------------------------------------------------------------------ */ ul.page_ttl { margin: 5px 0; padding: 0; font-size: 1.2em; } ul.page_ttl li.page_ttl { margin: 0 0 3px 5px; padding: 3px 0; list-style: none; } ul.li_01 { margin: 0 0 0 0; padding: 6px 0; list-style: none; } ul.li_01 li.li_01 { margin: 5px 0 5px 0; padding: 6px 10px; background: #FFF; border: solid 1px #DDD; border-style: solid; border-width: 1px; border-color: #DDD #ddd #CCC #DDD; border-radius: 5px; } ul.li_02 { margin: 0 0 5px 20px; padding: 6px 0; line-height: 200%; list-style-image: url("../img/arrow_li_02.png"); } ul.li_02 li.li_02 { margin: 0 0 5px 0; padding: 6px 0; } /* ------------------------------------------------------------------------ */ 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 20px; width: 50%; } .right_photo_border div.item { margin: 0; } /* ------------------------------------------------------------------------ */ /* 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; } a.pagination { margin: 0; padding:0; background: #FFF; border: 0; } .pagination.jis { color: Red; font-weight: bold; } /* ------------------------------------------------------------------------ */ /* calendar */ /* ------------------------------------------------------------------------ */ #calendar_area { margin: 20px 0 20px 0; } 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 div.list_box table.spec { margin: 0 10px 10px 10px; width: 50%; } #_calendar .right_photo_border { float: right; margin: 0 0 20px 0; width: 40%; } } @media(max-width:767px) { #_calendar div.list_box table.spec { margin: 0 10px 10px 10px; width: 95%; } #_calendar .right_photo_border { margin: 0; width: 100%; } } #_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; } /* ------------------------------------------------------------------------ */ /* 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; } /* ------------------------------------------------------------------------ */ /* pagetop and pagebottom */ /* ------------------------------------------------------------------------ */ @media(min-width:768px) { #pagetop { position: fixed; top: 650px; right: 0.5%; z-index: 999; } } @media(max-width:767px) { #pagetop { display: none; } } /* ------------------------------------------------------------------------ */ body { word-wrap: break-word; overflow-wrap: break-word; color: #333; line-height: 180%; letter-spacing: 0.0em; font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", sans-serif; font-size: 1.2em; background-color: #FFF; } /* ------------------------------------------------------------------------ */ #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%; } /* ------------------------------------------------------------------------ */ #body1_alpha div.head_img { margin-top: -5px; margin-bottom: 20px; } #body1_alpha div.head_img div.cover_mesh { height: 240px; background: url('../img/cover_mesh.png') center 0px; } #body1_alpha div.head_img div.top { padding-top: 132px; height: 600px; } #body1_alpha div.head_img div.page_img { position: absolute; top: 0; right: 0; } #body1_alpha div.head_img div.page_img_2 { margin-left: 10px; text-align: center; } #print_screen { margin: 0 0 10px 0; } @media(min-width:768px) { #body1_alpha { position: relative; margin-top: 0; text-align: center; width: 100%; min-height: 20px; } /* margin-top:xxxpx as height of top navibar */ /* min-height as margin top of menu */ #lmr_body2 { width: 100%; } /*** 廃止 #lmr_menu_pc { position: relative; margin-top: 0; text-align: center; width: 100%; min-height: 20px; } ***/ /* margin-top:xxxpx as height of top navibar */ /* min-height as margin top of menu */ /*** 廃止 #lmr_menu_mov { display: none; } ***/ } @media(max-width:767px) and (min-width:415px) { #body1_alpha { position: relative; margin-top: 0; text-align: center; width: 100%; } #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; } ***/ /*** 廃止 #lmr_menu_mov { position: relative; margin-top: 0; margin-bottom: 10px; padding-top: 0; text-align: center; width: 100%; min-height: 20px; } ***/ /* margin-top:65px as height of top navibar */ /* min-height as margin top of menu */ #page_str h1 { display: none; } } @media(max-width:414px) { #body1_alpha { position: relative; margin-top: 0; text-align: center; width: 100%; } #body1_alpha div.head_img div.page_img { margin-top: 40px; } #body1_alpha div.head_img div.top { height: 240px; background-size: cover; } /*** 廃止 #lmr_menu_pc { display: none; } ***/ /*** 廃止 #lmr_menu_mov { position: relative; margin-top: 0; margin-bottom: 10px; padding-top: 0; text-align: center; width: 100%; min-height: 20px; } ***/ /* margin-top:65px as height of top navibar */ /* min-height as margin top of menu */ #page_str h1 { display: none; } } /* ------------------------------------------------------------------------ */ .cdat { margin: 0 0 5px 0; } /* ------------------------------------------------------------------------ */ #foot { margin: 50px 0 0 0; padding: 10px 10px; width: 100%; color: #FFF; background: #226; } #bottom_guide { padding: 0 0 10px 0; text-align: left; } #copyright { margin: 10px 0 10px 0; padding: 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 */ } @media(min-width:768px) { #btn_bottom { display: none; } } @media(max-width:767px) { #foot { margin: 5% 0 10% 0; } #btn_bottom { position: fixed; left: 0; bottom: 0; z-index: 999; } } /* ------------------------------------------------------------------------ */ /* ////////////// each ///////////////// */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ #_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 0 0 0; } /* ------------------------------------------------------------------------ */ #_info div.url { margin: 5px 5px 5px 20px; } /* ------------------------------------------------------------------------ */ #_topic 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: 50%; background: #2DA8E1; border-radius: 15px; } #_qanda div.que .fin { position: absolute; bottom: -10px; left: 10px; } #_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: #F4F4F4; border-radius: 15px; } #_qanda div.ans .fin { position: absolute; bottom: -10px; right: 10px; } #_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; } /* ------------------------------------------------------------------------ */