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; } img { border: 0px; -ms-interpolation-mode: bicubic; } /* -------------------------------- */ .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.2em; 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; } .capt_WT{ margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #FFF; } .capt_BK{ margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #333; } .capt_RD{ margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: Red; } .capt_TL{ margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: Teal; } .capt_MR{ margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: Maroon; } .capt_OR{ margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #F60; } .capt_GR{ margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #080; } .capt_PK{ margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #B9276F; } .capt_39F{ margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #39F; } .capt_0AE{ margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #0AE; } .capt_368{ margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #368; } .capt_049{ margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #049; } .capt_911{ margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #911; } .capt_345{ margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #345; } .capt_F40{ margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #F40; } .capt_F60{ margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #F60; } .capt_060{ margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #060; } .capt_080{ margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #080; } .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; } table.gp { background: #FFF; } 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.1em; line-height: 35px; padding:0px 10px 0 30px; font-size:1.2em; font-weight: bold; color: #FFF; background: #2E4C70 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: 6px; } 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: #F60; border-radius: 0px; } div.rev_title_3 { margin: 0 0 10px 0; letter-spacing: 0.1em; line-height: 150%; padding: 10px 20px; font-size:1.2em; font-weight: bold; color: #940E0D;background: #FFF; border: solid 1px #DDD; border-radius: 5px; } div.rev_title_top { position: relative; margin: 0 0 10px 0; letter-spacing: 0.1em; line-height: 150%; padding: 7px 20px; font-size:1.2em; font-weight: bold; color: #FFF; background: #2E4C70; border-radius: 5px; } #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.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 */ /* ------------------------------------------------------------------------ */ .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; } .list_box3 { padding: 15px 10px 10px 10px; border-width: 0; } .list_box3 h2 { margin: 0; padding: 0; line-height: 150%; font-size: 1.6em; font-weight: bold; color: #345; } .list_box3 h3 { margin: 0; padding: 0; line-height: 150%; font-size: 1.4em; font-weight: bold; color: #345; } /* ------------------------------------------------------------------------ */ /* 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: 150%; list-style: none; } ul.li_02 { margin: 0px 0 10px 20px; padding: 5px 0px; line-height: 150%; 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; } @media(max-width:767px) { ul.li_01 { line-height: 200%; } ul.li_02 { line-height: 200%; } } /* ------------------------------------------------------------------------ */ 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 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 10px; text-align: left; font-weight: bold; font-size: 1.2em; bold; background: #DEF; border-style: dashed; border-width: 1px 0px 1px 0px; border-color: #999; } div.caution_2 { margin: 10px 0 10px 0; padding: 10px 10px; text-align: left; font-weight: bold; font-size: 1.2em; bold; background: #FED; 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; } /* ------------------------------------------------------------------------ */ /* pagetop and pagebottom */ /* ------------------------------------------------------------------------ */ @media(min-width:768px) { #pagetop { position: fixed; top: 400px; 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: 150%; letter-spacing: 0.0em; font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", sans-serif; font-size: 1.2em; background-color: #EEE; } /* ------------------------------------------------------------------------ */ #page_str { position: absolute; top: 152px; right: 10px; padding: 0 15px; width: 270px; background: #FFF; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; z-index: 99; } #page_str h1 { font-size: 12px; font-weight: normal; text-align: left; line-height: 150%; } /* ------------------------------------------------------------------------ */ #body1_alpha div.head_img { margin-bottom: 20px; } #body1_alpha div.head_img div.cover_mesh { height: 550px; } #body1_alpha div.head_img div.page_img { margin-top: 80px; text-align: left; } /* for top page */ #body1_alpha div.head_img div.page_img_2 { margin-left: 10px; text-align: left; } /* for other pages */ #print_screen { margin: 10px 0; } @media(min-width:768px) { #body1_alpha { position: relative; margin-top: 152px; 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_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 { 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; } #lmr_menu_mov { position: relative; margin-top: -10px; 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: 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; } #lmr_menu_mov { position: relative; margin-top: -10px; 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: #666; background: url('../img/bg_foot.png') repeat-x; } #bottom_guide { padding: 10px 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 */ } /* ------------------------------------------------------------------------ */ /* ////////////// each ///////////////// */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ #_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: 160px; background: #EEE; border-radius: 5px; } #_home div.info_kiji { float: left; padding: 3px 0; } #_home .dismantle_01 { position: relative; } #_home .dismantle_01 .bnr_to_scrap { position: absolute; top: 19%; left: 3%; } /* ------------------------------------------------------------------------ */ #_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: 160px; background: #EEE; border-radius: 5px; } #_info div.url { margin: 5px 5px 5px 20px; } #_info div.title_date { clear: both; float: left; margin: 0 10px 5px 0; padding: 3px 10px; width: 160px; background: #EEE; border-radius: 5px; } #_info div.title_kiji { float: left; padding: 3px 0; } /* ------------------------------------------------------------------------ */ #_topic div.list_box { margin: 0 0 5px 0; } #_topic 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; } #_topic div.list_box div.cat { float: right; } #_topic div.ymd { margin: 10px 10px 10px 0; padding: 3px 10px; width: 160px; background: #EEE; border-radius: 5px; } #_topic div.url { margin: 5px 5px 5px 20px; } #_topic div.title_date { clear: both; float: left; margin: 0 10px 5px 0; padding: 3px 10px; width: 160px; background: #EEE; border-radius: 5px; } #_topic div.title_kiji { float: left; padding: 3px 0; } /* ------------------------------------------------------------------------ */ #_qanda div.ctgry_ttl { margin: 10px 0 0 0; padding: 10px; width: 80%; font-size: 14px; font-weight: bold; color: #FFF; background: #3763A0; border-style: solid; border-width: 1px 1px 0 1px; border-color: #CCC; border-radius: 7px 7px 0 0; } #_qanda div.qanda_each { margin: 0 0 2px 0; padding: 0; color:#000; background: #EEE; border: solid 1px #CCC; border-radius: 0; } #_qanda div.qanda_each div.q_ttl { margin: 0; padding: 10px 15px; line-height: 150%; font-size: 1.2em; font-weight: bold; color: #333; background: #F5F5F5; } #_qanda div.qanda_each div.a_ttl { margin: 0; padding: 15px 10px 10px 15px; font-size: 1.2em; font-weight: bold; color: #044B8E; background: #FFF; border-top: dashed 1px #999; } #_qanda 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; } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ////////////// 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: -25px; right: 20px; padding: 5px; background: #2E4C70; 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 2px 0 0; background: #FFF; } #fsize_menu ul a { text-decoration: none; } #fsize_menu ul li.item:hover { border-color: #F00;} @media(max-width:767px){ #fsize_menu { display: none; } } /* ------------------------------------------------------------------------ */