Commit b02424af authored by shigemi miura's avatar shigemi miura

Policy

Terms Help
parent 126b38b4
...@@ -89,8 +89,6 @@ ...@@ -89,8 +89,6 @@
D52D213A2AEBAC0500324D58 /* HttpRequestType.swift in Sources */ = {isa = PBXBuildFile; fileRef = D52D21392AEBAC0500324D58 /* HttpRequestType.swift */; }; D52D213A2AEBAC0500324D58 /* HttpRequestType.swift in Sources */ = {isa = PBXBuildFile; fileRef = D52D21392AEBAC0500324D58 /* HttpRequestType.swift */; };
D52D213F2AEBB7D700324D58 /* RegisteredEca.swift in Sources */ = {isa = PBXBuildFile; fileRef = D52D213E2AEBB7D700324D58 /* RegisteredEca.swift */; }; D52D213F2AEBB7D700324D58 /* RegisteredEca.swift in Sources */ = {isa = PBXBuildFile; fileRef = D52D213E2AEBB7D700324D58 /* RegisteredEca.swift */; };
D52D21412AEDE18F00324D58 /* EcaCoordinatesTable.swift in Sources */ = {isa = PBXBuildFile; fileRef = D52D21402AEDE18F00324D58 /* EcaCoordinatesTable.swift */; }; D52D21412AEDE18F00324D58 /* EcaCoordinatesTable.swift in Sources */ = {isa = PBXBuildFile; fileRef = D52D21402AEDE18F00324D58 /* EcaCoordinatesTable.swift */; };
D52D407E2B462D190028E12E /* Term of Use_temporary.html in Resources */ = {isa = PBXBuildFile; fileRef = D52D407C2B462D190028E12E /* Term of Use_temporary.html */; };
D52D407F2B462D190028E12E /* Privacy Policy_temporary.html in Resources */ = {isa = PBXBuildFile; fileRef = D52D407D2B462D190028E12E /* Privacy Policy_temporary.html */; };
D52D40832B4642000028E12E /* Sail Assist_Help_20231219.pdf in Resources */ = {isa = PBXBuildFile; fileRef = D52D40822B4642000028E12E /* Sail Assist_Help_20231219.pdf */; }; D52D40832B4642000028E12E /* Sail Assist_Help_20231219.pdf in Resources */ = {isa = PBXBuildFile; fileRef = D52D40822B4642000028E12E /* Sail Assist_Help_20231219.pdf */; };
D53B97262B341867000B3D29 /* AboutAppView.swift in Sources */ = {isa = PBXBuildFile; fileRef = D53B97252B341867000B3D29 /* AboutAppView.swift */; }; D53B97262B341867000B3D29 /* AboutAppView.swift in Sources */ = {isa = PBXBuildFile; fileRef = D53B97252B341867000B3D29 /* AboutAppView.swift */; };
D545FC742B09C74300F206D0 /* AlertManager.swift in Sources */ = {isa = PBXBuildFile; fileRef = D545FC732B09C74300F206D0 /* AlertManager.swift */; }; D545FC742B09C74300F206D0 /* AlertManager.swift in Sources */ = {isa = PBXBuildFile; fileRef = D545FC732B09C74300F206D0 /* AlertManager.swift */; };
...@@ -113,6 +111,9 @@ ...@@ -113,6 +111,9 @@
D5AE351A2AEBA66A00059889 /* ReqLogin.swift in Sources */ = {isa = PBXBuildFile; fileRef = D5AE35182AEBA66A00059889 /* ReqLogin.swift */; }; D5AE351A2AEBA66A00059889 /* ReqLogin.swift in Sources */ = {isa = PBXBuildFile; fileRef = D5AE35182AEBA66A00059889 /* ReqLogin.swift */; };
D5AE351B2AEBA66A00059889 /* ResLogin.swift in Sources */ = {isa = PBXBuildFile; fileRef = D5AE35192AEBA66A00059889 /* ResLogin.swift */; }; D5AE351B2AEBA66A00059889 /* ResLogin.swift in Sources */ = {isa = PBXBuildFile; fileRef = D5AE35192AEBA66A00059889 /* ResLogin.swift */; };
D5AE351D2AEBA6FC00059889 /* SessionLogin.swift in Sources */ = {isa = PBXBuildFile; fileRef = D5AE351C2AEBA6FC00059889 /* SessionLogin.swift */; }; D5AE351D2AEBA6FC00059889 /* SessionLogin.swift in Sources */ = {isa = PBXBuildFile; fileRef = D5AE351C2AEBA6FC00059889 /* SessionLogin.swift */; };
D5B493A02B48E930008B3620 /* terms.html in Resources */ = {isa = PBXBuildFile; fileRef = D5B4939E2B48E930008B3620 /* terms.html */; };
D5B493A12B48E930008B3620 /* privacy.html in Resources */ = {isa = PBXBuildFile; fileRef = D5B4939F2B48E930008B3620 /* privacy.html */; };
D5B493A42B48EE50008B3620 /* Manual in Resources */ = {isa = PBXBuildFile; fileRef = D5B493A32B48EE50008B3620 /* Manual */; };
D5B803282B3B988E003B32AD /* AppVersionModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = D5B803272B3B988E003B32AD /* AppVersionModel.swift */; }; D5B803282B3B988E003B32AD /* AppVersionModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = D5B803272B3B988E003B32AD /* AppVersionModel.swift */; };
D5CB6F992B02088C00EC2010 /* ResShipStatus.swift in Sources */ = {isa = PBXBuildFile; fileRef = D5CB6F982B02088C00EC2010 /* ResShipStatus.swift */; }; D5CB6F992B02088C00EC2010 /* ResShipStatus.swift in Sources */ = {isa = PBXBuildFile; fileRef = D5CB6F982B02088C00EC2010 /* ResShipStatus.swift */; };
D5CB6F9B2B021C4F00EC2010 /* LocationViewModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = D5CB6F9A2B021C4F00EC2010 /* LocationViewModel.swift */; }; D5CB6F9B2B021C4F00EC2010 /* LocationViewModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = D5CB6F9A2B021C4F00EC2010 /* LocationViewModel.swift */; };
...@@ -249,8 +250,6 @@ ...@@ -249,8 +250,6 @@
D52D21392AEBAC0500324D58 /* HttpRequestType.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = HttpRequestType.swift; path = Sailassist/Http/HttpRequestType.swift; sourceTree = SOURCE_ROOT; }; D52D21392AEBAC0500324D58 /* HttpRequestType.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = HttpRequestType.swift; path = Sailassist/Http/HttpRequestType.swift; sourceTree = SOURCE_ROOT; };
D52D213E2AEBB7D700324D58 /* RegisteredEca.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = RegisteredEca.swift; path = Sailassist/ECA/RegisteredEca.swift; sourceTree = SOURCE_ROOT; }; D52D213E2AEBB7D700324D58 /* RegisteredEca.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = RegisteredEca.swift; path = Sailassist/ECA/RegisteredEca.swift; sourceTree = SOURCE_ROOT; };
D52D21402AEDE18F00324D58 /* EcaCoordinatesTable.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = EcaCoordinatesTable.swift; path = Sailassist/ECA/EcaCoordinatesTable.swift; sourceTree = SOURCE_ROOT; }; D52D21402AEDE18F00324D58 /* EcaCoordinatesTable.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = EcaCoordinatesTable.swift; path = Sailassist/ECA/EcaCoordinatesTable.swift; sourceTree = SOURCE_ROOT; };
D52D407C2B462D190028E12E /* Term of Use_temporary.html */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.html; name = "Term of Use_temporary.html"; path = "Sailassist/html/Term of Use_temporary.html"; sourceTree = SOURCE_ROOT; };
D52D407D2B462D190028E12E /* Privacy Policy_temporary.html */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.html; name = "Privacy Policy_temporary.html"; path = "Sailassist/html/Privacy Policy_temporary.html"; sourceTree = SOURCE_ROOT; };
D52D40822B4642000028E12E /* Sail Assist_Help_20231219.pdf */ = {isa = PBXFileReference; lastKnownFileType = image.pdf; name = "Sail Assist_Help_20231219.pdf"; path = "Sailassist/pdf/Sail Assist_Help_20231219.pdf"; sourceTree = SOURCE_ROOT; }; D52D40822B4642000028E12E /* Sail Assist_Help_20231219.pdf */ = {isa = PBXFileReference; lastKnownFileType = image.pdf; name = "Sail Assist_Help_20231219.pdf"; path = "Sailassist/pdf/Sail Assist_Help_20231219.pdf"; sourceTree = SOURCE_ROOT; };
D53ACA752B0AECF8008DCB18 /* Sailassist.entitlements */ = {isa = PBXFileReference; lastKnownFileType = text.plist.entitlements; name = Sailassist.entitlements; path = Sailassist/Sailassist.entitlements; sourceTree = "<group>"; }; D53ACA752B0AECF8008DCB18 /* Sailassist.entitlements */ = {isa = PBXFileReference; lastKnownFileType = text.plist.entitlements; name = Sailassist.entitlements; path = Sailassist/Sailassist.entitlements; sourceTree = "<group>"; };
D53B97252B341867000B3D29 /* AboutAppView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = AboutAppView.swift; path = Sailassist/Login/AboutAppView.swift; sourceTree = SOURCE_ROOT; }; D53B97252B341867000B3D29 /* AboutAppView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = AboutAppView.swift; path = Sailassist/Login/AboutAppView.swift; sourceTree = SOURCE_ROOT; };
...@@ -274,6 +273,9 @@ ...@@ -274,6 +273,9 @@
D5AE35182AEBA66A00059889 /* ReqLogin.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; name = ReqLogin.swift; path = Sailassist/Json/ReqLogin.swift; sourceTree = SOURCE_ROOT; }; D5AE35182AEBA66A00059889 /* ReqLogin.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; name = ReqLogin.swift; path = Sailassist/Json/ReqLogin.swift; sourceTree = SOURCE_ROOT; };
D5AE35192AEBA66A00059889 /* ResLogin.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; name = ResLogin.swift; path = Sailassist/Json/ResLogin.swift; sourceTree = SOURCE_ROOT; }; D5AE35192AEBA66A00059889 /* ResLogin.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; name = ResLogin.swift; path = Sailassist/Json/ResLogin.swift; sourceTree = SOURCE_ROOT; };
D5AE351C2AEBA6FC00059889 /* SessionLogin.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; name = SessionLogin.swift; path = Sailassist/ServerSession/SessionLogin.swift; sourceTree = SOURCE_ROOT; }; D5AE351C2AEBA6FC00059889 /* SessionLogin.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; name = SessionLogin.swift; path = Sailassist/ServerSession/SessionLogin.swift; sourceTree = SOURCE_ROOT; };
D5B4939E2B48E930008B3620 /* terms.html */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.html; name = terms.html; path = Sailassist/html/terms.html; sourceTree = SOURCE_ROOT; };
D5B4939F2B48E930008B3620 /* privacy.html */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.html; name = privacy.html; path = Sailassist/html/privacy.html; sourceTree = SOURCE_ROOT; };
D5B493A32B48EE50008B3620 /* Manual */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; name = Manual; path = Sailassist/html/Manual; sourceTree = SOURCE_ROOT; };
D5B803272B3B988E003B32AD /* AppVersionModel.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; name = AppVersionModel.swift; path = Sailassist/AppVersionModel.swift; sourceTree = SOURCE_ROOT; }; D5B803272B3B988E003B32AD /* AppVersionModel.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; name = AppVersionModel.swift; path = Sailassist/AppVersionModel.swift; sourceTree = SOURCE_ROOT; };
D5CB6F982B02088C00EC2010 /* ResShipStatus.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = ResShipStatus.swift; path = Sailassist/Json/ResShipStatus.swift; sourceTree = SOURCE_ROOT; }; D5CB6F982B02088C00EC2010 /* ResShipStatus.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = ResShipStatus.swift; path = Sailassist/Json/ResShipStatus.swift; sourceTree = SOURCE_ROOT; };
D5CB6F9A2B021C4F00EC2010 /* LocationViewModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = LocationViewModel.swift; path = Sailassist/LocationViewModel.swift; sourceTree = SOURCE_ROOT; }; D5CB6F9A2B021C4F00EC2010 /* LocationViewModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = LocationViewModel.swift; path = Sailassist/LocationViewModel.swift; sourceTree = SOURCE_ROOT; };
...@@ -724,8 +726,9 @@ ...@@ -724,8 +726,9 @@
D5384AFF2B3121FA006228C6 /* html */ = { D5384AFF2B3121FA006228C6 /* html */ = {
isa = PBXGroup; isa = PBXGroup;
children = ( children = (
D52D407D2B462D190028E12E /* Privacy Policy_temporary.html */, D5B493A32B48EE50008B3620 /* Manual */,
D52D407C2B462D190028E12E /* Term of Use_temporary.html */, D5B4939F2B48E930008B3620 /* privacy.html */,
D5B4939E2B48E930008B3620 /* terms.html */,
); );
path = html; path = html;
sourceTree = "<group>"; sourceTree = "<group>";
...@@ -873,10 +876,11 @@ ...@@ -873,10 +876,11 @@
isa = PBXResourcesBuildPhase; isa = PBXResourcesBuildPhase;
buildActionMask = 2147483647; buildActionMask = 2147483647;
files = ( files = (
D52D407E2B462D190028E12E /* Term of Use_temporary.html in Resources */, D5B493A12B48E930008B3620 /* privacy.html in Resources */,
D5B493A02B48E930008B3620 /* terms.html in Resources */,
020B981B2AD8C3190029DE4C /* Preview Assets.xcassets in Resources */, 020B981B2AD8C3190029DE4C /* Preview Assets.xcassets in Resources */,
D52D407F2B462D190028E12E /* Privacy Policy_temporary.html in Resources */,
D52D40832B4642000028E12E /* Sail Assist_Help_20231219.pdf in Resources */, D52D40832B4642000028E12E /* Sail Assist_Help_20231219.pdf in Resources */,
D5B493A42B48EE50008B3620 /* Manual in Resources */,
020B98182AD8C3190029DE4C /* Assets.xcassets in Resources */, 020B98182AD8C3190029DE4C /* Assets.xcassets in Resources */,
); );
runOnlyForDeploymentPostprocessing = 0; runOnlyForDeploymentPostprocessing = 0;
......
...@@ -89,7 +89,7 @@ struct TaskSwitchingMenuView: View { ...@@ -89,7 +89,7 @@ struct TaskSwitchingMenuView: View {
} }
Button("No"){} Button("No"){}
} message: { } message: {
Text("Do you delete " + taskViewModel.ecaName + "?") Text("Have you finished " + taskViewModel.ecaName + " fuel switching?")
} }
.alert("Fuel Switching", isPresented:$isRunningStopAlert) { .alert("Fuel Switching", isPresented:$isRunningStopAlert) {
Button("Yes") { Button("Yes") {
...@@ -112,7 +112,7 @@ struct TaskSwitchingMenuView: View { ...@@ -112,7 +112,7 @@ struct TaskSwitchingMenuView: View {
// taskViewModel.edittingEcaArea = nil // taskViewModel.edittingEcaArea = nil
// } // }
} message: { } message: {
Text("Do you delete " + taskViewModel.ecaName + "?") Text("Have you finished " + taskViewModel.ecaName + " fuel switching?")
} }
} }
.frame(height: 60) .frame(height: 60)
......
...@@ -98,8 +98,8 @@ enum MenuPath: String, Hashable{ ...@@ -98,8 +98,8 @@ enum MenuPath: String, Hashable{
switch self { switch self {
case .ManualECDISBasic, .ManualECDISFunction, .ManualVDR, .ManualAIS, .ManualInternationalVHF, .ManualRADARBasic, .ManualRADARFunction, .ManualInmalsatC: case .ManualECDISBasic, .ManualECDISFunction, .ManualVDR, .ManualAIS, .ManualInternationalVHF, .ManualRADARBasic, .ManualRADARFunction, .ManualInmalsatC:
return docPath.appendingPathComponent("\(self.rawValue).pdf") return docPath.appendingPathComponent("\(self.rawValue).pdf")
case .Help: // case .Help:
return Bundle.main.url(forResource: "Sail Assist_Help_20231219", withExtension: "pdf") // return Bundle.main.url(forResource: "Sail Assist_Help_20231219", withExtension: "pdf")
default: default:
return nil return nil
} }
...@@ -182,6 +182,10 @@ struct MenuView: View { ...@@ -182,6 +182,10 @@ struct MenuView: View {
}else if goto == .AboutApp{ }else if goto == .AboutApp{
MenuAboutAppView(path: $path) MenuAboutAppView(path: $path)
.navigationBarHidden(true) .navigationBarHidden(true)
}else if goto == .Help{
if let htmlPath = Bundle.main.path(forResource: "Manual/help", ofType: "html") {
WebView(isLoading: .constant(false), url: htmlPath)
}
// }else if goto == .Information{ // }else if goto == .Information{
// MenuInfomarionView(path: $path) // MenuInfomarionView(path: $path)
// .navigationBarHidden(true) // .navigationBarHidden(true)
......
...@@ -12,11 +12,11 @@ struct LocalWebView: View { ...@@ -12,11 +12,11 @@ struct LocalWebView: View {
var body: some View { var body: some View {
VStack{ VStack{
if policy == .TermsOfUse { if policy == .TermsOfUse {
if let htmlPath = Bundle.main.path(forResource: "Term of Use_temporary", ofType: "html") { if let htmlPath = Bundle.main.path(forResource: "terms", ofType: "html") {
WebView(isLoading: .constant(false), url: htmlPath) WebView(isLoading: .constant(false), url: htmlPath)
} }
} else { } else {
if let htmlPath = Bundle.main.path(forResource: "Privacy Policy_temporary", ofType: "html") { if let htmlPath = Bundle.main.path(forResource: "privacy", ofType: "html") {
WebView(isLoading: .constant(false), url: htmlPath) WebView(isLoading: .constant(false), url: htmlPath)
} }
} }
......
...@@ -17,12 +17,11 @@ struct SailassistApp: App { ...@@ -17,12 +17,11 @@ struct SailassistApp: App {
let locationViewModel = LocationViewModel() let locationViewModel = LocationViewModel()
let signalRService = SignalRService() let signalRService = SignalRService()
var body: some Scene { var body: some Scene {
WindowGroup { WindowGroup {
if !isTermsAgree{ if !isTermsAgree{
VStack(spacing: 0){ VStack(spacing: 0){
if let htmlPath = Bundle.main.path(forResource: "Term of Use_temporary", ofType: "html") { if let htmlPath = Bundle.main.path(forResource: "terms", ofType: "html") {
WebView(isLoading: .constant(false), url: htmlPath) WebView(isLoading: .constant(false), url: htmlPath)
} }
...@@ -37,7 +36,7 @@ struct SailassistApp: App { ...@@ -37,7 +36,7 @@ struct SailassistApp: App {
}else if !isPrivAgree{ }else if !isPrivAgree{
VStack(spacing: 0){ VStack(spacing: 0){
if let htmlPath = Bundle.main.path(forResource: "Privacy Policy_temporary", ofType: "html") { if let htmlPath = Bundle.main.path(forResource: "privacy", ofType: "html") {
WebView(isLoading: .constant(false), url: htmlPath) WebView(isLoading: .constant(false), url: htmlPath)
} }
......
@charset "utf-8";
/* ----------------------------------------------------------------
Import CSS Files
----------------------------------------------------------------- */
@import "default.css";
@import "structure.css";
@import "modules.css";
@charset "utf-8";
/* CSS Document */
body#sp{
font-size:14px;
}
#header{
background:url(../../../../assets/files/shared/images/sp_bg_01.png) top left no-repeat;
background-size:100%;
padding:36px 0 0;
}
h1{
margin:0 0 30px;
padding:0 20px;
font-size:1.6em;
font-weight:bold;
}
body#sp div#contents{
padding:0 10px;
}
body#sp div#contents .btn_area p{
margin:0 0 10px;
}
body#sp div#contents h2{
font-size:1.14em;
font-weight:bold;
}
ul.number01{
margin:0 0 50px;
}
ul.number01 li{
text-indent:-30px;
margin: 0 0 10px 30px;
}
ul.number02{
padding:0 0 0 30px;
}
ul.number02 li{
text-indent:-40px;
margin-left:40px;
margin: 0 0 2px 30px;
}
/*2015/04/01追加*/
.btn_area{
margin: 0 0 20px;
}
.box_area{
margin:0 0 15px;
padding:0 0 15px;
background:#f5f5f5;
}
body#sp div#contents .box_area h2{
margin:0 0 8px;
padding:17px 0 5px 55px;
background-size:25px;
font-size:14px;
line-height: 0.8;
}
body#sp div#contents #link_01 h2{
background:url(../../../../content/images/sp/help/bg_number_01.png) 17px 15px no-repeat;
background-size:25px;
}
body#sp div#contents #link_02 h2{
background:url(../../../../content/images/sp/help/bg_number_02.png) 17px 15px no-repeat;
background-size:25px;
}
body#sp div#contents #link_03 h2{
background:url(../../../../content/images/sp/help/bg_number_03.png) 17px 15px no-repeat;
background-size:25px;
}
body#sp div#contents #link_04 h2{
background:url(../../../../content/images/sp/help/bg_number_04.png) 17px 15px no-repeat;
background-size:25px;
}
body#sp div#contents #link_05 h2{
background:url(../../../../content/images/sp/help/bg_number_05.png) 17px 15px no-repeat;
background-size:25px;
}
body#sp div#contents #link_06 h2{
background:url(../../../../content/images/sp/help/bg_number_06.png) 17px 15px no-repeat;
background-size:25px;
}
body#sp div#contents #link_07 h2{
background:url(../../../../content/images/sp/help/bg_number_07.png) 17px 15px no-repeat;
background-size:25px;
}
body#sp div#contents .box_area h2 span{
font-size:0.5714em;
}
body#sp div#contents .box_area .txtBox{
margin:0 0 15px;
padding:0 20px;
}
body#sp div#contents .box_area .txtBox p{
margin:0;
line-height:1.5em;
}
body#sp div#contents .box_area .imgBox{
padding:17px 10px 0;
background:url(../../../../content/images/sp/help/bg_border_01.png) center top no-repeat;
}
body#sp div#contents .box_area .imgBox p{
margin:0;
}
/*2016/02/02追加*/
body#sp #footer{
position:static;
width:auto;
height:auto;
}
body#sp #footer p img,
body#sp #footer-innder p img{
width:50%;
}
body#sp #footer-innder{
padding:10px 0 10px 3px;
background:#000;
text-align: center;
font-size: 9px;
color: #fff
}
body#sp #footer-innder p{
margin:0;
}
/*2017/3/27 sp.cssより移設*/
body#sp img{
width:100%;
}
body#sp .icon img{
width:auto;
}
\ No newline at end of file
@charset "utf-8";
/*==================================================
Universal Reset
Default Style
hasLayout
==================================================*/
/*--------------------------------------------------
Universal Reset
--------------------------------------------------*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,del,ins,em,img,hr,q,strong,sub,sup,dl,dt,dd,
ol,ul,li,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6{
font-weight:normal;
font-size:100%;
}
ul,ol{
list-style:none;
}
table,th,td{
border:0 none;
}
th{
font-weight:normal;
text-align:left;
}
caption{
text-align:left;
}
strong{
font-weight:normal;
}
em{
font-style:normal;
}
img{
border:0;
vertical-align:top;
}
dt{
font-weight:normal;
}
fieldset{
border:0 none;
}
legend{
display:none;
}
textarea{
font-size:1em;
}
/*--------------------------------------------------
Default Style
--------------------------------------------------*/
body{
font-size:100.01%;
background:/*要変更 案件によって指定を変える*/;
margin-bottom:0;
}
em{
font-style:italic;
}
strong{
font-weight:bold;
color:/*要変更 案件によって指定を変える*/;
}
a,
a:link{
color:#19378c;
}
a:visited{
/*要変更 案件によって指定を変える*/;
}
a:hover,
a:active,
a:focus{
text-decoration:none;
}
p,ul,ol,dl,table{
margin-bottom:1.67em;
}
sup{
vertical-align:top;
}
sub{
vertical-align:baseline;
}
/*--------------------------------------------------
hasLayout
--------------------------------------------------*/
div,ul,dl,dt,dd,p,
h1,h2,h3,h4,h5,h6{
zoom:1;
}
article,aside,dialog,figure,footer,
header,hgroup,menu,nav,section{
display:block;
}
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<title>Sail Assist</title>
<link rel="stylesheet" href="assets/files/shared/css/import.css" type="text/css">
<link rel="stylesheet" href="assets/files/shared/css/terms.css" type="text/css">
</head>
<body id="sp">
<div id="wrap">
<div id="header">
<h1>SSV Mobile</h1>
</div>
<div id="contents">
<div class="btn_area">
<p><a href="#link_01">1.Fuel Switching</a></p>
<p><a href="#link_02">2.Notice</a></p>
<p><a href="#link_03">3.Menu</a></p>
</div>
<div class="box_wrap">
<div id="link_01" class="box_area">
<h2>Fuel Switching<br><br></h2>
<div class="imgBox">
<p><img src="content/images/sp/help/01-1.png?v20211213"></p>
</div>
<div class="imgBox">
<p><img src="content/images/sp/help/01-2.png?v20211213"></p>
</div>
<div class="imgBox">
<p><img src="content/images/sp/help/01-3.png?v20211213"></p>
</div>
</div>
<div id="link_02" class="box_area">
<h2>Notice<br><br></h2>
<div class="imgBox">
<p><img src="content/images/sp/help/02.png?v20211213"></p>
</div>
</div>
<div id="link_03" class="box_area">
<h2>Menu<br><br></h2>
<div class="imgBox">
<p><img src="content/images/sp/help/03.png?v20211213"></p>
</div>
</div>
</div><!-- box_wrap -->
</div><!-- contents -->
<div id="footer">
<p class="align-c"><img src="assets/files/shared/images/sp_txt_01.png"></p>
<div id="footer-innder">
<p>Copyright 2024 JRC NihonMusen All Rights Reserved.</p>
</div>
</div>
<script src="//jrcit.sharepoint.com///code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript" src="assets/files/shared/js/sp_jsmodules.js"></script>
</body>
</html>
\ No newline at end of file
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<title>Sail Assist</title>
<link rel="stylesheet" href="assets/files/shared/css/import.css" type="text/css">
<link rel="stylesheet" href="assets/files/shared/css/terms.css" type="text/css">
</head>
<body id="sp">
<div id="wrap">
<div id="header">
<h1>SSV Mobile</h1>
</div>
<div id="contents">
<div class="btn_area">
<p><a href="#link_01">1.Fuel Switching</a></p>
<p><a href="#link_02">2.Notice</a></p>
<p><a href="#link_03">3.Menu</a></p>
</div>
<div class="box_wrap">
<div id="link_01" class="box_area">
<h2>Fuel Switching<br><br></h2>
<div class="imgBox">
<p><img src="content/images/sp/help/01-1.png?v20211213"></p>
</div>
<div class="imgBox">
<p><img src="content/images/sp/help/01-2.png?v20211213"></p>
</div>
<div class="imgBox">
<p><img src="content/images/sp/help/01-3.png?v20211213"></p>
</div>
</div>
<div id="link_02" class="box_area">
<h2>Notice<br><br></h2>
<div class="imgBox">
<p><img src="content/images/sp/help/02.png?v20211213"></p>
</div>
</div>
<div id="link_03" class="box_area">
<h2>Menu<br><br></h2>
<div class="imgBox">
<p><img src="content/images/sp/help/03.png?v20211213"></p>
</div>
</div>
</div><!-- box_wrap -->
</div><!-- contents -->
<div id="footer">
<p class="align-c"><img src="assets/files/shared/images/sp_txt_01.png"></p>
<div id="footer-innder">
<p>Copyright 2024 JRC NihonMusen All Rights Reserved.</p>
</div>
</div>
<script src="//jrcit.sharepoint.com///code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript" src="assets/files/shared/js/sp_jsmodules.js"></script>
</body>
</html>
\ No newline at end of file
@charset "utf-8";
/*==================================================
Heading
Text
Unorderd List
Orderd List
Difinision List
Link
Table
Form
Layout
Option
Clear Fix
==================================================*/
/*--------------------------------------------------
Heading
--------------------------------------------------*/
.headline{
border-bottom:1px solid #000000;
margin:0 0 30px;
}
.headline-noBorder{
border-bottom:none;
margin:0 0 30px;
}
.headline h1,
.headline-noBorder h1{
width:950px;
margin:0 auto 26px !important;
padding:23px 0 0;
font-size:2.28em;
font-weight:bold;
line-height:1.3;
}
#contents-area h1{
margin:0 0 29px 0;
}
#contents-area h2{
margin:0 0 40px 0;
font-size:2em;
font-weight:bold;
line-height: 1.26;
}
#contents-area h2 span.small{
margin:0 0 0 29px;
vertical-align: baseline;
font-size:14px;
}
#contents-area h3{
margin:0 0 16px 0;
font-size:1.71em;
font-weight:bold;
line-height: 1.26;
}
#contents-area h3.middle{
margin:0 0 16px 0;
font-size:1.14em;
font-weight:bold;
line-height: 1.26;
}
#contents-area h3 .small{
font-weight:normal;
font-size:0.78em;
}
#contact-area-02 h3{
margin:0 0 15px 0;
}
#contents-area #content-main-double h2{
margin:0 0 20px 0;
padding:0 0 20px;
border-bottom:1px solid #000000;
}
.Subhead{
font-size:1.2em;
font-weight:bold;
margin:0 0 34px !important;
}
.block-right-txt-03 h4{
font-weight:bold;
}
/*2015/03/06追加*/
.box_jmWeatherBox h4,
.box_jmWatcherBox h4{
margin:0 !important;
font-weight:bold !important;
}
/*--------------------------------------------------
Text
--------------------------------------------------*/
.txtSmall{
font-size:75%;
}
small{
display:inline-block;
font-size:50%;
line-height:1.5;
}
/*--------------------------------------------------
Unorderd List
--------------------------------------------------*/
ul.user-function-comparison{
position:absolute;
right:8px;
top:66px;
margin:0;
}
ul.user-function-comparison li{
float:left;
margin:0 26px 0 0;
}
ul.user-function-comparison li.last-child{
margin:0;
}
ul.intro-example-list li{
margin:0 0 20px 0;
padding:0 0 20px 33px;
border-bottom:1px solid #bdbdbd;
list-style-type:disc;
list-style-position:inside;
text-indent:-15px;
}
ul.disc{
list-style-type:disc;
padding:0 0 0 20px;
}
ul.indent li{
text-indent: -1em;
padding-left: 10px;
}
/*--------------------------------------------------
Orderd List
--------------------------------------------------*/
/*--------------------------------------------------
Difinision List
--------------------------------------------------*/
/*dl.qa_list{
}
dl.qa_list dt{
background: url(/assets/files/shared/images/ico_qa_q.png) 0 50% no-repeat;
padding-left: 45px;
display: inline-block;
font-weight: bold;
margin-bottom: 20px;
min-height: 28px;
vertical-align: middle;
}
dl.qa_list dt span{
vertical-align: middle;
}
dl.qa_list dd{
display: block;
background: url(/assets/files/shared/images/ico_qa_a.png) 0 0 no-repeat;
}
dl.qa_list dd p{
background: url(/assets/files/shared/images/ico_qa_a.png) 0 0 no-repeat;
}
dl.qa_list dd.qa_a_01 {
}
dl.qa_list dd.qa_a_01 p{
width: 325px;
float: right;
text-indent: 45px;
padding-top: 5px;
}
dl.qa_list dd.qa_a_01 img{
float: left;
}
dl.qa_list dd.qa_a_02 p{
width: 325px;
float: left;
text-indent: 45px;
padding-top: 5px;
}
dl.qa_list dd.qa_a_02 img{
float: right;
}
*/
/*--------------------------------------------------
Difinision List 20171024 修正
--------------------------------------------------*/
dl.qa_list dt{
background: url(/assets/files/shared/images/ico_qa_q.png) 0 50% no-repeat;
padding-left: 45px;
display: inline-block;
font-weight: bold;
margin-bottom: 20px;
min-height: 28px;
vertical-align: middle;
}
dl.qa_list dt span{
vertical-align: middle;
}
dl.qa_list dd{
display: block;
background: url(/assets/files/shared/images/ico_qa_a.png) 0 0 no-repeat;
}
dl.qa_list dd.qa_a_01 p.txt_w50{
background: url(/assets/files/shared/images/ico_qa_a.png) 0 0 no-repeat;
width: 325px;
float: right;
text-indent: 45px;
padding-top: 5px;
}
dl.qa_list dd.qa_a_01 p.txt_w100{
width: 100%;
float: right;
text-indent: 0;
padding-top: 5px;
}
dl.qa_list dd.qa_a_01 img{
float: left;
margin-bottom: 15px;
}
dl.qa_list dd.qa_a_02 p.txt_w50{
background: url(/assets/files/shared/images/ico_qa_a.png) 0 0 no-repeat;
width: 325px;
float: left;
text-indent: 45px;
padding-top: 5px;
}
dl.qa_list dd.qa_a_02 p.txt_w100{
width: 100%;
float: left;
text-indent: 0;
padding-top: 5px;
}
dl.qa_list dd.qa_a_02 img{
float: right;
margin-bottom: 15px;
}
.lightBox05,
.lightBox06,
.lightBox07,
.lightBox08,
.lightBox09{
cursor: pointer;
}
.ikesu_movie{
border: none;
}
/*--------------------------------------------------
Link
--------------------------------------------------*/
a.txt-link-box{
display:inline-block;
padding:7px 12px;
background:#000000;
color:#fff;
font-size:0.85em;
text-align:center;
text-decoration:none;
}
a.txt-link-box:hover{
text-decoration:underline;
background:#e3001b;
}
/*--------------------------------------------------
Table
--------------------------------------------------*/
table{
margin:0;
padding:0;
border-collapse:collapse;
}
.content-table-01{
width:668px;
font-size:0.85em;
}
.content-table-01 tr{
background:#f2f2f2;
}
.content-table-01 tr.even{
background:#fff;
}
.content-table-01 thead th{
width:33%;
padding:11px 0;
border-right:1px solid #cdcdcd;
text-align:center;
font-size:14px !important;
}
.content-table-01 th{
padding:11px 0 11px 20px;
border-left:1px solid #cdcdcd;
font-weight:bold;
vertical-align:top;
}
.content-table-01 td{
padding:11px 0;
border-left:1px solid #cdcdcd;
border-right:1px solid #cdcdcd;
text-align:center;
}
.content-table-02{
width:668px;
font-size:0.85em;
}
.content-table-02 tr{
background:#f2f2f2;
}
.content-table-02 tr.even{
background:#fff;
}
.content-table-02 thead th{
width:33%;
padding:11px 0 11px 20px;
border-right:1px solid #cdcdcd;
text-align:left;
font-size:14px !important;
}
.content-table-02 th{
padding:11px 0 11px 20px;
border-left:1px solid #cdcdcd;
font-weight:bold;
vertical-align:top;
}
.content-table-02 td{
padding:11px 20px;
border-left:1px solid #cdcdcd;
border-right:1px solid #cdcdcd;
text-align:left;
}
.content-table-02.font_nomal{
font-size: 1em;
}
.content-table-03{
width:100%;
}
.content-table-03 td,
.content-table-03 th{
border: 1px solid #000;
text-align: center;
vertical-align: middle;
padding: 10px 0;
}
.content-table-03 th{
background: #eeeeee;
padding: 5px 0;
font-weight: bold;
}
.content-table-03 td{
padding: 15px 0;
}
table.table-typeA-01{
width: 100%;
}
table.table-typeA-01 th{
background: #f2f2f2;
border-right:1px solid #fff;
border-bottom: 1px solid #bbb;
padding: 10px 10px;
vertical-align: middle;
text-align: center;
}
table.table-typeA-01 th:first-child{
border-right: 1px solid #fff;
border-left: 1px solid #eee;
}
table.table-typeA-01 th:last-child{
border-right: 1px solid #eee;
}
table.table-typeA-01 td{
border-right: 1px solid #fff;
border: 1px solid #eee;
padding: 10px 10px;
vertical-align: top;
}
table col.w50{
width: 50%;
}
/*--------------------------------------------------
Form
--------------------------------------------------*/
/*--------------------------------------------------
Layout
--------------------------------------------------*/
.btn-free-registry{
text-align:center;
}
.weather-black-belt{
width: 100%;
background: #000;
height: 479px;
position: absolute;
top: 224px;
z-index: -1;
}
/* firefoxハック */
@-moz-document url-prefix(){
.weather-black-belt{
width: 100%;
background: #000;
height: 479px;
position: absolute;
top: 224px;
z-index: -1;
}
}
/* firefoxハック */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.weather-black-belt{
width: 100%;
background: #000;
height: 479px;
position: absolute;
top: 222px;
/* IEハック */
top: 224px\9;
z-index: -1;
}
}
/*---------- 2014/08/11 pdfページ化 ----------*/
.head-green{
padding:8px 0;
background:#01AB6C;
color:#FFFFFF;
font-size:1em !important;
text-align:center;
}
.head-orange{
padding:8px 0;
background:#F7931D;
color:#FFFFFF;
font-size:1em !important;
text-align:center;
}
.head-red{
margin: 0 0 20px !important;
padding:8px 0;
background:#c30018;
color:#FFFFFF;
font-size:1em !important;
text-align:center;
}
.head-orange02{/*濃いオレンジ*/
padding:8px 0;
background:#F7411D;
color:#FFFFFF;
font-size:1em !important;
text-align:center;
}
.head-blue{
padding:8px 0;
background:#00ADEE;
color:#FFFFFF;
font-size:1em !important;
text-align:center;
}
.green-list-01 > li,
.orange-list-01 > li,
.blue-list-01 > li,
.red-list-01 > li{
padding:20px 20px 20px 78px;
border-bottom:1px solid #bdbdbd;
}
.green-list-01,
.orange-list-01,
.blue-list-01,
.red-list-01{
margin:0 0 35px 0;
}
.green-list-01 li.green-number-01{background:url(/content/images/oneStopService/ico_oneStopServiceSatellite_01.png) 20px 15px no-repeat;}
.green-list-01 li.green-number-02{background:url(/content/images/oneStopService/ico_oneStopServiceSatellite_02.png) 20px 15px no-repeat;}
.green-list-01 li.green-number-03{background:url(/content/images/oneStopService/ico_oneStopServiceSatellite_03.png) 20px 15px no-repeat;}
.green-list-01 li.green-number-04{background:url(/content/images/oneStopService/ico_oneStopServiceSatellite_04.png) 20px 15px no-repeat;}
.green-list-01 li.green-number-05{background:url(/content/images/oneStopService/ico_oneStopServiceSatellite_05.png) 20px 15px no-repeat;}
.green-list-01 li.green-number-06{background:url(/content/images/oneStopService/ico_oneStopServiceSatellite_06.png) 20px 15px no-repeat;}
.green-list-01 li.green-number-07{background:url(/content/images/oneStopService/ico_oneStopServiceSatellite_07.png) 20px 15px no-repeat;}
.orange-list-01 li.orange-number-01{background:url(/content/images/oneStopService/ico_oneStopServiceEcdis_01.png) 20px 15px no-repeat;}
.orange-list-01 li.orange-number-02{background:url(/content/images/oneStopService/ico_oneStopServiceEcdis_02.png) 20px 15px no-repeat;}
.orange-list-01 li.orange-number-03{background:url(/content/images/oneStopService/ico_oneStopServiceEcdis_03.png) 20px 13px no-repeat;}
.orange-list-01 li.orange-number-04{background:url(/content/images/oneStopService/ico_oneStopServiceEcdis_04.png) 20px 15px no-repeat;}
.orange-list-01 li.orange-number-05{background:url(/content/images/oneStopService/ico_oneStopServiceEcdis_05.png) 20px 15px no-repeat;}
.orange-list-01 li.orange-number-06{background:url(/content/images/oneStopService/ico_oneStopServiceEcdis_06.png) 20px 15px no-repeat;}
.orange-list-01 li.orange-number-07{background:url(/content/images/oneStopService/ico_oneStopServiceEcdis_07.png) 20px 15px no-repeat;}
.blue-list-01 li.blue-number-01{background:url(/content/images/personal/jWatcher/ico_jWatcher_01.png) 20px 15px no-repeat;}
.blue-list-01 li.blue-number-02{background:url(/content/images/personal/jWatcher/ico_jWatcher_02.png) 20px 15px no-repeat;}
.blue-list-01 li.blue-number-03{background:url(/content/images/personal/jWatcher/ico_jWatcher_03.png) 20px 15px no-repeat;}
.blue-list-01 li.blue-number-04{background:url(/content/images/personal/jWatcher/ico_jWatcher_04.png) 20px 15px no-repeat;}
.red-list-01 li.red-number-01{background:url(/assets/files/shared/images/ico_redNumber_01.png) 20px 15px no-repeat;}
.red-list-01 li.red-number-02{background:url(/assets/files/shared/images/ico_redNumber_02.png) 20px 15px no-repeat;}
.red-list-01 li.red-number-03{background:url(/assets/files/shared/images/ico_redNumber_03.png) 20px 15px no-repeat;}
.red-list-01 li.red-number-04{background:url(/assets/files/shared/images/ico_redNumber_04.png) 20px 15px no-repeat;}
.red-list-01 li.red-number-05{background:url(/assets/files/shared/images/ico_redNumber_05.png) 20px 15px no-repeat;}
.red-list-01 li.red-number-06{background:url(/assets/files/shared/images/ico_redNumber_06.png) 20px 15px no-repeat;}
.red-list-01 li.red-number-07{background:url(/assets/files/shared/images/ico_redNumber_07.png) 20px 15px no-repeat;}
.orange-list-box{
padding:17px 20px 0;
}
.green-list-box-01,
.orange-list-box-01{
float:right;
border-top: 17px solid #fff;
border-right: 20px solid #fff;
border-left: 26px solid #fff;
border-bottom: 20px solid #fff;
}
.orange-list-box-03{
width:293px;
float:left;
}
.orange-list-box-04{
float:right;
}
.explanation{
font-size:1.214em;
}
.orange-list-01 li ul.dotted{
border:none;
}
.orange-list-01 li ul.dotted li,
.orange-list-dotted li{
margin:0 0 10px 0;
padding:0 0 0 22px;
background:url(/content/images/oneStopService/ico_oneStopServiceEcdis_07.png) 0 9px no-repeat;
border:none;
}
.orange-list-dotted li{
background:url(/content/images/oneStopService/ico_oneStopServiceEcdis_07.png) 6px 9px no-repeat;
}
.orange-list-01 li ul.dotted li .small{
font-size:0.714em
}
.siemap-wrap:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}
.siemap-wrap {
margin-right:-50px;
margin-bottom:55px;
}
.siemap-box {
float:left;
margin-right:50px;
width:450px;
}
#contents-area .siemap-box h2 {
font-weight: bold;
border-bottom: 1px solid #636363;
font-size: 1.286em;
padding-bottom:18px;
margin-bottom:0;
}
.siemap-box dl dt {
background: url(../images/ico_arrow_01.png) left 24px no-repeat #fff;
}
.siemap-box dl .arrow-bottom {
background: url(../images/ico_arrow_02.png) left 24px no-repeat #fff;
}
.siemap-box dl dd {
background: url(../images/ico_arrow_01.png) left 24px no-repeat #fff;
margin-left:17px;
}
.siemap-box dl dt a {
display: block;
padding: 14px 13px 14px;
color: #000;
text-decoration: none;
border-bottom: 1px solid #c8c8c8;
}
.siemap-box dl dd a {
display: block;
padding: 14px 13px 14px;
color: #000;
text-decoration: none;
border-bottom: 1px solid #c8c8c8;
}
.siemap-box dl dt a:hover {
border-bottom: 1px solid #d91109;
background: url(../images/ico_arrow_01.png) left 24px no-repeat #fbf0f1;
}
.siemap-box dl .arrow-bottom a:hover {
border-bottom: 1px solid #d91109;
background: url(../images/ico_arrow_02.png) left 24px no-repeat #fbf0f1;
}
.siemap-box dl dd a:hover {
border-bottom: 1px solid #d91109;
background: url(../images/ico_arrow_01.png) left 24px no-repeat #fbf0f1;
}
/*2015/01/06 追加*/
ul.dotted.red-list {
border:none;
}
ul.dotted.red-list li{
margin:0 0 10px 0;
padding:0 0 0 22px;
background:url(/content/images/routing/ico_dotted_red.png) 6px 9px no-repeat;
border:none;
}
ul.dotted.red-list li.small{
font-size:0.714em
}
/*--------------------------------------------------
Box
--------------------------------------------------*/
.box{
position:relative;
margin:0 0 40px 0;
}
.box .block-01{
float:left;
/*width:317px;*/
width:277px;
padding:0 18px;
border-left: 1px solid #cdcdcd;
}
.box .block-01-last-child{
float:left;
width:316px;
padding:0 18px;
border-left: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
}
.box .block-01 img{
display:block;
margin:0 auto 22px;
}
.box .block-02{
padding: 24px 18px;
border: 1px solid #cdcdcd;
background: #fffcd4;
}
/*2015/03/06追加*/
.box_jmWeatherBox .block-01,
.box_jmWatcherBox .block-01{
float:left;
width:492px;
}
.box_jmWeatherBox .block-02,
.box_jmWatcherBox .block-02{
float:right;
width:156px;
padding:20px 0 0;
}
/*2015/05/07追加*/
.box_jmWeatherBox .block-03,
.box_jmWatcherBox .block-03{
float:left;
width:130px;
}
.box_jmWeatherBox .block-03 p,
.box_jmWeatherBox .block-04 p,
.box_jmWatcherBox .block-03 p,
.box_jmWatcherBox .block-04 p{
margin:0;
}
.box_jmWeatherBox .block-04,
.box_jmWatcherBox .block-04{
float:right;
width:538px;
}
.box_appBox .appBox-01 {
float: left;
width: 322px;
border: 1px solid #cdcdcd;
padding:0 !important;
}
.box_appBox .appBox-02 {
float: right;
width: 322px;
border: 1px solid #cdcdcd;
padding:0 !important;
background:none !important;
}
.box_appBox .appBox-01 .title,
.box_appBox .appBox-02 .title{
position:relative;
padding:6px 0;
color:#fff;
background:#121117;
font-weight:bold;
text-align:center;
}
.box_appBox .box_appBoxInner .qr{
float:left;
width:122px;
padding:15px 0 15px 20px;
}
.box_appBox .box_appBoxInner .qr img{
width: 116px;
height: 116px;
}
.box_appBox .box_appBoxInner .btn{
float:left;
padding:50px 0 0px 15px;
}
.box_appBox .title img.ios{
position:absolute;
top:10px;
left:100px;
}
.box_appBox .title img.android{
position:absolute;
top:10px;
left:85px;
}
.box_appBox .title span.label{
position:absolute;
height: 15px;
line-height: 15px;
top:10px;
left:65px;
background: #fff;
color: #C30018;
font-size: 8px;
padding: 0px 5px;
font-weight: bold;
letter-spacing: 0.4px;
}
.box_jmWatcherBox .mapBox .img{
float:left;
width:324px;
margin:0 30px 0 0;
font-size:0.857em;
}
.box_jmWatcherBox .mapBox{
margin:0 0 50px;
}
.box_jmWatcherBox .mapBox .img .lightBox04{
cursor:pointer;
}
.box_jmWatcherBox .mapBox .now,
#overLayer04 .mapImg .now{
margin:0;
padding:0 0 0 18px;
background:url(/content/images/personal/jWatcher/bg_jWatcher_03.png) no-repeat left center;
}
.box_jmWatcherBox .mapBox .plan,
#overLayer04 .mapImg .plan{
margin:0;
padding:0 0 0 18px;
background:url(/content/images/personal/jWatcher/bg_jWatcher_04.png) no-repeat left center;
}
.box_jmWatcherBox .mapBox .txt{
float:right;
width:314px;
}
.box_jmWatcherBox .mapBox .txt h4.now{
padding:0 0 0 24px;
background:url(/content/images/personal/jWatcher/bg_jWatcher_01.png) no-repeat left center;
}
.box_jmWatcherBox .mapBox .txt h4.plan{
padding:0 0 0 24px;
background:url(/content/images/personal/jWatcher/bg_jWatcher_02.png) no-repeat left center;
}
.box_jmWatcherBox .mapBox .txt ul.border{
padding:0 0 15px;
border-bottom:1px dotted #d3d3d3;
}
.box_jmWatcherBox .mapBox .txt .btn{
width:314px;
padding:15px 0;
display:block;
color:#fff;
background:#000;
text-decoration:none;
text-align:center;
cursor:pointer;
}
.box_jmWatcherBox .mapBox .txt .btn:hover{
background:#e3001b;
}
.box .block-02 img{
margin:0 auto 22px;
}
.box .block-left-img{
float:left;
width:198px;
padding:0 0 0 20px;
}
.box .block-right-txt{
position:relative;
float:right;
width:450px;
z-index:10;
}
.box .block-right-txt .jmarine_example{
position:absolute;
top:0;
right:0;
z-index:-1;
}
.block-left-img-02{
float:left;
width:257px;
margin:0 20px 0 0;
}
.block-right-txt-02{
float:right;
width:385px;
}
/*--------------------------------------------------
追加
--------------------------------------------------*/
/*-- 2015/02/06 追加 カタログ・壁紙紹介--*/
.page_link{
margin:0 0 34px;
}
.page_link li{
float:left;
margin: 0 20px 20px 0;
}
.page_link li a{
display:table-cell;
width:208px;
height:52px;
margin:0 20px 20px 0;
/*padding:16px 0 ;*/
background:#000;
color:#fff;
text-align:center;
text-decoration:none;
vertical-align:middle;
line-height:1.4;
font-size:0.857em;
}
.page_link li a:hover{
color:#fff;
background:#C30018;
text-decoration:none;
}
.block-left-img-03{
float:left;
width:307px;
margin:0 20px 0 0;
}
.block-left-img-03 img{
cursor:pointer;
}
.block-right-txt-03{
float:right;
width:340px;
}
.block-right-txt-03 .btn{
margin:0;
}
.block-right-txt-03 .btn a,
.block-right-txt-03 .lightBox,
.block-right-txt-03 .lightBox02,
.block-right-txt-03 .lightBox03{
display:inline-block;
width:161px;
height:20px;
padding:10px 0;
background:#000;
color:#fff;
text-align:center;
text-decoration:none;
cursor:pointer;
}
.block-right-txt-03 .btn a:hover{
background:#C30018;
}
.block-right-txt-03 .btn .size{
margin:0 0 0 10px;
vertical-align:bottom;
}
div.interview-box{
margin: 0 0 40px 0;
padding:45px 31px 49px;
background:url(../images/bg_02.gif) no-repeat left top #f2f2f2;
}
.block-left-txt-01{
float:left;
width:358px;
}
.block-right-img-01{
float:right;
width:257px;
}
/*-- 2014/07/02 追加 youtubeBox--*/
.youtube-sumbnail{
padding:21px 24px 21px 43px;
background:#fffcd4;
border:1px solid #e2e0bc;
}
.youtube-sumbnail img{
width:185px;
height:104px;
margin:0 17px 14px 0;
}
.youtube-sumbnail p.title{
padding:0 10px 0 0;
margin:0 0 7px;
}
.youtube-sumbnail p.txt{
padding:0 10px 0 0;
margin:0;
}
.service-box{
padding:20px;
}
.orange-border-box{
border:3px solid #f7411d;
}
.orange-border-box .jMarineRouting-list-01 li{
float:left;
}
.gray-box .jMarineRouting-list-02 li{
float:left;
}
.orange-box-01{
padding:30px 10px;
background:#f7931d;
}
.orange-box-01 .orange-box-inner-white{
padding:30px 20px;
background:#FFFFFF;
border-radius:10px 10px;
}
.green-box-01{
padding:30px 20px;
background:#01ab6c;
}
.green-box-01 .green-box-inner-white{
padding:30px 0px;
background:#FFFFFF;
border-radius:10px 10px;
}
.gray-box{
margin:0 0 50px;
padding:20px;
background:#eeeeee;
}
/*-- 204/10/01 追加 J-WATCHER--*/
#mainvisual-child .jWatcher{
position:relative;
}
#mainvisual-child .jWatcher .iPhone{
position:absolute;
top:-32px;
right:91px;
}
.jWatcher-list-01 >li{
float:left;
width:197px;
margin:0 19px 0 0 ;
}
.jWatcher-list-01 li.last-child{
margin:0 !important;
}
.jWatcher-list-01 li img{
margin:0 0 10px !important;
}
/*-- 2014/10/21 追加 gisレイアウト調整--*/
.gis-smple-box li{
float:left;
}
/*お知らせタブ*/
.disnon {
display:none;
}
.info-wrap {
width:682px;
}
.info-tab:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}
.info-tab {
width:682px;
height: 39px;
}
.info-tab li {
height: 37px;
display:table-cell;
float: left;
color: #a3a3a3;
border-top:1px solid #cecece;
font-weight:bold;
text-align:center;
border-bottom:1px solid #000;
}
.info-tab li.select {
height:31px;
padding:7px 0 0;
color: #000;
border-bottom:none;
border-top:1px solid #000;
}
.info-tab li a{
display:table-cell;
width:100%;
height: 38px;
vertical-align:middle;
color: #a3a3a3;
text-decoration:none;
cursor: pointer;
}
.info-tab li.tab1,
.info-tab li.tab1 a{
width:151px;
}
.info-tab li.tab2,
.info-tab li.tab2 a{
width:104px;
}
.info-tab li.tab3,
.info-tab li.tab3 a{
width:104px;
}
.info-tab li.tab4,
.info-tab li.tab4 a{
width:108px;
}
.info-tab li.tab5,
.info-tab li.tab5 a{
width:104px;
}
.info-tab li.tab6,
.info-tab li.tab6 a{
width:104px;
}
/*2014/11/13 お知らせタブ修正ここから*/
.info-tab li.tab01,
.info-tab li.tab01 a{
width:226px;
}
.info-tab li.tab02,
.info-tab li.tab02 a{
width:226px;
}
.info-tab li.tab03,
.info-tab li.tab03 a{
width:226px;
}
.info-tab li.tab04,
.info-tab li.tab04 a{
width:169px;
}
.info-tab li.tab05,
.info-tab li.tab05 a{
width:169px;
}
.info-tab li.tab06,
.info-tab li.tab06 a{
width:169px;
}
.info-tab li.tab07,
.info-tab li.tab07 a{
width:169px;
}
/*2014/11/13 お知らせタブ修正ここまで*/
.info-tab li a:hover {
display:table-cell;
color: #000;
text-decoration:none;
}
.info-wrap .top-news-list li {
margin-bottom:20px;
padding-bottom:6px;
border-bottom:dotted 1px #000;
font-size: 0.857em;
}
.info-wrap .top-news-list .news-date {
padding-right: 20px;
display: inline-block;
vertical-align: middle;
}
.info-wrap .top-news-list .news-ico {
display: inline-block;
vertical-align: middle;
margin-bottom: 5px;
}
.info-wrap .top-news-list .news-txt {
display: block;
}
.top-news-list a {
color: #000 !important;
text-decoration: none;
}
.top-news-list a:hover {
color: #c30018 !important;
text-decoration: underline;
}
.pagination-list:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}
.pagination {
width:682px;
margin:0 auto;
}
/*.pagination-list {
width:682px;
margin:0 auto;
}*/
.pagination-list li {
float:left;
margin-right:10px;
}
.pagination-list li.pagenate-02{
float:left;
margin:0;
}
.pagination-list li a {
color:#fff;
text-decoration:none;
}
.radius-01 a{
background:url(/assets/files/shared/images/bg_radius_01.png) no-repeat;
width:68px;
height:39px;
display:table-cell;
text-align:center;
vertical-align:middle;
}
.radius-01 a:hover {
background:url(/assets/files/shared/images/bg_radius_04.png) no-repeat;
text-decoration:underline;
}
.radius-02 a {
float:left;
background:url(/assets/files/shared/images/bg_radius_02.png) no-repeat;
width:38px;
height:30px;
margin:0 10px 0 0;
padding:9px 0 0;
/*display:table-cell;*/
display:block;
text-align:center;
vertical-align:middle;
}
.radius-02 a:hover {
background:url(/assets/files/shared/images/bg_radius_03.png) no-repeat;
text-decoration:underline;
}
.ditto_currentpage{
float:left;
background:url(/assets/files/shared/images/bg_radius_03.png) no-repeat;
width:38px;
height:30px;
margin:0 10px 0 0;
padding:9px 0 0;
/*display:table-cell;*/
display:block;
text-align:center;
vertical-align:middle;
color:#fff;
}
/*-- 2014/10/20 追加 気象海象情報--*/
#iframe-weather-box{
margin:0;
}
/*-- 2014/10/28 修正 youtubeエリア--*/
#youtube-area{
margin:0 0 20px;
}
.bnr_weather,
.bnr_weather_eng{
position:relative;
}
.bnr_weather .btn01{
position:absolute;
top:110px;
left:20px;
}
.bnr_weather .btn02{
position:absolute;
top:162px;
left:20px;
}
.bnr_weather_eng .btn01{
position:absolute;
top:123px;
left:20px;
}
.bnr_weather_eng .btn02{
position:absolute;
top:175px;
left:20px;
}
/*2015/10/1追加*/
.box_img_left{
float: left
}
.box_img_right{
float: right
}
.box_jmikesuBox .block-06{
float: right;
width: 315px;
}
.box_case_txt_left_01{
float:left;
width: 375px;
margin:0 29px 20px 0;
}
.box_case_txt_left_02{
width: 325px;
float:left;
}
.box_case_txt_right_02{
width: 325px;
float:right;
}
.img_box p{
display: inline-block;
text-align: center;
line-height: 35px;
}
/* 2015年10月追加*/
.box_img_center{
text-align: center;
}
.box_img_center img.w500{
width: 500px;
}
/*イベント用*/
#eventWrap{
position: relative;
}
#event{
position: absolute;
top: 20px;
right: -250px;
overflow: hidden;
z-index: 999;
cursor: pointer;
width: 227px;
height: 84px;
background: url(/content/images/event/xmas/img_santa_off.png) left top;
overflow: hidden;
}
html,body{
margin: 0;
padding: 0;
height: 100%;
}
#glayLayer{
display: none;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: black;
opacity: 0.8;
filter:alpha(opacity=80);
z-index: 10000;
cursor: pointer;
}
#overLayer,
#overLayer02,
#overLayer03{
display: none;
position: fixed;
top: 50%;
left: 50%;
width: 960px;
padding: 70px 0;
background: white;
z-index: 11000;
}
/*2015/05/18 追加 JM-Watcher用*/
#overLayer04{
/*display: none;*/
opacity: 0;
position: fixed;
top: 50%;
left: 50%;
width: 960px;
padding: 70px 0;
background: white;
z-index: 11000;
}
#overLayer .img,
#overLayer02 .img,
#overLayer03 .img,
#overLayer04 .img{
float: left;
width: 456px;
padding: 0 0 0 30px;
}
#overLayer .txt,
#overLayer02 .txt,
#overLayer03 .txt,
#overLayer04 .txt{
float: right;
width: 404px;
padding: 0 30px 0 0;
}
#overLayer .txt h2,
#overLayer02 .txt h2,
#overLayer03 .txt h2,
#overLayer04 .txt h2{
font-size: 30px;
line-height: 1.3;
margin: 0 0 26px;
}
#overLayer .close,
#overLayer02 .close,
#overLayer03 .close,
#overLayer04 .close{
position: absolute;
top: -26px;
right: -24px;
cursor: pointer;
}
#overLayer .btn li,
#overLayer02 .btn li,
#overLayer03 .btn li,
#overLayer04 .btn li{
float:left;
margin: 0 20px 14px 0;
}
#overLayer .btn li.margin_none,
#overLayer02 .btn li.margin_none,
#overLayer03 .btn li.margin_none,
#overLayer04 .btn li.margin_none{
margin: 0 0 14px;
}
/*-- 2015/05/12 追加--*/
#overLayer04 .mapImg{
/*width:950px;*/
padding:0 30px;
}
/*-- 2015/10/6 追加--*/
#overLayer05,
#overLayer06,
#overLayer07,
#overLayer08,
#overLayer09{
display: none;
position: fixed;
top: 50%;
left: 50%;
padding: 50px 50px;
background: white;
z-index: 11000;
}
#overLayer05 .close,
#overLayer06 .close,
#overLayer07 .close,
#overLayer08 .close,
#overLayer09 .close{
position: absolute;
top: -26px;
right: -24px;
cursor: pointer;
}
#overLayer05 .img img,
#overLayer06 .img img,
#overLayer07 .img img{
width: 800px;
height: auto;
}
#overLayer08 .img img{
width: 700px;
height: auto;
}
/*-- 2017/10/24 追加--*/
#overLayer07 .img.ikesu img,
#overLayer08 .img.ikesu img,
#overLayer09 .img.ikesu img{
width: 400px;
height: auto;
}
/*--------------------------------------------------
Global Navigation
--------------------------------------------------*/
/*2015/07/08追加 ナウキャストページ用CSS*/
.nowcastBtnBox{
width:388px;
height:57px;
margin:0 auto 50px;
}
.nowcastBtnBox p{
margin:0;
padding:0;
}
.nowcastBtnBox p a{
display:block;
width:232px;
height:18px;
padding:19px 78px 20px;
background:#000;
}
.nowcastBtnBox p a:hover{
background:#c30018;
}
/*2015/04/08追加 QAページ用CSS*/
.qa_box{
margin:0 0 60px;
}
.qa_box_inner{
margin:0 0 20px;
padding:0 10px 0;
background:#f2f2f2;
}
.qa_box_inner .question_open{
position:relative;
min-height:32px;
margin:0;
padding:10px 40px 10px 60px;
background:url(../images/ico_qa_open.png) 608px 10px no-repeat;
cursor:pointer;
}
.qa_box_inner .question_close{
position:relative;
min-height:32px;
margin:0;
padding:10px 40px 10px 60px;
background:url(../images/ico_qa_close.png) 608px 10px no-repeat;
cursor:pointer;
}
.qa_box_inner .question_open .ico_qa,
.qa_box_inner .question_close .ico_qa{
position:absolute;
left:14px;
top:10px;
}
.qa_box_inner .question_open .txt,
.qa_box_inner .question_close .txt{
vertical-align:middle;
}
.qa_box_inner .answer{
display:none;
position:relative;
margin:0;
padding:10px 0 14px 60px;
border-top:1px dotted #c9c9c9;
}
.qa_box_inner .answer .ico_qa{
position:absolute;
left:14px;
top:10px;
}
/*--------------------------------------------------
weather.html Layout 2016.2追加
--------------------------------------------------*/
#contents-area.w100{
width: 100%;
/* padding-top: 10px;3/10更新時削除*/
}
.layoutWthMapBox{
width: 960px;
margin: 0 auto 30px;
}
#iframe-weather-box .menu{
width: 950px;
height: 100px;
background: #000;
position: absolute;
top: 0;
left: 0;
color: #fff;
text-align: center;
}
/*2016/01/29 追加*/
[class*="layoutWthBox"] {
width: 100%;
margin: 0 auto ;
background: #f1f1f1;
position: relative
}
[class*="layoutWthBox"] .innerBox{
width:50%;
position: relative;
}
.layoutWthBoxA01 .innerBox,
.layoutWthBoxA02 .innerBox{
width:50%;
position: relative;
}
.layoutWthBoxA01 .innerBox{
float: right;
min-height: 460px;
}
.layoutWthBoxA02 .innerBox{
float: left;
height: 460px;
}
[class*="layoutWthBox"] .image{
position: absolute;
right: 0;
top: 0;
width: 50%;
height: 460px;
/* overflow: hidden;*/
}
[class*="layoutWthBox"] .image img{
width: 100%;
min-width: 700px;
height: auto;
min-height: 548px;
}
.layoutWthBoxA01 .image{
left: 0;
}
.layoutWthBoxA01 .image img{
float: right;
}
.layoutWthBoxA02 .image{
right: 0;
overflow: hidden;
}
.layoutWthBoxA02 .image img{
float: left;
}
[class*="layoutWthBox"] .txtbox{
padding: 35px 0 0;
width: 440px;
}
.layoutWthBoxA01 .txtbox{
float: left;
margin-left: 40px;
}
.layoutWthBoxA02 .txtbox{
float: right;
margin-right: 40px;
}
.layoutWthBoxA02 .txtbox img{
float: left;
margin: 4px 20px 24px 0;
}
#contents-area [class*="layoutWthBox"] .txtbox h2{
font-size:28px ;
line-height: 39px ;
margin-bottom: 30px ;
}
#contents-area [class*="layoutWthBox"] .txtbox h3{
font-size:28px;
line-height: 39px;
font-weight: bold;
margin-bottom: 1px;
}
[class*="layoutWthBox"] .txtbox h3 span{
font-size:14px;
font-weight: normal;
line-height: 30px;
}
[class*="layoutWthBox"] .txtbox .label{
margin-bottom: 16px;
}
[class*="layoutWthBox"] .txtbox .label li{
border: 1px solid #000;
padding: 0 20px 0 20px;
height: 35px;
line-height: 34px;
margin:10px 10px 0 0;
float: left;
font-weight: bold;
font-size: 14px;
box-sizing: border-box;
}
[class*="layoutWthBox"] .txtbox .txt{
margin-bottom: 38px;
}
[class*="layoutWthBox"] .txtbox .btn{
display: inline-block;
background: #000;
color: #fff;
padding: 0 30px;
font-size: 14px;
height: 53px;
line-height: 53px;
vertical-align: middle;
text-decoration: none;
margin-bottom: 30px;
}
[class*="layoutWthBox"] .txtbox .btn:hover{
background: #e3001b;
}
[class*="layoutWthBox"] .txtbox .btn02{
display: inline-block;
background: #e3001b;
color: #fff;
padding: 10px 30px 10px 13px;
font-size: 14px;
vertical-align: middle;
text-decoration: none;
margin-left: 7px;
margin-bottom: 30px;
}
[class*="layoutWthBox"] .txtbox .btn02:hover{
background: #c30018;
}
[class*="layoutWthBox"] .txtbox .btn02 span{
display: inline-block;
background: #fff;
color: #e3001b;
padding: 0 10px;
font-size: 14px;
height: 33px;
line-height: 33px;
vertical-align: middle;
text-decoration: none;
margin-right: 10px;
}
.ttlWthTypeA{
padding: 34px 0 40px;
}
.ttlWthTypeA:after{
content: "";
display: block;
width: 115px;
height: 5px;
background-color: #000;
margin: 33px auto 0;
}
.ttlWthTypeA h2{
width: 100%;
text-align: center;
font-size: 28px !important ;
font-weight: bold !important ;
line-height: 39px !important ;
margin-bottom: 0 !important ;
}
.layoutWthBoxB01{
width: 100%;
padding: 40px 0px;
background-image: url(/content/images/weather/weather_img_06.png);
background-repeat: no-repeat;
background-position: center center;
/* background-size: 100% auto;*/
height: 315px;
box-sizing: border-box;
}
.layoutWthBoxB01 .innerBox{
width: 960px;
margin: 0 auto;
}
.layoutWthBoxB01 dl{
width: 300px;
height: 235px;
background: #fff;
padding: 17px 19px 0 20px;
box-sizing: border-box;
margin-right: 30px;
position: relative;
float: left;
}
.layoutWthBoxB01 dt{
font-size: 18px;
display: table-cell;
height: 38px;
font-weight: bold;
padding-left: 45px;
vertical-align: middle;
}
.layoutWthBoxB01 dd{
position: absolute;
top: 73px;
font-size: 14px;
line-height: 21px;
width: 265px;
}
.layoutWthBoxB01 dt .more{
position: absolute;
padding: 12px 0 11px;
top: 0;
right: 0;
font-size: 14px;
line-height: 18px;
background: #000;
width: 80px;
color: #fff;
vertical-align: middle;
text-align: center;
text-decoration: none;
}
.layoutWthBoxB01 dt .more:hover{
background: #e3001b;
}
.layoutWthBoxB01 dt.no1{
background-image: url(/content/images/weather/weather_img_nomber_01.png);
background-repeat: no-repeat;
background-position: 0 3px;
padding-left: 33px;
padding-top: 3px;
}
.layoutWthBoxB01 dt.no2{
background-image: url(/content/images/weather/weather_img_nomber_02.png);
background-repeat: no-repeat;
background-position: 0 4px;
padding-top: 4px;
}
.layoutWthBoxB01 dt.no3{
background-image: url(/content/images/weather/weather_img_nomber_03.png);
background-repeat: no-repeat;
background-position: 0 3px;
padding-top: 0px;
}
.layoutWthBoxC01{
width: 100%;
padding: 40px 0;
background: #f1f1f1;
}
.layoutWthBoxC01 .innerBox{
width: 50%;
float: left;
}
.layoutWthBoxC01 .appArea{
width: 480px;
float: right;
}
.layoutWthBoxC01 .txtArea{
width: 50%;
float: right;
}
.layoutWthBoxC01 .appBox{
float: left;
width: 230px;
border: 1px solid #cdcdcd;
padding: 0 !important;
margin-right: 20px;
box-sizing: border-box;
}
.layoutWthBoxC01 .appBox .ttl{
background: #000;
width: 230px;
color: #fff;
text-align: center;
margin-bottom: 0;
height: 31px;
line-height: 31px;
position: relative;
}
.layoutWthBoxC01 .appBox .ttl span.label{
position:absolute;
height: 15px;
line-height: 15px;
top:8px;
left:20px;
background: #fff;
color: #C30018;
font-size: 8px;
padding: 0px 5px;
font-weight: bold;
letter-spacing: 0.4px;
}
.layoutWthBoxC01 .appBox .appBoxInner{
padding: 20px 0 0;
height: 202px;
text-align: center;
background: #fff;
}
.layoutWthBoxC01 .appBox .appBoxInner p{
margin-bottom: 20px;
}
.layoutWthBoxC01 .txtBox{
width: 440px;
margin-left: 20px;
font-size: 12px;
padding: 0 0;
margin-top: -5px;
float: left;
}
.layoutWthBoxC01 .txtBox ul{
padding-left: 10px;
}
.layoutWthBoxC01 .txtBox li{
padding: 1em;
text-indent: -1em;
padding: 0px;
margin: 0px;
}
.layoutWthBoxD01{
}
.layoutWthBoxD01 .image {
height: 271px;
overflow: hidden;
}
.layoutWthBoxD01 .innerBox{
float: left;
height: 271px;
}
.layoutWthBoxD01 .image img{
min-width: 699px;
width: 699px;
min-height: 272px;
height: 272px;
}
.layoutWthBoxD01 .txtbox {
float: right;
margin-right: 40px;
}
.layoutWthBoxD01 .txtbox .txt{
margin-bottom: 28px;
text-indent: -0.5em;
}
.wth_anchor{
/* position: fixed;*/
position: relative;
top: -140px;
left: 700px;
width: 210px;
height: 83px;
z-index: 999;
}
.wth_anchor a{
display: block;
width: 53px;
height: 43px;
overflow: hidden;
position: absolute;
bottom: 0;
left: 0;
}
.wth_anchor a:hover{
display: block;
width: 210px;
height: 83px;
opacity: 0.8;
filter: alpha(opacity=80); /* ie lt 8 */
-ms-filter: "alpha(opacity=80)"; /* ie 8 */
-moz-opacity:0.8; /* FF lt 1.5, Netscape */
-khtml-opacity: 0.8; /* Safari 1.x */
}
.wth_anchor a img{
position: absolute;
bottom: 0;
left: 0;
}
#iframe-weather-box {
margin: 0;
position: relative;
/* top: -83px; 3/10更新時削除*/
}
/**/
.mr-0{
margin-right: 0 !important;
}
.mb-10{
margin-bottom: 10px !important;
}
.ttl{
font-weight: bold;
}
.contactBtn{
text-align: center;
}
.contactBtn a{
display: inline-block;
background: #e3001b;
color: #fff;
padding: 18px 77px;
font-size: 26px;
vertical-align: middle;
text-decoration: none;
font-weight: bold;
border-bottom: 5px solid #B60016;
}
.contactBtn a:hover{
background: #9E0013;
border-bottom: 5px solid #86101D;
}
@media (min-width: 1400px){
.layoutWthBoxB01{
background-size: 100% auto;
}
}
/*--------------------------------------------------
  気象海象情報メニュー改修 2016年2月15日
--------------------------------------------------*/
.layoutWthMapBox{
/*3/10更新時削除*/
height: 560px;
overflow-y: hidden;
}
.mapMenuOut{
background: #f1f1f1;
width: 100%;
height: 88px;
padding: 20px 0 0;
box-sizing: border-box;
/* margin-bottom: 30px;*/
}
.mapMenuInner{
width: 960px;
margin: 0 auto;
}
.mapMenuOut .ttl01{
padding: 13px 0 0;
font-size: 20px;
font-weight: bold;
float: left;
margin-bottom: 0;
width: 237px;
text-align: center;
}
.map_list {
position: relative;
height: 48px;
color: #fff;
float: right;
margin-bottom: 0;
}
.map_list li.menu01 {
margin: 0;
width: 240px;
height: 48px;
background: #fff;
float: left;
}
.map_list li.menu01 > p {
margin: 0;
font-size: 18px;
font-weight: bold;
line-height: 48px;
text-align: center;
color: #000;
}
.map_list li.menu01.active,
.map_list li.menu01:hover {
background: #333;
}
.map_list li.menu01.active > p,
.map_list li.menu01:hover > p {
color: #fff;
}
.map_list li ul {
display: none;
position: absolute;
top: 68px;
left: -240px;
z-index: 999;
width: 960px;
}
.map_list li:hover * {
display: block;
}
.map_list li.menu01:after {
content: "";
display: block;
background: url(/content/images/weather/weather_menu_arw_02.png) no-repeat center center;
width: 240px;
height: 20px;
}
.map_list li.menu01:hover:after {
background: url(/content/images/weather/weather_menu_arw_01.png) no-repeat center center;
}
.map_list li ul li{
width: 240px;
float: left;
line-height: 1.5em;
border-right: 1px solid #4d4d4d;
padding: 0 10px;
background: rgba(0,0,0,0.9);
text-align: left;
box-sizing: border-box;
position: relative;
}
.map_list li ul li div.bg{
width: 239px;
height: 100%;
background: #000;
opacity: 0.5;
display: none;
position: absolute;
top:0;
left: 0;
}
.map_list li ul li:hover:before{
display: none;
}
.map_list li ul li .ttl{
color: #fff;
font-weight: bold;
font-size: 16px;
height: 56px;
line-height: 56px;
text-align: center;
}
.map_list li ul li a{
display: block;
vertical-align: middle;
background: #fff;
width: 218px;
height: 54px;
margin-bottom: 20px;
text-decoration: none;
color: #000;
padding: 5px 9px 8px;
box-sizing: border-box;
}
.map_list li ul li a.current{
background: #c30018;
color: #fff;
}
.map_list li ul li a p{
font-weight: bold;
font-size: 14px;
margin-bottom: 0;
}
.map_list li ul li span{
font-size: 12px;
display: block;
}
.currentLayer{
width: 960px;
margin: 0 auto;
}
.currentLayer dl{
margin-bottom: 0;
}
.currentLayer dt{
background:#c30018;
height: 41px;
width: 69px;
text-align: center;
line-height: 41px;
color: #fff;
font-size: 12px;
float: left;
position: relative;
margin-right: 21px;
font-weight: bold;
}
.currentLayer dt:after{
content: "";
position: absolute;
top: 50%;
right: -8px;
margin-top: -5px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 5px 0 5px 8px;
border-color: transparent transparent transparent #c30018;
}
.currentLayer dd{
font-size: 16px;
height: 41px;
line-height: 41px;
font-weight: bold;
}
/*--------------------------------------------------
  JM-InformU 2016年3月29日
--------------------------------------------------*/
.box_appBoxInner.cs{
position: absolute;
}
.box_appBoxInner.cs .csBox{
background-color: rgba(0,0,0,0.8);
position: absolute;
top: 0;
left: 0;
width: 322px;
height: 146px;
line-height: 146px;
color: #fff;
text-align: center;
vertical-align: middle;
font-size: 18px;
font-weight: bold;
}
#contents-area .block-02 h3{
background: #c30018;
width: 100%;
text-align: center;
color: #fff;
font-size: 16px;
padding: 6px 0;
}
.apr_scene .innerBox{
margin-bottom: 60px;
width: 668px;
height: 223px;
}
.apr_scene .innerBox:nth-of-type(1){
background: url(/content/images/personal/jmInformU/img_scene_01.png)0 0 no-repeat;
}
.apr_scene .innerBox:nth-of-type(2){
background: url(/content/images/personal/jmInformU/img_scene_02.png)0 0 no-repeat;
}
.apr_scene .innerBox:nth-of-type(3){
background: url(/content/images/personal/jmInformU/img_scene_03.png)0 0 no-repeat;
}
.apr_scene .innerBox:nth-of-type(4){
background: url(/content/images/personal/jmInformU/img_scene_04.png)0 0 no-repeat;
}
.apr_scene h3{
font-size: 18px !important;
}
.apr_scene .layer{
position: relative;
}
.apr_scene .bg{
background-color: rgba(0,0,0,0.6);
/* padding: 20px 0 0 115px;*/
width: 668px;
height: 223px;
position: absolute;
top: 0;
left: 0;
/* display: none;*/
}
.apr_scene img{
position: absolute;
left: 0px;
top: 20px;
/* display: none;*/
}
.apr_scene .ballon{
position: absolute;
left: 423px;/*300+246/2*/
top: 120px;/*88+64/2*/
/* display: none;*/
display: inline-block;
background: url(/content/images/personal/jmInformU/bg_bln_01.png);
/* padding: 0px 36px 0px 42px;*/
height: 0px;
width: 0px;
line-height: 64px;
text-align: center;
margin-bottom: 0;
font-size: 0px;
font-weight: bold;
border-radius: 10px; /* CSS3草案 */
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */
}
.apr_scene .ballon p{
margin-bottom: 0;
font-weight: bold;
}
.red-list-01 li span.italic{
display: inline-block;
margin: 10px 0;
}
.dmyAppBnr{
background: #000;
width: 135px;
height: 40px;
display: inline-block;
border-radius: 5px; /* CSS3草案 */
-webkit-border-radius: 5px; /* Safari,Google Chrome用 */
-moz-border-radius: 5px; /* Firefox用 */
}
/*--------------------------------------------------
  JM 利用規約 2016年3月29日
--------------------------------------------------*/
/*2016/04/20追加*/
.termArea h3{
margin:0 0 10px !important;
font-weight:bold !important;
font-size: 18px !important;
}
.termArea h4{
margin:0 0 10px !important;
font-weight:bold !important;
font-size: 16px !important;
}
.termArea ul.number01{
}
.termArea ul.number01 li{
text-indent:-30px;
margin: 0 0 10px 30px;
}
.termArea ul.number02{
padding:0 0 0 30px;
}
.termArea ul.number02 li{
text-indent:-40px;
margin-left:40px;
margin: 0 0 2px 30px;
}
.termArea ul.number03{
padding:0 0 0 0;
}
.termArea ul.number03 li{
text-indent:-40px;
margin-left:40px;
margin: 0 0 2px 30px;
}
.termArea ul.number04{
padding:0 0 0 0;
}
.termArea ul.number04 li{
margin: 0 0 2px 0;
}
.termArea .Box{
margin-bottom: 50px;
}
/*--------------------------------------------------
  右下固定バナー 2016年12月
--------------------------------------------------*/
.bnr_ritbtm{
position: fixed;
right: 16px;
bottom: 16px;
z-index: 999;
}
/*--------------------------------------------------
  jm-weather 2016年12月
--------------------------------------------------*/
.jmwInfo {
margin-bottom: 0;
}
.jmwInfo li{
margin-bottom: 10px;
position: relative;
}
.jmwInfo li:first-child{
letter-spacing: -0.6px;
}
.jmwInfo li .aplabel{
width: 67px;
height: 33px;
line-height: 33px;
background: #000;
color: #fff;
text-align: center;
position: absolute;
}
.jmwInfo li .text{
display: inline-block;
padding-left: 78px;
padding-top: 4px;
}
.jmwInfo li .aplabel.pay{
background: #c30018;
color: #fff;
}
.saleBox.none{
display: none;
}
.saleBox{
width: 667px;
height: 144px;
background: url(/content/images/personal/jmWeather/bg_sale_01.png) no-repeat 0 0;
border-radius: 10px;/* CSS3草案 */
-webkit-border-radius: 10px;/* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */
padding:27px 24px 20px 24px;
box-sizing: border-box;
margin-bottom: 50px;
}
.saleBox h3{
font-size: 1.71em;
color: #fff;
margin-bottom: 20px;
line-height: 35px;
}
.saleBox h3 .label{
width: 86px;
height: 35px;
line-height: 35px;
font-size: 0.58em;
display: inline-block;
background: #c30018;
color: #fff;
text-align: center;
margin-right: 10px;
position: relative;
top: -4px;
}
.saleBox p{
color: #fff;
}
.jmWeather-list-01 li{
float: left;
width:304px;
margin: 0 19px 30px 0;
}
.jmWeather-list-01 li img{
margin: 0 auto 15px !important;
}
.jmWeather-list-01 li:nth-child(even){
margin: 0 0 0 0;
}
h3.fs17{
font-size: 0.7em;
}
/*--------------------------------------------------
  one_stop_service_satellite 2017年3月15日
--------------------------------------------------*/
.oneStopService_FleetXpress_dbl>p,
.oneStopService_FleetXpress_dbl_txt{
float: left;
width: 50%;
}
/*--------------------------------------------------
いけす導入事例 2017年11月2日
--------------------------------------------------*/
.jWatcher-list-ttl{
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
}
.jWatcher-list-01 li span.txt {
text-align: center;
display: block;
}
.jWatcher-list-01 li img{
width: 100%;
}
/*--------------------------------------------------
Option
--------------------------------------------------*/
.m-00{
margin: 0 !important;
}
.mb-05{
margin: 5 !important;
}
.mb-10{
margin-bottom:10px !important;
}
.mb-20{
margin-bottom:20px !important;
}
.mb-30{
margin-bottom:30px !important;
}
.mb-40{
margin-bottom:40px !important;
}
.mb-50{
margin-bottom:50px !important;
}
.mb-60{
margin-bottom:60px !important;
}
.mb-70{
margin-bottom:70px !important;
}
.mb-80{
margin-bottom:80px !important;
}
.mb-100{
margin-bottom:100px !important;
}
.mb-00{
margin-bottom:0 !important;
}
.ml-19{
margin-left: 19px !important;
}
.align-l{
text-align:left !important;
}
.align-c{
text-align:center !important;
}
.align-r{
text-align:right !important;
}
.icon-blank{
padding:0 0 0 13px;
background:url(/assets/files/shared/images/ico_blank.gif) left center no-repeat;
}
.icon-blank-white{
padding:0 0 0 13px;
background:url(/assets/files/shared/images/ico_blank_white.png) left center no-repeat;
}
.icon-blank-black{
padding:0 0 0 13px;
background:url(/assets/files/shared/images/ico_blank_black.png) left center no-repeat;
}
.bold{
font-weight:bold;
}
.clrFix:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}
hr{
border: 0 none;
height: 1px;
margin:0 0 35px 0;
color: #000;
background-color: #000;
}
.last-child{
margin:0 ;
padding:0 ;
}
.noneMargin{
margin:0 !important;
}
.ls_s{
letter-spacing: -0.3px;
}
.italic{
font-style:italic !important;
}
.ast{
font-size: 0.4em;
}
h1 .font_min{
font-size:0.78em;
}
.tooltip-box p.font_min {
font-size: 0.84em;
}
.fs10{
font-size: 0.71em;
}
.fs18{
font-size: 1.285em !important;
}
.fs17{
font-size: 1.214em !important;
}
.fs16{
font-size: 1.1428em !important;
}
.fs15{
font-size: 1.0714em !important;
}
.fs14{
font-size: 1em !important;
}
.fs13{
font-size: 0.9285em !important;
}
.fs12{
font-size: 0.8571em !important;
}
.fs11{
font-size: 0.7857em !important;
}
.fs10{
font-size: 0.7142em !important;
}
.fs-s{
font-size: 0.4em !important;
}
@charset "utf-8";
/*==================================================
Base Layout
Header Area
Global Navigation
Main Visual
Contents Area
Main Area
Aside Area
Footer Area
event parts
==================================================*/
/*--------------------------------------------------
Base Layout
--------------------------------------------------*/
html {
width: 100%;
height: 100%;
}
body {
width: 100%;
height: 100%;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
font-size: 14px;
line-height: 1.7em;
overflow-x: hidden;
}
#wrap {
position: relative;
width: 100%;
height: auto;
min-height: 100%;
overflow: hidden;
}
/*--------------------------------------------------
Header Area
--------------------------------------------------*/
#header {
width: 100%;
position: relative;
background: #fff;
}
.header-inner-top{
width:100%;
height:80px;
overflow: hidden;
}
#header-inner-logo {
width: 960px;
height: 40px;
margin: 0 auto;
padding: 20px 0;
position: relative;
top: 0;
}
#header-inner-logo .logo {
/*float: left;*/
position: absolute;
/*padding:4px 0 0 0 ;*/
}
/*季節のあしらい*/
#header-inner-season {
position: absolute;
top: 0;
z-index: 0;
width: 100%;
height: 80px;
overflow: hidden;
}
#season_ground{
width: 100%;
height: auto;
position: absolute;
top: 155px;
}
div.season_box{
width: 960px;
margin: 0 auto;
position: relative;
}
/* ユーティリティエリア */
div.utility {
/*float: right*/
position: absolute;
right: 0;
/*line-height: 63px;
position: relative;*/
}
div.utility a {
color: #fff;
/* color: #000;*/
text-decoration: none;
}
.utility img {
/*line-height: 63px;*/
vertical-align: middle;
}
.utility ul {
font-size: 1em;
margin-bottom: 0;
}
.utility ul li {
float: left;
margin-right: 30px;
margin-top: 8px;
}
.utility ul li.lang {
width: 74px;
height: 42px;
background: #e2e2e2;
margin-top: -1px;
vertical-align: middle;
margin-right: 0px;
position: relative;
z-index: 0;
}
.utility ul li.lang span.jp{
display: inline-block;
position: absolute;
left: 36px;
top: 4px;
z-index: 2;
}
.utility ul li.lang span.en{
display: inline-block;
position: absolute;
left: 4px;
top: 4px;
z-index: 2;
}
.utility ul li.lang span.siro{
display: inline-block;
width: 34px;
height: 34px;
background: #fff;
position: absolute;
z-index: 1;
display: none;
}
/*//////////////////////////////////////////*/
/* ぱんくず */
#breadcrumb-list {
background: #fff;
margin-top: 123px;
}
#breadcrumb-list #breadcrumb-list-inner {
width: 960px;
margin: 0 auto;
padding: 4px 0 27px;
}
#breadcrumb-list #breadcrumb-list-inner ul {
margin: 0;
}
#breadcrumb-list #breadcrumb-list-inner ul li {
float: left;
margin: 0 10px 0 0;
}
#breadcrumb-list #breadcrumb-list-inner ul li:after {
content: ">";
}
#breadcrumb-list #breadcrumb-list-inner ul li.last-child:after {
content: "";
}
#breadcrumb-list #breadcrumb-list-inner ul li a {
margin: 0 10px 0 0;
color: #c30018;
}
/*--------------------------------------------------
Global Navigation
--------------------------------------------------*/
.header-inner-gnav {
position: absolute;
z-index: 1020 !important;
width: 100%;
top: 80px;
}
.fixed {
position: fixed;
width: 100%;
z-index: 99;
}
.header-inner-gnav-bg {
width: 100%;
height: 75px;
background: #000;
opacity: 0.8;
-ms-filter: "alpha(opacity=80)"; /* ie 8 */
position: absolute;
z-index: 0;
}
.header-inner-gnav-bg.scrolled {
top: 0px;
}
.header-inner-gnav ul {
position: relative;
margin: 0 auto;
padding: 0;
text-align: center;
background: none;
float: left;
}
.header-inner-gnav ul li {
/*float:left;*/
display: table-cell;
/* vertical-align: middle;*/
margin: 0;
color: #fff;
cursor: pointer;
line-height: 0;
vertical-align: top;
}
.header-inner-gnav ul li> a >span.label,
.header-inner-gnav ul li> span.label{
background: #c30018;
display: inline-block;
padding: 3px 8px;
font-size: 10px;
font-weight: bold;
letter-spacing: 0.5px;
position: relative;
line-height: 1em;
}
.header-inner-gnav ul li> a >span.label + img,
.header-inner-gnav ul li> span.label+ img{
display: block;
margin-top:-17px;
}
/* グロナビ */
.header-inner-gnav ul li a {
position: relative;
display: block;
color: #fff;
text-decoration: none;
padding: 0px 0px;
}
.header-inner-gnav ul li.right {
}
.header-inner-gnav ul li.left a {
}
.header-inner-gnav ul li a img{
vertical-align: middle;
}
.header-inner-gnav ul li a.new {
padding: 20px 10px 20px 20px;
}
.header-inner-gnav ul li a .ico {
position: absolute;
top: 25px;
left: 0;
}
.header-inner-gnav ul li a:hover,
.header-inner-gnav ul .current,
.header-inner-gnav ul li.tooltip:hover {
background: #000;
color: #fff;
}
#header-news {
position:absolute;
left:0;
top:155px;
width:100%;
background:#7f7f7f;
color:#fff;
z-index:980;
}
#header-news-top {
position: absolute;
left: 0;
top: 612px;
width: 100%;
background: rgba(0, 0, 0, 0.5); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#66000000,EndColorStr=#66000000);/*IE8以下用*/
color: #fff;
z-index: 980;
}
#header-news-inner {
width: 960px;
height: 34px;
margin: 0 auto;
font-size: 0.857em;
}
.header-news-ico {
display: inline-block;
width: 51px;
height: 28px;
background: #c30018;
color: #fff;
padding: 6px 22px 0;
margin-right: 20px;
font-weight: bold;
text-align: center;
}
.header-news-txt a {
color: #fff;
text-decoration: none;
}
.header-news-txt a:hover {
text-decoration: underline;
}
/* ツールチップ */
.header-inner-gnav ul li.tooltip {
/* line-height: 15px;*/
}
.header-inner-gnav ul li.tooltip div.tooltip-child {
display: none;
position: absolute;
width: 960px;
top: 75px;
left: 0px;
padding: 0 0;
background: url(../images/gnav_tooltip01.png) 269px 5px no-repeat;
z-index: 2147483647;
background: #000;
line-height: 15px;
}
.tooltip-box-wrap:after {
display: block;
clear: both;
height: 0;
visibility: hidden;
content: ".";
}
.tooltip-box-wrap {
width: 960px;
padding: 13px 20px 18px;
margin-right: -59px;
text-align: initial;
}
.tooltip-box {
float: left;
width:293px;
height: 175px;
margin-right: 20px;
}
.tooltip-box a.hover {
padding: 0;
}
/*.tooltip-box:first-child {
margin-right:15px;
}*/
.tooltip-box .img {
margin-bottom: 3px;
min-height: 63px;
}
.tooltip-box .img span.label {
background: #c30018;
display: inline-block;
padding: 7px 12px;
font-size: 12px;
font-weight: bold;
letter-spacing: 0.5px;
position: absolute;
right: 0;
top: 0;
line-height: 1em;
}
.tooltip-box h3 {
font-size: 0.928em;
margin-top: 14px;
margin-bottom: 10px;
font-weight: bold;
text-align: left;
}
.tooltip-box p {
font-size: 0.928em;
text-align: left;
margin-bottom: 33px;
}
.tooltip-indent h3,
.tooltip-indent p {
padding-left: 15px;
}
/* 2015/11 追加  リニューアル*/
.header-inner-gnav-box {
width: 960px;
margin: 0 auto;
vertical-align: middle;
}
.header-inner-gnav-box .logo {
float: left;
position: relative;
}
.header-inner-gnav-box .logo a {
line-height: 63px;
}
.header-inner-gnav-box .logo img {
vertical-align: middle;
}
.header-inner-gnav-box .contact{
float: right;
position: relative;
}
.header-inner-gnav-box .contact a{
display: block;
padding: 21px 0 20px 20px;
}
/*--------------------------------------------------
Main Visual
--------------------------------------------------*/
#mainvisual-child {
background: #000;
margin: 0 0 20px;
}
#mainvisual-child #mainvisual-child-inner {
position: relative;
width: 950px;
margin: 0 auto;
}
#mainvisual-child #mainvisual-child-inner-jmarine {
width: 950px;
height: 534px;
margin: 0 auto;
}
#mainvisual-child #mainvisual-child-inner .catchCopy {
position: absolute;
/*top:50%;*/
left: 0;
/*margin-top:-50px;*/
padding: 20px;
background: #C30018;
color: #fff;
font-size: 2em;
font-weight: bold;
line-height: 1.28;
}
#mainvisual-child #mainvisual-child-inner p.catchCopy_jp {
position: absolute;
top: 167px;
left: 0;
padding: 20px;
background: #C30018;
color: #fff;
font-size: 2em;
font-weight: bold;
line-height: 1.28;
}
/*--------------------------------------------------
Contents Area
--------------------------------------------------*/
#contents-area {
width:960px;
margin: 0 auto;
padding:0 0 106px 0;
background:none;
background-color: none;
}
#contents-area:after {
display: block;
clear: both;
height: 0;
visibility: hidden;
content: ".";
}
.left-content {
float: left;
width: 682px;
margin-bottom: 50px;
}
.right-content {
float: right;
width: 218px;
}
#contact-area-01 {
margin: 0 0 80px 0;
}
#contact-area-02 {
margin: 0 0 80px 0;
padding: 40px 0 0 0;
border-top: 1px solid #000;
}
#contact-area-02 .reception-time {
display: inline-block;
margin: 0;
padding: 10px;
border: 1px solid #d6d6d6;
}
#content-main-double {
position: relative;
/*padding:20px 0 0;*/
}
#content-main-area {
float: left;
width: 668px;
}
#content-aside-area {
position: relative;
float: right;
width: 218px;
}
/*--------------------------------------------------
Main Area
--------------------------------------------------*/
p.pagetop {
position: absolute;
bottom: 260px;
left: 50%;
margin-left: -35px;
z-index: 200;
}
/*--------------------------------------------------
Aside Area
--------------------------------------------------*/
#localNav {
width: 218px;
}
#localNav dt.open {
padding: 24px 63px 27px 13px;
border-bottom: 1px solid #000;
/*background:url(../images/ico_arrow_01.png) 189px center no-repeat #000000;*/
background: url(../images/ico_arrow_01.png) 189px center no-repeat #f2f2f2;
color: #000;
font-weight: bold;
}
#localNav dd {
/*background:#353535;*/
background: #fff;
}
#localNav dd a {
display: block;
padding: 20px 13px 20px;
color: #000;
text-decoration: none;
border-bottom: 1px solid #c8c8c8;
background: url(../images/ico_arrow_03.png) 0 center no-repeat;
}
#localNav dd a:hover {
/*text-decoration:underline;*/
background: url(../images/ico_arrow_03.png) 0 center no-repeat #fbf0f1;
border-bottom: 1px solid #d91109;
}
#localNav dd.child {
margin: 0 0 0 16px;
}
/*--------------------------------------------------
Footer Area
--------------------------------------------------*/
#footer {
/*position:absolute;
bottom:0;
width:100%;
height:106px;*/
}
#footer #footer-logo {
margin: 20px 20px 85px 20px;
}
#footer #footer-copy {
width: auto;
background: #000000;
height: 51px;
}
#footer #footer-copy-inner {
width: 960px;
margin: 0 auto;
line-height: 50px;
background: #000000;
}
#footer #footer-copy-inner p {
padding: 0;
}
#footer #footer-copy-inner a{
color:#fff;
text-decoration: none;
font-size: 12px;
}
#footer #footer-copy-inner a:hover{
border-bottom: 1px solid #fff;
}
#footer #footer-copy-inner a:before{
content: "";
background: url(/assets/files/shared/images/ico_arrow_04.png);
width: 4px;
height: 5px;
display: inline-block;
margin-right: 5px;
position: relative;
top: -2px;
left: 0;
}
#footer #footer-copy-inner .blk_l{
float: left;
}
#footer #footer-copy-inner .blk_r{
float: right;
}
#footer #footer-copy-inner img {
vertical-align: middle;
}
#footer #footer-copy-inner span {
vertical-align: middle;
color: #fff;
font-size:11px;
}
#footer #footer-copy-inner span a{
margin-right: 20px;
}
#footer-link {
background: #dddddd;
padding: 70px 0 50px;
height: 152px;
}
#footer-link-inner {
width: 960px;
margin: 0 auto;
}
.link-wrap:after {
display: block;
clear: both;
height: 0;
visibility: hidden;
content: ".";
}
/*.link-wrap {
margin-right:-20px;
}*/
.link-wrap dl {
float: left;
margin: 0 15px 0 0;
}
.link-wrap dt {
font-weight: bold;
font-size: 0.857em;
}
.link-wrap dt a {
color: #000000;
text-decoration: none;
letter-spacing: 1.2px;
}
.link-wrap dt a:hover {
text-decoration: underline;
}
.link-wrap dd {
margin: 0 0 6px 0;
line-height: 1.5;
font-size: 0.857em;
padding-left: 15px;
background: url(/assets/files/shared/images/ico_arrow_01.png) 2px 6px no-repeat;
}
.link-wrap dd.blank {
font-size: 0.857em;
padding-left: 15px;
background: url(/assets/files/shared/images/ico_blank.gif) 2px 7px no-repeat;
}
.link-wrap dd a {
color: #000000;
text-decoration: none;
letter-spacing: 1.2px;
}
.link-wrap dd a:hover {
text-decoration: underline;
}
.txt-xsmall {
font-size: 0.786em;
}
/*--------------------------------------------------
event parts
--------------------------------------------------*/
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<title>Privacy Policy</title>
</head>
<body id="sp">
<div id="wrap">
<div id="header">
<div class="box_wrap">
<h2>Privacy Policy<br></h2>
<h3>I. General Provisions<br></h3>
<p>Last revised:1/12/2023</p>
<p>Japan Radio Co., Ltd. (“we”, “us” or “our”) processes your personal data collected in the context of our Smart Ship Viewer services (“Services”) in accordance with the applicable laws and this Privacy Policy (this “Policy”). In this Policy, personal data primarily refers to any data, whether true or not, about an individual who can be identified from that data, or from that data and other information to which we have or are likely to have access and is defined under the applicable personal data protection laws.</p>
<h3>Contact Information<br></h3>
<p>We are responsible for your personal data as a data controller. If you have any question or would like to uphold your rights, please contact us at:</p>
<p>Mail: Japan Radio Co., Ltd.</p>
<p>NAKANO CENTRAL PARK EAST 4-10-1 Nakano, Nakano-Ku,</p>
<p>Tokyo 164-8570, Japan</p>
<p>Fax: +81-3-6832-0436</p>
<h3>Categories of personal data we collect <br></h3>
<p>We collect and process the following personal data in the context of our Services.<br></p>
<p>Information You Provide</p>
<p>•Information from the application form - When you start using our Services, an application form will be needed. This form includes the following information: company name, department, the name of the contact person, and the contact person’s email address.</p>
<p>•Account Information - User registration is done by the user themselves. When you register an account in our Services, you will need to provide us with your account name, user ID, email address, and password.</p>
<p>*You are required to provide us with certain personal data when you register or sign in our Services. Personal data that is mandatory is indicated in the relevant forms. We are not able to provide our Services to you if such data is not provided.</p>
<p>•The information provided through your inquires or contact.</p>
<p>•The information submitted to us through screens, emails, documents, and other means (including chat log).</p>
<p>•GPS information of the device (used only within the device to provide service functions with the prior consent of the user, and will not be transmitted or stored outside the device)<br></p>
<p>Information We Collect Automatically</p>
<p>•Usage Information–When you interact with our Services, we automatically collect technical data regarding your usage of our Services, including pages that you visit and links you click on, online identifier (cookie etc. But We do not collect IP address) or device information (language, browser type, etc.).<br></p>
<p>No Sensitive Personal Data or Personal Data of Minors</p>
<p>In principle we do not obtain sensitive personal data and personal data relating to criminal offences except in cases where it meets the requirements of the applicable laws. We also do not intend or wish to obtain personal data of or from minors.<br></p>
<p></p>
<p>To learn more about our use of cookies or similar technology please check our Cookies Policy.</p>
<h3>How we use your personal data <br></h3>
<p>We use personal data for the following purposes:</p>
<p>(a) for registration to our Services, identity authentication when using our Services, and user management. The lawful basis for these uses is your consent or to pursue our legitimate interests in providing our Services.</p>
<p>(b) to prevent and respond to fraudulent or unauthorized activities and other unlawful actions. The lawful basis for these uses is your consent, to pursue our legitimate interests in protecting our users, or to comply with our legal obligations.</p>
<p>(c) to provide and maintain our Services. The lawful basis for these uses is your consent or to pursue our legitimate interests in improving our Services and giving our users the best experience.</p>
<p>(d) to collect and settle the fees of our Services. The lawful basis for these uses is your consent or to pursue our legitimate interests in providing our Services.</p>
<p>(e) to provide information about our products and services. The lawful basis for this use is your consent.</p>
<p>(f) for the ongoing improvement of our services, conducting surveys, and implementing marketing initiatives. The lawful basis for these uses is your consent or to pursue our legitimate interests in improving our Services and giving our users the best experience.</p>
<p>(g) for responding to inquiries and communicating with you. The lawful basis for this use is your consent.</p>
<h3>How we share your personal data <br></h3>
<p>We may share your personal data in the following ways:</p>
<p>(a) Our Agents or our Group Companies</p>
<p>We may obtain your personal data through our agents or group companies to initiate and provide your use of our Services.</p>
<p>(b)Subsidiaries as Business Partners</p>
<p>To provide and enhance our services, we may provide your personal data to group companies to whom we have entrusted the development of our Services.</p>
<p>(c)Sharing Registration Information with Your Company</p>
<p>We share your registration information to your company to use our Services. (a) We may share your personal data with third parties to the extent necessary to comply with any court order, law or legal process, including to respond to any government or regulatory request;</p>
<p>(b) We may share your information with a third party to the extent permitted under the applicable law and/or your consent.</p>
<p>(c) We may share your registration information with your company for its use of our Services; and</p>
<p>(d) We may share your personal data with software vendors, payment service providers and other service providers to the extent necessary for the operation of our Services.<br></p>
<p>You acknowledge and agree that your information (including your personal data) may be hosted, disclosed, accessed by, and/or transferred to third parties outside of your country of residence (including for storage or processing). We will ensure that where personal data is transferred outside of your country of residence, such recipients will protect such personal data to a standard at least comparable to the standard afforded under the applicable law of your country of residence and such transfer will be undertaken without any violation of the appliable law of your country of residence.</p>
<h3>Data security <br></h3>
<p>We have implemented measures designed to secure your personal information from accidental loss and from unauthorized access, use, alteration and disclosure. For more information on the measures we will take, please contact us at the address listed in Contact Information above.</p>
<h3>Data retention<br></h3>
<p>We retain your personal data for a period of 7 months maximum after your account is deleted, except where legal requirements imposing that we keep your personal data longer or less longer apply.</p>
<h3>Your rights<br></h3>
<p>You have the right to ask us: for a copy of your personal data; to correct or delete your personal data; to restrict (stop any active) processing of your personal data; and to send you a copy of your personal data you have provided to us in a structured, machine-readable format. In addition, you can object to the processing of your personal data under certain conditions (for further information, see the section below entitled “Your right to object to processing”). Please note that these rights are subject to the exceptions under the applicable laws.</p>
<p>To exercise any of these rights, please contact us in writing at the address listed in Contact Information above.</p>
<h3>Your right to object to processing<br></h3>
<p>You have the right to object at any time to the processing of your personal data which is based on our legitimate interests. When we process your personal data for direct marketing purposes, you have an absolute right to opt out of such processing.
To exercise this right, please contact us in writing at the address listed in Contact Information above.
</p>
<h3>Withdrawing consent <br></h3>
<p>Wherever we rely on your consent in order to process your personal data, you have the right to withdraw that consent at any time. Such withdrawal does not affect the lawfulness of any processing performed pursuant to the consent given prior to the withdrawal.</p>
<p>To exercise this right, please contact us in writing at the address listed in Contact Information.</p>
<h3>Change of this Policy<br></h3>
<p>We may change this Policy from time to time and notify you of the changes by posting them on this page or the home page of our Services, sending emails to your registered email address or other measures we think appropriate. You are responsible for periodically visiting our Service and this Policy to check for any changes. Your continued access and use of our Services after we make such changes will be deemed to be acceptance of those changes.</p>
</div>
</div><!-- box_wrap -->
</body>
</html>
\ No newline at end of file
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<title>Term of Use</title>
</head>
<body id="sp">
<div id="wrap">
<div id="header">
<div class="box_wrap">
<h2>Term of Use<br></h2>
<h3>I. General Provisions<br></h3>
<p>1. These Terms of Use (the"Terms") set forth the terms of use between each person who uses the various websites, services, content, etc. (meaning the"Services, etc." as defined in Article 1, paragraph 1; the same applies) provided through Smart Ship Viewer, a set of cloud-based information services operated by Japan Radio Co., Ltd. ("JRC"), on the one hand, and JRC and any of its subsidiaries or agencies or other third parties to which JRC outsources services (collectively, the"JRC Agencies, etc."), on the other hand, under which all Customers are allowed to use the relevant Services, etc. Only after reading and accepting the provisions of these Terms shall the Customer be entitled to use the relevant Services, etc. and Data (meaning"Data" as defined in Article 1, paragraph 2; the same applies) provided through information obtained from the relevant Services, etc.</p>
<p>2. In the event of any inconsistency or conflict between any guidelines or other detailed rules, etc. individually established for any of the Services, etc. in association with these Terms, etc. ("Individual Detailed Rules, etc.") and these Terms, the Individual Detailed Rules, etc. shall prevail over these Terms.</p>
<h3>Article 1: Definitions<br></h3>
<p>1."Services, etc." collectively refers to the various websites, services, content, etc. provided by JRC mainly for the operation management of ships, and includes the software associated with use of these services, content, etc. (the"Software") and (if any of the Services, etc. are updated) the relevant updated services, content, etc.
The Services, etc. means the websites, services, content, etc. listed in Exhibit 1.</p>
<p>2."Data" means all data provided by the Services, etc.</p>
<h3>Article 2: Intellectual Property Rights<br></h3>
<p>All intellectual property rights in the Services, etc. are the property of JRC or the third parties which licensed rights to JRC. The granting to the Customer hereunder of a license to use Software and Data in connection with the relevant Services, etc. does not mean any transfer of rights or whatsoever to the Customer.</p>
<h3>Article 3: Grant of License<br></h3>
<p>JRC shall grant to the Customer a non-exclusive, non-transferable right to use Software and Data provided by JRC, solely on the Customer"s intended product in accordance with these Terms and for the purpose of using various features related to the relevant Services, etc.</p>
<h3>Article 4: Conditions of Use<br></h3>
<p>1. The Customer acknowledges that the Customer will comply with all applicable laws and regulations in, and is solely responsible for, creating, maintaining and managing an environment required to use the relevant Services, etc., as well as downloading, installing, uninstalling and using Software.</p>
<p>2. Use of the relevant Services, etc. separately requires an Internet environment and a packet communication connection.</p>
<p>3. In some cases, the Services, etc. may not be able to be used with the latest data due to a temporary inability to download Data caused by the location being outside the network connection area or by a deterioration of the communication environment.</p>
<p>4. The Customer acknowledges that if Software or Data is deleted or uninstalled, all Data downloaded by the Customer to the customer"s intended product (excluding the PCs and smart devices owned by the Customer) will be deleted entirely.</p>
<h3>Article 5: Prohibited Activities<br></h3>
<p>1. Unless expressly permitted in the Service, etc., JRC shall prohibit the Customer from reprinting, copying, reproducing, transferring, extracting, processing, modifying, making transmittable, or making any other secondary use of, any Software or Data, or lending, selling, redistributing, transmitting to the public or sublicensing, or otherwise allowing or causing third parties to use, any Software or Data. The Customer shall not analyze or modify any Software or Data by disassembling, decompiling, reverse engineering or otherwise.</p>
<p>2. The Customer shall not engage in any act which: (i) infringes or may infringe any rights of JRC or any other third party in any Software or Data; (ii) causes or may cause disadvantage or damage to JRC or any other third party; or (iii) interferes or may interfere with the operation of the Services, etc.</p>
<h3>Article 6: Disclaimer<br></h3>
<p>1. JRC and the JRC Agencies, etc. shall be released from any liability for any damage incurred by the Customer or any third party due to any cause not attributable to JRC or the JRC Agencies, etc. or as a result of any of the following events:</p>
<p>(1) The Customer"s breach of these Terms.</p>
<p>(2) Any inconsistency between Data and the actual condition.</p>
<p>(3) Use of any of the Services, etc. on anything other than the devices on which such Services, etc. are allowed to be used (i.e., other than the intended products).</p>
<p>(4) Any adaptation or modification of the map renewal application or any Software.</p>
<p>(5) Any combination with other data or program or product.</p>
<p>(6) Any viral infection.</p>
<p>(7) Any natural disasters or other force majeure.</p>
<p>(8) Any other event in which, in JRC"s opinion, the Customer has engaged in an inappropriate action or omission.</p>
<p>(9) Any other cause not attributable to JRC or the JRC Agencies, etc.</p>
<p>2. JRC and the JRC Agencies, etc. make no warranty to the Customer against defects, etc. in the operation of the intended products or the map renewal application or Software in the event set forth in item (3) of the preceding paragraph.</p>
<p>3. The location information and map information (including around information) provided by the Services, etc. may differ from the actual condition. The Services, etc. are provided on an "as is" basis. JRC and the JRC Agencies, etc. make no warranty, express or implied, for the Services, etc. including the accuracy, completeness or fitness for a particular purpose of any Data or the normal operation or functionality of any Software on the intended products.</p>
<p>4. JRC and the JRC Agencies, etc. make no warranty, express or implied, for Software's non-infringement of third-party intellectual property rights.</p>
<p>5. If the Customer cannot use the relevant Services, etc. due to a deterioration of the communication environment in which communication for the relevant Services, etc. (including communication through which the Customer accesses the Services, etc. communication through which data is transmitted from the Customer’s ship, etc.to the Services, etc. and communication between an external data provider contracted by JRC and the Services, etc.) takes place or due to any other trouble, JRC and the JRC Agencies, etc. shall assume no liability for any damage incurred by the Customer.</p>
<p>6. Other than as set forth in the preceding 5. paragraphs, JRC and the JRC Agencies, etc. shall assume no liability for the Customer’s inability to use any of the relevant Services, etc. or for any damage (including, without limitation, damage caused by an accident or lost operating profit) incurred by the Customer in connection with the Customer use of the relevant Services, etc., except in the event of intent or gross negligence on the part of JRC or any of the JRC Agencies, etc. If the Customer incurs any damage due to intent or gross negligence on the part of JRC or any of the JRC Agencies, etc., JRC and the JRC Agencies, etc. shall assume liability to compensate for such damage within the extent of damage that can normally occur and up to the amount of usage fees for the Paid Services (meaning the Paid Services as set forth in Article 20 of “II. Service Contract and Use”) (or the amount equivalent to one [1] month’s usage fee in the case of a continuous service) paid by the Customer.</p>
<h3>Article 7: Change, Suspension and Discontinuation of the Services, etc.<br></h3>
<p>1. JRC may, without prior notice and at its own discretion, improve the features for, add, discontinue, change, delete or make inaccessible, the content and the distribution method of the Services, etc., and JRC and the JRC Agencies, etc. shall assume no liability to compensate for any damage incurred by the Customer as a result of such improvement of the features, addition, discontinuation, changes, deletion or inaccessibility.</p>
<p>2. JRC may, without prior notice to the Customer, suspend all or part of the distribution of the Services, etc. in the event of necessity for, among other things, regular or emergency maintenance of, or works on, or measures against failures of, the equipment, etc. required for the distribution of the Services, etc., or in cases where the distribution of the Services, etc. becomes impossible due to an accident, natural disasters, force majeure, discontinuation of the provision of telecommunications services by a telecommunications carrier, or any other cause not attributable to JRC, or where JRC considers that such suspension is inevitable for operational or technical reasons. In such case, JRC and the JRC Agencies, etc. shall assume no liability to compensate the Customer for any damage incurred by the Customer.</p>
<h3>Article 8: Handling of Personal Information<br></h3>
<p>1. The Customer is advised not to operate or watch self-intended product and the relevant Services, etc. while operating a ship, etc. or a vehicle, etc. (including a car, motorcycle, bicycle, etc.; the same applies hereinafter), as doing so would entail great risk. The Customer is advised to always ensure safe conditions before operating or watching the intended product and the relevant Services, etc. JRC and the JRC Agencies, etc. shall assume no liability for any accident, etc. caused by the Customer while operating or watching the intended product and the relevant Services, etc.</p>
<p>2. Information provided by the Services, etc. may differ from the actual condition. The Customer shall use the relevant Service, etc. at self own risk, in accordance with the actual condition and all applicable marine traffic rules and all applicable traffic rules for vehicles, etc.</p>
<p>3. Location information, which represents positioning results, provided by the Services, etc. may not display position or may have a margin of error from the actual location, depending on the environment in which the Services, etc. are used or on the condition of the radio wave from the GPS satellite. JRC and the JRC Agencies, etc. shall assume no liability for any errors in relevant information caused by the degree of accuracy of such location information.</p>
<p>4. JRC will not recover data provided by the Services, etc. or transmitted by the Client to the Services, etc. in the event of loss of data. JRC and the JRC Agencies, etc. shall assume no liability for any loss of data related to any of the Services, etc.</p>
<p>5. If JRC needs to check the Customer’s compliance with applicable laws and regulations or these Terms of Use or any other status of the Customer, JRC may check the content of the articles posted by the Customer on the Services, etc. to the extent not violating any applicable laws or regulations. However, JRC shall not be obligated to do such check.</p>
<h3>Article 10: Amendment<br></h3>
<p>1. JRC shall amend these Terms without the prior consent of the Customer.</p>
<p>2. When JRC will amend these Terms under the preceding paragraph, JRC will notify the Customer of, or post on the Services, etc. a notice of, the scheduled amendment of these Terms, the provisions of these Terms as amended, and the effective date of the amendment.</p>
<h3>Article 11: Termination<br></h3>
<p>If the Customer breaches or is likely to breach these Terms, JRC may, without any notice or demand, suspend or terminate the provision of the relevant Services, etc. to the Customer. If JRC or any of the JRC Agencies, etc. incurs any damage as a result of such suspension or termination, JRC or the relevant JRC Agency, etc. may claim compensation for such damage from the Customer.</p>
<h3>Article 12: Governing Law and Jurisdiction<br></h3>
<p>These Terms shall be governed by the laws of Japan. In the event of any question or dispute arising in relation to these Terms between the Customer and JRC or any of the JRC Agencies, etc., such question or dispute shall be resolved through good-faith consultation, failing which the parties agree that the Tokyo District Court shall have exclusive jurisdiction as the court of first instance over such question or dispute.</p>
<h3>Article 13: General<br></h3>
<p>1. Any notice or notification from JRC to the Customer will be given by posting on the Services, etc., by transmission via email or otherwise, or by any other means deemed appropriate by JRC.</p>
<p>2. Any notice or notification as referred to in the preceding paragraph, which is given by posting on the Services, etc. or by email transmission shall become effective upon JRC’s posting or transmission of such notice or notification.</p>
<h3>II. Service Contract and Use<br></h3>
<p>Part II, “Service Contract and Use” (referred to as “this Part” in Part II), specifically sets forth: (i) the service contract required for the Customer to use the Services, etc. provided by JRC; (ii) the points to note, etc. in the Customer’s use of such Services, etc.</p>
<h3>Article 14: Application<br></h3>
<p>The Customer shall apply for a service contract for any of the Services, etc. by accepting the provisions of these Terms and pursuant to the procedures and methods prescribed by JRC or the relevant JRC Agency, etc.</p>
<h3>Article 15: Approval and Revocation of Approval<br></h3>
<p>1. Upon receipt from the Customer of an application for a service contract for any of the Services, etc., JRC or the relevant JRC Agency, etc. will lend to the Customer, or specify, information required by the Customer to manage its own organization on the relevant Services, etc. (the “Customer’s Organizational Information”). Such lending or specification, as the case may be, shall be deemed to constitute the approval by JRC or the relevant JRC Agency, etc. of such application and, concurrently with such approval, a service contract for the relevant Services, etc. between the Customer and JRC or the relevant JRC Agency, etc. shall be deemed to be concluded.</p>
<p>2. Use of the Services, etc. shall be made through the Customer’s own user account. The information necessary to authenticate the user account and the user (the “Authentication Information”) will be set on the dedicated registration page. A link to the registration page will be sent via email distributed by JRC.</p>
<p>3. If any of the following events occurs in respect of the Customer who has applied for a service contract for any of the Services, etc. or who uses any of the Services, etc., JRC or the relevant JRC Agency, etc. may choose not to approve the application notwithstanding the provisions of the preceding paragraph or may revoke the lending or specification of the existing Customer’s Organizational Information or revoke the approval of the application.</p>
<p>(1) The Customer’s registered information or personal information provided to JRC or the relevant JRC Agency, etc. contains false information.</p>
<p>(2) The Customer engages in any of the prohibited activities set forth in Article 5.</p>
<p>(3) JRC or the relevant JRC Agency, etc. considers that the Customer’s use of the relevant Services, etc. is not appropriate for operational or technical reasons.</p>
<h3>Article 16: Points to Note<br></h3>
<p>1. The Customer shall use and manage the Authentication Information (including strengthening the password ) at self own responsibility.</p>
<p>2. In principle, JRC or the relevant JRC Agency, etc. shall not for any reason reissue the Authentication Information lent to or registered by the Customer. However, the foregoing shall not apply if the Customer submits an application for reissue pursuant to the procedure and method separately prescribed by JRC or the relevant JRC Agency, etc.</p>
<p>3. JRC or the relevant JRC Agency, etc. prohibits the Customer from lending to a third party the Authentication Information lent to the Customer or specified under this Part and allowing or causing such third party to use such Authentication Information, or borrowing and using any Authentication Information lent to a third party or otherwise using such Authentication Information in an unauthorized manner (collectively, “Unauthorized Use, etc.” in this Part).</p>
</div>
</div><!-- box_wrap -->
</body>
</html>
\ No newline at end of file
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<title>Privacy Policy - Smart Ship Viewer</title>
<style type="text/css">
body {
color: #202020;
background-color: #ededf0;
font-size: 1rem;
margin: 2rem 3rem 3rem 3rem;
font: 'Roboto', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
}
h4 {
margin: 3em 0 1.2em;
border-left: 3px solid currentColor;
padding-left: 8px;
line-height: 1;
}
a {
color: #21bdd1;
text-decoration: underline;
}
#version-text {
text-align: right;
}
#ul-li-none {
list-style: none;
}
ol li {
list-style-type: none;
counter-increment: cnt;
}
ol li::before {
content: "(" counter(cnt, lower-alpha) ") ";
display: inline-block;
margin-left: -3.5em;
width: 3em;
text-align: right;
position: absolute;
}
</style>
</head>
<body>
<h1>Privacy Policy</h1>
<p id="version-text">
Last update: Jan 30, 2024
</p>
<hr>
<p>
Japan Radio Co., Ltd. (“we”, “us” or “our”) processes your personal data collected in the context of our Smart
Ship Viewer services (“Services”) in accordance with the applicable laws and this Privacy Policy (this
“Policy”). In this Policy, personal data primarily refers to any data, whether true or not, about an individual
who can be identified from that data, or from that data and other information to which we have or are likely to
have access and is defined under the applicable personal data protection laws.
</p>
<h4>Contact Information</h4>
<p>
We are responsible for your personal data as a data controller. If you have any question or would like to uphold
your rights, please contact us at:
<br><br>
Mail: Japan Radio Co., Ltd.
<br>
NAKANO CENTRAL PARK EAST 4-10-1 Nakano, Nakano-ku,
<br>
Tokyo 164-8570, Japan
<br>
Fax: +81-3-6832-0436
<br>
Inquiry: <a href="https://www.jrc.co.jp/en/contact/jmarinecloud" target="_blank" rel="noopener noreferrer">J-MARINE CLOUD Inquiry Form</a>
</p>
<h4>Categories of personal data we collect</h4>
<p>
We collect and process the following personal data in the context of our Services.<br><br>
</p>
<p>Information You Provide</p>
<ul>
<li>
Information from the application form - When you start using our Services, an application form will be
needed. This form includes the following information: company name, department, the name of the contact
person, and the contact person's email address.
</li>
<li>
Account Information - User registration is done by the user themselves. When you register an account in our
Services, you will need to provide us with your account name, user ID, email address, and password.<br>
*You are required to provide us with certain personal data when you register or sign in our Services.
Personal data that is mandatory is indicated in the relevant forms. We are not able to provide our Services
to you if such data is not provided.
</li>
<li>
The information provided through you inquires or contact.
</li>
<li>
The information submitted to us through screens, emails, documents, and other means (including chat log).
</li>
<li>
GPS information of the device (used only within the device to provide service functions with the prior
consent of the user, and will not be transmitted or stored outside the device)
</li>
</ul>
<p>Information We Collect Automatically</p>
<ul>
<li>
Usage Information - When you interact with our Services, we automatically collect technical data regarding
your usage of our Services, including pages that you visit and links you click on, online identifier (cookie
etc. But We do not collect IP address) or device information (language, browser type, etc.).
</li>
</ul>
<p>No Sensitive Personal Data or Personal Data of Minors</p>
<ul id="ul-li-none">
<li>
In principle we do not obtain sensitive personal data and personal data relating to criminal offences except
in cases where it meets the requirements of the applicable laws. We also do not intend or wish to obtain
personal data of or from minors.
</li>
</ul>
<p>To learn more about our use of cookies or similar technology please check our <a href="./cookie.html" target="_blank" rel="noopener noreferrer">Cookie
Policy</a>.</p>
<h4>How we use your personal data</h4>
<p>
We use personal data for the following purposes:
</p>
<ol>
<li>
for registration to our Services, identity authentication when using our Services, and user management. The
lawful basis for these uses is your consent or to pursue our legitimate interests in providing our Services.
</li>
<li>
to prevent and respond to fraudulent or unauthorized activities and other unlawful actions. The lawful basis
for these uses is your consent, to pursue our legitimate interests in protecting our users, or to comply
with our legal obligations.
</li>
<li>
to provide and maintain our Services. The lawful basis for these uses is your consent or to pursue our
legitimate interests in improving our Services and giving our users the best experience.
</li>
<li>
to collect and settle the fees of our Services. The lawful basis for these uses is your consent or to pursue
our legitimate interests in providing our Services.
</li>
<li>
to provide information about our products and services. The lawful basis for this use is your consent.
</li>
<li>
for the ongoing improvement of our services, conducting surveys, and implementing marketing initiatives. The
lawful basis for these uses is your consent or to pursue our legitimate interests in improving our Services
and giving our users the best experience.
</li>
<li>
for responding to inquiries and communicating with you. The lawful basis for this use is your consent.
</li>
</ol>
<h4>How we share your personal data</h4>
<p>
We may share your personal data in the following ways:
</p>
<ol>
<li>
Our Agents or our Group Companies<br>
We may obtain your personal data through our agents or group companies to initiate and provide your use of
our Services.
</li>
<li>
Subsidiaries as Business Partners<br>
To provide and enhance our services, we may provide your personal data to group companies to whom we have entrusted the development of our Services.
</li>
<li>
Sharing Registration Information with Your Company<br>
We share your registration information to your company to use our Services.(a) We may share your personal data with third parties to the extent necessary to comply with any court order, law or legal process, including to respond to any government or regulatory request;
</li>
<li>
We may share your information with a third party to the extent permitted under the applicable law and/or your consent;
</li>
<li>
We may share your registration information with your company for its use of our Services; and
</li>
<li>
We may share your personal data with software vendors, payment service providers and other service providers to the extent necessary for the operation of our Services.
</li>
</ol>
<p>
You acknowledge and agree that your information (including your personal data) may be hosted, disclosed, accessed by, and/or transferred to third parties outside of your country of residence (including for storage or processing). We will ensure that where personal data is transferred outside of your country of residence, such recipients will protect such personal data to a standard at least comparable to the standard afforded under the applicable law of your country of residence and such transfer will be undertaken without any violation of the appliable law of your country of residence.
</p>
<h4>Data security</h4>
<p>
We have implemented measures designed to secure your personal information from accidental loss and from unauthorized access, use, alteration and disclosure. For more information on the measures we take, please contact us at the address listed in Contact Information above.
</p>
<h4>Data retention</h4>
<p>
We retain your personal data for a period of 7 days maximum after your account is deleted, except where legal requirements imposing that we keep your personal data longer or less longer apply.
</p>
<h4>Your rights</h4>
<p>
You have the right to ask us: for a copy of your personal data; to correct or delete your personal data; to restrict (stop any active) processing of your personal data; and to send you a copy of your personal data you have provided to us in a structured, machine readable format. In addition, you can object to the processing of your personal data under certain conditions (for further information, see the section below entitled “Your right to object to processing”). Please note that these rights are subject to the exceptions under the applicable laws.<br>
To exercise any of these rights, please contact us in writing at the address listed in Contact Information above.
</p>
<h4>Your right to object to processing</h4>
<p>
You have the right to object at any time to the processing of your personal data which is based on our legitimate interests. When we process your personal data for direct marketing purposes, you have an absolute right to opt out of such processing.<br>
To exercise this right, please contact us in writing at the address listed in Contact Information above.
</p>
<h4>Withdrawing consent</h4>
<p>
Wherever we rely on your consent in order to process your personal data, you have the right to withdraw that consent at any time. Such withdrawal does not affect the lawfulness of any processing performed pursuant to the consent given prior to the withdrawal.<br>
To exercise this right, please contact us in writing at the address listed in Contact Information.
</p>
<h4>Change of this Policy</h4>
<p>
We may change this Policy from time to time and notify you of the changes by posting them on this page or the home page of our Services, sending emails to your registered email address or other measures we think appropriate. You are responsible for periodically visiting our Service and this Policy to check for any changes. Your continued access and use of our Services after we make such changes will be deemed to be acceptance of those changes.
</p>
</body>
</html>
\ No newline at end of file
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<title>Terms of Use - Smart Ship Viewer</title>
<style type="text/css">
body {
color: #202020;
background-color: #ededf0;
font-size: 1rem;
margin: 2rem 3rem 3rem 3rem;
font: 'Roboto', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
}
h4 {
margin: 3em 0 1.2em;
border-left: 3px solid currentColor;
padding-left: 8px;
line-height: 1;
}
a {
color: #21bdd1;
text-decoration: underline;
}
.version-text {
text-align: right;
}
ol li {
padding-top: 0em;
padding-bottom: 0.7em;
}
ol{
margin-left: 1rem;
padding-left: 0;
}
.num-ol li {
list-style-type: none;
counter-increment: cnt;
margin-left: 1rem;
padding-left: 0;
padding-top: 0.1em;
padding-bottom: 0.1em;
}
.num-ol li::before {
content: "(" counter(cnt) ") ";
display: inline-block;
margin-left: -2.5em;
width: 2em;
text-align: right;
position: absolute;
}
.text-accent {
color: #202020;
}
.ul-under-ol li{
list-style-type: disc;
margin-left: -1.5rem;
counter-increment: none;
}
.ul-under-ol li::before{
content: none;
}
</style>
</head>
<body>
<h1>Smart Ship Viewer Term of Use</h1>
<hr>
<h3>I. General Provisions</h3>
<ol>
<li>
These Terms of Use (the “Terms”) set forth the terms of use between each person who uses the various websites, services, content, etc. (meaning the “Services, etc.” as defined in Article 1, paragraph 1; the same applies hereinafter) provided through Smart Ship Viewer, a set of cloud-based information services operated by Japan Radio Co., Ltd. (“JRC”) (a “Customer”), on the one hand, and JRC and any of its subsidiaries or agencies or other third parties to which JRC outsources services (collectively, the “JRC Agencies, etc.”), on the other hand, under which all Customers are allowed to use the relevant Services, etc. Only after reading and accepting the provisions of these Terms shall the Customer be entitled to use the relevant Services, etc. and Data (meaning “Data” as defined in Article 1, paragraph 2; the same applies hereinafter) provided through information obtained from the relevant Services, etc.
</li>
<li>
In the event of any inconsistency or conflict between any guidelines or other detailed rules, etc.
individually established for any of the Services, etc. in association with these Terms, etc. (“Individual
Detailed Rules, etc.”) and these Terms, the Individual Detailed Rules, etc. shall prevail over these Terms.
</li>
</ol>
<h4>Article 1: Definitions</h4>
<ol>
<li>
“Services, etc.” collectively refers to the various websites, services, content, etc. provided by JRC mainly
for the operation management of ships, and includes the software associated with use of these services,
content, etc. (the “Software”) and (if any of the Services, etc. are updated) the relevant updated services,
content, etc.<br>
The Services, etc. means the websites, services, content, etc. listed in Exhibit 1 (<a href="https://ssv-data.jmarinecloud.com/policy/exhibit1.html" target="_blank" rel="noopener noreferrer">https://ssv-data.jmarinecloud.com/policy/exhibit1.html</a>).
</li>
<li>
“Data” means all data provided by the Services, etc.
</li>
</ol>
<h4>Article 2: Intellectual Property Rights</h4>
<p>
All intellectual property rights in the Services, etc. are the property of JRC or the third parties which licensed rights to JRC. The granting to the Customer hereunder of a license to use Software and Data in connection with the relevant Services, etc. does not mean any transfer of rights or whatsoever to the Customer.
</p>
<h4>Article 3: Grant of License</h4>
<p>
JRC grant to the Customer a non-exclusive, non-transferable right to use Software and Data provided by JRC, solely on the Customer's intended product in accordance with these Terms and for the purpose of using various features related to the relevant Services, etc.
</p>
<h4>Article 4: Conditions of Use</h4>
<ol>
<li>
The Customer acknowledges that the Customer will comply with all applicable laws and regulations in, and is solely responsible for, creating, maintaining and managing an environment required to use the relevant Services, etc., as well as downloading, installing, uninstalling and using Software.
</li>
<li>
Use of the relevant Services, etc. separately requires an Internet environment and a packet communication connection.
</li>
<li>
In some cases, the Services, etc. may not be able to be used with the latest data due to a temporary inability to download Data caused by the location being outside the network connection area or by a deterioration of the communication environment.
</li>
<li>
The Customer acknowledges that if Software or Data is deleted or uninstalled, all Data downloaded by the Customer to the customer's intended product (excluding the PCs and smart devices owned by the Customer) will be deleted entirely.
</li>
</ol>
<h4>Article 5: Prohibited Activities</h4>
<ol>
<li>
Unless expressly permitted in the Service, etc., JRC prohibit the Customer from reprinting, copying, reproducing, transferring, extracting, processing, modifying, making transmittable, or making any other secondary use of, any Software or Data, or lending, selling, redistributing, transmitting to the public or sublicensing, or otherwise allowing or causing third parties to use, any Software or Data. The Customer shall not analyze or modify any Software or Data by disassembling, decompiling, reverse engineering or otherwise.
</li>
<li>
The Customer may not engage in any act which: (i) infringes or may infringe any rights of JRC or any other third party in any Software or Data; (ii) causes or may cause disadvantage or damage to JRC or any other third party; or (iii) interferes or may interfere with the operation of the Services, etc.
</li>
</ol>
<h4>Article 6: Disclaimer</h4>
<ol>
<li>
JRC and the JRC Agencies, etc. shall be released from any liability for any damage incurred by the Customer or any third party due to any cause not attributable to JRC or the JRC Agencies, etc. or as a result of any of the following events:
<ol class="num-ol">
<li>
The Customer's breach of these Terms.
</li>
<li>
Any inconsistency between Data and the actual condition.
</li>
<li>
Use of any of the Services, etc. on anything other than the devices on which such Services, etc. are allowed to be used (i.e., other than the intended products).
</li>
<li>
Any adaptation or modification of the map renewal application or any Software.
</li>
<li>
Any combination with other data or program or product.
</li>
<li>
Any viral infection.
</li>
<li>
Any act of God or other force majeure.
</li>
<li>
Any other event in which, in JRC's opinion, the Customer has engaged in an inappropriate action or omission.
</li>
<li>
Any other cause not attributable to JRC or the JRC Agencies, etc.
</li>
</ol>
</li>
<li>
JRC and the JRC Agencies, etc. make no warranty to the Customer against defects, etc. in the operation of the intended products or the map renewal application or Software in the event set forth in item (3) of the preceding paragraph.
</li>
<li>
The location information and map information (including around information) provided by the Services, etc. may differ from the actual condition. The Services, etc. are provided on an “as is” basis. JRC and the JRC Agencies, etc. make no warranty, express or implied, for the Services, etc. including the accuracy, completeness or fitness for a particular purpose of any Data or the normal operation or functionality of any Software on the intended products.
</li>
<li>
JRC and the JRC Agencies, etc. make no warranty, express or implied, for Software's non-infringement of third-party intellectual property rights.
</li>
<li>
If the Customer cannot use the relevant Services, etc. due to a deterioration of the communication environment in which communication for the relevant Services, etc. (including communication through which the Customer accesses the Services, etc. communication through which data is transmitted from the Customer's ship, etc.to the Services, etc. and communication between an external data provider contracted by JRC and the Services, etc.) takes place or due to any other trouble, JRC and the JRC Agencies, etc. shall assume no liability for any damage incurred by the Customer.
</li>
<li>
Other than as set forth in the preceding 5. paragraphs, JRC and the JRC Agencies, etc. shall assume no liability for the Customer's inability to use any of the relevant Services, etc. or for any damage (including, without limitation, damage caused by an accident or lost operating profit) incurred by the Customer in connection with his/her/its use of the relevant Services, etc., except in the event of intent or gross negligence on the part of JRC or any of the JRC Agencies, etc. If the Customer incurs any damage due to intent or gross negligence on the part of JRC or any of the JRC Agencies, etc., JRC and the JRC Agencies, etc. shall assume liability to compensate for such damage within the extent of damage that can normally occur and up to the amount of usage fees for the Paid Services (meaning the Paid Services as set forth in Article 20 of “II. Service Contract and Use”) (or the amount equivalent to one [1] month's usage fee in the case of a continuous service) paid by the Customer.
</li>
</ol>
<h4>Article 7: Change, Suspension and Discontinuation of the Services, etc.</h4>
<ol>
<li>
JRC may, without prior notice and at its own discretion, improve the features for, add, discontinue, change, delete or make inaccessible, the content and the distribution method of the Services, etc., and JRC and the JRC Agencies, etc. shall assume no liability to compensate for any damage incurred by the Customer as a result of such improvement of the features, addition, discontinuation, changes, deletion or inaccessibility.
</li>
<li>
JRC may, without prior notice to the Customer, suspend all or part of the distribution of the Services, etc. in the event of necessity for, among other things, regular or emergency maintenance of, or works on, or measures against failures of, the equipment, etc. required for the distribution of the Services, etc., or in cases where the distribution of the Services, etc. becomes impossible due to an accident, act of God, force majeure, discontinuation of the provision of telecommunications services by a telecommunications carrier, or any other cause not attributable to JRC, or where JRC considers that such suspension is inevitable for operational or technical reasons. In such case, JRC and the JRC Agencies, etc. shall assume no liability to compensate the Customer for any damage incurred by the Customer.
</li>
</ol>
<h4>Article 8: Handling of Personal Information</h4>
<p>
JRC and the JRC Agencies, etc. will comply with the Act on the Protection of Personal Information and all other applicable laws and regulations, and will handle, pursuant to the <span class="text-accent">Smart Ship Viewer Privacy Policy (<a href="https://ssv-data.jmarinecloud.com/policy/privacy.html" target="_blank" rel="noopener noreferrer">https://ssv-data.jmarinecloud.com/policy/privacy.html</a>) </span>separately published by JRC, all personal information of the Customer obtained by JRC in the course of the Customer's use of the relevant Services, etc.
</p>
<h4>Article 9: Cautions</h4>
<ol>
<li>
The Customer is advised not to operate or watch his/her/its intended product and the relevant Services, etc. while operating a ship, etc. or a vehicle, etc. (including a car, motorcycle, bicycle, etc.; the same applies hereinafter), as doing so would entail great risk. The Customer is advised to always ensure safe conditions before operating or watching the intended product and the relevant Services, etc. JRC and the JRC Agencies, etc. shall assume no liability for any accident, etc. caused by the Customer while operating or watching the intended product and the relevant Services, etc.
</li>
<li>
Information provided by the Services, etc. may differ from the actual condition. The Customer shall use the relevant Service, etc. at his/her/its own risk, in accordance with the actual condition and all applicable marine traffic rules and all applicable traffic rules for vehicles, etc.
</li>
<li>
Location information, which represents positioning results, provided by the Services, etc. may not display position or may have a margin of error from the actual location, depending on the environment in which the Services, etc. are used or on the condition of the radio wave from the GPS satellite. JRC and the JRC Agencies, etc. shall assume no liability for any errors in relevant information caused by the degree of accuracy of such location information.
</li>
<li>
JRC will not recover data provided by the Services, etc. or transmitted by the Client to the Services, etc. in the event of loss of data. JRC and the JRC Agencies, etc. shall assume no liability for any loss of data related to any of the Services, etc.
</li>
<li>
If JRC needs to check the Customer's compliance with applicable laws and regulations or these Terms of Use or any other status of the Customer, JRC may check the content of the articles posted by the Customer on the Services, etc. to the extent not violating any applicable laws or regulations. However, JRC shall not be obligated to do such check.
</li>
</ol>
<h4>Article 10: Amendment</h4>
<ol>
<li>
JRC may amend these Terms without the prior consent of the Customer.
</li>
<li>
When JRC will amend these Terms under the preceding paragraph, JRC will notify the Customer of, or post on the Services, etc. a notice of, the scheduled amendment of these Terms, the provisions of these Terms as amended, and the effective date of the amendment.
</li>
</ol>
<h4>Article 11: Termination</h4>
<p>
If the Customer breaches or is likely to breach these Terms, JRC may, without any notice or demand, suspend or terminate the provision of the relevant Services, etc. to the Customer. If JRC or any of the JRC Agencies, etc. incurs any damage as a result of such suspension or termination, JRC or the relevant JRC Agency, etc. may claim compensation for such damage from the Customer.
</p>
<h4>Article 12: Governing Law and Jurisdiction</h4>
<p>
These Terms shall be governed by the laws of Japan. In the event of any question or dispute arising in relation to these Terms between the Customer and JRC or any of the JRC Agencies, etc., such question or dispute shall be resolved through good-faith consultation, failing which the parties agree that the Tokyo District Court shall have exclusive jurisdiction as the court of first instance over such question or dispute.
</p>
<h4>Article 13: General</h4>
<ol>
<li>
Any notice or notification from JRC to the Customer will be given by posting on the Services, etc., by transmission via email or otherwise, or by any other means deemed appropriate by JRC.
</li>
<li>
Any notice or notification as referred to in the preceding paragraph, which is given by posting on the Services, etc. or by email transmission shall become effective upon JRC's posting or transmission of such notice or notification.
</li>
</ol>
<br>
<h3>II. Service Contract and Use</h3>
<p>
Part II, “Service Contract and Use” (hereinafter referred to as “this Part” in Part II), specifically sets forth: (i) the service contract required for the Customer to use the Services, etc. provided by JRC; (ii) the points to note, etc. in the Customer's use of such Services, etc.
</p>
<h4>Article 14: Application</h4>
<p>
The Customer shall apply for a service contract for any of the Services, etc. by accepting the provisions of these Terms and pursuant to the procedures and methods prescribed by JRC or the relevant JRC Agency, etc.
</p>
<h4>Article 15: Approval and Revocation of Approval</h4>
<ol>
<li>
Upon receipt from the Customer of an application for a service contract for any of the Services, etc., JRC or the relevant JRC Agency, etc. will lend to the Customer, or specify, information required by the Customer to manage its own organization on the relevant Services, etc. (the “Customer's Organizational Information”). Such lending or specification, as the case may be, shall be deemed to constitute the approval by JRC or the relevant JRC Agency, etc. of such application and, concurrently with such approval, a service contract for the relevant Services, etc. between the Customer and JRC or the relevant JRC Agency, etc. shall be deemed to be concluded.
</li>
<li>
Use of the Services, etc. shall be made through the Customer's own user account. The information necessary to authenticate the user account and the user (the “Authentication Information”) will be set on the dedicated registration page. A link to the registration page will be sent via email distributed by JRC.
</li>
<li>
If any of the following events occurs in respect of the Customer who has applied for a service contract for any of the Services, etc. or who uses any of the Services, etc., JRC or the relevant JRC Agency, etc. may choose not to approve the application notwithstanding the provisions of the preceding paragraph or may revoke the lending or specification of the existing Customer's Organizational Information or revoke the approval of the application.
<ol class="num-ol">
<li>
The Customer's registered information or personal information provided to JRC or the relevant JRC Agency, etc. contains false information.
</li>
<li>
The Customer engages in any of the prohibited activities set forth in Article 5.
</li>
<li>
JRC or the relevant JRC Agency, etc. considers that the Customer's use of the relevant Services, etc. is not appropriate for operational or technical reasons.
</li>
</ol>
</li>
</ol>
<h4>Article 16: Points to Note</h4>
<ol>
<li>
The Customer shall use and manage the Authentication Information (including strengthening the password) at his/her/its own responsibility.
</li>
<li>
In principle, JRC or the relevant JRC Agency, etc. shall not for any reason reissue the Authentication Information lent to or registered by the Customer. However, the foregoing shall not apply if the Customer submits an application for reissue pursuant to the procedure and method separately prescribed by JRC or the relevant JRC Agency, etc.
</li>
<li>
JRC or the relevant JRC Agency, etc. prohibits the Customer from lending to a third party the Authentication Information lent to the Customer or specified under this Part and allowing or causing such third party to use such Authentication Information, or borrowing and using any Authentication Information lent to a third party or otherwise using such Authentication Information in an unauthorized manner (collectively, “Unauthorized Use, etc.” in this Part).
</li>
<li>
If the Customer discovers any Unauthorized Use, etc., the Customer shall promptly inform JRC or the relevant JRC Agency, etc. thereof and shall follow any instructions, etc. that may be given by JRC or such JRCA Agency, etc.
</li>
<li>
The Customer shall bear any damage, loss, etc. incurred by the Customer as a result of any error in the use or management of self Authentication Information, or any error in the registration of his/her/its Authentication Information on the registration page as referred to in Article 15, paragraph 2, or any Unauthorized Use, etc. of self Authentication Information. JRC and the JRC Agencies, etc. assumes no liability for any such error or Unauthorized Use, etc.
</li>
</ol>
<h4>Article 17: Suspension and Termination of Use</h4>
<ol>
<li>
Suspension of use<br>
JRC and the JRC Agencies, etc. may suspend the Customer's use of the relevant Services, etc. in the event of the Customer's breach of “Article 16: Points to Note” of this Part.
</li>
<li>
Termination of use<br>
The Customer's use of the relevant Services, etc. shall terminate in any of the following events:
<ol class="num-ol">
<li>
The Customer may, at his/her/its own discretion, terminate his/her/its use of the relevant Services, etc. pursuant to the procedures and methods prescribed by JRC or the relevant JRC Agencies, etc.
</li>
<li>
If the Customer has engaged in any of the activities listed in “Article 5: Prohibited Activities” and if the Customer fails to correct the relevant activity despite receipt of a demand for its correction within a reasonable period, then JRC or the relevant JRC Agency, etc. may terminate the Customer's use of the relevant Services, etc.
</li>
<li>
If the Customer has engaged in any of the activities listed in “Article 5: Prohibited Activities” and if JRC considers that it is appropriate to immediately terminate the Customer's use of the relevant Services, etc. on the grounds, among others, of the Customer's history of acts constituting the same prohibited activity or the severity of the Customer's breach committed by engaging in such prohibited activity, JRC or the relevant JRC Agency, etc. may terminate the Customer's use of the relevant Services, etc. with immediate effect notwithstanding the provisions of the preceding item.
</li>
</ol>
</li>
</ol>
<h4>Article 18: Outsourcing</h4>
<ol>
<li>
JRC may outsource to any of the JRC Agencies, etc. all or part of the execution of service contracts for the Services, etc. and the services related thereto (including, without limitation, responding to inquiries from the Customer and providing information and suggestions on the Services, etc. to the Customer) as well as the usage fee collection services.
</li>
<li>
If, in the course of outsourcing services under the preceding paragraph, JRC provides the relevant JRC Agency, etc. with the Customer's personal information, JRC shall do so by limiting the use of such information to the scope of such outsourcing, and the handling of such personal information shall be subject to the <span class="text-accent">Smart Ship Viewer Privacy Policy (<a href="https://ssv-data.jmarinecloud.com/policy/privacy.html" target="_blank" rel="noopener noreferrer">https://ssv-data.jmarinecloud.com/policy/privacy.html</a>)</span> separately published by JRC.
</li>
</ol>
<h4>Article 19: Handling of Customer Data</h4>
<ol>
<li>
JRC and the JRC Agencies, etc. shall comply with the Act on the Protection of Personal Information and all other applicable laws and regulations, and will handle, pursuant to the <span class="text-accent">Smart Ship Viewer Privacy Policy (the “Privacy Policy”) (<a href="https://ssv-data.jmarinecloud.com/policy/privacy.html" target="_blank" rel="noopener noreferrer">https://ssv-data.jmarinecloud.com/policy/privacy.html</a>)</span> separately published by JRC, all personal information of the Customer obtained by JRC in the course of the Customer's use of the relevant Services, etc.
</li>
<li>
The Services, etc. will collect the following information in addition to the information specified in the Privacy Policy:
<ol class="num-ol">
<li>
Information collected from JRC products installed on the ship (“JRC products”):
<ul class="ul-under-ol">
<li>
The ship's identification information (the ship's name and IMO number)
</li>
<li>
Latitude and longitude (ship position)
</li>
<li>
Ship speed
</li>
<li>
Course Over Ground and Heading
</li>
<li>
Radar images
</li>
<li>
AIS information
</li>
<li>
Other information collected by the VDR (main engine RPM, rudder angle, etc.)
</li>
<li>
Route information
</li>
<li>
Navigation data on NeCST
</li>
<li>
Playback data (NeCST and VDR)
</li>
<li>
Ocean wave information
</li>
<li>
Maintenance information, including alarm pack
</li>
</ul>
</li>
<li>
Information collected from the smart phone app:
<ul class="ul-under-ol">
<li>
Notification distances registered during fuel changeover tasks
</li>
<li>
Statuses of registration, commencement, cancellation, non-completion, and completion of fuel changeover tasks
</li>
<li>
Status of notification of fuel changeover tasks
</li>
<li>
GPS information on the device (this information will be used on the device only and will not be sent to the server)
</li>
</li>
</ol>
</li>
<li>
JRC may not only utilize the information specified in the preceding paragraph, excluding GPS information on the device, to provide the Customer with the Services, etc. (including its utilization by any contractor to which the operation of the Services, etc. is contracted out) but also: (i) use such information to diagnose JRC products within JRC and the JRC Agencies, etc.; and (ii) provide such information to third parties after summarizing and analyzing it and making it into data that does not allow the identification of the ship.
</li>
<li>
Notwithstanding the provisions of the preceding three paragraphs, if JRC is required to disclose Customer Data by any applicable law or regulation, any order of any public agency, or any other requirement equivalent to any of the above, JRC may disclose such Customer Data to the extent required. However, if JRC is so required to disclose Customer Data, JRC shall, without delay, notify the Customer thereof in advance to the extent not violating any legal obligation.
</li>
<li>
The application for use may be provided to JRC and the JRC Agencies, etc. in order to provide the Services, etc.
</li>
</ol>
<h4>Article 20: Paid Services</h4>
<ol>
<li>
Those Services, etc. provided by JRC to the Customer on a paid basis (the “Paid Services”) shall be listed, together with fees for them, in the price list provided by JRC or the JRC Agencies, etc.
</li>
<li>
If the Customer wishes to use a Paid Service, the Customer shall submit an application for such service after checking and accepting the details of and the fee for the service (including the matters specified in Articles 21 through 23) pursuant to the preceding paragraph.
</li>
</ol>
<h4>Article 21: Procedures for Use and Termination of Paid Services</h4>
<ol>
<li>
Prior to using a Paid Service, the Customer shall choose one of the plans from the list of services. If the Customer completes the procedure for changing the plan, a changeover to the successor plan shall take place after the operation to reflect the change.
</li>
<li>
If the Customer wishes to terminate a Paid Service, the Customer shall do so by completing the termination procedure separately prescribed by JRC.
</li>
</ol>
<h4>Article 22: Fee Payment Methods, etc.</h4>
<ol>
<li>
The methods of payment of the usage fees for Paid Services shall be described on the price list or the application form for a service contract for Services, etc. provided by JRC or the relevant JRC Agencies, etc.
</li>
<li>
JRC and the JRC Agencies, etc. shall be under no obligation to make any refund (including partial refund on a pro-rata basis) of usage fees paid by the Customer for any reason.
</li>
<li>
The Customer acknowledges in advance that use of certain features of the Services, etc. attracts communication charges in addition to the applicable usage fees.
</li>
<li>
If the Customer fails to pay usage fees, JRC or the relevant JRC Agency, etc. may suspend or terminate the Customer's use of the relevant Services, etc. without any notice or demand.
</li>
</ol>
<h4>Article 23: Change of Usage Fees</h4>
<p>
JRC or the relevant JRC Agencies, etc. may, if they deem necessary, change the usage fees for Paid Services. Any changes in usage fees shall be described on the price list or the application form for a service contract for Services, etc. provided by JRC or the relevant JRC Agencies, etc.
</p>
<h4>Exhibit 1</h4>
<p>
The various websites, services, content, etc. provided through Smart Ship Viewer, a set of cloud-based information services operated by Japan Radio Co., Ltd., are as follows:
</p>
<ul>
<li>
Smart Ship Viewer
</li>
<li>
J-Marine NeCST
</li>
<li>
NeCST Manager
</li>
<li>
SSV Mobile
</li>
<li>
Sail Assist
</li>
</ul>
<br>
<p>
Supplementary Provisions:<br>
Effective date: Jan 30, 2024<br>
<!--
Revised date: MM DD, 2024<br>
Revised date: MM DD, 2024<br>
-->
</p>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment