@charset "utf-8";

body { -webkit-text-size-adjust: 100%; }

/*============================
#mainPanelArea
============================*/
#mainPanelArea { background: #f2f2f2; position: relative; height: 760px; min-width: 1120px; }
#mainPanelArea ul.bxslider01 { height: 760px; overflow: hidden; }
#mainPanelArea ul.bxslider01 li { height: 760px; }
#mainPanelArea ul.bxslider01 li.slide1 { background: url(../../imageFile/bg_mainPanel_01.png) no-repeat center top; text-indent: -9999px; }
#mainPanelArea ul.bxslider01 li.slide2 { background: url(../../imageFile/bg_mainPanel_02.png) no-repeat center top; text-indent: -9999px; }
#mainPanelArea ul.bxslider01 li.slide3 { background: url(../../imageFile/bg_mainPanel_03.png) no-repeat center top; text-indent: -9999px; }
#mainPanelArea ul.bxslider01 li.slide4 { background: url(../../imageFile/bg_mainPanel_04.png) no-repeat center top; text-indent: -9999px; }

#mainPanelArea #bx-pager { position: absolute; width: 980px; top: 735px; left: 50%; margin-left: -490px; text-align: center; }
#mainPanelArea #bx-pager a { display: inline-block; margin-left: 40px; }
#mainPanelArea #bx-pager a:first-child { margin-left: 0; }
#mainPanelArea #bx-pager a:hover { opacity: 1; }

#mainPanelArea .externalLink { position: absolute; top: 40px; left: 50%; margin-left: 200px; z-index: 99; }
#mainPanelArea .externalLink ul li { float: left; margin-left: 20px; }
#mainPanelArea .externalLink ul li:first-child { margin-left: 0; }
#mainPanelArea .externalLink ul li a { color: #fff; padding: 8px 16px; border: solid 2px #fff; white-space: nowrap; font-size: 1.125em; }
#mainPanelArea .title { position: absolute; top: 50%; left: 0; margin-top: -120px; width: 100%; text-align: center; }

/*============================
#naviArea
============================*/
#naviArea { background: #000; padding-top: 60px; padding-bottom: 50px; min-width: 1120px; }
#naviArea ul { width: 1080px; margin: 0 auto; }
#naviArea ul li { float: left; width: 520px; margin-left: 40px; position: relative; background: url(../../imageFile/icon_arrow_bottom.png) no-repeat center 110px; }
#naviArea ul li:first-child { margin-left: 0; }
#naviArea ul li a { display: block; padding-top: 35px; padding-bottom: 50px; border: solid 2px #fff; }
#naviArea ul li a .caption { position: absolute; left: 0; top: -18px; width: 100%; text-align: center; }
#naviArea ul li a .caption img {}
#naviArea ul li a .subCopy { color: #fff; text-align: center; }
#naviArea ul li a .courseName { color: #fff; text-align: center; font-size: 2em; margin-top: 10px; }

/*============================
#plan01
============================*/
#plan01 { background: url(../../imageFile/bg_plan01Panel.png) no-repeat center top; padding-top: 130px; min-width: 1120px;  }
#plan01 .internalLink { width: 1120px; margin: 0 auto; margin-bottom: 60px; }
#plan01 .internalLink .topCopy { position: relative; background: #413939; }
#plan01 .internalLink .topCopy .number { width: 140px; height: 140px; text-align: center; background: #2c2323; }
#plan01 .internalLink .topCopy .number img { margin-top: 35px;}
#plan01 .internalLink .topCopy .name { position: absolute; left: 140px; top: 0; width: 640px; height: 140px; background: #fff; }
#plan01 .internalLink .topCopy .name .pad { padding: 40px 40px 0; }
#plan01 .internalLink .topCopy .name .pad .lead {}
#plan01 .internalLink .topCopy .name .pad .catch { font-size: 2.5em; margin-top: 10px; }
#plan01 .internalLink .topCopy .subCopy { color: #fff; padding: 30px 360px 30px 30px; line-height: 1.75; font-size: 1em; }
#plan01 .internalLink .topCopy .rightLink { position: absolute; width: 340px; right: 0; top: 0; background: #e7e7e7; }
#plan01 .internalLink .topCopy .rightLink ul li { border-top: solid 1px #ccc; }
#plan01 .internalLink .topCopy .rightLink ul li:first-child { border-top: none; }
#plan01 .internalLink .topCopy .rightLink ul li a { display: block; padding-left: 25px; height: 70px; line-height: 70px; font-size: 1.25em; color: #555; }

