/* ------------------------------------------------------------------------ */ /* 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.4em; font-weight: bold; color: #FFF; background: #060 url("../img/bg_rev_title.png") no-repeat 0% 50%; background-size: contain; border-radius: 5px; } div.rev_title_2 { margin: 0 0 10px 0; letter-spacing: 0.1em; line-height: 22px; padding:0px 10px 0 10px; font-size:1.4em; font-weight: bold; color: #FFF; background: #060; border-radius: 0px; } div.rev_title_3 { margin: 0 0 10px 0; letter-spacing: 0.1em; line-height: 35px; padding:0px 10px 0 0; font-size:1.4em; font-weight: bold; color: #345; } div.rev_title_top { position: relative; margin: 10px 0 10px 0; letter-spacing: 0.05em; line-height: 150%; padding: 0; font-size: 1.6em; font-weight: bold; color: #060; font-family: "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; } div.rev_title_top div.more { position: absolute; bottom: 0px; right: 10px; } div.rev_title_sub { margin: 20px 0; letter-spacing: 0.1em; line-height: 150%; padding: 5px 20px; width: 100%; font-size:1.2em; font-weight: bold; color: #FFF; background: #456; border-radius: 5px; } div.rev_title_grt { margin: 30px 0; letter-spacing: 0.1em; line-height: 35px; padding:0px 10px 0 0; font-size:1.4em; font-weight: bold; color: #456; } div.rev_title_work { margin: 0 0 10px 0; letter-spacing: 0.1em; line-height: 35px; padding:0px 10px 0 0; font-size:1.4em; font-weight: bold; color: #FFF; } @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; } /* ------------------------------------------------------------------------ */ /* stagement */ /* ------------------------------------------------------------------------ */ .statement { margin: 20px 0 0 0 !important; } .statement .str { margin: 10px; } /* ------------------------------------------------------------------------ */ 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_cat { font-size: 1.2em; font-weight: bold; color: #FFF; background: #579; } div.entry td.entry_item { background: #E6E6E6; } div.entry td.input_area { 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; } /* ------------------------------------------------------------------------ */ /* 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: #060; } #_calendar div.list_box .when { font-size:32px; font-weight: bold; } #_calendar div.list_box .where { } #_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; } .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; } /* ------------------------------------------------------------------------ */ /* flow chart */ /* ------------------------------------------------------------------------ */ table.flow_num { margin-top: 20px; padding: 2px; border: 0; width: 100%; border-spacing: 0; border: 1px solid #9DCAFF; } table.flow_num.sml { border: 1px solid #FE995E; } table.flow_num td.exp { padding: 5px 10px 5px 20px; line-height: 150%; color: #333; background: #FFF; } table.flow_num td.num { padding: 3px; } div.shadow_flow { margin-top: 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 { margin-top: 0; text-align: center; width: 100%; min-height: 20px; } #body1_alpha .head_img { position: relative; margin: 0 0 0 0; width: 100%; } #body1_alpha .head_img #head_cover { margin-top: 0; padding-top: 0; } #body1_alpha .head_img .cover_mesh { height: 120px; } #body1_alpha .head_img .page_img { position: absolute; top: 1.5%; left: 1%; } #body1_alpha .head_img .page_str_top { position: absolute; bottom: 0; right: 10px; padding: 5px 5px; width: 300px; text-align: center; border-radius: 10px 10px 0 0; } #body1_alpha .head_img .page_str_top h2 { margin: 0; padding: 0; font-size: 1.0em; line-height: 180%; font-weight: normal; color: #333; } #body1_alpha .head_img .page_str { position: absolute; top: 0; right: 10px; padding: 10px 5px; z-index: 99; } #body1_alpha .head_img .page_str h2 { margin: 0; padding: 0; font-size: 1.0em; line-height: 180%; font-weight: normal; color: #333; } #body1_alpha .head_img .page_str_path { margin: 0; padding: 10px 10px; width: 100%; text-align: left; font-size: 1.0em; font-weight: bold; color: #345; background: #FFF; border-top: solid 0 #456; filter: alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; } #body1_alpha .head_img .logo_white { position: absolute; padding-left: 10px; padding-top: 53px; } @media (max-width:767px) { #body1_alpha .head_img .page_str_top { position: absolute; bottom: 5px; right: 0; padding: 5px; width: 100%; text-align: center; } #body1_alpha .head_img .page_str { position: absolute; bottom: 0; right: 0; padding: 7px 10px 0 0; z-index: 99; } #body1_alpha .head_img .cover_mesh { height: 38px; } } @media (min-width: 1600px) { #body1_alpha .head_img #head_cover { height: 700px; } } @media (min-width:1200px) and (max-width:1599px) { /* ★PCサイズ */ #body1_alpha .head_img #head_cover { height: 600px; } } @media (min-width:1000px) and (max-width:1199px) { /* ★PCサイズ */ #body1_alpha .head_img #head_cover { height: 600px; } } @media (min-width:768px) and (max-width:999px){ #body1_alpha .head_img #head_cover { height: 500px; } } @media (max-width:767px) { #body1_alpha { margin-top: 65px; } /* margin-top:65px as height of top navibar */ #body1_alpha .head_img #head_cover { height: 320px; background-size: cover; } #body1_alpha .head_img .page_img { position: absolute; top: 2%; left: 5%; width: 80%; } } .cdat { margin: 0 0 5px 0; } /* ------------------------------------------------------------------------ */ #foot { margin: 1px 0 0 0; padding: 10px 0; width: 100%; height: 500px; color: #CCC; background: #000; } #bottom_guide { margin: 0 auto; padding: 10px 0 10px 0; width: 100%; text-align: center; background: #000; } #copyright { margin: 10px 10px 20px 0; padding: 0; text-align: right; font-size: 0.8em; font-family: Georgia, Palatino Linotype, "ＭＳ Ｐ明朝"; } @media(min-width:768px) { #btn_bottom { display: none; } } @media(max-width:767px) { #foot { margin: 5% 0 0 0; height: 500px; } #btn_bottom { position: fixed; left: 0; bottom: 0; z-index: 999; } } #twtr { margin-bottom: 20px; } @media(max-width:767px) { /* twitter API */ #twtr { width: 90%; } /* for Smart Phone */ } /* ------------------------------------------------------------------------ */ /* ////////////// each ///////////////// */ /* ------------------------------------------------------------------------ */ #_home div.more { float: right; margin: 7px 5px 0 0; } #_home div.top_contribute { margin: 0 0 15px 0; padding: 10px 0; border: solid 0 #345; } #_home div.sub_script { margin: 5px 10px 10px 10px; } #_home div.url { margin: 5px 5px 5px 20px; } #_home dl.top_str dt { margin: 15px 0 5px 10px; padding: 0; font-size: 1.5em; font-weight: bold; color: #060; } #_home dl.top_str dd { margin: 0 0 0 15px; padding: 0; font-size: 1.2em; } /* ------------------------------------------------------------------------ */ #_info div.top_contribute { margin: 0 0 15px 0; padding: 10px 0; border: solid 0 #345; } #_info div.sub_script { margin: 5px 10px 10px 10px; } #_info div.url { margin: 5px 5px 5px 20px; } /* ------------------------------------------------------------------------ */ #_campaign div.top_contribute { margin: 0 0 15px 0; padding: 10px 0; border: solid 0 #345; } #_campaign div.sub_script { margin: 5px 10px 10px 10px; } #_campaign div.url { margin: 5px 5px 5px 20px; } /* ------------------------------------------------------------------------ */ #_calendar div.top_contribute { margin: 0 0 15px 0; padding: 10px 0; border: solid 0 #345; } #_calendar div.sub_script { margin: 5px 10px 10px 10px; } #_calendar div.url { margin: 5px 5px 5px 20px; } /* ------------------------------------------------------------------------ */ #_about table.about td, table.about th { vertical-align: middle; } #_about table.about td.item, #_about table.about th { background: #FFF; } #_about ul.customer { margin: 0; padding: 0; } #_about ul.customer li { list-style-type: none; line-height: 180%; } /* ------------------------------------------------------------------------ */ #_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: #2DA8E1; 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%; } #_qanda div.ans .str { line-height: 180%; } /* ------------------------------------------------------------------------ */ #_link div.link_category_title { margin: 10px 0 10px 0; padding: 3px 10px; background: #FFF; border-style: solid; border-width: 1px; border-color: #5F7A99; border-radius: 5px; } #_link div.link_box { margin: 0 0 5px 0; padding: 0 0; border-style: solid; border-width: 1px 0 0 0; border-color: Silver; } #_link div.link_box div.link_title { float: left; margin: 0 0 0 0; padding: 3px 0 3px 0; line-height: 24px; } #_link div.link_box div.link_category { float: right; margin: 0 0 0 10px; padding: 0 0 0 0; color: #999; } #_link div.link_box div.link_exp { clear: both; margin: 5px 0 5px 50px; color: #999; } #_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: 20px 20px; } #_privacy div.sub_title { margin: 30px 0; font-size: 18px; font-weight: bold; text-align: center; color: #060; background: #FFF; } #_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; } /* ------------------------------------------------------------------------ */