@charset "Shift_JIS"; /* スタイルシート */ @import url(/common/css/textpagebase.css); /* パンくず最下層文字拡大 */ .breadcrumb_end { /*font-size:12pt;*/ font-weight: bold; } /*** タブメニュー ***/ #tabs { width: 920px; padding: 0px; margin: 10px auto; text-align: center; background-color: transparent; } /* スポット、広域、危険情報 */ .tab_hazard { float:left; width: 20%; padding: 5px; background-color: #b0c4de; border: 1px solid #DDD; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; color: #235799; font-size: 9pt; font-weight: bold; text-shadow: 1px 1px 1px #999; background: -webkit-linear-gradient(top, #eee, #b0c4de); background: -moz-linear-gradient(top, #eee, #b0c4de); background: -ms-linear-gradient(top, #eee, #b0c4de); background: linear-gradient(top, #eee, #b0c4de); background: linear-gradient(to bottom, #eee, #b0c4de); } .tab_hazard:hover { background-color: #1335A0; border: 1px solid #1335A0; color: #fff; font-weight: bold; text-shadow: 1px 1px 1px #555; background: -webkit-linear-gradient(top, #eee, #1335A0); background: -moz-linear-gradient(top, #eee, #1335A0); background: -ms-linear-gradient(top, #eee, #1335A0); background: linear-gradient(top, #eee, #1335A0); background: linear-gradient(to bottom, #eee, #1335A0); } /* 安全対策基礎データ */ .tab_safety { float:left; width: 20%; padding: 5px; background-color: #B1DFB4; border: 1px solid #DDD; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; color: #126B18; font-size: 9pt; font-weight: bold; text-shadow: 1px 1px 1px #999; background: -webkit-linear-gradient(top, #eee, #B1DFB4); background: -moz-linear-gradient(top, #eee, #B1DFB4); background: -ms-linear-gradient(top, #eee, #B1DFB4); background: linear-gradient(top, #eee, #B1DFB4); background: linear-gradient(to bottom, #eee, #B1DFB4); } .tab_safety:hover { background-color: #126B18; border: 1px solid #126B18; color: #fff; font-weight: bold; text-shadow: 1px 1px 1px #555; background: -webkit-linear-gradient(top, #eee, #126B18); background: -moz-linear-gradient(top, #eee, #126B18); background: -ms-linear-gradient(top, #eee, #126B18); background: linear-gradient(top, #eee, #126B18); background: linear-gradient(to bottom, #eee, #126B18); } /* 安全の手引き */ .tab_manual { float:left; width: 20%; padding: 5px; background-color: #DCDFB1; border: 1px solid #DDD; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor:pointer; color: #9E5F0E; font-size:9pt; font-weight: bold; text-shadow: 1px 1px 1px #999; background: -webkit-linear-gradient(top, #eee, #DCDFB1); background: -moz-linear-gradient(top, #eee, #DCDFB1); background: -ms-linear-gradient(top, #eee, #DCDFB1); background: linear-gradient(top, #eee, #DCDFB1); background: linear-gradient(to bottom, #eee, #DCDFB1); } .tab_manual:hover { background-color: #9E5F0E; border: 1px solid #9E5F0E; color: #fff; font-weight: bold; text-shadow: 1px 1px 1px #555; background: -webkit-linear-gradient(top, #eee, #9E5F0E); background: -moz-linear-gradient(top, #eee, #9E5F0E); background: -ms-linear-gradient(top, #eee, #9E5F0E); background: linear-gradient(top, #eee, #9E5F0E); background: linear-gradient(to bottom, #eee, #9E5F0E); } /* テロ・誘拐情報 */ .tab_terror { float:left; width: 20%; padding: 5px; background-color: #DFB4B1; border: 1px solid #DDD; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; color: #D4291E; font-size: 9pt; font-weight: bold; text-shadow: 1px 1px 1px #999; background: -webkit-linear-gradient(top, #eee, #DFB4B1); background: -moz-linear-gradient(top, #eee, #DFB4B1); background: -ms-linear-gradient(top, #eee, #DFB4B1); background: linear-gradient(top, #eee, #DFB4B1); background: linear-gradient(to bottom, #eee, #DFB4B1); } .tab_terror:hover { background-color: #D4291E; border: 1px solid #D4291E; color: #fff; font-weight: bold; text-shadow: 1px 1px 1px #555; background: -webkit-linear-gradient(top, #eee, #D4291E); background: -moz-linear-gradient(top, #eee, #D4291E); background: -ms-linear-gradient(top, #eee, #D4291E); background: linear-gradient(top, #eee, #D4291E); background: linear-gradient(to bottom, #eee, #D4291E); } /* 医療事情 */ .tab_medical { float:left; width: 20%; padding: 5px; background-color: #CBB1DF; border: 1px solid #DDD; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; color: #611F94; font-size: 9pt; font-weight: bold; text-shadow: 1px 1px 1px #999; background: -webkit-linear-gradient(top, #eee, #CBB1DF); background: -moz-linear-gradient(top, #eee, #CBB1DF); background: -ms-linear-gradient(top, #eee, #CBB1DF); background: linear-gradient(top, #eee, #CBB1DF); background: linear-gradient(to bottom, #eee, #CBB1DF); } .tab_medical:hover { background-color: #611F94; border: 1px solid #611F94; color: #fff; font-weight: bold; text-shadow: 1px 1px 1px #555; background: -webkit-linear-gradient(top, #eee, #611F94); background: -moz-linear-gradient(top, #eee, #611F94); background: -ms-linear-gradient(top, #eee, #611F94); background: linear-gradient(top, #eee, #611F94); background: linear-gradient(to bottom, #eee, #611F94); } /* 現在表示中のタブ */ .tab_now { background-color: #b0c4de; border: 1px solid #b0c4de; /*color: #000;*/ /*font-weight: normal;*/ } .tab_now:hover { background-color: #1335A0; border: 1px solid #1335A0; /*color: #000;*/ /*font-weight: normal;*/ } /* メインコンテンツ */ #info_main { max-width: 1030px; width: 100%; padding: 0px; margin: 0 auto; /* background-color: #b0c4de; */ } /*** 上グループ ***/ #info_head { float: left; width: 100%; padding: 5px; /* margin: 0px 5px 0px 5px; */ } /* 説明 */ #explanation { padding: 0px 5px 5px 5px; text-align: left; vertical-align: top; font-size: 8pt; font-weight: normal; line-height: 100%; /*color: #5a3c21;*/ /*background-color: #b0c4de;*/ -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px; border-radius: 0px; border-left: 0px solid #b0c4de; border-right: 0px solid #b0c4de; border-top: 0px solid #b0c4de; border-bottom: 0px solid #b0c4de; } /* 国名 */ #country { padding: 5px 5px 0px 5px; text-align: left; vertical-align: top; font-size: 18pt; font-weight: normal; line-height: 18pt; text-shadow: 2px 2px 1px #fff; filter: dropshadow(color=#ffffff, offx=4, offy=4, positive=1); } /*** 下・左側グループ ***/ #info_body_left { float: left; width: 49%; padding: 5px; /* margin: 5px; */ } /* 拡大されます */ #kakudai { float: left; margin: 0px; padding: 0px; text-align: left; vertical-align: top; font-size: 9pt; font-weight: normal; background-color: #b0c4de; } /* リンクバナー */ #banner { margin-top:10px; text-align: center; } div#banner a { text-decoration: none; } /* バナーボタン */ .banner_base { margin: 5px auto 0; /* max-width: 380px; */ width: 100%; padding: 10px; cursor:pointer; text-align: center; font-size: 12pt; font-weight: bold; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* Mail MaGazine service */ .banner_mmg { background-color: #2A4C79; background: -moz-linear-gradient(top,#2A4C79 0%,#2A4C79); background: -webkit-gradient(linear, left top, left bottom, from(#2A4C79), to(#2A4C79)); border: 1px solid #fff; color:#FFF; } .banner_mmg:hover { background-color: #87A4C9; background: -moz-linear-gradient(top,#87A4C9 0%,#87A4C9); background: -webkit-gradient(linear, left top, left bottom, from(#87A4C9), to(#87A4C9)); border: 1px solid #fff; color:#2A4C79; } /* ORR site */ .banner_orr { -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; background-color: #003399; background: -moz-linear-gradient(top,#003399 0%,#003399); background: -webkit-gradient(linear, left top, left bottom, from(#003399), to(#003399)); border: 1px solid #fff; color:#FFF; } .banner_orr:hover { background-color: #6685c2; background: -moz-linear-gradient(top,#6685c2 0%,#6685c2); background: -webkit-gradient(linear, left top, left bottom, from(#6685c2), to(#6685c2)); border: 1px solid #fff; /* color:#2A4C79; */ } /* tabireg site */ .banner_tabireg { background-color: #003399; background: -moz-linear-gradient(top,#003399 0%,#003399); background: -webkit-gradient(linear, left top, left bottom, from(#003399), to(#003399)); border: 1px solid #fff; color:#FFF; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .banner_tabireg:hover { background-color: #6685c2; background: -moz-linear-gradient(top,#6685c2 0%,#6685c2); background: -webkit-gradient(linear, left top, left bottom, from(#6685c2), to(#6685c2)); border: 1px solid #fff; /* color:#2A4C79; */ } /* EMBassy site */ .banner_emb { background-color: #0099cc; background: -moz-linear-gradient(top,#0099cc 0%,#0099cc); background: -webkit-gradient(linear, left top, left bottom, from(#0099cc), to(#0099cc)); /*border: 1px solid #fff;*/ color:#fff; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); } .banner_emb:hover { opacity: .7; /* background-color: #7fcce5; background: -moz-linear-gradient(top,#7fcce5 0%,#7fcce5); background: -webkit-gradient(linear, left top, left bottom, from(#7fcce5), to(#7fcce5)); border: 1px solid #fff; color:#2A794C; */ } /*** 下・右側グループ ***/ #info_body_right { float: right; width: 49%; padding: 5px; /* margin: 5px; */ } /* 感染症ピックアップ */ #infection, #infectiondetail { width: 100%; height:auto; margin-bottom: 10px; padding: 10px; text-align: left; vertical-align: top; /*font-size: 10pt;*/ font-weight: normal; background-color: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /*border: 1px solid #888;*/ } /* 感染症タイトル */ div#infection p.title { margin:0 auto; font-size: 100%; font-weight: bold; color:#000; } /* 感染症情報単位 */ .infect_unit { margin-top: 10px; line-height: 1.2em; } /* 危険情報 */ #kiken, #kikendetail { width: 100%; height:auto; margin-bottom: 10px; padding: 10px; text-align: left; vertical-align: top; /*font-size: 10pt;*/ font-weight: normal; background-color: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /*border: 1px solid #888;*/ } /* 危険情報タイトル */ div#kiken p.title { margin:0 auto; font-size: 100%; font-weight:bold; color:#000; } /* 危険情報とは? */ div#kiken .help{ float: right; width: 120px; padding: 2px 5px 2px 5px; background-color: #ff4500; background: -moz-linear-gradient(top,#ff4500 0%,#ff4500); background: -webkit-gradient(linear, left top, left bottom, from(#ff4500), to(#ff4500)); border: 1px solid #fff; color:#FFF; cursor:pointer; text-align: center; font-size: 9pt; font-weight: bold; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px; border-radius: 5px; } div#kiken .help:hover { background-color: #ff6347; background: -moz-linear-gradient(top,#ff6347 0%,#ff6347); background: -webkit-gradient(linear, left top, left bottom, from(#ff6347), to(#ff6347)); border: 1px solid #003300; /* color:#ff4500; */ } /* 感染症危険情報とは? */ div#infection .help{ float: right; width: 120px; padding: 2px 5px 2px 5px; background-color: #2A4C79; background: -moz-linear-gradient(top,#2A4C79 0%,#2A4C79); background: -webkit-gradient(linear, left top, left bottom, from(#2A4C79), to(#2A4C79)); border: 1px solid #fff; color:#FFF; cursor:pointer; text-align: center; font-size: 9pt; font-weight: bold; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px; border-radius: 5px; } div#infection .help:hover { background-color: #87A4C9; background: -moz-linear-gradient(top,#87A4C9 0%,#87A4C9); background: -webkit-gradient(linear, left top, left bottom, from(#87A4C9), to(#87A4C9)); border: 1px solid #003300; /* color:#2A4C79; */ } div#kiken .help a, div#infection .help a { color: #fff; text-decoration: none; } div#kiken .help a:hover, div#infection .help a:hover { color: #fff; text-decoration: none; } /* 危険情報単位 */ .kiken_unit { margin-top: 10px; } /* 危険度 */ .kiken_level_base { float: left; /*left: 10px;*/ /*width: 90px;*/ padding: 2px; margin: 1px; text-align: center; font-size: 9pt; border: 1px solid #DDD; background-color: #EEE; color: #666; } /* 退避勧告 */ .kiken_level_taihi { text-align: left; line-height: 130%; border: 1px solid #000; background-color: #ff0000; color: #000; } /* 渡航中止勧告 */ .kiken_level_enki { text-align: left; line-height: 130%; border: 1px solid #000; background-color: #ff9900; color: #000; } /* 不要不急の渡航中止 */ .kiken_level_kentou { text-align: left; line-height: 130%; border: 1px solid #000; background-color: #ffcc00; color: #000; } /* 十分注意 */ .kiken_level_chuui { text-align: left; line-height: 130%; border: 1px solid #000; background-color: #ffff00; color: #000; } .kiken_level_kaijo { border: 1px solid #000; background-color: #ffffff; color: #000; } /* 感染症危険度 */ .infection_level_base { float: left; /*width: 160px;*/ padding: 2px; margin: 1px; text-align: center; font-size: 9pt; border: 1px solid #DDD; background-color: #EEE; color: #666; } /* 退避勧告(レベル4) */ .infection_level_4 { text-align: left; line-height: 130%; border: 1px solid #000; background-color: #333399; color: #fff; } /* 渡航中止勧告(レベル3) */ .infection_level_3 { text-align: left; line-height: 130%; border: 1px solid #000; background-color: #663399; color: #fff; } /* 不要不急の渡航中止(レベル2) */ .infection_level_2 { text-align: left; line-height: 130%; border: 1px solid #000; background-color: #cc99ff; color: #000; } /* 十分注意(レベル1) */ .infection_level_1 { text-align: left; line-height: 130%; border: 1px solid #000; background-color: #99ccff; color: #000; } /* スポット情報 */ #spot { width: 100%; height:auto; margin-bottom: 10px; padding: 10px; text-align: left; vertical-align: top; /*font-size: 10pt;*/ font-weight: normal; background-color: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /*border: 1px solid #888;*/ } /* スポット情報タイトル */ div#spot p.title { font-size: 100%; font-weight:bold; color:#000; } /* スポット情報単位 */ .spot_unit { margin-top: 10px; line-height: 1.2em; } /* 領事メール情報 */ #ryouji_mail { width: 100%; height:auto; margin-bottom: 10px; padding: 10px; text-align: left; vertical-align: top; font-weight: normal; background-color: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /*border: 1px solid #888;*/ } /* 領事メールタイトル */ div#ryouji_mail p.title { font-size: 100%; font-weight:bold; color:#000; } /* 領事メール情報単位 */ .ryouji_mail_unit { display: table; width: 100%; margin-top: 10px; } /* 領事メール 左側 */ .ryouji_mail_left { display: block; width: 30%; margin-right: auto; float: left; } /* 領事メール 右側 */ .ryouji_mail_rigtht { display: block; width: 70%; margin-left: auto; margin-right: 0px; } /* 領事メール 日付 */ .ryouji_mail_date { font-weight: normal; display: block; float: left; } /* 領事メール 公館名 */ .ryouji_mail_mail_koukanName { font-weight: normal; word-break: break-all; display: block; float: left; } /* 領事メールタイトル */ .ryouji_mail_title { font-weight: normal; word-break: break-all; display: block; width: 96%; float: right; } /* ページトップへ戻る */ .jump_top { margin-top: 10px; } /*--- END ---*/

AltStyle によって変換されたページ (->オリジナル) /