#plan01 .content { background: url(../../imageFile/bg_line.png) repeat-x center 100px; }
#plan01 .content .koma { width: 1120px; height: 800px; margin: 0 auto; position: relative;}
#plan01 .content .koma .leftKoma {}
#plan01 .content .koma .leftKoma .title { font-size: 2.5em; padding-left: 10px; }
#plan01 .content .koma .leftKoma .text { font-size: 1em; margin-top: 96px; padding: 0 820px 0 70px; line-height: 1.3; }
#plan01 .content .koma .leftKoma .transferIcon { position: absolute; left: 0; top: 70px; }
#plan01 .content .koma .leftKoma .transferIcon img {}
#plan01 .content .koma .rightKoma { position: absolute; right: 0; top: 70px; }
#plan01 .content .koma .rightKoma .mainPhoto {}
#plan01 .content .koma .rightKoma .mainPhoto img {}
#plan01 .content .koma .rightKoma .subPHoto { margin-top: 40px; }
#plan01 .content .koma .rightKoma .subPHoto ul {}
#plan01 .content .koma .rightKoma .subPHoto ul li { float: left; margin-left: 40px; }
#plan01 .content .koma .rightKoma .subPHoto ul li:first-child { margin-left: 0; }
#plan01 .content .koma .rightKoma .subPHoto ul li img {}

#plan01 .others { width: 1120px; margin: 60px auto 0; }
#plan01 .others .map {}
#plan01 .others .map iframe { border: 0; pointer-events: none; }
#plan01 .others .train {}
#plan01 .others .train .routeMap {}
#plan01 .others .train .routeMap img {}
#plan01 .others .pass { background: #fff; margin-top: 60px; border: solid 5px #e5e5e5; display: table; width: 100%; }
#plan01 .others .pass .leftPass { display: table-cell; vertical-align: middle; padding: 40px 60px; }
#plan01 .others .pass .leftPass .title { font-size: 2em; padding-bottom: 30px; border-bottom: dotted 1px #ccc; }
#plan01 .others .pass .leftPass .copy { margin-top: 30px; line-height: 1.5; }
#plan01 .others .pass .leftPass .button { margin-top: 30px; }
#plan01 .others .pass .leftPass .button a { background: #000 url(../../imageFile/icon_arrow_right.png) no-repeat 90% center; color: #fff; padding: 12px 40px 10px 20px; font-size: 1em; }
#plan01 .others .pass .rightPass { display: table-cell; vertical-align: middle; padding: 40px; }
#plan01 .others .pass .rightPass img {}

/*============================
#plan02
============================*/
#plan02 { background: url(../../imageFile/bg_plan02Panel.png) no-repeat center top; padding-top: 130px; margin-top: 80px; min-width: 1120px;  }
#plan02 .internalLink { width: 1120px; margin: 0 auto; margin-bottom: 60px; }
#plan02 .internalLink .topCopy { position: relative; background: #413939; }
#plan02 .internalLink .topCopy .number { width: 140px; height: 140px; text-align: center; background: #2c2323; }
#plan02 .internalLink .topCopy .number img { margin-top: 35px;}
#plan02 .internalLink .topCopy .name { position: absolute; left: 140px; top: 0; width: 640px; height: 140px; background: #fff; }
#plan02 .internalLink .topCopy .name .pad { padding: 40px 40px 0; }
#plan02 .internalLink .topCopy .name .pad .lead {}
#plan02 .internalLink .topCopy .name .pad .catch { font-size: 2.5em; margin-top: 10px; }
#plan02 .internalLink .topCopy .subCopy { color: #fff; padding: 30px 360px 30px 30px; line-height: 1.75; font-size: 1em; }
#plan02 .internalLink .topCopy .rightLink { position: absolute; width: 340px; right: 0; top: 0; background: #e7e7e7; }
#plan02 .internalLink .topCopy .rightLink ul li { border-top: solid 1px #ccc; }
#plan02 .internalLink .topCopy .rightLink ul li:first-child { border-top: none; }
#plan02 .internalLink .topCopy .rightLink ul li a { display: block; padding-left: 25px; height: 70px; line-height: 70px; font-size: 1.25em; color: #555; }
#plan02 .internalLink .topCopy .rightLink ul li a span { font-size: 0.75em; margin-left: 10px; }

