%%{init: {'theme': 'base',
'flowchart': { 'padding': 10, 'nodeSpacing': 120, 'rankSpacing': 70, 'htmlLabels': false, 'wrappingWidth': 800 },
'themeVariables': { 'background': '#ffffff',
'primaryColor': '#ffffff',
'primaryTextColor': '#1A1A1A',
'primaryBorderColor': '#0E3666',
'lineColor': '#0E3666',
'clusterBkg': '#F2F5F9',
'clusterBorder': '#0E3666',
'fontFamily': 'Meiryo, sans-serif',
'fontSize': '22px' }}}%%
graph LR
subgraph Global [インターネット]
direction LR
subgraph DL1 ["データリンクA<br>(Ethernet)"]
PC1[PC] --- SW[スイッチ]
PC2[PC] --- SW
SW --- R1((ルータ))
end
subgraph DL2 ["データリンクB<br>(WAN/PPP)"]
direction LR
R1 ===|IPパケットが<br>データリンクを<br>跨いで転送| R2((ルータ))
end
subgraph DL3 ["データリンクC<br>(Wi-Fi)"]
R2 --- AP[アクセスポイント]
AP -.- SP1[ノートPC]
AP -.- SP2[iPhone : ]
end
end
style DL1 fill:#EAF1F8,stroke:#0E3666,stroke-width:2px,stroke-dasharray: 5 5
style DL2 fill:#FBEFE6,stroke:#C2611B,stroke-width:2px,stroke-dasharray: 5 5
style DL3 fill:#EAF1F8,stroke:#0E3666,stroke-width:2px,stroke-dasharray: 5 5
style Global fill:none,stroke:#9AA7B5,stroke-width:1px
style R1 fill:#0E3666,stroke:#0E3666,stroke-width:2px,color:#ffffff
style R2 fill:#0E3666,stroke:#0E3666,stroke-width:2px,color:#ffffff
style SW fill:#ffffff,stroke:#0E3666
style AP fill:#ffffff,stroke:#0E3666