#plan02 .content { background: url(../../imageFile/bg_line.png) repeat-x center 100px; }
#plan02 .content .koma { width: 1120px; height: 800px; margin: 0 auto; position: relative;}
#plan02 .content .koma .leftKoma {}
#plan02 .content .koma .leftKoma .title { font-size: 2.5em; padding-left: 10px; }
#plan02 .content .koma .leftKoma .text { font-size: 1em; margin-top: 96px; padding: 0 820px 0 70px; line-height: 1.4; }
#plan02 .content .koma .leftKoma .transferIcon { position: absolute; left: 0; top: 70px; }
#plan02 .content .koma .leftKoma .transferIcon img {}
#plan02 .content .koma .rightKoma { position: absolute; right: 0; top: 70px; }
#plan02 .content .koma .rightKoma .mainPhoto {}
#plan02 .content .koma .rightKoma .mainPhoto img {}
#plan02 .content .koma .rightKoma .subPHoto { margin-top: 40px; }
#plan02 .content .koma .rightKoma .subPHoto ul {}
#plan02 .content .koma .rightKoma .subPHoto ul li { float: left; margin-left: 40px; }
#plan02 .content .koma .rightKoma .subPHoto ul li:first-child { margin-left: 0; }
#plan02 .content .koma .rightKoma .subPHoto ul li img {}

#plan02 .others { width: 1120px; margin: 60px auto 0; }
#plan02 .others .map {}
#plan02 .others .map iframe { border: 0; pointer-events: none; }
#plan02 .others .train {}
#plan02 .others .train .routeMap {}
#plan02 .others .train .routeMap img {}
#plan02 .others .pass { background: #fff; margin-top: 60px; border: solid 5px #e5e5e5; display: table; width: 100%; }
#plan02 .others .pass .leftPass { display: table-cell; vertical-align: middle; padding: 40px 60px; }
#plan02 .others .pass .leftPass .title { font-size: 2em; padding-bottom: 30px; border-bottom: dotted 1px #ccc; }
#plan02 .others .pass .leftPass .copy { margin-top: 30px; line-height: 1.5; }
#plan02 .others .pass .leftPass .button { margin-top: 30px; }
#plan02 .others .pass .leftPass .button a { background: #000 url(../../imageFile/icon_arrow_right.png) no-repeat 90% center; color: #fff; padding: 12px 40px 10px 20px; font-size: 1em; }
#plan02 .others .pass .rightPass { display: table-cell; vertical-align: middle; padding: 40px; }
#plan02 .others .pass .rightPass img {}

/*============================
#bottomArea
============================*/
#bottomArea { background: #333; border-top: solid 10px #000; margin-top: 60px; text-align: center; padding: 60px 0; min-width: 1120px; }
#bottomArea .pad { width: 1120px; margin: 0 auto; text-align: left; }
#bottomArea .osaka { float: left; width: 540px; }
#bottomArea .osaka .miniPanel { width: 540px; height: 288px; background: url(../../imageFile/photo_shopOsaka.png) no-repeat left center; line-height: 1.5; text-indent: -9999px; }
#bottomArea .osaka .info { background: #fff; padding: 40px; }
#bottomArea .osaka .info table { border-top: dotted 1px #ddd; }
#bottomArea .osaka .info table tbody {}
#bottomArea .osaka .info table tbody tr {}
#bottomArea .osaka .info table tbody tr th { padding: 10px; border-bottom: dotted 1px #ddd; line-height: 1.5; width: 70px;}
#bottomArea .osaka .info table tbody tr td { padding: 10px; border-bottom: dotted 1px #ddd; word-break: break-all; line-height: 1.5; }
#bottomArea .osaka .info table tbody tr td a {}
#bottomArea .osaka .info .image { margin-top: 30px; }
#bottomArea .osaka .info .image img {}
#bottomArea .kyoto { float: right; width: 540px; }
#bottomArea .kyoto .miniPanel { width: 540px; height: 288px; background: url(../../imageFile/photo_shopKyoto.png) no-repeat left center; text-indent: -9999px; }
#bottomArea .kyoto .info { background: #fff; padding: 40px; }
#bottomArea .kyoto .info table { border-top: dotted 1px #ddd; }
#bottomArea .kyoto .info table tbody {}
#bottomArea .kyoto .info table tbody tr {}
#bottomArea .kyoto .info table tbody tr th { padding: 10px; border-bottom: dotted 1px #ddd; line-height: 1.5; width: 80px; }
#bottomArea .kyoto .info table tbody tr td { padding: 10px; border-bottom: dotted 1px #ddd; word-break: break-all; line-height: 1.5; }
#bottomArea .kyoto .info table tbody tr td a {}
#bottomArea .kyoto .info .image { margin-top: 30px; }

/*============================
#copyright
============================*/
#copyright { margin-top: 40px; text-align: center; padding-bottom: 40px; }
#copyright a { display: inline-block; padding: 8px 32px 8px 12px; color: #fff; margin-top: 20px; background: #06c url(../../imageFile/icon_more.png) no-repeat 92% center; }